html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color: #ffffff;
  position: relative;
}
/* This issue relates to container + toggle menu with a result of overflow. */
html.hidden-menu-mobile-lock {
 /* overflow-x: hidden; FIX1 */
}

body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color:#ffffff;
  direction: ltr;
}
body { overflow: hidden; }
.ajax-loading-animation 
{
  padding-left: 20px;
}
/* when mobile menu is active */
body.mobile-view-activated.hidden-menu {
  overflow-x: hidden;
}
/*  HEADER GROUP */
#header {
  display: block;
  height: 49px;
  margin: 0;
  padding: 0 13px 0 0;
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
  background-repeat: repeat-x;
  position: relative;
  z-index: 905;
  overflow: hidden;
}
.header_div {
  display: inline-block;
  vertical-align: middle;
  height: 49px;
  float: left;
}

#logo-group *
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#logo-group {
  width: 220px;
  }

#logo-group > span {
  display: inline-block;
  float: left;
}
#logo {
  display: inline-block;
  width: 127px;
}
#logo img {
  width: 220px;
  height: 49px;
}
#module { margin-left: 10px; }
.scenario .module_btn
{
  padding-left: 6px;
}
aside
{
  display: block;
  min-height: 100%;
}

/* LEFT PANEL */
#left-panel {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000008;
	padding-top: 49px;
	width: 220px;
	-webkit-transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
	transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
	-webkit-transform: translate(0px, 0px) translateZ(0px);
	background: #3a3633;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiMzYTM2MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmEyNzI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
	background: -moz-linear-gradient(left, #3a3633 93%, #2a2725 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(93%, #3a3633), color-stop(100%, #2a2725));
	background: -webkit-linear-gradient(left, #3a3633 93%, #2a2725 100%);
	background: -o-linear-gradient(left, #3a3633 93%, #2a2725 100%);
	background: -ms-linear-gradient(left, #3a3633 93%, #2a2725 100%);
	background: linear-gradient(to right, #3a3633 93%, #2a2725 100%);
}
.fixed-navigation #left-panel {
  position: fixed;
  width: 220px;
  height: 100%;
}
.fixed-navigation nav {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  padding-bottom: 49px;
/*  overflow-y: auto; */
  overflow-y: hidden;
  overflow-x: hidden;
}
.fixed-navigation nav > ul {
  padding-right: 15px;
  position: relative;
  height: 100%;
  width: 114%; /* MAC: 107% */
  overflow-x: hidden;
  overflow-y: scroll;
}
.fixed-navigation.mac_os nav > ul {
  width: 107%; /* MAC:*/
}
.mobile-detected.fixed-navigation nav > ul {
  padding-right: 30px !important;
}
.minified.fixed-navigation nav {
  -webkit-overflow-scrolling: none;
  overflow: visible;
  height: auto;
  padding-bottom: 0px;
}
.minified.fixed-navigation nav > ul {
  overflow: visible;
  padding-right: 0px;
  width: 100%;
}
.mobile-detected.fixed-navigation.minified nav > ul {
  padding-right: 0px !important;
}
.MenuWebbOnly { display: block; }
.MenuMobileOnly { display: none; }
/* User info */
.login-info { display:none; }
.login-info {
  font-size: 12px;
  height: 39px;
  color: #ffffff;
  border: solid transparent;
  border-width: 0px 0px 1px 0px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  width: 100%;
  margin: 0px !important;
  border-bottom: 1px solid #525151;
}
.login-info a {
  text-decoration: none !important;
  color: #c0bbb7;
  display: inline-block;
  width:100%;
  padding: 10px 10px 10px 11px; 
}
.login-info a > span {
  text-transform: capitalize;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.login-info i {
  vertical-align: middle;
  font-size: 19px;
  margin-right: 5px;
  position:relative;
}
.login-info i > em {
font-size: 9px;
display: block;
padding: 2px;
position: absolute;
top: -8px;
right: -6px;
text-decoration: none;
font-style: normal;
color: #ffffff;
min-width: 13px;
border-radius: 50%;
max-height: 13px;
line-height: 8px;
font-weight: bold;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.login-info a:hover {
  color: #ffffff;
}
.login-info > span {
height: 38px;
display: block;
padding: 0 10px;
border-bottom: 1px solid #1A1817;
}

#hide-menu i { position: relative; }
#hide-menu i > em {
  font-size: 9px;
  display: none;
  padding: 2px;
  position: absolute;
  top: -10px;
  right: -10px;
  text-decoration: none;
  font-style: normal;
  background: #ED1C24;
  color: #ffffff;
  min-width: 13px;
  border-radius: 50%;
  max-height: 13px;
  line-height: 8px;
  font-weight: bold;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 
 * RIBBON
 */
.ribbon {
  position: absolute;
  right: 9px;
  top: -4px;
}
/* as per version 1.3 */
.fixed-header.fixed-ribbon #header {
  border-bottom: none;
  box-shadow: none;
}
/*
 * RIBBON
 */
#ribbon {
  min-height: 40px;
  background: #474544;
  padding: 0 13px;
  position: relative;
}

#ribbon .breadcrumb {
  display: inline-block;
  margin: 0;
  padding: 11px 34px 11px 0 !important;
  background: none;
  vertical-align: top;
}
#ribbon .breadcrumb a,
#ribbon .breadcrumb {
  color: #BBB !important;
  text-decoration: none !Important;
}
#ribbon .breadcrumb > .active,
#ribbon .breadcrumb li:last-child {
  color: #E4E4E4;
}
.noribbon #ribbon { display: none; }

.fixed-ribbon #ribbon {
  position: fixed;
  right: 0;
  left: 220px;
  top: 49px;
  z-index: 901;
}
.fixed-ribbon #content {
  padding-top: 50px;
}
.minified.fixed-ribbon #ribbon {
  left: 45px;
}
.hidden-menu.fixed-ribbon #ribbon {
  left: 10px;
}
.btn {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}
.btn:active {
  position: relative;
  top: 1px;
  left: 1px;
}
.btn.btn-ribbon {
  background-color: #707070;
  background-image: -moz-linear-gradient(top, #777777, #666666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#666666));
  background-image: -webkit-linear-gradient(top, #777777, #666666);
  background-image: -o-linear-gradient(top, #777777, #666666);
  background-image: linear-gradient(to bottom, #777777, #666666);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0);
  color: white;
  padding: 0 5px;
  line-height: 20px;
  vertical-align: middle;
  height: 20px;
  display: block;
  border: none;
  float: left;
  margin: 0 8px 0 0;
  cursor: pointer;
}
.btn.btn-ribbon > i {
  font-size: 111%;
}
.ribbon-button-alignment {
  padding-top: 10px;
  display: inline-block;
}
.ribbon-button-alignment.float-right > .btn.btn-ribbon {
  margin: 0 0 0 8px;
}
/* nav */
/* All levels */
nav ul li a:active {
  background: #616161 !important;
}
/* All levels */
nav ul {
  width: 100%;
  padding: 40px 28px 25px 0;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 0.5em;
  list-style: none;
  position: relative;
}
/* All levels */
nav ul .active > a {
  color: #fff !important;
  position: relative;
}
/* All levels */
nav ul li.active > a:before {
  /*content: "\f0d9";*/
  font-family: FontAwesome;
  display: block;
  height: 27px;
  line-height: normal;
  width: 27px;
  position: absolute;
  right: -21px;
  font-size: 20px;
  color: #eeeeee;
}
nav ul li.active.open > a:before {
  content: "";
}
nav > ul > li:last-child.open {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
/* All levels 
nav ul li {
	overflow: hidden;
}*/
/* All levels */
nav ul li a {
  line-height: normal;
  font-size: 14px;
  padding: 10px 10px 10px 11px;
  color: #c0bbb7;
  display: block;
  font-weight: normal;
  text-decoration: none !important;
  position: relative;
}
/* Second level */
nav > ul > li > ul > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
}
/* Third Level */
nav > ul > li > ul > li > ul > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
}
/* All levels */
nav ul li a:focus {
  color: #c9c9c9;
}
/* All levels */
nav ul li a:hover {
  color: #ffffff;
  text-decoration: none;
}
nav ul li a.inactive,
nav ul li a.inactive:hover {
  opacity: .5;
  cursor: not-allowed;
  color: #c0bbb7;
}
/* All levels */
nav ul b {
  float: right;
  font-size: 11px;
  margin-top: 2px;
}
/* All levels */
nav ul span.menu-item-parent {
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px;
}
/* First level: A, Second level: LI Open */
nav ul li.open > a,
nav ul li.open > a b {
  color: #fff !important;
}
/* First level: Icon */
nav > ul > li > a b {
  position: absolute !important;
  right: 10px;
  top: 10px;
}
nav > ul > li > a > i {
  /*font-size: 121%; fa-lg overrides this so..  */
  margin-right: 5px;
  width: 15px;
  display: inline-block;
  text-align: center;
  position: relative;
}
/* First level icon */
nav > ul > li > a > i > em {
  font-size: 9px;
  display: block;
  padding: 2px;
  position: absolute;
  top: -8px;
  right: -6px;
  text-decoration: none;
  font-style: normal;
  background: #ED1C24;
  color: #ffffff;
  min-width: 13px;
  border-radius: 50%;
  max-height: 13px;
  line-height: 8px;
  font-weight: bold;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Second level switched to relative */
nav ul li li {
  border-bottom: none;
  position: relative;
}
/* Second level: UL */
nav > ul > li > ul::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 23px;
  top: 0;
  bottom: 0;
  border-left: 1px solid #7A7A7A;
}
/* Second level: UL LI */
nav > ul ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  left: 23px;
  top: 16px;
  border-top: 1px solid #7A7A7A;
  z-index: 1;
}
/* Third level: UL LI */
nav > ul ul ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  left: 10px;
  top: 17px;
  border-top: 1px solid transparent;
}
/* Second level and onwards > */
nav > ul ul li a i {
  font-size: 14px !important;
  width: 18px !important;
  text-align: center !important;
  vertical-align: 0 !important;
  line-height: 1 !important;
}
/* Second and Third level line color */
nav > ul > li:hover > ul::before,
nav > ul > li:hover > ul > li::before {
  border-color: #ACACAC !important;
}
/* Second Level: UL */
nav ul ul {
  margin: 0;
  padding: 0;
  display: none;
  background: rgba(69, 69, 69, 0.6);
}
nav ul ul {
  padding: 7px 0;
}
/* Third Level: UL */
nav ul ul ul {
  background: transparent;
  padding: 0;
}
/* Third Level: LI */
nav ul ul li {
  margin: 0;
  padding: 0;
}
/* Second Level: A */
nav ul ul li > a {
  padding-left: 42px;
  font-size: 14px;
  font-weight: normal;
  outline: 0;
}
/* Second Level: A:hover */
nav ul ul li > a:hover {
  background-color: rgba(69, 69, 69, 0.8);
  color: #ffffff;
}
/* Third Level: A */
nav ul ul ul li a {
  color: #bfbfbf;
  padding: 8px 10px 8px 60px;
  font-size: 14px;
}
/* Third Level: A:hover */
nav ul ul ul li a:hover {
  color: #ffffff;
}
/* Fourth Level: A */
nav ul ul ul ul li a {
  padding-left: 80px;
}
/* Fifth Level: A */
nav ul ul ul ul ul li a {
  padding-left: 100px;
}
/* Sixth Level: A */
nav ul ul ul ul ul ul li a {
  padding-left: 120px;
}
/* Second level: B */
nav ul ul b {
  color: #B3B3B3;
}
/* Second level: LI:hover B */
nav ul ul > li:hover b {
  color: #D5D9E2;
}
.minifyme2-invisible
{
  display:none;
}
.fixed-navigation .minifyme2-invisible
{
  display:block;
}
.fixed-navigation.minified .minifyme2-invisible 
{
  display: none;
}
.minifyme2 {
  border-bottom: 1px solid #302F2F;
  background: #454545;
  color: #A8A8A8;
  text-align: center;
  padding: 3px 0 0 0;
  width: 36px;
  height: 28px;
  display: block;
  position: absolute;
  right: 0px;
  top: -10px;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
  margin-top: 7px;
  font-size: 19px;
  transition: all 0.1s linear 0s;
}
.minifyme2:hover {
  background: #646464;
  color: #E4E4E4;
  right: 0px;
  width: 40px;
  padding-right: 5px;
}

.minifyme {
  border-bottom: 1px solid #302F2F;
  background: #454545;
  color: #A8A8A8;
  text-align: center;
  padding: 0;
  width: 36px;
  height: 28px;
  display: block;
  position: absolute;
  right: 0px;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
  margin-top: 7px;
  font-size: 19px;
  transition: all 0.1s linear 0s;
}
.minifyme:hover {
  background: #646464;
  color: #E4E4E4;
  right: 0px;
  width: 40px;
  padding-right: 5px;
}
.minified .minifyme {
  right: 0px;
  color: #A8A8A8;
  position: relative;
  width: 100%;
  border-radius: 0px;
  margin: 0;
  height: 34px;
  font-size: 23px;
}
.minified .minifyme .fa:before {
  content: "\f0a9";
}

.minified .menu-item-parent {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.minified .inbox-badge {
  border-radius: 50%;
  font-size: 9px;
  padding: 2px;
  position: absolute;
  top: 6px;
  right: 6px;
  background: #ED1C24;
  min-width: 13px;
}
.minified .minifyme {
  right: 0px;
  color: #A8A8A8;
  position: relative;
  width: 100%;
  border-radius: 0px;
  margin: 0;
  height: 34px;
  font-size: 23px;
}
.minified .minifyme .fa:before {
  content: "\f0a9";
}
.minified .login-info a span
{
  display: none;
}
.minified .login-info {
  height: 38px;
  border-bottom: 1px solid #181818;
}
.minified #left-panel {
  width: 45px;
}
.minified #main {
  margin-left: 45px;
}
/*
 * Minified NAV
 */
.minified #left-panel,
.minified nav > ul > li {
  overflow: visible;
}
.minified nav > ul > ul {
  min-height: 100px !important;
  max-height: 180px !important;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #ed1c24 !important;
}
.minified nav > ul > li,
.minified nav > ul > li a {
  position: relative;
}
.minified nav ul > li > a {
  padding: 10px 11px;
  display: block;
}
.minified nav > ul > li > a .fa.fa-fw {
  display: block;
  width: auto;
  text-align: center;
  padding: 0;
}
.minified nav > ul > li > a > i {
  text-align: center;
  margin: 0;
  display: block;
}
.minified nav > ul > li.active > a::before {
  content: "\f0d9";
}
.minified nav ul ul li a {
  padding-left: 14px;
}
.minified nav ul ul li li a {
  padding-left: 25px;
}
.minified nav > ul ul li::before {
  left: 12px;
}
.minified nav > ul > li > ul::before {
  left: 12px;
}
.minified nav > ul > li > a .menu-item-parent,
.minified nav > ul > li > a > b {
  display: none;
}
.minified nav > ul > li > a > .menu-item-parent {
  display: none;
  position: absolute;
  left: 40px;
  top: -3px;
  width: 186px;
  height: 38px;
  line-height: 38px;
  background-color: whiteSmoke;
  color: #333333;
  z-index: 3;
  -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-left: 1px solid #bfbfbf;
  border-top: 1px solid #D8D4D4;
  border-bottom: 1px solid #ffffff;
  padding-left: 12px;
}
.minified nav > ul > li > ul {
  display: none !important;
  position: absolute;
  left: 40px;
  width: 199px;
  z-index: 5;
  border: 1px solid #bfbfbf;
 /* min-height: 180px; */
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  background: #454545;
  margin-top: -3px;
  overflow: hidden;
}
.minified nav ul > li > ul > li > ul {
  position: relative;
  left: 13px;
  border: none;
  width: auto;
  margin-left: -12px;
  width: 197px;
}
.minified nav > ul > li:hover > a > .menu-item-parent,
.minified nav > ul > li:hover > ul {
  display: block !important;
}
.minified nav > ul > li > ul > li {
  background-color: rgba(69, 69, 69, 0.9);
}
.minified nav > ul > li > ul > li > ul > li {
  background-color: #484B50;
}
.minified nav > ul > li {
  border-bottom: 1px solid #1A1817;
  border-top: 1px solid #525151;
}
.minified nav > ul > li > ul::before {
  border-left: none;
}
.minified nav > ul ul li::before {
  border: none;
}
.minified nav > ul > li > ul > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
}
.minified nav > ul > li > ul > li > ul > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
}
.minified nav > ul > li > ul > li > ul > li a {
  padding-top: 6px;
  padding-bottom: 6px;
}
/* Fourth Level: A */
.minified nav ul ul ul ul li a {
  padding-left: 45px;
}
/* Fifth Level: A */
.minified nav ul ul ul ul ul li a {
  padding-left: 62px;
}
/* Sixth Level: A */
.minified nav ul ul ul ul ul ul li a {
  padding-left: 82px;
}
.minified #hide-menu {
  display: none;
}
/*
 * HIDDEN MENU
 */
.hidden-menu #left-panel {
  left: -210px;
}
.hidden-menu #main {
  margin-left: 10px;
}
.hidden-menu #left-panel:hover {
  left: 0px;
}
.hidden-menu #hide-menu > :first-child > a {
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #5a5a5a 0%, #686868 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868));
  background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: -o-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: -ms-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);
  -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  border-color: #494949;
}
.hidden-menu #hide-menu > :first-child > a:active
{
  -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
}

/* Logo group */
#logo-group span#activity {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: default !important;
  display: inline-block;
  font-weight: bold;
  height: 24px;
  width: 24px;
  padding: 2px;
  text-align: center;
  text-decoration: none !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #bfbfbf;
  color: #c4bab6;
  font-size: 19px;
  margin: 10px 0 0 0;
  position: relative;
}
#logo-group span#activity:hover {
  border: 1px solid #bfbfbf;
  transition: all 0.0s;
  cursor: pointer !important;
  -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
}

/* RIGHT PANEL */
#right-panel
{
  display:none;
}


/* MAIN PANEL */
#main {
  margin-left: 220px;
  margin-right: 0px;
  padding: 0;
  padding-bottom: 38px;
  /*REMOVE_XMAIN min-height: 500px;*/
  position: relative;

}
/* page footer */
.page-footer {
  
 /* padding: 15px 13px 0px 20px;*/
  padding: 5px 0px 5px 10px;
  border-top: 1px solid #CECECE;
  background: #2a2725;
  width: 100%;
  position: absolute;
  display: block;
  bottom: 0px;
  z-index: 903;
  color:#ffffff; /* REMOVE */
}
.page-footer > span
{
  color: #bbbbbb; 
  font-size: 12px;
  margin-left: 10px;
  margin-right: 10px;
}
.page-footer > span > a {  color: #bbbbbb;   font-size: 12px; }
.page-footer div > div {  height: 16px; font-size: 10px; color: #bbbbbb; text-align: right; padding-top: 1px; }
.page-footer span > img { height: 52px; }
.page-footer a { color: #bbbbbb; font-size: 10px;}
.nofooter .page-footer { display: none; }

.fixed-page-footer .page-footer {  position: fixed;  left: 0px;  padding-left: 220px;}
.fixed-page-footer.show-help-inline .page-footer {  padding-right: 220px;}
.hidden-menu .page-footer {   padding-left: 20px;}
.minified .page-footer {  padding-left: 58px;}

/* fixed header */
.fixed-header #header {
  position: fixed;
  width: 100%;
  z-index: 90905;
  top: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
/*  box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1); */
	z-index:1000010;
}
.fixed-header #main {
  margin-top: 49px;
}

/* btn-header */
.btn-header a > span {
  font-size: 13px;
  font-weight: normal;
  line-height: 30px;
  height: 30px;
  display: inline-block;
}


.btn-header > :first-child > a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer !important;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  line-height: 24px;
  min-width: 30px;
  padding: 2px;
  text-align: center;
  text-decoration: none !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #bfbfbf;
  color: #6D6A69;
  font-size: 17px;
  margin: 10px 0 0 0;

}
.btn-header > :first-child > a:hover {
  border: 1px solid #bfbfbf;
  color: #222;
  transition: all 0.0s;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
}
.btn-header > :first-child > a:active {
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #ededed 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #ededed 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #ededed 100%);
  background-image: -ms-linear-gradient(top, #e8e8e8 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0);
  -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);  
}
.btn-header > :first-child > a.active {
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #5a5a5a 0%, #686868 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868));
  background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: -o-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: -ms-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);
  -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  border-color: #494949;
}

.btn-header.float-right {
  margin-left: 6px;
}

.full-screen #fullscreen > :first-child > a:active {
  -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
}

.module-context {
  display: inline-block;
  padding: 7px 0px 0px 6px;
  position: relative;
  overflow:hidden;
}
.module-context > span {
  display: block;
}
.module-context > :first-child {
  display: block;
  color: #a3a3a3;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 0 1px white;
  padding-left: 0px;
  text-align: left;
}

.module-selector {
  max-width: 97%;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  color: #555555;
  font-size: 14px;
}

.module-btn {
  cursor: pointer;
}

.period-context {
  display: inline-block;
  padding: 7px 0px 0px 6px;
  position: relative;
  width: 180px;
  overflow:hidden;
}
.period-context > span {
  display: block;
}
.period-context > :first-child {
  display: block;
  color: #bfbfbf;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 0 1px white;
  padding-left: 0px;
  text-align: left;
}
.period-selector {
  max-width: 97%;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  color: #555555;
  font-size: 14px;
  cursor:pointer;
}
.noperiod #period-cal {  display:none;}
.noperiod #period-label {  display: none;}

/* DROP BOX */
.fixed-header .drop-box-arrow {  position: fixed;}
.fixed-header .drop-box  {  position: fixed; z-index: 9999999;}
.drop-box { 
  display: none;
  position: absolute;  
  z-index: 90907;
  top: 48px; 
/*  left: 64px;*/
  right: 20px;
  width: 299px;
/*  height: 435px;*/
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  -moz-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  padding: 0px;
  background: #ffffff;
  border: 1px solid #b3b3b3; 
}
.drop-box-arrow
{
  display: none;
  position: absolute;
  top: 40px;
  z-index: 909;
  width:16px;
  height: 9px;
  margin: 0;
  padding: 0;
  background-image: url("../img/drop_box_arrow.png");
}


.drop_box > h1                   
{ color: #ddf8c6; text-align: center; font-size: 54px; line-height: 54px; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }

/* Scenario */
.scenario_sel
{
  display:none;
}
.scenario .scenario_sel
{
  display:block;
}
.scenario #header {
  background-color: #f78c40;
  background-image: -moz-linear-gradient(top, #f78c40, #d67632);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78c40), to(#d67632));
  background-image: -webkit-linear-gradient(top, #f78c40, #d67632);
  background-image: -o-linear-gradient(top, #f78c40, #d67632);
  background-image: linear-gradient(to bottom, #f78c40, #d67632);
}
.scenario .btn-header  > :first-child  > a {
  background-color: #DD7C37;
  background-image: -moz-linear-gradient(top, #dd7c37, #b9662b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b9662b), to(#b9662b));
  background-image: -webkit-linear-gradient(top, #dd7c37, #b9662b);
  background-image: -o-linear-gradient(top, #dd7c37, #b9662b);
  background-image: linear-gradient(to bottom, #dd7c37, #b9662b);
  color: #fff !important;
  border: 1px solid #f09d61;
  text-shadow: #985813 0 -1px;
}
.scenario .btn-header  > :first-child  > a:hover,
.scenario .btn-header  > :first-child  > a:active {
  -webkit-box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  -moz-box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  background-color: #dd7a35;
  background-image: -moz-linear-gradient(top, #dd7a35, #984a13);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd7a35), to(#984a13));
  background-image: -webkit-linear-gradient(top, #dd7a35, #984a13);
  background-image: -o-linear-gradient(top, #dd7a35, #984a13);
  background-image: linear-gradient(to bottom, #dd7a35, #984a13);
}
.scenario .scenario_sel  > :first-child > a,
.scenario .scenario_sel  > :first-child  > a:hover,
.scenario .scenario_sel  > :first-child  > a:active {
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #5a5a5a 0%, #686868 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a5a5a), color-stop(100%, #686868));
  background-image: -webkit-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: -o-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: -ms-linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  background-image: linear-gradient(to bottom, #5a5a5a 0%, #686868 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);
  -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  border-color: #494949;
}

.scenario .module-selector,
.scenario .module-context  > :first-child {
  color: #fff;
  text-shadow: #985813 0 -1px;
}
.scenario .period-selector,
.scenario .period-context  > :first-child {
  color: #fff;
  text-shadow: #985813 0 -1px;
}
.drop-box-main { width: 299px;}
.fixed-header .drop-box-main { -webkit-overflow-scrolling: touch; overflow: hidden;  /*height:200px;*/}

.fixed-header .popupModule > ul {
  height: 100%;
  width: 315px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.fixed-header .popupConfig > ul {
  height: 100%;
  width: 315px;
  overflow-x: hidden;
  overflow-y: scroll;
}
/* Popup Period */
.fixed-header .popupPeriod > ul {
  height: 100%;
  width: 315px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.popupPeriod
{
  background-color: #3a3633;
}
.popupPeriod ul
{
  width: 100%;
  padding: 40px 28px 25px 0;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 0.5em;
  list-style: none;
  position: relative;
}
.popupPeriod ul li a {
  line-height: normal;
  font-size: 14px;
  padding: 10px 10px 10px 11px;
  color: #c0bbb7;
  display: block;
  font-weight: normal;
  text-decoration: none !important;
  position: relative;
}
.popupPeriod ul li a:active {
  background: #616161 !important;
}
/* All levels */
.popupPeriod ul li a:focus {
  color: #c9c9c9;
}

/* All levels */
.popupPeriod ul li a:hover {
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  background-color:#434343;
}
.popupPeriod ul li img
{
  float: right;
  margin-top: 0px;
}
.popupPeriod ul li em
{
  float: right;
  margin-top: 2px;
}
.popupPeriod ul li em:hover
{
  color: #a90329;
  cursor:pointer;
}
.popupPeriod > ul > li > a > i {
  /*font-size: 121%; fa-lg overrides this so..  */
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.popupPeriod ul > li > div 
{
  background-color: #434343;
  padding: 10px 10px 10px 15px;
  color: #C0BBB7;
}

.popupPeriod ul > li > div > div
{
 margin-top: 10px;
}

.popupPeriod ul > li >div.line
{
  border-top: 1px solid #FFFFFF;
}
.popupPeriod button
{
  min-width:80px;
}
/* config popup */
.popupConfig
{
  background-color: #3a3633;
}
.popupConfig ul
{
  width: 100%;
  padding: 40px 28px 25px 0;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 0.5em;
  list-style: none;
  position: relative;
}
.popupConfig ul li a {
  line-height: normal;
  font-size: 14px;
  padding: 10px 10px 10px 11px;
  color: #c0bbb7;
  display: block;
  font-weight: normal;
  text-decoration: none !important;
  position: relative;
}
.popupConfig ul li a:active {
  background: #616161 !important;
}
.popupConfig ul li a:focus {
  color: #c9c9c9;
  outline-style: none;
}
.popupConfig ul li a:hover {
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  background-color:#434343;
}
.popupConfig ul li em
{
  float: right;
  margin-top: 2px;
}
.popupConfig ul li em:hover
{
  color: #a90329;
  cursor:pointer;
}
.popupConfig > ul > li > a > i {
  /*font-size: 121%; fa-lg overrides this so..  */
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.popupConfig > ul > li > ul
{
  display: none;
  background-color: #434343;
}
.popupConfig ul.list li>a>span
{
  padding-left: 33px;
}
.ConfigForm
{
  color: #c0bbb7;
  padding-left: 60px;
  line-height:normal;
  padding-bottom: 10px;
}
.ConfigForm label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    padding: 10px 0px 5px 0px;
    margin: 0;
}
.noribbon .ConfigForm label.config_ribbon { display: none; }
.nofooter .ConfigForm label.config_footer { display: none; }

.ConfigForm input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0px 5px 0px 0px;
    vertical-align: bottom;
    position: relative;
    top: -2px;
    *overflow: hidden;
}
.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
body.nooverflow {
  overflow: hidden;
  position: fixed;
  width:100%;
}

/* PopupLogging */
.popupLogging 
{
  width: 100%;
  background-color: #ffffff;
}

.popupLogging .toolbar
{
  background-color: #d2e8f9;
}

/* PopupSearch */
.popupSearch 
{
  width: 100%;
  background-color: #ffffff;
}

.popupSearch .toolbar
{
  background-color: #d2e8f9;
}

/*
.popupSearch div.search 
{
  display: table;
}
.popupSearch div.search input
{
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;  
}
.popupSearch div.search span
{
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
}
*/
/* Popup Module */
.popupModule
{
  background-color: #3a3633;
}
.popupModule ul
{
  width: 100%;
  padding: 40px 28px 25px 0;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 0.5em;
  list-style: none;
  position: relative;
}
.popupModule ul li a {
  line-height: normal;
  font-size: 14px;
  padding: 10px 10px 10px 11px;
  color: #c0bbb7;
  display: block;
  font-weight: normal;
  text-decoration: none !important;
  position: relative;
  cursor:pointer;
}
.popupModule ul li a:active {
  background: #616161 !important;
}
/* All levels */
.popupModule ul li a:focus {
  color: #c9c9c9;
  outline-style: none;
}
/* All levels */
.popupModule ul li a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color:#434343;
}
.popupModule > ul > li > a > i {
  /*font-size: 121%; fa-lg overrides this so..  */
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.popupModule ul b {
  float: right;
  font-size: 11px;
  margin-top: 2px;
}
.popupModule > ul ul > li a b {
  float: right;
  font-size: 11px;
  margin-top: 2px;
}
.popupModule > ul ul > li a b.active {
  color: #FFF200;
}

/* First level: Icon */
.popupModule > ul > li > a b {
  position: absolute !important;
  right: 10px;
  top: 10px;
}
/* All levels */
.popupModule ul span.menu-item-parent {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.popupModule > ul > li > ul > li > a 
{
  background-color: #403e3d;
}
/* Second level: UL */
.popupModule > ul > li > ul::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 23px;
  top: 0;
  bottom: 0;
  border-left: 1px solid #7A7A7A;
}
/* Second level: UL LI */
.popupModule > ul ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  left: 23px;
  top: 19px;
  border-top: 1px solid #7A7A7A;
  z-index: 1;
}
/* Second Level: A */
.popupModule ul ul li > a {
  padding-left: 42px;
  font-size: 14px;
  font-weight: normal;
  outline: 0;
}
.popupModule ul li li {
  border-bottom: none;
  position: relative;
}
.popupModule ul ul li {
  margin: 0;
  padding: 0;
}
.popupModule .input 
{
  background-color: #403e3d;
}
.popupModule input 
{
  margin: 10px 10px 10px 42px;
  padding-left:5px;
  width: 222px;
  color: #656565;
}
.popupModule input + em
{
  color: #909090;
}
.popupModule li.input::before
{
   border-top: 0px solid #7A7A7A !important;
}
.popupModule li.input > span
{
  margin: 10px 0px 10px 42px;
  color: #c0bbb7;
  font-size: 14px;
  font-weight: normal;
  outline: 0;
}
.popupModule em:hover
{
  color: #a90329;
  cursor:pointer;
}

.mobile-detected.fixed-header .popupModule > ul {
  padding-right: 16px !important;
}
.mobile-detected.fixed-header .popupPeriod > ul {
  padding-right: 16px !important;
}
.mobile-detected.fixed-header .popupConfig > ul {
  padding-right: 16px !important;
}
.media1, .media2, .media3, .media4, .media5, .media6, .media7, .media8, .mediaNav1, .mediaNav2, .mediaMod1, .mediaMod2, .mediaMod3
{
  display: none;
}
@media all and (min-width: 760px) 
{
  .debug .media1 { display: block; }
}
@media all and (min-width: 320px) and (max-width: 767px) 
{
  .debug .media2 { display: block; }

}
/* MOBILE LAYOUT STARTS HERE */

/* IPAD HORIZONTAL */
@media (min-width: 768px) and (max-width: 979px) {
  /* responsive menu button */
  .minifie #main {
    margin-left: 0;
  }
  #hide-menu > :first-child > a {
    margin-top: 9px;
    width: 40px;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 100%;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  .btn-header a {
    margin-top: 9px !important;
    width: 30px !important;
  }
 }

/* IPAD VERTICAL */
@media (min-width: 768px) and (max-width: 880px) {
  .minifie #main {
    margin-left: 0;
  }
 /* responsive menu button */
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  #hide-menu i > em {
    right: -13px;
  } 
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  .btn-header.float-right {
    margin-left: 0px;
  }
 /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
}

/* OTHER DEVICES */
@media (max-width: 767px) {
  #main::after {
    /*content: "IPAD VERTICAL";*/
  }
  .minifie #main {
    margin-left: 0;
  }
  /* responsive menu button */
  #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;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
 #hide-menu i > em {
  right: -20px;
 } 
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  .btn-header.float-right {
    margin-left: 0px;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
}

/* ANDROID */
@media all and (min-width: 0px) and (max-width: 679px) 
{
  #main::after {
    /*content: "IPAD VERTICAL";*/
  }
  .minifie #main {
    margin-left: 0;
  }
  /* responsive menu button */
  #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;
  }
  /* menu btn cont... */
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
}

/* IPHONE */
@media all and (min-width: 320px) and (max-width: 479px) 
{
  #main::after {
    /*content: "IPAD VERTICAL";*/
  }
  .minifie #main {
    margin-left: 0;
  }
  /* responsive menu button */
  #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: 46px !important;
  }
  #hide-menu i {
    color: #6D6A69;
    font-size: 121%;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #hide-menu i {
    color: #ffffff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  /* transparent header button */
  .btn-header.transparent a {
    border: none !important;
    background: none;
    margin-left: 0;
    width: 25px !important;
    box-shadow: none !important;
  }
  .btn-header.transparent a:hover {
    color: #a90329;
  }
  /* activity panel */
  .ajax-notifications {
    height: 250px;
  }
}

/* GENERAL MOBILE (Applies to all resolutions below 979px) */
@media (max-width: 979px) 
{
  #fullscreen > :first-child > a {
    display: none !important;
  }
/*  html.hidden-menu-mobile-lock {     overflow-x: hidden;  }*/
}

.re-input-sm input
{
  height: 25px;
  padding: 0px 0px 0px 5px;
}
.re-input-sm select
{
  height: 25px;
  padding: 0px 0px 0px 5px;
}
.re-input-sm span
{
  padding: 3px 7px;
}

#ui-datepicker-div
{
  z-index: 99000000 !important;
}



.module2
{
  padding-left:20px;
}
.show-help-inline #right-panel 
{
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height:100%;
  z-index: 90904;
  padding-top: 49px;
  width: 420px;
  background-color: #ffffff;
}
.menu-on-top .show-help-inline #right-panel {
	padding-top: 129px;
}
.show-help-inline #main  { margin-right: 420px; }
.fixed-help #right-panel
{
  position: fixed;
}
/* Menu-on-top */
.menu-on-top .top-menu-hide { display: none; }
.menu-on-top #hide-menu {  display: none !important; }
.menu-on-top .minifyme {  display: none !important; }
.menu-on-top .minifyme2 {  display: none !important; }

.login-info2 { display: block; }
.login-info2 i { position: relative; }
.login-info2 i > em {
  font-size: 9px;
  display: block;
  padding: 2px;
  position: absolute;
  top: -10px;
  right: -10px;
  text-decoration: none;
  font-style: normal;
  background: #ED1C24;
  color: #ffffff;
  min-width: 13px;
  border-radius: 50%;
  max-height: 13px;
  line-height: 8px;
  font-weight: bold;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.menu-on-top.hidden-menu #left-panel {
  left: 0px;
}
.menu-on-top #main {
  margin-left: 0px !important;
  margin-top: 69px !important;
}
.menu-on-top aside#left-panel {
  width: 100% !important;
  min-height: 0 !important;
  height: auto;
  overflow: visible;
  -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 #222;
  border-top: 1px solid #333;
 	z-index:1000000;
}
.menu-on-top aside#left-panel nav > ul {
  display: block;
  width: 100%;
}
.menu-on-top aside#left-panel nav > ul > li:first-child {
  margin-left: 0px;
}
.menu-on-top aside#left-panel nav > ul > li {
  display: block;
  position: relative;
  height: auto !important;
  padding: 0px !important;
  display: inline-block;
  float: left;
  border-right: 1px solid #222;
  border-left: 1px solid #4E4E4E;
  overflow: visible;
}
.menu-on-top aside#left-panel nav > ul > li > a {
  display: inline-block;
  height: 68px;
  line-height: 17px;
  text-shadow: none !important;
  font-size: 13px;
  text-decoration: none;
  line-height: 22px;
  padding: 10px 9px !important;
}
.menu-on-top li.active > a {
  font-weight: bold !important;
}

.menu-on-top nav > ul > li > a b {
  display: none;
}
.menu-on-top aside#left-panel nav > ul > li > a > i {
  display: block !important;
  margin: 1px 0 4px;
  line-height: inherit;
  width: auto;
  /*vertical-align: sub;*/
  text-align: center;
  font-size: 24px;
  margin-bottom: 2px;
  width: 100%;
}
.menu-on-top .menu-item-parent {
  max-width: 72px;
  min-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 13px;
}
.menu-on-top .menu-item-parent + span {
  float: none !important;
  top: 5px;
  right: 5px;
  position: absolute;
}
.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px;
}
/* Hover state */
/* Hover for first menu level */ 
.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #cfcfcf));
  background: -ms-linear-gradient(bottom, #ffffff, #cfcfcf);
  background: -moz-linear-gradient(center bottom, #ffffff 0%, #cfcfcf 100%);
  background: -o-linear-gradient(#cfcfcf, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff', GradientType=0);
}
/* Hover for first menu level */ 
.menu-on-top aside#left-panel nav > ul > li:hover > a {
  color: #333 !important;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.menu-on-top aside#left-panel nav > ul > li > ul {
  position: absolute !important;
  background: #3a3633;
}
.menu-on-top aside#left-panel nav > ul > li:hover > ul {
  display: block !important;
}
.menu-on-top aside#left-panel nav ul li.active > a:before {
  content: "" !important;
}
.menu-on-top nav > ul ul li::before,
.menu-on-top nav > ul > li > ul::before {
  border: none;
}
/* hover state universal */
.menu-on-top nav ul ul li a,
.menu-on-top nav ul ul ul li a {
  color: #4C4F53;
}
.menu-on-top nav ul ul li a:hover,
.menu-on-top nav ul ul ul li a:hover {
  color: #fff;
  background-color: #4C4F53;
}
.menu-on-top nav ul ul li:hover > a {
  color: #fff;
  background-color: #4C4F53;
}
.menu-on-top nav > ul ul ul {
  border-top: 1px solid #c7c7c7 !important;
}
/* Hover state second level */
.menu-on-top nav ul ul li {
  overflow: visible;
}
.menu-on-top nav ul ul,
.menu-on-top nav ul ul ul {
  display: none !important;
  background: #ffffff !important;
  box-shadow: none;
  border: 1px solid #c7c7c7;
  -webkit-box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  -moz-box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  box-shadow: inset 0px -4px 0px 0px #bd2a2a;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-bottom: 1px solid #BD2A2A;
  border-top: none;
  width: 200px;
  border-radius: 0;
  padding: 3px;
  margin-left: 0px;
}
.menu-on-top nav > ul ul li:hover > ul {
  display: block !important;
  position: absolute;
  z-index: 999;
  left: 100%;
  top: -8px;
  background: #333;
}
/*
 * Child Arrow
 */
/* top level childs */
.menu-on-top nav > ul > li > a:after {
  content: "\f0d7" !important;
  top: 76% !important;
  color: #636363 !important;
  left: 46%;
}
/* next level childs */
.menu-on-top nav > ul > li > a:after,
.menu-on-top nav > ul ul > li a:after,
.menu-on-top nav > ul ul > li a:hover:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d7";
  display: none; /*block !important; 180623 fungerar inte. Göm*/
  position: absolute;
  top: 9px;
  right: 4px;
  color: #333;
}
.menu-on-top nav ul ul li:hover > a:after 
{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  display: none; /* block !important; 180623 fungerar inte. Göm*/
  position: absolute;
  top: 9px;
  right: 4px;
  color: #333;
}

.menu-on-top nav ul ul li:hover > a:after,
.menu-on-top nav > ul ul > li a:hover:after {
  color: #fff;
}
.menu-on-top nav > ul ul > li a:only-child:after,
.menu-on-top nav > ul > li > a:only-child:after {
  content: "" !important;
}
/*
 * Active Child
 */
.menu-on-top nav ul ul .active > a {
  color: #333 !important;
}
.menu-on-top nav ul ul .active > a:hover,
.menu-on-top nav ul ul li.active:hover > a {
  color: #fff !important;
}
.fixed-navigation.menu-on-top nav
{
  padding-bottom: 0px;
  overflow:visible;
}
.menu-on-top .minifyme2-invisible { display:none !important; }
/* FIXED TOP HEADER */
body.menu-on-top.fixed-header {
  padding-top: 49px;
}
body.menu-on-top.fixed-header.show-help-inline #right-panel {
	padding-top: 129px;
}
/* FIXED TOP HEADER + NAV */
body.menu-on-top.fixed-header.fixed-navigation nav > ul {
  padding-right: 0px;
  position: relative;
  height: auto;
  width: auto;
  overflow: visible;
}
/* FIXED TOP HEADER + NAV + RIBBON */
body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
  left: 0px;
  top: 99px;
}

/* Dialog box main */
.fixed-header .dlg-box  {  position: fixed; z-index: 9999999;}
.dlg-box { 
  display: none;
  position: absolute;  
  z-index: 100907;
  top: 58px; 
/*  left: 64px;*/
  left: 10px;
  width: 980px;
/*  height: 435px;*/
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  -moz-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
  padding: 0px;
  background: #ffffff;
  border: 1px solid #b3b3b3; 
}
#dlg-box header 
{
  border: 1px solid #45474b;
  background: #4c4f53;
  color: #ffffff;
  height: 34px;
  padding: 0;
}
#dlg-box header > div {
  width: auto;
  float: right;
  padding: 0;
  margin: 0;
}
#dlg-box  header > div > a,
#dlg-box  header > div > a:visited,
#dlg-box  header > div > a:active,
#dlg-box  header > div > a:focus {
  min-width: 30px;
  height: 32px;
  line-height: 32px;
  float: left;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  border-left: 1px solid rgba(0, 0, 0, 0.09);
  color: #aaaaaa;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
#dlg-box  header > div > a:hover 
{
  color: #ffffff;
}
#dlg-box  header > span {
  display: block;
  width: 30px;
  height: 32px;
  position: relative;
  float: left;
  font-size: 111%;
  line-height: 32px;
  text-align: center;
  margin-right: -10px;
}
#dlg-box  header > h2 
{
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0px 0px 0px 10px;
  float: left;
  height: 100%;
  display: inline-block;
  font-size: 14px;
  position: relative;
  line-height: 34px;
  font-weight: normal;
  letter-spacing: 0px; 
}
.menu-on-top .dlg-box { top: 127px; }
/* Main page styles */
#content {
  padding: 0px 0px 0px 0px; /* DEBUG. Padding-left: 1px; måste finnas annars blir det fel i menu-on-top! 220923 Remove and test. Seams to work anyways (padding: 1px 0px 0px 0px;) */
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: bold;
}
#content td { line-height: normal; }
.reheader {
  border:1px solid #e0e0e0;
  padding:5px 10px 5px 10px;
  background-color:#e0e0e0;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  margin-top: 15px;
}
.reheader .breadcrumb {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  background-color:#e0e0e0;
  padding: 0 !important;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  height: 22px;
  margin-left: 0px;
}
.reheader .breadcrumb a,
.reheader .breadcrumb {
  color: #1478c8 !important;
  text-decoration: none !Important;
}
.reheader .breadcrumb a:hover
{
  color: #4611ff !important;
  text-decoration: underline !Important;
}

.reheader .breadcrumb > .active,
.reheader .breadcrumb li:last-child {
  color: #323232;
}
.reheader > a
{
  margin-left: 5px;
}
.reheader button
{
  font-size: 12px;
  padding-bottom: 0px;
  border: 0px;
}
.reheader .disabled
{
  color: #444444;
}
/* system messages */
.msg-body {
  /*height: 365px;*/
  display: block;
  overflow: auto;
  border-bottom: 1px solid #CECECE;
  border-top: 1px solid #CECECE;
  background: #E9E9E9;
  min-height: 200px;
}
.msg_list {
  padding: 0 0 0 3px;
  margin: 0;
  list-style: none;
}
.msg_list > li {
  border-bottom: 1px solid #E9E9E9;
  position: relative;
}
.msg_list .unread {
background: #FFFFE0;
}
.msg_list > li > span {
  background: #ffffff;
  display: block;
  min-height: 25px;
  overflow: hidden;
  padding: 8px 10px 13px;
  white-space: normal;
}
.msg_list h1 { font-size: 25px; margin-top: 0px; margin-bottom: 10px; }
.no-border-radius {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.margin-right-5 {
margin-right: 5px !important;
}
.padding-5 {
padding: 5px !important;
}
/* External page */
#extr-page {
  background: #ffffff;
  overflow: visible;
}
#extr-page .container {
  border: none;
}
#extr-page #header {
  margin: 0;
  height: 59px;
  border-bottom: 1px solid #eeeeee !important;
  overflow: hidden;
  padding: 0;
  background-clip: padding-box;
  border-width: 0;
  min-height: 28px;
  background: #f4f4f4 !important;
}
#extr-page #main {
  padding-top: 20px;
}
#extr-page #header #logo {
  margin-top: 0px;
  margin-left: 0px;
}
#extr-page #header #logo img {
  width: 220px;
  height: 49px;
  margin-top: 4px;
}

#extr-page #main {
  background: #ffffff;
  margin: 0;
}

@media (min-width: 768px) and (max-width: 880px) {
  #extr-page #header {
    padding: 0 !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 679px) {
  #extr-page #header {
    padding: 0 !important;
  }
  #extr-page #header #logo {
    margin-top: 0px;
  }
}
/* Bridgetime */
.bt_calDate1 { font-size: 14px; font-family: Roboto; color: #666666; display: inline-block; margin-right: 15px;vertical-align: top; width: 22px;}
.bt_calDate2 { font-size: 14px; font-family: Roboto; color: #666666; display: inline-block;}
.bt_calDateYear {  line-height: 16px;  padding-top: 6px;}
.bt_calDateDay {   line-height: 16px;  padding-top: 6px;}
.bt_calDateWeek {  line-height: 16px;  padding-top: 6px;}
.bt_calDateMonth {line-height: 16px; padding-top: 6px; text-align: right; }
.bt_calDateDate {font-size: 40px; color: #84AD17; padding-top: 8px;width: 50px; text-align: right;}

.bt_calInfo1 {	font-size: 18px;	color: rgba(0,0,0,0.8);	padding-top: 5px;	line-height: 28px;}
.bt_calInfo2 { 	color: rgba(0,0,0,0.8);	font-size: 14px;	height: 28px;}
.bt_calInfo2 i { padding-right: 5px; }
.bt_calInfo2 span {		padding-right: 30px;}
.bt_calInfo3 {	color: #666666;	font-size: 14px;}
.bt_calInfo2_label {	color: rgba(0,0,0,0.6);	padding-right: 10px !important;}
.bt_calInfo2_text {}
.bt_contract {	border-spacing: 0;	border-collapse: collapse; }
.bt_contract tr { height: 32px; }
.bt_contract tr > :nth-child(1) {	width: 50px;}
.bt_contract tr > :nth-child(2) {	min-width: 25px;	}
.bt_contract tr > :nth-child(3) {	min-width: 100%;	}
.bt_result {	border-spacing: 0;	border-collapse: collapse; }
.bt_result tr {		height: 32px;	}
.bt_result tr > :nth-child(1) {	min-width: 30px;}
.bt_result tr > :nth-child(2) {	width: 100%; text-align: left;}

.bt_play_status {
		margin-left: 64px;
		margin-top: 25px;
	}
.bt_play_status .bt_pane1
{
  float: left;
  width: 64px;
  margin-left: -64px;
}
.bt_play_status .bt_pane2
{
  float: right;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.bt_play_status .cleared 
{
   clear: both;
}
.bt_play_status .bt_row
{
  display: table-row;
}
	.bt_play_status .bt_col {
		display: table-cell;
		width: 64px;
		min-width: 64px;
		height: 48px;
		cursor: pointer;
	}
	.bt_play_status .bt_col2 {
		border: 1px solid #ffffff;
		height: 48px;
		text-align: center;
		padding-top: 13px;
		font-family: Roboto;
		font-size: 16px;
		font-weight: 500;
		color: #212121;
	}

.bt_play_status .bt_col2.bt_green { background-color: #DBE6BA; }
.bt_play_status .bt_col2.bt_red { background-color: #ff2d0a; }
.bt_play_status .bt_col2.bt_ltyellow { background-color: #fff5c8; }
.bt_play_status .bt_col2.bt_yellow { background-color: #ffe75b; } 
.bt_play_status .bt_col2.bt_blue { background-color: #d2e8f9; }
.bt_play_status .bt_col2.bt_warn { font-weight: bold; color: #ff2d0a;  }
.bt_play_status .bt_col2.bt_gray { background-color: #F5F5F5;  }

	.bt_play_status .bt_row_header {
		height: 48px;
		white-space: nowrap;
		color: #323232;
		font-weight: bold;
		text-align: center;
	}
	.bt_play_status .bt_col_header {
		text-align: center;
		white-space: nowrap;
		color: #323232;
		font-weight: bold;
		background-color: #F7F7F7; /*#fff5c8;*/
	}
.bt_play_status .dropdown-menu { left: 50%; top:50%; }
.bt_play_header {
	width: 100%;
	padding: 5px 0px 5px 20px;
	margin-top: 20px;
	overflow: hidden;
	min-width: 280px;
	background-color: #f5f5f5;
}
.bt_play_header > div
{
  display: inline-block;
  vertical-align: middle;
  height: 80px;
}
.bt_play_header .bt_status
{
  padding: 7px 33px 0 0px;
  position: relative;
}

.bt_play_header .bt_label
{
  display: block;
  color: #777777;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  text-shadow: 0 0 1px white;
  padding-left: 0px;
  text-align: left;
}
.bt_play_header .bt_value
{
  max-width: 97%;
  white-space: nowrap;
  background:none;
  border: none;
  padding: 0 10px 0 20px;
  text-align: left;
  color: #333333;
  font-size: 34px;
  width: 130px;
  min-width: 80px;
}
.bt_play_header .bt_value.ctrl_text_time_red {	color: #ff3c1e;}
.bt_play_header .bt_value.green {color: #93b735;	}
	.bt_play_header .bt_value.green {
		color: #93b735;
	}

/* if screen <=1024 (old 1334px) */
@media all and (max-width: 1023px)
{
  .trhidden { display: none; }
}

/* if screen <=1024 */
@media all and (max-width: 1024px)
{
  .hideMobile { display: none; }
  .debug .mediaNav2 { display: block; }

  #left-panel { left: -210px; }
  #left-panel:hover { left: 0px; }
  #main { margin-left: 10px;    }
  .hidden-menu #left-panel { left: 0px; }
  .hidden-menu #main {  position: relative;  left: 220px; margin-left: 0px;}
  .menu-on-top.hidden-menu #main {  position: relative;  left: 0px; margin-left: 0px;}
  .fixed-ribbon #ribbon { left: 10px; }
  .fixed-ribbon.hidden-menu #ribbon { left: 220px; }
  .page-footer { padding-left: 10px; }
  .fixed-page-footer .page-footer {  padding-left: 0px; }
  .fixed-page-footer.show-help-inline .page-footer {  padding-right: 10px;}
  .hidden-menu.fixed-page-footer .page-footer {  padding-left: 220px; }

  .hidden-menu .page-footer { padding-left: 10px;}
  .minified #left-panel { left: 0px; }
  /*body.fixed-navigation.hidden-menu { overflow: hidden !important; }*/
  .show-help-inline #right-panel { /*display: none;*/ width:10px;}
  .show-help-inline #main { margin-right: 10px; }
  .show-help-inline #right-panel:hover { width: 200px; }

  .menu-on-top #left-panel { left: 0px;  }
  .dlg-box { width: 520px; }
  .hidden-menu #hide-menu i > em {display:none; }
  #period-label { display: none; }
}
/* if screen <=760 */
@media all and (max-width: 768px)
{
  .menu-on-top nav > ul >li >a >span { display:none;}
  .menu-on-top aside#left-panel nav > ul > li > a {  height: 48px; }
  .menu-on-top #main {  margin-left: 0px !important;  margin-top: 50px !important;}
  .menu-on-top .dlg-box { top: 107px; }
  .ConfigForm label.config_menu_on_top { display: none; }
  .MenuWebbOnly { display: none; }
  .MenuMobileOnly { display: block; }
}
/* if screen <=560 */
@media all and (max-width: 560px)
{
 .debug .mediaMod2 { display: block; }
  
  #hide-menu i > em {display:block; }
  #header { height: 98px; }
  #logo-group { width: 127px; }
  /*#logo img { width: 127px; height: 28px; }*/
  #left-panel { padding-top: 98px; left: -220px; }  
  #main { margin-left: 0px; }
  #module, #module-context { display: none; }
  .drop-box { right: 10px;  top: 48px; } 
  .dlg-box { right: 10px;  top: 48px; } 
  .fixed-header #main {margin-top: 98px;}
  .fixed-ribbon #ribbon  { top: 98px; left: 0px; }
  .page-footer { padding-left: 10px; }
  .page-footer .footer-hide { display: none; }
  .page-footer { display: none; }
  .fixed-navigation .minifyme { display: none; }
  .fixed-navigation .minifyme2 { display: none; }
  .fixed-navigation .minifyme2-invisible { display:none; }
  .show-help-inline #right-panel { display: none;}
  .show-help-inline #main { margin-right: 0px; }
  .login-info { display:block; }
  .login-info2 { display:none; }
  .menu-on-top #logout { display: none; }
  
  .menu-on-top  #left-panel { padding-top: 98px; left: -220px; }  
  .menu-on-top #main { margin-left: 0px;  display: none;  }
  .menu-on-top #hide-menu { display: block !important; }
  .menu-on-top aside#left-panel {  width: 220px !important;  height: 100%; }

  .ConfigForm label.config_menu_on_top { display: none; }
  .dlg-box { width: 299px; top: 108px; left: 10px; }
	.bt_play_header > div {		height: 60px;	}
	.bt_play_header .bt_value.bt_value_small {		width: 40px;		min-width: 40px;	}
  .bt_play_header .bt_status   {    padding: 7px 10px 0 0;  }
  .bt_play_header .bt_value  {    padding: 0 0 0 0;  width: 80px;  min-width: 50px; font-size: 22px;}
  .rhidden { display: none; }
}

/* if screen >560 */
@media all and (max-height: 700px)
{
  .debug .mediaMod3 { display: block; }
  .fixed-navigation .minifyme { display: none; }
  .fixed-navigation .minifyme2 { display: none; }
  .fixed-navigation .minifyme2-invisible { display:none; }
  #right-panel { display:none; }
}
.dlg-box.full-screen 
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11190906;  
}
.rebox.full-screen 
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90906;  
}
.print { display: none; }
.reprint #header { display: none; }
.reprint #left-panel { display: none; }
.reprint #right-panel { display: none; }
.reprint .page-footer { display: none; }
.reprint #main
  {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    top: 0;
    left: 0;
    margin: 0px;
    max-width: 1600px;
  }
.reprint body {-webkit-print-color-adjust: exact; overflow: visible;}
.reprint .noprint { display: none; }
.reprint .print { display: inline ; }
.reprint #TblCmds { display: none; }

.wistia-fancybox .fancybox-opened { z-index: 90917 !important;}
.wistia-fancybox #fancybox-overlay { z-index: 90916 !important;}

.renavx { }
.renavx li {  padding: 0px 1px;  margin-bottom: -1px; margin-top: 10px;}
.renavx .renavxa {  padding: 5px 10px 3px 10px;  border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.renavx.nav-tabs .active a{  background-color: #ffffff;  border-bottom: 1px solid #ffffff;}

.nav-tabs {  padding-left:10px;}
.nav-tabs > li > a.renavxa {  padding: 3px 10px;  white-space: nowrap;  background-color: #d2d2d2;  border-top: 1px solid #ddd;  border-right: 1px solid #ddd;  border-left: 1px solid #ddd;  font: arial;  font-size: 12px;  color: #323232;}

.renavx.nav-tabs {overflow:visible; -webkit-box-shadow: none;box-shadow: none;background-color: #ffffff;border-radius: 0;margin: 0px 0px 0px 0px;padding: 2px 0px 4px 0px;border-bottom: 1px solid rgb(221,221,221);webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: unset;}
.renavx.nav-tabs  a {  color: #555;  cursor: default;  background-color: #afafaf;  border: 1px solid #ddd;  border-bottom-color: transparent;}
.renavx.nav-tabs li.active { background-color: #ffffff;  border-bottom: 1px solid #ffffff;}

.renavx.nav-tabs  a.renavxa2 {border: 0px;width: 100%;height: auto; background-color: #ffffff;}
.renavx.nav-tabs  a.renavxa2:hover { background-color: rgb(245,245,245); }
.renavx.nav-tabs  li.renavxa3 { margin: 0px; }
.renavx.nav-tabs  li.renavxa3.active a { background-color: rgb(64,122,185); color: #ffffff; }


.dropdown-menu > li > a { font-size: 12px; width: 100%; height: 100%; display: block; padding: 5px}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { cursor: pointer; }
.dropdown-menu > li > a.active { background-color: #ff0000; }


.dropdown-menu > li > a { font-size: 12px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { cursor: pointer; }

.TabShow { }
.TabHide { display: none; }
.TabReq::before {  content: '||'; color: #42aeff;  background-color: #42aeff;  margin-right: 3px;}
.TabErr::before {  content: '||';  color: #ff2808;  background-color: #ff2808;  margin-right: 3px;}
.TabItemReq2 { background-color: #42aeff;	position:absolute;	left: 3px;	width: 6px;	top: 5px;	bottom: 5px; }

#AutoRefreshCounter { cursor: pointer; padding-right:10px;}
.ctrl_text_time_red {	color: #ff3c1e;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;padding-right: 10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.float-left{float:none;}.dropdown-submenu.float-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.ResultTbl {   font-weight: bold; }
.ResultTbl a { text-decoration: none; color: #1478c8; }
.ResultTbl a:link { text-decoration: none; color: #1478c8; }
.ResultTbl a:hover{ text-decoration: underline;color: #1478c8; cursor: pointer;}

.iframewrapper { width: 100%; height: 500px; -webkit-overflow-scrolling: touch; background-color: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
#iframeResult {   background-color: #ffffff;  height: 100%;  width: 100%; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestions table { }
  .autocomplete-suggestions table th {
    border-top: solid 0px #ffffff;
    border-left: solid 0px #ffffff;
    border-right: solid 1px #c8c8c8;
    border-bottom: solid 1px #c8c8c8;
    color: #323232;
    vertical-align: top;
    white-space: nowrap;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 5px;
    background-color: #e1e1e1;
  }
  .autocomplete-suggestions table td {
    padding: 0px 3px 0px 3px;
    border-top: solid 0px #ffffff;
    border-left: solid 0px #ffffff;
    border-right: solid 1px #c0c0c0;
    color: #4b4b4b;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 12px;
    white-space: nowrap;
    padding: 2px 5px;
    min-height: 20px;
  }
.autocomplete-suggestion {  padding: 0px;  white-space: nowrap;  min-height: 20px;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.browser-default { height: 20px !important; }
.fld-checkbox { position:relative; visibility:visible; left: 0px;}

.btn-primary-old {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  padding: 6px 12px;
}
.btn-primary-old:hover,
.btn-primary-old:focus,
.btn-primary-old.focus,
.btn-primary-old:active,
.btn-primary-old.active{
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary-old:active,
.btn-primary-old.active {
  background-image: none;
}
.btn-default-old {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 6px 12px;
}
.btn-default-old:hover,
.btn-default-old:focus,
.btn-default-old.focus,
.btn-default-old:active,
.btn-default-old.active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default-old:active,
.btn-default-old.active {
  background-image: none;
}

.redate { font-size: 14px; border-radius:0px;}

/* Bootstrap 4 */
.container { margin-left: unset; font-family: 'Roboto', Sans-Serif; font-size: 16px; font-weight: 300;}
.containerLogin { margin-left: auto;}
.dropdown-menu { z-index: 1100801; }

.xre-page { display: none; }
.xre-page-editing .xre-btn-action { display: none !important; }
.xre-page-editing .xre-bar-reload{ display: none !important; }

/* Containers */
.xre-container { overflow: visible; font-family: 'Roboto', Sans-Serif; font-size: 16px; font-weight: 300;   width: 100%; padding-right: 45px; padding-left: 45px;margin-right: auto; margin-left: 0px; }
.xre-container-inner { overflow: visible; width: 100%; /*max-width: 1367px; */ margin-right: auto; margin-left: 0px; }
.xre-container-tab { overflow: auto;  font-size: 16px; font-weight: 300;   width: 100%; padding-right: 0px; padding-left: 0px;margin-right: auto; margin-left: 0px; }
.xre-container-full { overflow: visible; font-size: 16px; font-weight: 300;  width: 100%; padding-right: 15px; padding-left: 45px;margin-right: auto; margin-left: 0px; }
.xre-container-tab .row  { margin-left: 0px; margin-right: 0px; }
.xre-container-tab .xre-tab-gray-bg { background-color: #F7F7F7; }
.xre-container-tab .xre-tab-padding { padding: 0px 75px 0px 75px; }
.xre-box-padding { padding-left: 45px; padding-right: 45px; padding-bottom: 45px;}
.xre-box-padding-top { padding-top: 25px; }
.xre-box-padding-bottom { margin-bottom: 25px; }
.xre-box-border { border: solid 1px #666666; }
.xre-box-bg-color1 { background-color: #f7f7f7; }
.xre-box-bg-color2 { background-color: #999999; }

@media (min-width: 1200px) {
  .xre-container { overflow: visible; max-width: 1400px; }
/*  .xre-container-tab { max-width: 1368px; } */
}
@media (max-width: 560px) 
{
  .xre-container { padding-left: 15px; }
  .xre-container-full { padding-left: 15px; }
  .xre-container-tab .xre-tab-padding { padding: 0px 10px 0px 10px; }
  .xre-box-padding { padding-left: 15px; padding-right: 15px; }
  .xre-box-padding-top { margin-top: 5px; }
}
/* column manager */
.xre-colmgr-padding-one { padding: 0px 75px 0px 75px; }
.xre-colmgr-padding-first { padding: 0px 37px 0px 0px; }
.xre-colmgr-padding-middle { padding: 0px 37px 0px 37px; }
.xre-colmgr-padding-last { padding: 0px 0px 0px 37px; }
.xre-colmgr-padding-left { padding-left: 75px; }
.xre-colmgr-padding-right { padding-right: 75px; }
.xre-colmgr-padding-formedit { padding-right: 65px; }
.xre-col-padding-right { padding-right: 10px !important; }
.xre-col-padding-left { padding-left: 10px !important; }
@media (max-width: 560px) 
{
  .xre-colmgr-padding-one { padding: 0px 35px 0px 35px; }
  .xre-colmgr-padding-first { padding: 0px 35px 0px 35px; }
  .xre-colmgr-padding-middle { padding: 0px 35px 0px 35px; }
  .xre-colmgr-padding-last { padding: 0px 35px 0px 35px; }
  .xre-colmgr-padding-left { padding-left: 35px; }
  .xre-colmgr-padding-right { padding-right: 35px; }
  .xre-colmgr-padding-formedit { padding-right: 25px; }
  .xre-col-padding-right { padding-right: 0px !important; }
  .xre-col-padding-left { padding-left: 0px !important; }
}
.xre-tabs {  }
.xre-tabs-center { justify-content: center; }
.xre-tabs-left { justify-content: left; }
.tabs-wrapper { border-bottom: 1px solid #757575; overflow: hidden; display: flex; flex-wrap: nowrap; padding-left: 45px; margin-top: 10px;} 
.tabs-wrapper .left-nav { padding: 3px 3px 0px 3px; }
.tabs-wrapper .right-nav { padding: 3px 3px 0px 3px;}
.tabs-wrapper .mid-nav { overflow: scroll; overflow-x: hidden; overflow-y: hidden;}
.tabs-wrapper .re-btn-more {white-space: nowrap; margin: 0px 0px 0px 0px; text-transform: none; padding: 9px 5px 5px 5px; background-color: #ffffff !important;color: rgba(0,0,0,0.9);  -webkit-box-shadow: none;box-shadow: none;}
.tabs-wrapper .re-btn-more:hover, .rebar .re-btn-more:active, .rebar .re-btn-more:focus { top: 0px; left: 0px; background-color: #eeeeee !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.mobile-detected .tabs-wrapper .mid-nav { overflow-x: scroll; }

.nav-tabs { border-bottom: 0px; margin-bottom: 0px;margin-left: 0px;margin-right: 0px; padding: 0px;box-shadow: none;-webkit-box-shadow: none; border-radius: 0; overflow: hidden;left: 0px; -webkit-transition: left 0.25s ;-o-transition: left 0.25s ;transition: left 0.25s ;}
.nav-tabs .nav-item {  margin-bottom: -2px; position: relative;  }
.nav-tabs .nav-item .nav-link { padding: 10px 24px 8px 24px; border-bottom: 3px solid #ffffff; color: rgba(0,0,0,0.6); font-size: 16px; font-weight: normal;  border-radius: 0px;}
.nav-tabs .nav-item .nav-link:hover  {  border-color: #e0e0e0; background-color:#e0e0e0;   -webkit-box-shadow:none; box-shadow:none; -webkit-transition: 0; -o-transition: 0; transition: 0; border-bottom: 3px solid #e0e0e0;}
.nav-tabs .nav-item .nav-link.active { display: block; border: none; color: #000000; border-bottom: 3px solid #000000; background-color: rgba(235,235,235); -webkit-box-shadow:none; box-shadow:none; -webkit-transition: 0; -o-transition: 0; transition: 0; }
.nav-tabs .nav-item .nav-link.waves-effect { overflow: unset; }
@media (min-width: 1280px) 
{
 .nav-tabs .nav-item .nav-link { padding: 10px 34px 8px 34px; }
}
@media (max-width: 1024px)
{
 .nav-tabs .nav-item .nav-link { padding: 10px 18px 8px 18px; }
}
@media (max-width: 560px) 
{
 .nav-tabs .nav-item .nav-link { padding: 10px 10px 8px 10px; }
 .tabs-wrapper { padding-left: 0px; margin-top: 0px;}
}

.tab-content { padding: 0 }

.xre-nav-left { background-color: #F7F7F7; padding-top: 20px; padding-left: 0px;}
.xre-nav-left-col { padding-left: 0px; }
.xre-nav-left .nav-item .nav-link { background-color: #F7F7F7;text-align: left; width: 100%; color: rgba(0,0,0,0.6); font-weight: normal; min-height: 42; padding-top: 10px;}
.xre-nav-left .nav-item .nav-link:hover { background-color: #e0e0e0; }
.xre-nav-left .nav-item .nav-link.active {  -webkit-box-shadow:none; box-shadow: none; color: #000000; background-color: rgb(235,235,235); display: block;}
.xre-nav-left .nav-item .nav-link.active span { border-bottom: 3px solid #000000; padding-bottom: 4px;}
.xre-nav-left li { padding-left: 0px; }
.xre-nav-left li .nav-link { padding-left: 30px; }
@media (max-width: 560px) 
{
  .xre-nav-left { padding-top: 10px; }
  .xre-nav-left li .nav-link { padding-top: 0px; padding-left: 15px; }
}

.xre-bar-container { background-color: rgb(255, 255, 255); height: 57px}
.xre-bar2  {position: unset;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: 15px 0px 5px 0px;width:100%;}
.xre-bar2-inline { padding: 0px 0px 0px 0px; }  
.xre-bar3  {position: unset;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: 0.0rem 0rem;} /* BORT */
.xre-bar2 .re-btn-more {white-space: nowrap; margin: 0px 0px 0px 0px; font-size:14px; text-transform: none; padding: 6px 15px 6px 15px; background-color: transparent;color: rgba(0,0,0,0.9);  -webkit-box-shadow: none;box-shadow: none;}
.xre-bar2 .re-btn-more:hover, .xre-bar2 .re-btn-more:active, .xre-bar2 .re-btn-more:focus { top: 0px; left: 0px; background-color: #eeeeee !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.dropdown-toggle::after { margin-left: 0px; }
.xre-dropdown-menu { z-index:99999999; }
.xre-bar2 .re-btn-breadcrum {white-space: nowrap;margin: 0px 0px 0px 0px;font-size: 24px;text-transform: none;padding: 6px 7px 6px 7px;background-color: transparent;color: rgba(0,0,0,0.9);-webkit-box-shadow: none;box-shadow: none;color: #1478c8;}
.xre-bar2 .re-btn-breadcrum:hover, .xre-bar2 .re-btn-breadcrum:active, .xre-bar2 .re-btn-breadcrum:focus { background-color: #eeeeee !important; -webkit-box-shadow: none !important;  box-shadow: none !important; }


.xre-bar2 .xre-btn-time {white-space: nowrap; margin: 0px 0px 0px 10px; font-size:17px; text-transform: none; padding: 6px 10px 6px 10px; background-color: transparent;color: rgba(0,0,0,0.9);  -webkit-box-shadow: none;box-shadow: none;}
.xre-bar2 .xre-btn-time:hover { top: 0px; left: 0px; background-color: #eeeeee !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.xre-bar2 .xre-btn-time.rebar-autorefresh-stop { color: #ff0000; }

.xre-bar2 .btn-group { position: unset; }
.xre-bar2 .btn-group button { margin-right: 10px; }

.xre-bar-toggle { position: absolute; left: 20px; padding-top:10px;}
.xre-bar-toggle button, .xre-bar-toggle button:active, .xre-bar-toggle button:focus {white-space: nowrap; margin: 0px 0px 0px 0px; text-transform: none; padding: 1px 5px 0px 5px; background-color: #ffffff !important;color: rgba(0,0,0,0.9);  -webkit-box-shadow: none;box-shadow: none;}
.xre-bar-toggle button:hover { top: 0px; left: 0px; background-color: #eeeeee !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.xre-hide { display: none !important; }

.xre-bar-title { font-size: 24px; flex-grow: 1; font-weight: 500; color: rgba(0,0,0,0.9); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.xre-bar-title-medium {   font-size: 20px;  flex-grow: 1;  font-weight: 500;  color: rgba(0,0,0,0.9);  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  width: 100%;  padding-left: 8px;  padding-bottom: 0px;  padding-top: 5px;}
.xre-bar-title-small { font-size: 12px; flex-grow: 1; font-weight: 400; color: rgba(0,0,0,0.6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding-left: 8px; padding-bottom: 0px; padding-top: 5px;}

.xre-bar-label { color: rgba(0,0,0,0.6); padding-right: 10px;font-weight: normal; white-space: nowrap; padding-left:10px;}
.xre-bar-text { color: rgba(0,0,0,0.9);font-weight: 500; padding-right: 10px;white-space: nowrap; }
.xre-bar-desc { padding-top: 0px; font-size: 14px; font-weight: normal;line-height: 20px; color: rgba(0,0,0,0.6); white-space: normal;}
.xre-bar-large { padding: 0px 0px 0px 0px; font-size: 16px; line-height: 24px; padding-bottom: 10px;padding-top: 10px;}
.xre-bar-small { padding: 0px 0px 20px 0px; font-size: 14px; line-height: 24px;}
.xre-bar-not-top { padding-left: 15px; margin-bottom: 12px; margin-top: 12px;}
.xre-bar-bg-gray { background-color: #eeeeee; border-radius: 10px; }

.xre-group-title { padding: 30px 0px 10px 0px; font-size: 20px;color: rgba(0,0,0,0.9); font-weight: 500; margin-top: 0px; margin-bottom: 0px;}
@media (max-width: 560px) {
.xre-group-title { padding: 15px 0px 5px 0px;}
}
.dropdown-submenu { position:relative;}
.dropdown-submenu .dropdown-menu { top:0;left: unset;right: 100%;}

.dropup, .dropright, .dropdown, .dropleft {
    position: unset;
}
.dropdown .dropdown-menu {
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.dropdown .dropdown-menu .dropdown-item {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}

.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active {
  background-color: #f8f9fa;
  -webkit-box-shadow: none;
  box-shadow: none
  -webkit-border-radius: 0rem;
  border-radius: 0rem;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  color: #212529 !important;
}

.dropdown-item.active, .dropdown-item:active {
  color: #212529;
  text-decoration: none;
  background-color: #f8f9fa;
}

.xre-bar-sticky { border-bottom: solid 1px #dddddd;  box-shadow: -1px 3px 3px rgba(0, 0, 0, 0.1);}
@media (max-width: 560px) {
.xre-bar-sticky { top: 98px !important;}
.hidden-menu .xre-bar-sticky { left: 220px !important; }
}
.re-bar-padding { padding-top: 20px; padding-bottom: 20px; }
.menu-on-top .xre-bar-sticky { top: 119px !important; }
@media (max-width: 768px) {
.menu-on-top .xre-bar-sticky { top: 99px !important; }
}
body { overflow: auto;height: unset;min-height: unset;}

.re-no-gutters-row {margin-right: 0;margin-left: 0;}

.xre-panel-table {width: 100%;max-width: 100%;background-color: transparent; margin-top: 20px;}
.xre-panel-table td{padding-top:5px;padding-bottom:5px;white-space: nowrap;font-size: 14px;font-weight: 400;}
.xre-panel-table-clip {max-width:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xre-panel-table-col1 { width: 53% }
.xre-panel-table-col2 { width: 30% }
.xre-panel-table-col3 { width: 17% }
.xre-panel-table-colBold { font-weight: 600 !important;}
.xre-panel-table-colBold .text-muted {  font-weight: 600 !important;}

.errorIcon {
  margin-left: -35px;
}
.errorBox { padding-left: 50px; }

.md-form small.re-error { display: none; color: #f44336;  position: absolute;}
.md-form small.re-help { display: none; position: absolute;}
.md-form small { padding-left: 10px; }
.md-form input:hover:not([disabled]), .md-form textarea:hover:not([disabled]) { background-color: rgb(235,235,235);  }
.md-form input:hover:not([disabled]) + label, .md-form textarea:hover:not([disabled]) + label { background-color: rgb(235,235,235); }
.md-form label {-webkit-transform: translateY(-140%); -ms-transform: translateY(-140%);transform: translateY(-140%);font-size: 0.8rem;-webkit-transition: none;-o-transition: none;transition: none; }
.md-form .select-wrapper.disabled { pointer-events: unset !important;}
.md-form .select-wrapper.disabled input { pointer-events: none !important;}
.md-form:not([readonly]) .select-wrapper:hover {  background-color: rgb(235,235,235);}
.md-form:not([readonly]) .select-wrapper:hover + label { background-color: rgb(235,235,235); }
.md-form .select-wrapper input.select-dropdown { height: 40px; line-height: 40px; }
.md-form .select-wrapper span.caret { z-index: 1; right: 10px; top: 0.5rem;}
.md-form.invalid .select-wrapper span.caret { right: 35px;}
.md-form .select-wrapper + label { top: 0.65rem; }
.re-form .re-form-signature { display: none;     position: absolute;}
.re-form .re-required-star { display: none; }

.re-form-active .re-required-star { display: inline; }
.re-form-active .md-form input:hover:not([disabled]), .md-form textarea:hover:not([disabled]) { background-color: rgb(235,235,235);  }
.re-form-active .md-form input:hover:not([disabled]) + label, .md-form textarea:hover:not([disabled]) + label { background-color: rgb(235,235,235); }
.re-form-active .md-form:not([readonly]) input, 
.re-form-active .md-form:not([readonly]) textarea {background-color: rgb(247,247,247); margin-bottom: 8px; }
.re-form-active .md-form:not([readonly]) label {background-color: rgb(247,247,247);  }
.re-form-active .md-form:not([readonly]) input:focus, 
.re-form-active .md-form:not([readonly]) textarea:focus  {background-color: rgb(229,240,248); }
.re-form-active .md-form:not([readonly]) input:focus + label.active,
.re-form-active .md-form:not([readonly]) textarea:focus + label.active  {background-color: rgb(229,240,248);  }
.re-form-active .md-form:not([readonly]) .re-form-signature { display: block; }
.re-form-active .md-form small.re-error { display: none; }
.re-form-active .md-form.invalid small.re-error { display: block; }
.re-form-active .md-form.invalid small.re-help { display: none; }
.re-form-active .md-form:not(.invalid) input:focus ~ small.re-help { display: block }
.re-form-active .md-form:not(.invalid) input[type=checkbox] ~ small.re-help { display: block }
.re-form-active .md-form.invalid label { color: #f44336; }
.re-form-active .md-form.invalid input:focus + label ,
.re-form-active .md-form.invalid textarea:focus + label { color: #f44336; }

.md-form i.re-suffix { display: none; position: absolute; right: 15px; top: 5px; color: #f44336; z-index: 10; }
.re-form-active .md-form.invalid i.re-suffix { display: block; }

/* Standard formatering */
.md-form textarea.md-textarea { padding: 0; overflow: scroll; overflow-y: auto;overflow-x: hidden;}
.md-form label {width: 100%; padding-left: 2px; }
.md-form label.active {width: 100%; padding-left: 2px; }
.md-form .form-check {  padding-left: 0px;}

.md-form input[type=text], .md-form input[type=password], .md-form input[type=email], .md-form input[type=url], .md-form input[type=time], .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=tel], .md-form input[type=number], .md-form input[type=search-md], .md-form input[type=search], .md-form textarea.md-textarea {
-webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px;-webkit-transition: background-color 0s;transition: background-color 0s;-o-transition: background-color 0s;}
[type="checkbox"] + label { font-size: 0.8rem;   font-weight: 300; }
[type="checkbox"]:checked + label:before {  top: 10px; left: 2px; }
[type="checkbox"] + label:before {  top: 10px; left: 2px;}

[type="checkbox"][class*="filled-in"]:checked + label:before { top: 10px; left: 2px; }
[type="checkbox"][class*="filled-in"]:checked + label:after { top: 10px; left: 2px; }
[type="checkbox"][class*="filled-in"] + label:before { top: 10px; left: 10px; }
[type="checkbox"][class*="filled-in"] + label:after { top: 10px; left: 2px; }
[type="checkbox"][class*="filled-in"]:not(:checked) + label:after { top: 10px; left: 2px; }

.form-inline [type="checkbox"][class*="filled-in"]:checked + label:before { top: 2px; left: 2px; }
.form-inline [type="checkbox"][class*="filled-in"]:checked + label:after { top: 2px; left: 2px; }
.form-inline [type="checkbox"][class*="filled-in"] + label:before { top: 2px; left: 10px; }
.form-inline [type="checkbox"][class*="filled-in"] + label:after { top: 2px; left: 2px; }
.form-inline [type="checkbox"][class*="filled-in"]:not(:checked) + label:after { top: 2px; left: 2px; }

.md-form .form-check label { width: 100%; padding: 8px 0px 10px 35px; position: relative; transform: none; -webkit-transform: none; -ms-transform: none; top: 0px; height: 100%; }
.re-checkbox { margin-top: 10px; margin-bottom: 10px; }

.re-text-radio { right: 0px; position: absolute; color: rgba(0,0,0,0.9); font-weight: 300;}
.re-text-radio-input { position: relative; visibility: visible; left: 0; }
.md-form .re-text-radio label { position: relative; padding: 0px 10px 0px 35px; transform: none;}
.md-form .form-control.re-form-input-right { text-align: right; padding-right: 10px; }
.md-form .form-control.re-form-input-right-unit { padding-right: 30px; }
.md-form.invalid .form-control.re-form-input-right { text-align: right; padding-right: 30px; }
.md-form.invalid .form-control.re-form-input-right-unit { padding-right: 60px; }
.md-form .re-form-input-unit { right: 0px; position: absolute;top: 7px;font-size: 13px;width: 25px;text-align: left; /* background-color: #dddddd; */}
.md-form.invalid .re-form-input-unit { right: 30px; position: absolute;top: 7px;font-size: 13px;width: 25px;text-align: left; /* background-color: #dddddd; */}
.re-form-buttons { min-height: 50px; height: 50px; }
.re-form button.re-form-button { display: none; }
.re-form.re-form-active button.re-form-button { display:block; } 

.re-bg-color-none { }
.re-bg-color-green { background-color: rgb(144, 204, 34) !important; }
.re-bg-color-red { background-color: rgb(235,75,105) !important; }
.re-bg-color-yellow { background-color: rgb(235,210,75) !important; }
.re-bg-color-blue { background-color: rgb(216,236,247) !important; }
.re-bg-color-lt-gray { background-color: #f7f7f7 !important; }
.re-bg-color-dk-gray { background-color: #e8e8e8 !important; }
.re-bg-color-white { background-color: #ffffff !important; }

.ui-datepicker th { padding: 0; }
.ui-datepicker td span, .ui-datepicker td a { padding: 0; }

/* XRE */
.xre-panel-proc { margin-bottom: 25px; }
.xre-panel-proc .xre-panel-proc-row1 { display: flex; flex-wrap: nowrap; flex-direction: row; }
.xre-panel-proc .xre-panel-proc-row1 div:nth-child(1) { width: 100%; overflow: hidden;text-overflow: ellipsis; min-width: 0;}
.xre-panel-proc .xre-panel-proc-row1 div { white-space: nowrap;}
.xre-panel-proc .xre-panel-proc-row3 {  white-space: nowrap; overflow: hidden;text-overflow: ellipsis; min-width: 0; min-height: 19px;}

/*.xre-panel-deck div.xre-panel-proc:nth-last-child(1) { margin-bottom: 0px; }*/

.xre-progress {box-shadow: none;position: relative;display: block;width: 100%;height: 8px;overflow: hidden;background-color: #dddddd;border-radius: 10px;}
.xre-progress .xre-progress-bar {box-shadow: none;height: 8px;background-color: rgb(144, 204, 34);border-radius: 10px;}


/* XRETABLE */
.xre-table { background-color: #ffffff; margin-bottom: 12px;}
.xre-table a[data-cmd='Expand'] { display: none; }
.xre-table a[data-cmd='Collapse'] { display: none; }
.xre-table.xre-group-by a[data-cmd='Expand'] { display: block; }
.xre-table.xre-group-by a[data-cmd='Collapse'] { display: block; }
.xre-table .xre-bar2 { padding-top: 10px;  padding-bottom: 10px; }

.xre-table-row-add { font-weight: 400; padding-left: 8px; color: #1478c8; position: absolute; font-size: 14px; width: 100%;}
.xre-table-row-add:hover { text-decoration: underline; color:#46aaff; cursor: pointer; }
.xre-table-row-add.underline { border-top: 1px solid #e5e5e5; }

.xre-table-hide-button1 {}
.xre-table-hide-button2 {}
.xre-table-hide-button3 {}
.xre-table-hide-button4 {}
.xre-table-hide-button5 {}
.xre-table-hide-button6 {}
.xre-table-hide-button7 {}
.xre-table-hide-button8 {}
.xre-table-hide-button9 {}
.xre-table-hide-button10 {}

.xre-table-hide-button1 .xre-col-button1 {  display: none;}
.xre-table-hide-button2 .xre-col-button2 {  display: none;}
.xre-table-hide-button3 .xre-col-button3 {  display: none;}
.xre-table-hide-button4 .xre-col-button4 {  display: none;}
.xre-table-hide-button5 .xre-col-button5 {  display: none;}
.xre-table-hide-button6 .xre-col-button6 {  display: none;}
.xre-table-hide-button7 .xre-col-button7 {  display: none;}
.xre-table-hide-button8 .xre-col-button8 {  display: none;}
.xre-table-hide-button9 .xre-col-button9 {  display: none;}
.xre-table-hide-button10 .xre-col-button10 {  display: none;}

.xre-header { position: fixed; width: 100%; background-color: #ffffff; overflow: visible; }
.xre-header .rebar { padding-bottom: 15px;}
.xre-header .nav-item .close { display: none; position: absolute; top: 14px; right: 5px; font-size: 16px;}
.xre-header .nav-item:hover .close { display: block; }
.xre-header .xre-icon-first-single::before { background:url('../img/step_first_single.png'); background-repeat:no-repeat;}
.xre-header .xre-icon-first-active::before { background:url('../img/step_first_active.png'); background-repeat:no-repeat;}
.xre-header .xre-icon-first-active-cont::before { background:url('../img/step_first_active_cont.png'); background-repeat:no-repeat;}
.xre-header .xre-icon-middle::before { background:url('../img/step_middle.png'); background-repeat:no-repeat;}
.xre-header .xre-icon-middle-active::before { background:url('../img/step_middle_active.png'); background-repeat:no-repeat;}
.xre-header .xre-icon-middle-active-cont::before { background:url('../img/step_middle_active_cont.png'); background-repeat:no-repeat;}
.xre-header .xre-icon-last::before { background:url('../img/step_last.png'); background-repeat:no-repeat;}
.xre-header .xre-icon-last-active:before { background:url('../img/step_last_active.png'); background-repeat:no-repeat;}
.xre-header-bg { position: fixed; background-color: #ffffff; overflow: visible; z-index: 999998;}

.xre-header-view { padding-top: 15px; }
.xre-header-view.p15 { padding-top: 15px; }
.xre-header-view .chip { background-color: #eceff1; color: rgba(0, 0, 0, 0.9); cursor: pointer;display: inline-block;height: 32px;font-size: 13px;font-weight: 500;color: rgba(0,0,0,.6);line-height: 32px;padding: 0 12px;-webkit-border-radius: 16px;border-radius: 16px;margin-right: 15px;cursor: pointer; margin-bottom: 10px;}
.xre-header-view .chip .xre-field-checkbox-container { font-size: 13px; display: inline-block; padding-top: 0px; padding-left: 37px; }
.xre-header-view .chip .xre-field-tri-button { top: 4px; left: 5px; }
.xre-header-view .chip .xre-field-tri-state { top: 9px; left: 9px; }
.xre-header-view .chip .close  {  float: right;  font-size: 18px;  padding-top: 7px;  padding-left: 14px;  font-weight: 700;  line-height: 1;  color: #000;  text-shadow: 0 1px 0 #fff;  opacity: .5;}
.xre-header-view .chip .close:hover { opacity: .9; }
@media (max-width: 767px) 
{
.xre-header-view .chip { margin-bottom: 15px; }
}

.xre-header-pane { }
.xre-header-nav-left { background-color: #F7F7F7; padding-top: 15px; padding-bottom: 15px; padding-left: 45px;}
.xre-header-nav-left-col { padding-left: 0px; }
.xre-header-nav-left li.nav-item  { padding: 0px 0px 0px 35px; }
.xre-header-nav-left .nav-item .nav-link { background-color: #F7F7F7;text-align: left; width: 100%; color: rgba(0,0,0,0.6); font-weight: normal;}
.xre-header-nav-left .nav-item .nav-link:hover { background-color: #eeeeee ; }
.xre-header-nav-left .nav-item .nav-link.active {  -webkit-box-shadow:none; box-shadow: none; color: rgba(0,0,0,0.9);}
.xre-header-nav-left .nav-item .nav-link.active span { border-bottom: 3px solid rgba(0,0,0,0.7); padding-bottom: 4px;}
.xre-header-pane-close { position: absolute; right: 0px; top: 0px; z-index: 9; }
.xre-header-pane-close .re-btn-more {white-space: nowrap; margin: 0px 0px 0px 0px; font-size:14px; text-transform: none; padding: 6px 15px 6px 15px; background-color: transparent;color: rgba(0,0,0,0.9);  -webkit-box-shadow: none;box-shadow: none;}
.xre-header-pane-close .re-btn-more:hover, .xre-header-pane-close .re-btn-more:active, .xre-header-pane-close .re-btn-more:focus { top: 0px; left: 0px; background-color: #eeeeee !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.xre-header-radio-btn {padding: 18px 0px 0px 0px; }

.xre-header-edit {  background-color: #f7f7f7; position: relative; padding-top: 15px; padding-left: 10px; padding-right: 10px; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin-bottom 25px;}
.xre-header-edit .tab-pane { padding-right: 45px; }
.xre-header-edit .tab-pane .md-form .filtrable label {width: 35px; padding-left: 35px; }
.xre-header-edit .nav-item::before  {content: '';width: 35px;height: 47px;display: block;position: absolute;left: 45px;}
.xre-header-edit-bg { position: fixed; width: 100%; background-color: #f7f7f7; }
.xre-header-edit .xre-header-filter-title { font-size: 13px; color: rgba(0,0,0,0.6);padding-top: 15px; padding-bottom: 5px; }
.xre-header-edit-top-border { border-top: solid 1px #cccccc; }

.xre-header-cols { border-bottom: 1px solid #c2c2c2; position: fixed; width: 100%; overflow: hidden;  background-color: #f7f7f7; z-index: 999999;}
.xre-header-cols-bg { border-bottom: 1px solid #c2c2c2; position: fixed; overflow: visible;  background-color: #f7f7f7; /*z-index: 999998;*/}
.xre-footer { position: fixed; width: 100%;   background-color: #f7f7f7;  overflow: hidden; z-index: 51;}
.xre-footer-bg { position: fixed; width: 100%;  background-color: #f7f7f7;  overflow: visible; z-index: 50;}
.reprint .xre-footer-bg { display: none;}
.xre-scroll { position: fixed; width: 100%; height: 17px; overflow: scroll; overflow-y: hidden; z-index: 50;}

.xre-table { position: relative; overflow: hidden; height: 610px; }
.xre-header .xre-title { font-size: 24px;flex-grow: 1;font-weight: normal;color: rgba(0,0,0,0.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.xre-data { position: absolute; width: 100%;  background-color: #ffffff; overflow: scroll; overflow-y: hidden;overflow-x: hidden;}
.xre-scroll-div { width: 0px; height: 1px;}

.xre-header-cols .re-btn-more {white-space: nowrap; margin: 0px 0px 0px 0px; font-size:14px; text-transform: none; padding: 6px 15px 6px 15px; background-color: transparent;color: rgba(0,0,0,0.9);  -webkit-box-shadow: none;box-shadow: none;}
.xre-header-cols .re-btn-more:hover, .xre-header-cols .re-btn-more:active, .xre-header-cols .re-btn-more:focus { top: 0px; left: 0px; background-color: #eeeeee !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

.xre-row { position: absolute; }
.xre-row:hover > .xre-col { background-color:rgb(247,247,247); } 
.xre-table-edit .xre-row:hover > .xre-col { background-color:#ffffff; } 
.xre-row.underline { border-top: 1px solid #e5e5e5; }
.xre-row.aboveline { border-top: 2px solid rgb(102,102,102); }
.xre-row.movetarget > .xre-col { background-color:#E2F4FE; } 
.xre-row.movetargetAbove > .xre-col { background-color:#E2F4FE;  } 
.xre-row.movetargetBelow > .xre-col { background-color:#E2F4FE;  } 
.xre-row.movetargetAbove > .xre-col:before { content: ""; position: absolute; top:0; left:0; height: 7px; width: 100%; background-color:#2C84CC;  } 
.xre-row.movetargetBelow > .xre-col:before { content: ""; position: absolute; bottom:0; left:0; height: 7px; width: 100%; background-color:#2C84CC;  } 

.xre-row .xre-row-delete { display: none; opacity: 0.5; }
.xre-row:hover .xre-row-delete { display: inline; color: #000000;}
.xre-row:hover .xre-row-delete:hover { display: inline; opacity: 1.0; color: #2C84CC; }
.xre-table-edit .xre-row .xre-row-delete { display: inline; opacity: 0.5; }

.xre-col-btn-more { position: absolute; right: 0; top: 0; background-color: #ffffff;}
.xre-row:hover .xre-col-btn-more { background-color: rgb(247,247,247); }
.xre-col-btn-more button {white-space: nowrap; margin: 0px 0px 0px 0px; font-size:14px; text-transform: none; padding: 3px 8px 3px 8px; background-color: transparent;color: rgba(0,0,0,0.5);  -webkit-box-shadow: none;box-shadow: none;}
.xre-col-btn-more button:hover, .xre-col-btn-more button:active, .xre-col-btn-more button:focus { color: rgba(0,0,0,1.0); top: 0px; left: 0px; background-color: #eeeeee !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

.xre-hcol { position: absolute; display: inline; overflow: hidden; text-overflow: ellipsis; overflow: visible;  font-size: 14px; color: #666666; font-weight: 500;}
.xre-hcol-label { position: absolute; bottom: 0px; left: 0px; padding-left: 8px; padding-right: 8px; width: 100%; white-space: nowrap; -webkit-user-select: none;  -moz-user-select: none;    -ms-user-select: none; user-select: none;}
.xre-hcol-label-span { position: absolute; bottom: 0px; left: 0px; padding-left: 5px; padding-right: 5px; width: 100%; white-space: nowrap; font-size: 12px; font-weight: 500;   -webkit-user-select: none;  -moz-user-select: none;    -ms-user-select: none;      user-select: none;}
.xre-hcol-more-menu { position: absolute; bottom: 3px; left: 0px; width: 100%; }
.xre-hcol-align-left { text-align: left; }
.xre-hcol-align-center { text-align: center; }
.xre-hcol-align-right {text-align: right;  }
.xre-hcol-sort-arrow { font-size: 14px; padding-right: 3px; }
.xre-hcol-rotate {position: relative;left: 0px;top: 160px;width: 180px;overflow: hidden;white-space:nowrap;transform: rotate(-90deg);transform-origin: 0 0;}
.xre-hcol-rotate-align-left { top: 5px; }
.xre-hcol-rotate-align-center { top: 45%; }
.xre-hcol-rotate-align-right { bottom: 5px; }
.xre-hcol-sortable { cursor: pointer; }
.xre-hcol-rborder-white { border-right: 2px solid #ffffff; }
.xre-hcol-rotate-label { text-align: left; position: absolute; bottom: 10px; left: 0px; padding-left: 15px; width: 100%; cursor: default; white-space: nowrap; font-size: 14px; font-weight: 500;   -webkit-user-select: none;  -moz-user-select: none;    -ms-user-select: none;      user-select: none;}
.xre-table-readonly .xre-hcol { color: rgba(0,0,0,0.6); }


.xre-col { position: absolute; white-space: nowrap;height: 100%; display: inline; overflow:hidden; text-overflow: ellipsis; background-color: #ffffff; color: #212121; font-weight: 400; font-size: 16px; z-index: 40;}
.xre-col-sticky-rborder { border-right: 1px solid #E0E0E0; }
.xre-col-sticky-lborder { border-left: 1px solid #E0E0E0; }
.xre-col-status0 {  font-size: 18px;  }
.xre-col-status1 { font-size: 18px; color: #94BC1F; }
.xre-col-status2 { font-size: 18px; color: #EAD728; }
.xre-col-status3 { font-size: 18px; color: #DD2C20; }
.xre-col-file-icon { font-size: 18px; color: #2C84CC; }
.xre-col-clickable { color: #2C84CC; cursor: pointer;}
.xre-col-clickable:hover { color: #2873B8; opacity: 1.0; }
.xre-col-alloc-white {   background-color: #ffffff;  width: 100%; position: absolute;  z-index: 1;}
.xre-col-alloc-gray {  background-color: #f7f7f7;  width: 100%;  position: absolute;  z-index: 1;}
.xre-col-alloc-green { background-color:#cce282; width: 100%; position: absolute; z-index: 1;}
.xre-col-alloc-yellow { background-color:#fce64e;width: 100%; position: absolute; z-index: 1;}
.xre-col-alloc-red {background-color:#de482e; width: 100%; position: absolute; z-index: 1;}
.xre-col-alloc-bright { border-right: solid 2px #ffffff; }
.xre-col-text { position: relative; z-index: 2; text-align: center;}
.xre-col-neg-red { color: #de482e;}
.xre-col-select { font-size: 18px; }
.xre-hcol-select { font-size: 18px; }
.xre-col-title-bg { line-height: unset !important; background-color: #f7f7f7; }
.xre-col.xre-col-can-edit:hover { background-color: rgb(235,235,235); cursor: text; }

.xre-col-folder { opacity: 0.5; font-size: 18px; padding-right: 10px; color: #000000; }
.xre-col-angle { opacity: 0.5; font-size: 18px; padding-right: 10px; color: #000000; font-weight: bold;}
.xre-col-leaf { opacity: 0.5; font-size: 16px; padding-right: 10px; color: #000000;}
.xre-col-note{ font-size: 18px; color: #000000; opacity: 0.5; }
.xre-col-folder-bold { font-weight: 500; }

.xre-col-gantt { position: absolute; top: 3px; overflow: hidden; }
.xre-col-gantt-text { color: rgba(0,0,0,0.9); padding-left:10px; }
.xre-col-gantt-today-line { position: absolute; width: 1px; background: rgb(209, 33, 33); height: 100%; z-index: 1;}
.xre-col-gantt-scale-line {position: absolute; border-left: dotted 1px #E0E0E0; height: 100%; }
.xre-col-gantt-bg-green { background: rgba(132, 173, 23,0.4);  }
.xre-col-gantt-left-green { border-left: 2px solid rgb(132, 173, 23); }
.xre-col-gantt-right-green { border-right: 2px solid rgb(132, 173, 23); }
.xre-col-gantt-bg-yellow { background: rgba(236, 201, 47, 0.4);  }
.xre-col-gantt-left-yellow {border-left: 2px solid rgb(236, 201, 47); }
.xre-col-gantt-right-yellow { border-right: 2px solid rgb(236, 201, 47);  }
.xre-col-gantt-bg-red { background: rgba(209, 33, 33,0.4);   }
.xre-col-gantt-left-red { border-left: 2px solid rgb(209, 33, 33);   }
.xre-col-gantt-right-red { border-right: 2px solid rgb(209, 33, 33);  }
.xre-col-gantt-bg-blue { background: rgba(53, 173, 170,0.4);   }
.xre-col-gantt-left-blue { border-left: 2px solid rgb(53, 173, 170);  }
.xre-col-gantt-right-blue { border-right: 2px solid rgb(53, 173, 170);  }
.xre-col-gantt-bg-black { background: rgba(0, 0, 0,0.4);   }
.xre-col-gantt-left-black { border-left: 2px solid rgb(0, 0, 0);  }
.xre-col-gantt-right-black { border-right: 2px solid rgb(0, 0, 0);  }
.xre-col-gantt-bg-grey { background: rgba(195, 195,195, 0.4);  }
.xre-col-gantt-left-grey {border-left: 2px solid rgb(195, 195, 195); }
.xre-col-gantt-right-grey { border-right: 2px solid rgb(195, 195, 195);  }
.xre-col-gantt-bg-turquoise { background: rgba(64, 224, 208, 0.4);  }
.xre-col-gantt-left-turquoise {border-left: 2px solid rgb(64, 224, 208); }
.xre-col-gantt-right-turquoise { border-right: 2px solid rgb(64, 224, 208);  }
.xre-col-gantt-bg-orange { background: rgba(255, 127, 39, 0.4);  }
.xre-col-gantt-left-orange {border-left: 2px solid rgb(255, 127, 39); }
.xre-col-gantt-right-orange { border-right: 2px solid rgb(255, 127, 39);  }
.xre-col-gantt-bg-purple { background: rgba(163, 73, 164, 0.4);  }
.xre-col-gantt-left-purple {border-left: 2px solid rgb(163, 73, 164); }
.xre-col-gantt-right-purple { border-right: 2px solid rgb(163, 73, 164);  }

.xre-col-gantt-bg-solid-green {  background: rgba(132, 173, 23,1.0);}
.xre-col-gantt-bg-solid-yellow {  background: rgba(236, 201, 47, 1.0);}
.xre-col-gantt-bg-solid-red {  background: rgba(209, 33, 33,1.0);}
.xre-col-gantt-bg-solid-blue {  background: rgba(53, 173, 170,1.0);}
.xre-col-gantt-bg-solid-black {  background: rgba(0, 0, 0,1.0);}
.xre-col-gantt-bg-solid-grey {  background: rgba(195, 195,195, 1.0);}
.xre-col-gantt-bg-solid-turquoise {  background: rgba(64, 224, 208, 1.0);}
.xre-col-gantt-bg-solid-orange {  background: rgba(255, 127, 39, 1.0);}
.xre-col-gantt-bg-solid-purple {  background: rgba(163, 73, 164, 1.0);}

.xre-col-gantt-group { position: absolute; height: 8px; background: #999999; z-index: 2;}
.xre-col-gantt-group-arrow-left { position: absolute; height: 16px; width: 16px; border-top: solid 8px #999999; border-left: 8px solid transparent; border-right: 8px solid transparent; top: 8px; left:0px;}
.xre-col-gantt-group-arrow-right { position: absolute; height: 16px; width: 16px; border-top: solid 8px #999999; border-left: 8px solid transparent; border-right: 8px solid transparent; top: 8px; right: 0px;}
.xre-col-gantt-bar-left {  position: absolute; top: 3px; background: #000000; z-index: 2; width: 2px;}
.xre-col-gantt-bar-right {  position: absolute; top: 3px; background: #000000; z-index: 2; width: 2px; margin-left: -2px;}
.xre-col-gantt-bar-arrow-left  { position: absolute; height: 12px; width: 12px; border-right: solid 6px #000000; border-top: 6px solid transparent; border-bottom: 6px solid transparent; top: 8px; right:3px;}
.xre-col-gantt-bar-arrow-right { position: absolute; height: 12px; width: 12px; border-left: solid 6px #000000; border-top: 6px solid transparent; border-bottom: 6px solid transparent; top: 8px; left: 3px;}
/* Form controls */

.xre-col-edit { height: 26px; width: 100%; background-color: #f7f7f7; border: none; color: rgba(0,0,0,0.87); padding-left: 8px; }
.xre-col-edit:hover { background-color: rgb(235,235,235); }
.xre-col-edit:focus { background-color: #E2F4FE; border-bottom: 2px solid #2c84cc; color: #2c84cc; outline: none;}
.xre-col-edit-number { text-align:right; padding-right: 8px; }
.xre-col-edit-error { border-bottom: 2px solid #f44336 !important; }
.xre-col-edit-select { padding-left: 4px; }
.xre-table-edit .xre-col-can-edit { margin-left: -8px;}
.xre-table-edit .xre-col-edit-number { margin-left: 8px;}


.xre-table-readonly .xre-col { color: rgba(0,0,0,0.6); }

.xre-btn { white-space: nowrap; background-color: #F5F5F5;color: rgba(0,0,0,0.6) !important; font-size: 14px !important;font-weight: 500;padding: 5px 24px;-webkit-box-shadow: none;box-shadow: none;letter-spacing: 1.17px; }
.xre-btn[disabled]:hover { background-color: #F5F5F5;color: rgba(0,0,0,0.6) !important; }
.xre-btn:hover, .xre-btn:active, .xre-btn:focus { box-shadow: none; -webkit-box-shadow: none; background-color: #EEEEEE; }

.xre-btn-row {
  white-space: nowrap;
  background-color: #F5F5F5;
  color: rgba(0,0,0,0.6) !important;
  font-size: 14px !important;
  font-weight: 500;
  padding: 2px 14px;
  margin-top: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  letter-spacing: 1.17px;
}

  .xre-btn-row[disabled]:hover {
    background-color: #F5F5F5;
    color: rgba(0,0,0,0.6) !important;
  }

  .xre-btn-row:hover, .xre-btn-row:active, .xre-btn-row:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #EEEEEE;
  }

.xre-btn-primary { background-color: #E2F4FE; color: #2C84CC !important; }
.xre-btn-primary[disabled]:hover { background-color: #E2F4FE; color: #2C84CC !important; }
.xre-btn-primary:hover, .xre-btn-primary:active, .xre-btn-primary:focus { background-color: #BDDDF5; }

.xre-btn-secondary { background-color: #F5F5F5; color: rgba(0,0,0,0.6) !important; }
.xre-btn-secondary[disabled]:hover { background-color: #F5F5F5; color: rgba(0,0,0,0.6) !important;  }
.xre-btn-secondary:hover, .xre-btn-secondary:active, .xre-btn-secondary:focus {  background-color: #EEEEEE; }

.xxre-btn-save { margin-left: 15px; background-color: rgba(44,132,204,0.12);color: #2c84cc  !important; }
.xxre-btn-cancel { background-color: rgba(153,153,153,0.12);color: rgba(0,0,0,0.6); }
.xre-more-cmd { cursor: pointer; }
.xre-more-cmd.disabled { cursor:default; }

.xre-btn-action { float: right; }
.xre-form-active .xre-btn-action { visibility: hidden; display: block !important;}

.xre-text { font-size: 14px; font-weight: 400; color: #6c757d; }
.xre-field { position: relative; margin-bottom: 16px;}
.xre-field-bg { background-color: transparent; }
.xre-field-sw { max-width: 100px; }
.xre-field-mw { max-width: 150px; }
.xre-field-lw { max-width: 200px; }
.xre-field-gray-bk { background-color: #f7f7f7; }

.xre-field-help { padding-left: 12px; padding-top: 4px; font-size: 12px; font-weight: 400; color: #6c757d; display: none; }
.xre-field-focus .xre-field-help { display: block; }

.xre-field-error { padding-left: 12px; padding-top: 4px; font-size: 12px; font-weight: 400; color: #f44336; display:none; }

.xre-field-footer { width: 100%; }

.xre-field-label { position: absolute; top: 24px; left: 8px; color: rgba(0,0,0,0.6); font-size: 16px; font-weight: 400; margin: 0; cursor: text; transition: .2s ease-out; -o-transition: .2s ease-out; -webkit-transition: .2s ease-out;}

.xre-field-input { width: 100%; border: none; border-bottom: 1px solid #ced4da; background-color: transparent; padding: 24px 8px 8px 8px; font-size: 16px; color: rgba(0,0,0,0.87);}
.xre-field-input-right { text-align: right; }
.xre-field:not([readonly]) .xre-field-input:hover { background-color: rgb(235,235,235); }
.xre-field:not([readonly]) .xre-field-input:focus { background-color: #E2F4FE; border-bottom: 2px solid #2c84cc; color: #2c84cc; outline: none;}
.xre-field:not([readonly]) .xre-field-input:focus + .xre-field-label { color: #2c84cc;  }
.xre-field[readonly] .xre-field-input { border-bottom: none; pointer-events: none; /*color: rgba(0,0,0,0.6);*/}
.xre-field:not([readonly]).xre-field-focus .xre-field-input { background-color: #E2F4FE; border-bottom: 2px solid #2c84cc; color: #2c84cc; outline: none;}
.xre-field:not([readonly]).xre-field-focus .xre-field-label { color: #2c84cc;  }

.xre-field-file { opacity: 0; padding-bottom: 2px; }
.xre-field-file-download { right: 10px; position: absolute;top: 28px;font-size: 18px; display: none; cursor: pointer; z-index: 2; opacity: 0.6; }
.xre-field-file-toggle { right: 40px; position: absolute;top: 25px;font-size: 24px; display: none; cursor: pointer; z-index: 2; opacity: 0.6;}
.xre-field-file-select { right: 10px; position: absolute;top: 28px;font-size: 18px; display: none; cursor: pointer; z-index: 2; opacity: 0.6; }
.xre-field-file-remove { right: 37px; position: absolute;top: 28px;font-size: 18px; display: none; cursor: pointer; z-index: 2; opacity: 0.6; }
.xre-field-file-progress { right: 70px; position: absolute;top: 24px;font-size: 16px; display: none; }
.xre-field-preview { width: 100%; padding-top:10px; padding-bottom:10px; display:none; position: relative;}
.xre-field-preview img { width: 100%; height: auto;}
.xre-field-preview-magnifier { position: absolute; border: 3px solid #000;border-radius: 50%;cursor: none;width: 100px;height: 100px;}
.xre-field-preview div { background-repeat:no-repeat; border:1px solid #ff0000; position: absolute; left: 0px; top: 10px; }
.xre-field-preview-fullscreen { z-index: 9999999; display: none; position: fixed; padding-top: 10px; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);} 
.xre-field-preview-fullscreen img { margin: auto;display: block;width: 80%;}
.xre-field-preview-fullscreen span {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.xre-field-preview-fullscreen span:hover,
.xre-field-preview-fullscreen span:focus { color: #bbb; text-decoration: none; cursor: pointer;}

.xre-field-select-toggle { display:none; right: 12px; position: absolute;top: 25px;font-size: 24px; pointer-events: none; opacity: 0.6; cursor: pointer;}
.xre-field-select-dropdown { min-height: 60px; list-style-type: none; padding-left: 0; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);background-color: #fff;margin: 0;display: none;max-height: 200px;overflow-y: auto;position: absolute;z-index: 1000000;width: 100%;top: 0px;left: 0px;opacity: 1;}
.xre-field-select-dropdown li { clear: both; color: rgba(0,0,0,.9);;cursor: pointer;line-height: 1.3rem;width: 100%;text-align: left; text-transform: none;}
.xre-field-select-dropdown li.disabled { color: rgba(0,0,0,.3);  background-color: transparent; cursor: context-menu;}
.xre-field-select-dropdown li>span {font-size: .9rem;color: #4285f4;display: block;padding: 5px; min-height:36px;}
.xre-field-select-dropdown li.disabled>span { color: rgba(0,0,0,.3);}
.xre-field-select-dropdown li.active { background-color: rgb(235,235,235); }
.xre-field-select-dropdown li.selected { background-color: rgb(247,247,247); }
.xre-field-select-dropdown li:hover{ background-color:rgb(235,235,235); }
.xre-field-select-dropdown li.disabled:hover { background-color: transparent; }
.xre-field-select-dropdown button { margin: 10px 0px 10px 17px; }

.xre-field-switch { padding-top: 3px; padding-bottom: 5px; }
.xre-field-switch label { cursor: pointer; color: rgba(0,0,0,0.6); font-weight: 400; margin-bottom: 0px; width: 100%}
.xre-field-switch label input { opacity: 0; width: 0; height: 0;}
.xre-field-switch label input:checked+.lever:after {  background-color: #a6c;  left: 1.5rem;}
.xre-field-switch label input:disabled+.lever { cursor: default; }
.xre-field-switch label .lever {content: "";display: inline-block;position: relative;background-color: #818181;-webkit-border-radius: .9375rem;border-radius: .9375rem;margin-right: .925rem;vertical-align: middle;margin-left: 14px;width: 2.5rem;height: .9375rem;-webkit-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}
.xre-field-switch label .lever:after {content: "";position: absolute;display: inline-block;background-color: #f1f1f1;-webkit-border-radius: 1.3125rem;border-radius: 1.3125rem;left: -.3125rem;top: -.1875rem;-webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0,0,0,.4);box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0,0,0,.4);width: 1.3125rem;height: 1.3125rem;-webkit-transition: left .3s ease,background .3s ease,-webkit-box-shadow 1s ease;transition: left .3s ease,background .3s ease,-webkit-box-shadow 1s ease;-o-transition: left .3s ease,background .3s ease,box-shadow 1s ease;transition: left .3s ease,background .3s ease,box-shadow 1s ease;transition: left .3s ease,background .3s ease,box-shadow 1s ease,-webkit-box-shadow 1s ease;}
.xre-field-switch label input:disabled + .lever:after, .xre-field-switch label input:disabled:checked + .lever:after {  background-color: #bdbdbd; }

.xre-field-tri-button {background-color: #4CAF50;border: none;color: white;padding: 10px;text-align: center;text-decoration: none;display: inline-block;
position: absolute; top: 2px; left: 10px; border-radius: 50%; outline: 0; border: 2px solid #5a5a5a;}
.xre-field-tri-button:focus { outline: none; }
.xre-field-tri-button.state0 { background-color: rgb(192,192,192);}
.xre-field-tri-button.state1 { background-color: rgb(170,203,62);}
.xre-field-tri-button.state2 { background-color: rgb(239,225,63);}
.xre-field-tri-button.state3 { background-color: rgb(218,64,59);}
.xre-field-tri-button.state10 { background-color: rgb(192,192,192);}
.xre-field-tri-button.state11 { background-color: rgb(170,203,62);}
.xre-field-tri-button.state13 { background-color: rgb(218,64,59);}
.xre-field-tri-state{position: absolute;display:block;left: 14px;top: 7px;width: 16px;height: 20px;color: #ffffff;font-size:14px;text-align: center;}
.xre-field-tri-button.state2 + .xre-field-tri-state { color: #5a5a5a; }

@media (max-width: 560px) 
{
  .xre-field-tri-button { top: 10px; }
  .xre-field-tri-state { top: 15px; }
}

.xre-field-unit { right: 12px; position: absolute;top: 27px;font-size: 13px; display: none; color: rgba(0,0,0,0.6); }
.xre-field-set .xre-field-unit {  display: block; }
.xre-field-set .xre-field-unit + .xre-field-input.xre-field-input-right { padding-right: 34px; }

.xre-eye-icon { right: 12px; position: absolute;top: 28px;font-size: 18px; display: none; opacity: 0.6; cursor: pointer;}
.xre-eye-icon + .xre-field-input { padding-right: 30px; }

.xre-search-icon { right: 12px; position: absolute;top: 28px;font-size: 18px; display: none; opacity: 0.6; cursor: pointer;}
.xre-search-icon + .xre-field-input { padding-right: 30px; }

.xre-clear-icon { right: 38px; position: absolute;top: 28px;font-size: 18px; display: none; opacity: 0.6; cursor: pointer;}
.xre-clear-icon + .xre-field-input { padding-right: 30px; }

.xre-field-checkbox { font-size: 12px; font-weight: 300; opacity: 0; visibility: visible; position: relative; }
.xre-field-checkbox-label { color: rgba(0,0,0,0.6); font-size: 12px; font-weight: 300; padding: 5px 0px 5px 30px;}

.xre-field-text { min-height: 100px; margin-top: 24px; background-color: transparent; width: 100%; padding: 0;  overflow: scroll;  overflow-y: auto; overflow-x: hidden; border: none; border-bottom: 1px solid #ced4da; box-sizing: border-box; padding-left: 12px; font-size: 16px; color: rgba(0,0,0,0.87);}
.xre-field-text-ctrl > div { padding-left: 7px; padding-right:7px; }
.xre-form-signature { padding-left: 10px; }
.xre-form-signature a { font-size: 12px; font-weight: 400; color: #1478c8;}
.xre-form-signature a:hover {	text-decoration: underline;	color:#46aaff; cursor: pointer;}
.xre-field:not([readonly]) .xre-field-bg:not(.xre-no-bg):hover { background-color: rgb(235,235,235); }
.xre-field:not([readonly]) .xre-field-bg .xre-field-text:focus { background-color:#E2F4FF; border-bottom: 2px solid #2C84cc; outline: none;}
.xre-field:not([readonly]) .xre-field-bg .xre-field-text:focus + .xre-field-label { color: #2C84cc;  }
.xre-field[readonly] .xre-field-bg .xre-field-text { pointer-events: none; /*color: rgba(0,0,0,0.6); */border-bottom: none;}
.xre-field[readonly] .xre-form-signature { display: none; }
.xre-error-icon { display: none; position: absolute; right: 15px; top: 26px; color: #f44336; font-size: 18px; }
.xre-error-icon-rel { display: none; position: absolute; right: 40px; top: 26px; color: #f44336; font-size: 18px; }

.xre-field-set { }
.xre-field-set .xre-field-file-download { display:block; z-index: 1;}
.xre-field-preview-yes.xre-field-set .xre-field-file-toggle { display:block; z-index: 1;}

.xre-invalid .xre-field-help { display: none; }
.xre-invalid .xre-field-error { display: block; }
.xre-invalid .xre-error-icon { display: block; }
.xre-invalid .xre-error-icon-rel { display: block; }
.xre-invalid .xre-field-label { color: #f44336; }
.xre-invalid .xre-field-input:focus { border-bottom: 2px solid #f44336; }
.xre-invalid .xre-field-bg:not([readonly]) .xre-field-input { border-bottom: 2px solid #f44336;}
.xre-invalid .xre-field-bg:not([readonly]) .xre-field-input:focus { border-bottom: 2px solid #f44336;}
.xre-invalid .xre-field-input:focus + .xre-field-label { color: #f44336; }
.xre-invalid .xre-field-bg:not([readonly]) .xre-field-input:focus + .xre-field-label { color: #f44336;  }
.xre-invalid .xre-field-text:focus { border-bottom: 2px solid #f44336; }
.xre-invalid .xre-field-text:focus + .xre-field-label { color: #f44336; }
.xre-invalid .xre-field-input { padding-right: 30px; }
.xre-invalid .xre-field-unit { right: 30px; }
.xre-invalid .xre-field-unit + .xre-field-input { padding-right: 42px; }
.xre-invalid .xre-eye-icon { right: 30px; }
.xre-invalid .xre-eye-icon + .xre-field-input { padding-right: 50px; }
.xre-invalid .xre-search-icon { right: 12px; }
.xre-invalid .xre-search-icon + .xre-field-input { padding-right: 50px; }
.xre-invalid .xre-clear-icon { right: 30px; }
.xre-invalid .xre-clear-icon + .xre-field-input { padding-right: 50px; }
.xre-invalid .xre-field-file-remove { padding-right: 20px; }
.xre-invalid .xre-field-file-toggle { padding-right: 20px; }
.xre-invalid .xre-field-select-toggle { padding-right: 20px; }
.xre-invalid .xre-field-file-select { padding-right: 20px; }
.xre-invalid .xre-field-file-download { padding-right: 30px; }
.xre-invalid .xre-field-file-remove + .xre-field-input { padding-right: 60px; }
.xre-invalid .xre-field-file-select + .xre-field-input { padding-right: 60px; }
.xre-invalid .xre-field-file-download + .xre-field-input { padding-right: 60px; }

.xre-field-label-active {font-size: 12px; font-weight: 400; top: 4px; left: 8px; white-space: nowrap; }

.xre-form-buttons { min-height: 50px; height: 50px; }
.xre-form-button { display: none; margin-left: 15px; margin-top: 5px; margin-bottom: 5px;}
.xre-required-star { display: none; padding-left: 5px; }


.xre-form-active .xre-field:not([readonly]) .xre-field-file-select { display:block; z-index: 1;}
.xre-form-active .xre-field:not([readonly]).xre-field-set .xre-field-file-remove { display:block; z-index: 1;}
.xre-form-active .xre-field:not([readonly]).xre-field-set .xre-field-file-download { margin-right: 50px;}
.xre-form-active .xre-field-preview-yes.xre-field-set .xre-field-file-toggle { margin-right: 50px; }

/* BORT .xre-form-active .xre-field:not([readonly]) .xre-field-select-toggle { display: block; } */

.xre-form-active .xre-field:not([readonly]) .xre-required-star { display: inline; }
.xre-form-active .xre-form-button { display: block; }
.xre-form-active .xre-field:not([readonly]) .xre-field-bg:not(.xre-no-bg) { background-color: rgb(247,247,247);}
.xre-form-active .xre-field:not([readonly]) .xre-field-bg:not(.xre-no-bg):hover { background-color: rgb(235,235,235); }
.xre-form-active .xre-field:not([readonly]) .xre-field-bg .xre-eye-icon { display: block }
.xre-form-active .xre-field:not([readonly]) .xre-field-bg .xre-search-icon { display: block }
.xre-form-active .xre-field:not([readonly]).xre-field-focus .xre-field-bg { background-color: #E2F4FF; }
.xre-form-active .xre-field:not([readonly]) .xre-field-bg ~ .xre-field-footer .xre-form-signature { display: block; }
.xre-form-active .xre-field-set.xre-field:not([readonly]) .xre-field-bg .xre-clear-icon { display: block }
.xre-form-active .xre-table .xre-required-star { display: inline; }

/* Create a custom checkbox */
.xre-field-checkbox-container {display: block;position: relative;padding-left: 40px;padding-right: 0px;cursor: pointer;font-size: 16px;font-weight: 400;color: rgba(0,0,0,0.6); -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height: 30px;margin: 0;padding-top: 4px;}
.xre-field-focus .xre-field-checkbox-container { color: #4285f4; }
.xre-field-checkbox-container input {position: absolute;opacity: 0;cursor: pointer;visibility: visible;}
.xre-field-checkbox-container .checkmark {position: absolute;top: 5px;left: 12px;height: 20px;width: 20px;border: 2px solid #5a5a5a;border-radius: 2px;border-color: #5a5a5a;}
.xre-field-checkbox-container input:checked ~ .checkmark {background-color: #aa66cc;border-color: #aa66cc;}
.xre-field-checkbox-container input:checked[disabled] ~ .checkmark {background-color: #bdbdbd;border-color: #bdbdbd;}
.xre-field-checkbox-container .checkmark:after {content: "";position: absolute;display: none;}
.xre-field-checkbox-container input:checked ~ .checkmark:after {display: block;}
.xre-field-checkbox-container .checkmark:after {left: 6px;top: 3px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.xre-field-checkbox-container.xre-chk-small { height: 25px; font-size: 12px;}
.xre-field-checkbox-container.xre-chk-small .checkmark { height: 15px; width: 15px;}
.xre-field-checkbox-container.xre-chk-small .checkmark:after { left: 3px; top: 0px;}

/* Create a custom radio button */
.xre-field-radio-container {display: block;position: relative;padding-left: 40px;padding-right: 0px;cursor: pointer;font-size: 16px;font-weight: 400;color: rgba(0,0,0,0.6); -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height: 30px;margin: 0;padding-top: 4px;}
.xre-field-focus .xre-field-radio-container { color: #4285f4; }
.xre-field-radio-container input {position: absolute;opacity: 0;cursor: pointer;visibility: visible;}
.xre-field-radio-container .checkmark {position: absolute;top: 5px;left: 12px;height: 20px;width: 20px;border: 2px solid #5a5a5a;border-radius: 50%;border-color: #5a5a5a;}
.xre-field-radio-container input:checked ~ .checkmark {background-color: #aa66cc;border-color: #aa66cc;}
.xre-field-radio-container input:checked[disabled] ~ .checkmark {background-color: #bdbdbd;border-color: #bdbdbd;}
.xre-field-radio-container .checkmark:after {content: "";position: absolute;display: none;}
.xre-field-radio-container input:checked ~ .checkmark:after {display: block;}

.xre-field-radio-container.xre-radio-small { height: 25px; font-size: 12px;}
.xre-field-radio-container.xre-radio-small .checkmark { height: 15px; width: 15px;}
.xre-field-radio-container.xre-radio-small .checkmark:after { left: 3px; top: 0px;}

@media (max-width: 560px) 
{
  .xre-field-checkbox-container { padding-top: 11px; height: 40px; }
  .xre-field-switch label {padding-top: 5px;padding-bottom: 5px;}
  .xre-field-checkbox-container .checkmark {top: 12px;}
  .xre-field-checkbox-container.xre-chk-small { height: 40px;padding-top: 12px;}
  .xre-field-radio-container .checkmark {top: 12px;}
  .xre-field-radio-container.xre-radio-small { height: 40px; padding-top: 12px;}
}

/* XRE POPUP */
.xre-popup { border: 5px solid #e0e0e0; border-radius: 15px; position: absolute; background-color: #ffffff; z-index: 999999; padding-left: 20px; padding-right: 20px;  padding-top: 20px;}
@media (max-width: 767px) 
{
.xre-popup { padding-left: 10px; padding-right: 10px;  padding-top: 10px;}
}
/* XRE DIALOG */
#XREPageErrorBox { margin-top: 0px; }
#XREPageErrorBox .xre-error-close { color: #000000; opacity: 0.5; }
#XREPageErrorBox .xre-error-close:hover { opacity: 1.0; }
.xre-dialog #XREPageErrorBox { margin-top: 0px; }
.xre-dialog-close { display: none; }
.xre-dialog-box {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); }
.xre-dialog {background: #ffffff; position: absolute; top: 100px; left: 10%; max-width:1050px; overflow: auto; }
.xre-dialog .xre-dialog-close { display: block;color: rgba(0,0,0,0.9); margin-left: 10px; }
.xre-form-new .xre-form-buttons { margin-top: 25px; margin-bottom: 25px; }
.xre-form-new.xre-form-active .xre-form-buttons .xre-field-bg { margin-right: 25px; margin-top: 5px; background-color: #ffffff; }
.xre-form-new .xre-form-buttons .xre-field-checkbox-container { font-size: 12px; padding-top: 6px; padding-right: 25px;}
.alert {
    margin-bottom: 0.5rem;
    margin-top: 0.5em;
}
@media (max-width: 767px) 
{
  .xre-dialog { width:90%; left:5%; top:2%; }
  #XREPageErrorBox { margin-top: 0px; }
}
.xre-label-edit { background-color: #dddddd;display: block;border: solid 1px #333333;padding: 10px;z-index: 99999999; }
.xre-field-label-edit { background-color: #ffffff; z-index: 99999999;}

.xre_display_none_important {  display: none !important;}


#RENews {
  position: fixed;
  bottom: 50px;
  right: 25px;
  width: 350px;
  background-color: #E2F4FF;
  padding: 10px;
  z-index: 9999999;
  border-radius: 10px 20px 10px 20px;
}
#RENews .time {
  color: #3A8CCF;
  font-size: 12px;
}
#RENews .heading {
  font-size: 18px;
  padding-top: 5px;
}
#RENews .ingress {
  font-size: 14px;
  padding-top: 5px;
}
#RENews .link {
  font-size: 14px;
  color: #3A8CCF;
  font-weight: normal;
}
#RENews .link:hover {
  text-decoration: underline;
}
#RENews .close {
  padding: 10px;
  float: right;
}
  #RENews .text {
    font-size: 12px;
  }
  #RENews .more {
    padding-top: 5px;
  }
  #RENews .article {
    font-size: 14px;
    padding-top: 5px;
  }

.rechat_header {
  background-color: #FDF1E3;
  padding: 24px 48px 0px 48px;
  height: 120px;
  width: 100%;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 48px;
  line-height: 60px;
  color: #1A1A1A;
  position: sticky;
  top: 49px;
  z-index: 1000;
}

@media all and (max-width: 1024px) {
  .hidden-menu-mobile-lock .rechat_header {
    width: calc(100% - 220px);
  }
}

.menu-on-top .rechat_header {
  top: 120px;
}

.rechat_header .btn-group {
  float: right;
}

.rechat_input {
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #ffffff;
  width: 100%;
}

.rechat_input_content.rechat_input {
  width: calc(100% - 220px);
}

.hidden-menu-mobile-lock .rechat_input_content.rechat_input {
  width: 100%;
}

@media all and (max-width: 1024px) {
  .hidden-menu-mobile-lock .rechat_input {
    width: calc(100% - 220px);
  }

  .rechat_input_content.rechat_input {
    width: calc(100%);
  }

  .hidden-menu-mobile-lock .rechat_input_content.rechat_input {
    width: calc(100% - 220px);
  }
}

.rechat_input_content {
  position: fixed;
  bottom: 0px;
}

.fixed-page-footer .rechat_input {
  bottom: 29px;
}

.rechat_form {
  border-radius: 25px;
  border: 1px solid #e5e5e5;
  padding: 25px 25px 45px 25px;
  height: 100%;
  width: 100%;
}

  .rechat_form textarea {
    min-height: 60px;
    /*
                overflow: scroll;
    */
    overflow: hidden;
    overflow-y: auto;
    border: none;
    border-bottom: 1px solid #ced4da;
    box-sizing: border-box;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
    width: 100%;
    overflow-y: auto;
    word-wrap: break-word
  }

    .rechat_form textarea:focus {
      background-color: #E2F4FF;
      border-bottom: 2px solid #2C84cc;
      outline: none;
    }

.rechat_filler {
  height: 170px;
}

.rechat_text {
  padding: 25px 48px 25px 49px;
  font-size: 15px;
  font-family: 'Roboto';
  font-weight: normal;
}

.rechat_input_span {
  width: 100%;
  min-height: 50px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 10px;
  font-weight: normal;
}

  .rechat_input_span:focus {
    background-color: #E2F4FF;
    border-bottom: 2px solid #2C84cc;
    outline: none;
  }

  .rechat_input_span.empty {
    color: rgba(0, 0, 0, 0.37);
  }

.rechat_form .btn-group {
  float: right;
}

@media all and (max-width: 1024px) {
  .rechat_header {
    font-size: 24px;
  }
}

@media all and (max-width: 560px) {
  .rechat_header {
    top: 98px;
  }
}

.rechat_row_question {
  width: 100%;
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 25px;
}

.rechat_bubble {
  border-radius: 25px;
  padding: 15px 20px 15px 20px;
  font-size: 20px;
  font-weight: normal;
  background-color: #F4F4F4;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  max-width: 800px;
}

.rechat_row_answer {
  width: 100%;
  margin-top: 25px;
  padding-left: 25px;
}

.rechat_answer {
  font-size: 20px;
  font-weight: normal;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  max-width: 900px;
}