/** General **/
/** Header **/
/** Links **/
/** Tabs **/
/** Modal **/
/** Wizard **/
/** DataTable **/
/** Buttons **/
/** Lists **/
/** Widgets **/
/** Toolbar **/
/** Fields **/
/** Panel **/
/** Form **/
/** Prompts **/
/** Notifications **/
/** Layout **/
/** IDE DataTable **/
/** Footer **/
/** Blocks **/
/** MIsc. **/
/** Inline GRid **/
/** Forms **/
/** Location Selector **/
/** Buttons **/
.display-flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
body {
  font-family: "Helvetic Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  background: #FFFFFF;
  color: #525252;
}
a {
  color: #1780c9;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.dashboard {
  background: #edf1f4;
}
.dashboard .widget {
  min-height: 100%;
}
.dashboard .widget-cell {
  background: #FFF;
  margin: 14px;
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}
.dashboard .widget-cell .ide-tbar {
  border-top: none;
  border-bottom: 1px solid #e3e7e9 !important;
  background: transparent;
}
.dashboard .widget-cell .ide-tbar .ide-tbar-icon {
  display: block;
  float: left;
  width: 16px;
}
.dashboard .widget-cell .wc-body {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  min-height: 160px !important;
}
.dashboard .widget-cell .wc-body .value,
.dashboard .widget-cell .wc-body .wc-text,
.dashboard .widget-cell .wc-body .wc-sub {
  text-align: center;
  width: 100%;
}
.dashboard .widget-cell .wc-body .value {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 0;
  width: 100%;
}
.dashboard .widget-cell .wc-body .value span {
  font-weight: bold;
  font-size: 35px;
}
.dashboard .widget-cell .wc-body .wc-text,
.dashboard .widget-cell .wc-body .wc-sub {
  position: absolute;
  width: 100%;
  padding: 0 8px;
}
.dashboard .widget-cell .wc-body .wc-text {
  bottom: 20px;
  font-weight: bold;
}
.dashboard .widget-cell .wc-body .wc-sub {
  bottom: 8px;
}
.dashboard .widget-cell .wc-header {
  background: transparent;
  display: block;
}
.dashboard .widget-cell .wc-header .wc-header-icon {
  background: #F2F2F2;
  text-align: center;
  position: relative;
}
.dashboard .widget-cell .wc-header .wc-header-icon i {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  font-size: 14px;
  margin-top: -6px;
}
.dashboard .widget-cell .wc-header .wc-header-text {
  padding: 6px;
  border-top: 6px solid #333;
  font-size: 14px;
}
.load-more {
  display: block;
  margin: 16px;
  background: #dadada;
  padding: 8px;
  color: #333;
  text-align: center;
  cursor: pointer;
}
.shoulder {
  background-color: #dadada;
}
.shoulder ul {
  margin: 0 0 0 0px;
  padding: 0;
  list-style: none;
}
.shoulder ul li {
  display: block;
  flex-direction: row;
  cursor: pointer;
}
.shoulder ul li.active {
  background: #333;
  color: #F2F2f2;
}
.shoulder ul li .icon {
  display: block;
  padding: 5px;
  text-align: center;
}
.shoulder ul li .title {
  display: block;
  font-size: 14px;
  padding: 5px;
  text-align: left;
}
.shoulder ul li .tag {
  display: block;
  border-radius: 8px;
  background: #F1F1F1;
  padding: 5px;
  color: #333;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}
.task-item p {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}
.tag {
  display: block;
  border-radius: 6px;
  float: left;
  padding: 5px;
}
.tag.red {
  background-color: red;
  color: #FFF;
}
.tag.pull-right {
  float: right;
}
.reason {
  display: block;
  padding: 8px;
  background-color: #424142;
  color: #FFF;
}
.reason span {
  color: #FFF;
}
.dash-widget {
  margin: 10px;
  border-radius: 8px;
  background: #000;
  height: 90px;
}
.dash-sep {
  display: block;
  margin: 8px;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}
.dash-section {
  display: block;
  text-transform: uppercase;
  padding: 5px;
  margin: 12px 8px 8px 8px;
  color: #F2F2F2;
}
.dash-cell {
  border: 1px solid #dadada;
  margin-bottom: 8px;
  margin-right: 4px;
  margin-left: 4px;
}
.dash-handle,
.son-list-item {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  margin: 3px 8px;
  padding: 5px;
  border-radius: 8px;
}
.dash-handle.sub-item,
.son-list-item.sub-item {
  margin-left: 24px;
}
.dash-handle:hover,
.son-list-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
.dash-handle.active,
.son-list-item.active {
  background: #333;
}
.son-list-item {
  color: #525252;
}
.metric-row {
  display: block;
  background: #F2F2F2;
  margin: 10px;
  border: 1px solid #e3e7e9 !important;
  background: #FFFFFF;
}
.metric-row .mt-acc-name {
  display: block;
  flex: 1;
  font-size: 14px;
  padding: 14px;
}
.heading {
  position: relative;
  margin-bottom: 15px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 18px;
}
.heading:before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  border-top: 1px solid #e3e7e9 !important;
}
.heading span {
  background: #FFF;
  font-size: 14px;
  padding: 3px 16px 3px 0px;
  text-transform: uppercase;
  font-weight: bold;
}
.acc-details .acc-name {
  font-size: 16px;
  padding: 16px;
}
.acc-details .metrics {
  padding-top: 10px;
}
.acc-details .metrics .heading {
  position: relative;
  margin-bottom: 15px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 18px;
}
.acc-details .metrics .heading:before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  border-top: 1px solid #e3e7e9 !important;
}
.acc-details .metrics .heading span {
  background: #FFF;
  font-size: 14px;
  padding: 3px 16px 3px 0px;
  text-transform: uppercase;
  font-weight: bold;
}
.acc-details .metrics .metric-tiles {
  display: block;
  margin-left: 16px;
  margin-right: 16px;
}
.acc-details .metrics .metric-tiles .ide-row {
  margin-bottom: 5px;
  background: #F2F2F2;
  padding: 5px;
}
.acc-details .metrics .metric-tiles .ide-row:hover {
  background: #333;
  color: #F2F2F2;
}
.acc-details .metrics .metric-tiles .ide-row.sub {
  margin-left: 20px;
}
.acc-details .metrics .metric-tiles .ide-row.sub2 {
  margin-left: 40px;
}
.acc-details .metrics .metric-tiles .val {
  text-align: right;
}
.acc-details .metrics .metric-bar {
  display: block;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 10px;
}
.acc-details .metrics .metric-bar .val {
  text-align: right;
}
.acc-details .metrics .metric-bar .metric-progress {
  margin-top: 5px;
  display: block;
  height: 25px;
  border-radius: 6px;
  border: 1px solid #e3e7e9 !important;
  position: relative;
}
.acc-details .metrics .metric-bar .metric-progress .metric-progress-inner {
  border-radius: 6px;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #333;
}
.dash-val {
  min-height: 120px;
  background: #FFFFFF;
}
.dash-val .dash-val-header {
  display: block;
  min-height: 35px;
  max-height: 35px;
  border-bottom: 1px solid #ececec;
  line-height: 35px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.dash-val .dash-val-header i {
  margin-right: 5px;
}
.dash-val .dash-val-header .dash-icon {
  text-align: center;
  z-index: 2;
}
.dash-val .dash-val-header .dash-title {
  padding: 0;
  z-index: 2;
}
.dash-val .dash-val-header .dash-icon-bgd {
  position: absolute;
  top: 0;
  left: 0;
  background: red;
  width: 30px;
  height: 100%;
  z-index: 1;
}
.dash-val .dash-val-content {
  text-align: center;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-bottom: 20px;
}
.dash-val .dash-val-content span.raw-value {
  text-align: center;
  font-weight: bold;
  display: flex;
  flex-direction: row;
}
.dash-val .dash-val-content span.raw-value .raw-prefix,
.dash-val .dash-val-content span.raw-value .raw-suffix {
  font-size: 12px;
  flex: 2;
  vertical-align: middle;
  line-height: 30px;
}
.dash-val .dash-val-content span.raw-value .raw-prefix {
  padding-right: 8px;
  text-align: right;
}
.dash-val .dash-val-content span.raw-value .raw-suffix {
  padding-left: 8px;
  text-align: left;
}
.dash-val .dash-val-content span.raw-value .raw-inner {
  flex: 1;
  text-align: center;
  flex-grow: 1;
  font-size: inherit;
}
.dash-val .dash-val-content .dash-val-title {
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 5px;
  font-size: 11px;
}
.dash-val .dash-val-content .dash-val-sub {
  text-align: center;
  font-size: 11px;
  padding: 0 8px;
}
.dash-val .dash-val-footer {
  display: block;
  max-height: 23px;
  min-height: 23px;
  border-top: 1px solid #ececec;
}
.dash-val .sub-date,
.dash-val .sub-source {
  position: relative;
  display: block;
  float: left;
  margin-right: 2px;
}
.dash-val .sub-date .content,
.dash-val .sub-source .content {
  display: none;
  position: absolute;
  left: 25px;
  background: #333;
  color: #F2F2F2;
  top: -1px;
  padding: 8px;
  border-radius: 3px;
  white-space: nowrap;
  z-index: 9;
  font-size: 10px;
}
.dash-val .sub-date .sub-handle,
.dash-val .sub-source .sub-handle {
  padding: 5px;
}
.dash-val .sub-date:hover .content,
.dash-val .sub-source:hover .content {
  display: block;
}
.dash-val .sub-date:hover .sub-handle,
.dash-val .sub-source:hover .sub-handle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.assign-request-button {
  display: block;
  padding: 5px;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  margin: 8px;
  border-radius: 3px;
}
.assign-request-button:hover {
  background: #1780c9;
  color: white;
}
.dash-node {
  background: #F2F2F2;
}
.dash-node .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dash-node .inner .title {
  display: block;
  height: 20px;
  text-align: center;
  position: relative;
}
.dash-node .inner .title .node-menu {
  position: absolute;
  top: 20px;
  background: #3333 3;
  left: 50%;
  margin-left: -50px;
}
.dash-node .inner .title .node-menu .menu-inner {
  width: 100px;
  display: block;
}
.dash-node .inner .title .node-menu a {
  display: block;
  color: #F2F2F2;
}
.dash-node .inner .title a {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  padding: 3px 0;
}
.dash-node .inner .title a i {
  color: transparent;
}
.dash-node .inner .title a:hover i {
  color: white;
}
.dash-node .inner .title:hover {
  background: rgba(0, 0, 0, 0.5);
  cursor: move;
}
.ux-widget-editor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F2F2F2;
  z-index: 9999;
}
.task-list-item {
  display: block;
  margin: 4px 8px;
  border: 1px solid #dadada;
  cursor: pointer;
  padding: 5px;
}
.task-list-item:hover {
  background: #F2F2F2;
}
.canvas {
  padding: 10px;
  background-color: #CCC;
}
#cerebro {
  display: none;
  opacity: 0;
  position: absolute;
  top: 30px;
  left: 0px;
  z-index: 999999;
  width: 700px;
  background-color: #FFF;
  color: #333;
  font-size: 12px;
  max-width: 1000px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 3px solid #edf1f4;
}
#cerebro .apps {
  display: block;
  padding-left: 10px;
  padding-top: 10px;
  max-height: 300px;
  overflow-y: auto;
}
#cerebro .apps .app-category {
  display: block;
  floaT: left;
  width: 100%;
}
#cerebro .apps .mini-app-link {
  display: block;
  float: left;
  width: 168px;
  max-width: 33.33%;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  padding: 0;
}

.legends{
  display: inline;
  margin-left: 5px;
  vertical-align: middle;
}

.pb-10{
  padding-bottom: 10px;
}

.rtl .pb-10{
  margin-right: 35px;
}

#cerebro .apps .mini-app-link .wrapper {
  padding: 5px;
}
#cerebro .apps .mini-app-link:hover {
  background-color: #333;
  color: #FFF !important;
}
#cerebro .apps .mini-app-link:hover p,
#cerebro .apps .mini-app-link:hover .wrapper {
  color: #FFF !important;
}
#cerebro .apps .mini-app-link p {
  font-weight: normal;
  color: #6e6e6e;
}
#cerebro .apps .mini-app-link:hover {
  color: #FFF;
}
#cerebro .apps .mini-app {
  display: block;
  width: 162px;
  height: 80px;
  float: left;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  padding: 0;
  font-weight: bold;
  background: #FFFFFF;
  margin-right: 10px;
  margin-bottom: 10px;
}
#cerebro .apps .mini-app .wrapper {
  padding: 10px;
}
#cerebro .apps .mini-app:hover {
  color: #FFF;
  background: #333;
}
#cerebro .apps .mini-app:hover p,
#cerebro .apps .mini-app:hover .wrapper {
  color: #FFF;
}
#cerebro .apps .mini-app p {
  font-weight: normal;
  color: #6e6e6e;
  padding: 10px 0 0 0;
  margin: 0;
  line-height: 130%;
  font-size: 10px;
}
#cerebro .apps .mini-app:hover {
  color: #FFF;
}
#cerebro .categories {
  display: block;
}
#cerebro .categories h3 {
  display: block;
  margin-bottom: 0;
  font-size: 1em;
}
#cerebro .categories h3 a {
  color: #333;
}
#cerebro .categories {
  display: block;
}
#cerebro .categories ul {
  margin: 0;
  padding: 0;
  display: block;
}
#cerebro .categories ul li {
  list-style: none;
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 7px 0 7px 7px;
  margin-left: 8px;
  cursor: pointer;
}
#cerebro .categories ul li:hover {
  background: #f4f4f4;
}
.padded {
  padding: 0 10px 0 0;
}
.grid {
  display: block;
  position: relative;
  height: 100%;
}
.grid .mask {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.4);
}
.grid .grid {
  padding-bottom: 37px;
}
.grid .row {
  margin-left: 0;
  margin-right: 0;
  display: block;
  clear: both;
}
.grid .row .grid-toolbar,
.grid .row .toolbar {
  display: inline-block;
  background-color: #edf1f3;
  width: 100%;
  height: 35px;
}
.grid .row .grid-toolbar span:first-child,
.grid .row .toolbar span:first-child {
  display: block;
  float: left;
  text-indent: 10px;
  font-size: 0.9em;
  padding-top: 6px;
  color: #424142;
  line-height: 26px;
  font-weight: bold;
}
.grid .row .col,
.grid .row .col-2,
.grid .row .col-3,
.grid .row .col-4,
.grid .row .col-5,
.grid .row .col-6,
.grid .row .col-7,
.grid .row .col-8,
.grid .row .col-9,
.grid .row .col0,
.grid .row .col1,
.grid .row .col2 {
  display: block !important;
  float: left;
  position: relative;
}
.grid .row .col {
  min-width: 8.33333333%;
  width: 8.33333333%;
}
.grid .row .col-2 {
  min-width: 16.66666667%;
  width: 16.66666667%;
}
.grid .row .col-3 {
  min-width: 25%;
  width: 25%;
}
.grid .row .col-4 {
  min-width: 33.33333333%;
  width: 33.33333333%;
}
.grid .row .col-5 {
  min-width: 41.66666667%;
  width: 41.66666667%;
}
.grid .row .col-6 {
  min-width: 50%;
  width: 50%;
}
.grid .row .col-7 {
  min-width: 58.33333333%;
  width: 58.33333333%;
}
.grid .row .col-8 {
  min-width: 66.66666667%;
  width: 66.66666667%;
}
.grid .row .col-9 {
  min-width: 75%;
  width: 75%;
}
.grid .row .col-12 {
  min-width: 100%;
  width: 100%;
}
.grid .row .col0 {
  min-width: 83.33333333%;
  width: 83.33333333%;
}
.grid .row .col1 {
  min-width: 91.66666667%;
  width: 91.66666667%;
}
.grid .row .col2 {
  min-width: 100%;
  width: 100%;
}
.layout-control-page {
  display: block;
  border: 1px solid #333333;
  margin: 8px;
  min-height: 800px;
  background: #F2F2F2;
}
.permissions-editor {
  padding: 8px;
}
.permissions-editor table {
  width: 100%;
}
.permissions-editor table thead tr th {
  background: rgba(0, 0, 0, 0.5);
  padding: 8px;
  text-align: center;
}
.permissions-editor table tbody tr th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  padding: 8px;
}
.permissions-editor table tbody tr td {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 8px;
}
.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}
.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}
.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}
.ew-modal {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  max-height: 90%;
  z-index: 1040;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 8px #000;
  border-radius: 3px;
}
.ew-modal .ew-modal-header {
  display: block;
  padding: 5px;
  border-bottom: 1px solid #dadada;
}
.ew-modal .ew-modal-header h4 {
  display: inline-block;
  font-size: 0.8em;
}
.ew-modal .ew-modal-body {
  display: block;
  max-height: 600px;
  overflow-y: auto;
  padding: 10px;
}
.ew-modal .ew-modal-body .form {
  display: inline-block;
  margin: 0 0 0 0 !important;
}
.modal-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAAIMAAAhQCB69VMmQAAAABJRU5ErkJggg==);
  z-index: 999;
}
.modal-wrapper.wizard input[type='text'],
.modal-wrapper .wizard input[type='text'] {
  color: #525252;
}
.modal-wrapper.wizard .modal-content,
.modal-wrapper .wizard .modal-content {
  background-color: #FFFFFF;
  color: #525252;
  border-top: 1px solid #e3e7e9 !important;
  border-bottom: 1px solid #e3e7e9 !important;
}
.modal-wrapper.wizard .modal-content .modal-body,
.modal-wrapper .wizard .modal-content .modal-body {
  padding: 0;
}
.modal-wrapper.wizard .modal-content .modal-body .wizard-page h3,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page h3 {
  display: block;
  border-bottom: 1px solid #CCC;
  padding: 8px 18px;
  margin-bottom: 8px;
  margin-top: 0px;
}
.modal-wrapper.wizard .modal-content .modal-body .wizard-page h4,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page h4 {
  padding: 0 18px;
  margin-bottom: 8px;
  margin-top: 14px;
}
.modal-wrapper.wizard .modal-content .modal-body .wizard-page p,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page p {
  display: block;
  padding: 0 0px;
  margin-bottom: 8px;
}
.modal-wrapper.wizard .modal-content .modal-body .wizard-page .padded,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page .padded {
  padding: 0 10px;
  display: block;
  margin-left: 8px;
  margin-right: 8px;
}
.modal-wrapper.wizard .modal-content .modal-body .wizard-page .padded.location,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page .padded.location {
  max-height: 300px;
  overflow-y: auto;
}
.modal-wrapper.wizard .modal-content .modal-body .wizard-page .details,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page .details {
  width: 100%;
}
.modal-wrapper.wizard .modal-content .modal-body .wizard-page .details th,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page .details th,
.modal-wrapper.wizard .modal-content .modal-body .wizard-page .details td,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page .details td {
  text-align: left;
  padding: 3px;
  vertical-align: middle;
}
.modal-wrapper.wizard .modal-content .modal-body .wizard-page .details th,
.modal-wrapper .wizard .modal-content .modal-body .wizard-page .details th {
  font-weight: bold;
}
.modal-wrapper.wizard .modal-content .modal-footer,
.modal-wrapper .wizard .modal-content .modal-footer {
  display: block;
  height: 42px;
  margin-top: 8px;
  padding: 8px;
}
.modal-wrapper.hide {
  display: none;
}
.modal-wrapper.show {
  display: block;
}
.modal-wrapper .modal-content {
  position: relative;
  display: block;
  width: 600px;
  margin: 0px auto 0 auto;
  background: #FFFFFF;
  max-height: 100%;
  -webkit-box-shadow: 0 10px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 10px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 10px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media screen and (max-width: 980px) {
  .modal-wrapper .modal-content {
    width: 720px;
  }
}
.modal-wrapper .modal-content .modal-title {
  font-size: 16px;
  height: 32px;
  border-bottom: 1px solid #e3e7e9 !important;
}
.modal-wrapper .modal-content .modal-title .modal-icon {
  display: block;
  float: left;
  background: #FFFFFF;
  padding: 8px;
}
.modal-wrapper .modal-content .modal-title .modal-icon i {
  background: #FFFFFF;
}
.modal-wrapper .modal-content .modal-title .modal-title-content {
  display: block;
  float: left;
  padding: 8px;
}
.modal-wrapper .modal-content .modal-body {
  max-height: 521px;
  overflow-y: auto;
}
.modal-wrapper .modal-content .modal-body .report {
  overflow: inherit !important;
}
.modal-wrapper .modal-content .modal-body .limiter {
  display: block;
  height: 300px;
  overflow-y: scroll;
}
.modal-wrapper .modal-content .modal-body table {
  /* height: 100%; */
  max-height: 100%;
}
.modal-wrapper .modal-content .modal-body .modal-scroll {
  display: block;
}
.modal-wrapper .modal-content .modal-body h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 14px;
  margin-top: 20px;
}
.modal-wrapper .modal-content .modal-body p {
  font-size: 12px;
  padding: 0px 0px 8px 0;
}
.modal-wrapper .modal-content .modal-footer {
  position: relative;
  background: inherit;
  display: block;
  height: 39px;
  padding: 8px;
  border-top: 1px solid #e3e7e9 !important;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.modal-wrapper .modal-content .modal-footer .btn-group {
  margin: 0 !important;
}
.form-browser {
  border: 1px solid #dadada;
}
.form-browser .forms-list {
  max-height: 300px;
  overflow-y: scroll;
  padding: 8px;
}
.form-browser .forms-list .form-small {
  display: block;
  padding: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  margin-bottom: 8px;
}
.form-browser .forms-list .form-small:hover {
  border: 1px solid #CCC;
}
.form-browser .forms-list .form-small .name {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
}
.form-browser .forms-list .form-small .interval {
  display: block;
  font-size: 12px;
}
.form-browser .forms-list .form-large {
  color: #F2F2F2;
}
.user-type-list {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  border-bottom: 1px inset rgba(0, 0, 0, 0.8);
  border-top: 1px inset rgba(0, 0, 0, 0.8);
}
.user-type-list .user-type {
  display: block;
  border: 1px solid transparent;
  padding: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}
.user-type-list .user-type:hover {
  border: 1px solid #CCC;
}
.user-type-list .user-type.selected {
  border: 1px solid #CCC;
  background: #F2F2F2;
  color: #333;
}
.user-type-list .user-type.selected .name {
  color: #333;
}
.user-type-list .user-type .name {
  font-size: 14px;
  font-weight: bold;
  color: #F2F2F2;
  display: block;
  margin-bottom: 5px;
}
.user-type-list .user-type .description {
  font-size: 12px;
  display: block;
}
.privileges {
  display: block;
  border: 1px solid #dadada;
  padding: 8px;
}
.privileges ul {
  margin: 0;
  list-style: disc !important;
}
.privileges ul li {
  display: block;
  list-style: disc;
}
.errors {
  display: block;
  margin: 0 0 16px 0;
  padding: 0 18px;
  list-style: disc !important;
}
.errors li {
  display: block;
  color: #be616b;
  margin-bottom: 5px;
}
.modal-toggle-wrapper {
  display: inline-block;
  width: 200px;
}
.modal-toggle-wrapper .modal-toggle-label {
  display: inline-block;
  padding-right: 8px;
  margin-top: 3px;
}
.modal-toggle-wrapper .modal-switch-wrapper {
  display: inline-block;
}
/** Forms LESS **/
.display-field {
  color: #525252;
  font-size: 14px;
  border: 1px solid #e3e7e9;
  background: #FFFFFF;
  padding: 7px 0px !important;
  border-radius: 3px;
  text-indent: 8px;
  user-select: text;
}
.form {
  display: block;
}
.form.read-only .current-location,
.form.read-only .display-field,
.form.read-only .form-control,
.form.read-only input[type='text'] {
  border: 1px solid #e3e7e9 !important;
  text-indent: 8px !important;
  padding-left: 0;
}
.form h4 {
  margin-top: 10px;
}
input:focus {
  border: 1px solid #4b82bf;
}
input[type="text"],
.input,
select,
textarea,
input[type='password'],
input[type='number'] {
  display: block;
  border: 1px solid #e3e7e9 !important;
}
input[type="text"]:focus,
.input:focus,
select:focus,
textarea:focus,
input[type='password']:focus,
input[type='number']:focus {
  border: 1px solid #4b82bf !important;
}
.textarea-wrapper,
.wysiwyg-editor {
  display: block;
}
.textarea-wrapper .text-area-controls,
.wysiwyg-editor .text-area-controls {
  height: 26px;
}
.textarea-wrapper .text-area-controls textarea,
.wysiwyg-editor .text-area-controls textarea {
  box-sizing: border-box;
}
.textarea-wrapper .text-area-controls .language-list,
.wysiwyg-editor .text-area-controls .language-list {
  display: block;
}
.textarea-wrapper .text-area-controls .language-list li,
.wysiwyg-editor .text-area-controls .language-list li {
  display: block;
  float: left;
  padding: 5px;
  text-align: center;
  background-color: #ececec;
  cursor: pointer;
}
.textarea-wrapper .text-area-controls .language-list li:hover,
.wysiwyg-editor .text-area-controls .language-list li:hover,
.textarea-wrapper .text-area-controls .language-list li.active,
.wysiwyg-editor .text-area-controls .language-list li.active {
  background-color: #1780c9;
  color: #FFF;
}
.textarea-wrapper .text-area-controls .language-list li.icon,
.wysiwyg-editor .text-area-controls .language-list li.icon {
  background-color: #333;
  color: #FFF;
  cursor: inherit;
}
.textarea-wrapper .text-area-controls .language-list li:first-child,
.wysiwyg-editor .text-area-controls .language-list li:first-child {
  border-top-left-radius: 3px;
}
.textarea-wrapper .text-area-controls .language-list li:last-child,
.wysiwyg-editor .text-area-controls .language-list li:last-child {
  border-top-right-radius: 3px;
}
input[type='number'] {
  width: 100%;
  font-size: 1.1em;
  padding-left: 3px;
}
.number-field {
  padding-right: 5px !important;
}
textarea {
  display: block;
  width: 100%;
  border: 2px solid #e3e7e9;
  box-sizing: border-box;
}
select {
  border-radius: 0 !important;
  -webkit-appearance: none;
}
select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  padding: 0.5em;
  padding-right: 1.5em;
}
.selectStyle {
  width: 230px;
  padding: 5px;
  border :none !important;
  border-bottom : 1px solid lightgray !important;
},
.form-field {
  display: block;
  margin-bottom: 8px;
}
.form-field.form-row .grid {
  box-shadow: none;
  padding-bottom: 0 !important;
  overflow: inherit !important;
  height: auto !important;
  position: inherit !important;
}
.form-field.form-row .column {
  padding-right: 5px;
  padding-left: 5px;
}
.form-field.header label {
  display: none !important;
}
.form-field .field-wrapper {
  display: block;
  font-size: 12px;
}
.form-field .field-suffix {
  flex: 1;
  min-width: 100px;
  line-height: 32px;
}
.form-field .field-control-content {
  background-color: #333;
  padding: 10px;
  margin: 5px 0;
  text-transform: none;
  color: #FFF !important;
}
.form-field .field-control-content h4 {
  color: #FFF;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: normal;
}
.form-field .field-control-content p,
.form-field .field-control-content span {
  color: #FFF;
  padding: 0;
  margin: 0;
}
.form-field label,
.form-field .label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
  padding-bottom: 0;
}
.form-field label.has-help label,
.form-field .label.has-help label {
  border-bottom: 1px solid transparent;
  display: inline-block;
  clear: both;
}
.form-field label.has-help:hover label,
.form-field .label.has-help:hover label {
  cursor: help;
  display: inline-block;
  border-bottom: 1px dashed #333;
  clear: both;
}
.form-field label.row-label,
.form-field .label.row-label {
  display: block;
  padding: 8px;
  font-size: 14px;
  background-color: #ececec;
}
.form-field label.matrix-label,
.form-field .label.matrix-label {
  display: block;
  padding: 8px;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #ececec;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
.form-field input[type="text"],
.form-field textarea,
.form-field input[type='password'],
.form-field input[type='number'] {
  display: block;
  border: 1px solid #e3e7e9 !important;
  box-shadow: none !important;
  padding: 7px 0px !important;
  margin: 0 !important;
  background-color: #FFFFFF;
  color: #525252;
  font-size: 12px;
  border-radius: none;
}
.form-field select {
  display: block;
  width: 100%;
  padding: 5px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: normal;
}
.form-field .form-select-wrapper,
.form-field .dropzone-wrapper,
.form-field .boolean-wrapper,
.form-field .conditions-wrapper {
  display: block;
}
.form-field .boolean-wrapper {
  padding: 10px;
}
.form-field .condition-row {
  display: block;
  margin-bottom: 10px;
}
.search-select-field {
  display: block;
  margin: 10px;
}
.search-select-field .search-select-current-value {
  display: block;
  padding: 5px 10px;
  border: 1px solid #dadada;
}
.search-select-field .search-select-current-value span {
  display: block;
  cursor: pointer;
  background-color: #ececec;
  padding: 5px;
}
.search-select-field .search-select-current-value span:hover {
  color: #FFF;
  background-color: #1780c9;
}
.search-select-field .search-select-editor .search-select-results {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  margin-top: 10px;
}
.search-select-field .search-select-editor .search-select-results .search-select-value {
  display: block;
  padding: 5px 10px;
  margin-bottom: 10px;
  color: #333;
  cursor: pointer;
  border: 1px solid #FFF;
}
.search-select-field .search-select-editor .search-select-results .search-select-value:hover {
  background-color: #1780c9;
  color: #FFF;
}
a.field-control {
  color: #1780c9;
  text-align: center;
  padding: 0 5px;
  font-size: 12px;
}
a.field-control i {
  text-align: center;
}
.form-row-wrapper .grid {
  padding-bottom: 0;
  background-color: transparent;
}
.matrix {
  background-color: #FFF;
  margin-bottom: 16px;
}
.matrix .matrix-table {
  width: 100%;
}
.matrix .matrix-table tr th {
  vertical-align: top;
  padding: 10px 8px 10px 8px;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  max-width: 100px;
  background: #ececec;
  color: #424142;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
.matrix .matrix-table tr th input {
  margin: 5px;
}
.matrix .matrix-table tr td {
  vertical-align: top;
  background-color: #FFF;
  border-bottom: 3px solid #FFF;
  padding: 8px;
  border-top: 1px solid #Dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  position: relative;
}
.matrix .matrix-table tr td .cell-label {
  font-size: 12px;
  background: #ececec;
  color: #333;
  padding: 8px;
  margin-bottom: 5px;
}
.matrix .matrix-table tr td .cell-input {
  padding: 0;
  border-width: 1px;
}
.matrix .matrix-table tr td .cell-error {
  display: block;
  padding: 5px;
  background-color: #FFEBEE;
  color: #be616b;
  width: 100%;
  text-align: center;
  border-left: 1px solid #be616b;
  border-top: 1px solid #be616b;
  border-bottom: 1px solid #be616b;
  height: 100%;
}
label {
  display: block;
  margin-bottom: 5px;
}
input[type="text"],
input[type="password"],
input[type="email"] {
  display: block;
  color: #525252;
  clear: both;
  text-indent: 5px;
  padding: 7px 0;
  width: 100%;
  border-radius: none;
  background: #FFFFFF;
  box-sizing: border-box;
  font-size: 12px;
  border: 1px solid #e3e7e9 !important;
}
.field-error {
  display: block;
}
.field-error .icon {
  display: block;
  float: left;
  background-color: #be616b;
  color: #FFF;
  padding: 5px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.field-error .error-message {
  background-color: #ff6f6d;
  color: #FFF;
  display: block;
  padding: 5px;
  text-indent: 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rd-container {
  z-index: 9999999;
  display: none;
}
textarea {
  border: 1px solid #e3e7e9 !important;
  background: #FFFFFF;
  color: #525252;
  min-height: 150px;
  margin-bottom: 10px;
}
fieldset {
  border: 1px solid #dadada;
  margin-bottom: 10px;
  padding: 10px;
}
/*** Location Selector **/
.location-selector {
  display: block;
  position: relative;
}
.location-selector .handle {
  display: block;
  position: relative;
}
.location-selector .handle .current {
  overflow-y: scroll;
  background-color: #FFFFFF;
}
.location-selector .handle .current .current-location {
  padding: 5px 5px 7px 5px;
  border: 1px solid #e3e7e9 !important;
}
.location-selector .handle .current .current-location:focus {
  border: 1px solid #4b82bf !important;
}
.location-selector .handle .current.input:focus,
.location-selector .handle .current:focus {
  border: 1px solid #4b82bf !important;
}
.location-selector .handle .current.no-pad {
  padding: 0 !important;
}
.location-selector .handle .current input[type="text"] {
  border: none;
  padding: 7px 0;
  margin: 0;
  font-size: 12px;
  background: #FFFFFF;
  border: 1px solid #e3e7e9 !important;
  color: #525252;
  border-radius: none;
}
.location-selector .handle .grip {
  position: absolute;
  top: 2px;
  height: 29px;
  right: 2px;
  background-color: #333;
  color: #FFF;
  padding: 5px;
  cursor: pointer;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #dadada;
}
.location-selector .handle .grip:hover {
  background-color: #1780c9;
  color: #FFF;
}
.location-selector .handle .grip .languages {
  display: block;
  float: left;
  padding-right: 5px;
}
.location-selector .handle .grip .languages .language {
  display: none;
}
.location-selector .handle .grip .languages .language.active {
  display: block;
}
.rd-container .rd-day-head {
  color: #FFF;
  text-shadow: 0px -1px 1px 1px #333;
  background-color: #ececec;
  padding: 4px;
}
.rd-container .rd-day-body {
  padding: 4px;
  border: 1px solid #ececec;
}
.rd-container .rd-day-body:hover {
  background-color: #1780c9;
  color: #FFF;
}
.rd-container .rd-day-body.rd-day-disabled {
  color: #ececec;
}
.rd-container .rd-day-body.rd-day-disabled:hover {
  background-color: #FFF !important;
  color: #ececec !important;
}
.rd-container .rd-day-body.rd-day-selected {
  background-color: #1780c9;
  color: #FFF;
}
.conditions-wrapper table:first-child tr td {
  padding: 5px;
}
.condition-row {
  margin-bottom: 5px;
}
.condition-row table tr td {
  padding: 5px;
}
.form-header {
  display: block;
  color: #424142;
  margin: 8px 0 12px 0;
  margin-bottom: 2px;
}
.form-header.style-title {
  font-size: 16px;
  font-weight: normal;
  background-color: #424142;
  color: #FFF;
  padding: 16px 8px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.form-header.style-sub-title {
  font-size: 16px;
  border-bottom: 1px solid #ececec;
  padding: 5px;
  margin-bottom: 2px;
}
.assignment-sel-item {
  display: block;
  border: 1px solid #ececec;
  padding: 5px;
  cursor: pointer;
  margin-bottom: 5px;
}
.assignment-sel-item:hover {
  background-color: #1780c9;
  color: #FFF;
}
.year-select {
  padding-right: 10px;
}
.year-select select {
  margin-right: 10px;
}
.week-selector {
  display: block;
  position: relative;
}
.week-selector .current {
  display: block;
  border: 1px solid #e3e7e9 !important;
  height: 35px;
}
.week-selector .current .placeholder-week {
  display: block;
  float: left;
  padding: 8px 0 7px 8px;
}
.week-selector .current .week-select {
  display: block;
  float: left;
}
.week-selector .current .week-select .week-no {
  padding: 8px 0 7px 0;
  width: 80px;
  background-color: #333;
  color: #FFF;
  float: left;
  text-align: center;
}
.week-selector .current .week-select .week-no span {
  color: #FFF;
}
.week-selector .current .week-select .week-span {
  display: inline-block;
  overflow: hidden;
  padding: 8px 0 7px 8px;
  height: 35px;
}
.week-selector .current .handle {
  position: absolute;
  right: 1px;
  top: 1px;
  padding-top: 9px;
  padding-bottom: 8px;
  width: 35px;
  display: block;
  background-color: #333;
  color: #FFF;
  text-align: center;
  cursor: pointer;
}
.week-selector .current .handle:hover {
  background-color: #1780c9;
}
.week-selector .week-selections {
  display: block;
  position: absolute;
  top: 35px;
  right: 0px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
  width: 100%;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 999;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.week-selector .week-selections .week-select {
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #ececec;
}
.week-selector .week-selections .week-select.active {
  background-color: #1780c9;
  color: #FFF;
}
.week-selector .week-selections .week-select.active span {
  color: #FFF;
}
.week-selector .week-selections .week-select:hover {
  background-color: #1780c9;
  color: #FFF;
}
.week-selector .week-selections .week-select:hover span {
  color: #FFF;
}
.week-selector .week-selections .week-select .week-no {
  width: 80px;
  background-color: #333;
  color: #FFF;
  float: left;
  padding: 5px;
  text-align: center;
}
.week-selector .week-selections .week-select .week-no span {
  color: #FFF;
}
.week-selector .week-selections .week-select .week-span {
  display: block;
  overflow: hidden;
  padding: 5px;
}
.tab-set.bordered {
  border-top: 1px solid #ececec;
}
.tab-set.bordered .btn-group {
  margin-top: 10px;
}
.form-editor .tab {
  display: none;
  height: 100%;
}
.form-editor .tab.active {
  display: block;
}
.view.white {
  background-color: #F1F1F1;
}
.versions {
  display: block;
  float: right;
  margin-top: 9px;
}
.form-details {
  display: block;
  padding: 8px;
}
.form-details .form-name {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 3px;
}
.form-details .form-accounts {
  font-style: italic;
  font-size: 14px;
  margin-bottom: 3px;
}
.form-details .form-status {
  color: #CCC;
}
.tbar {
  display: block;
  height: 34px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.tbar span.title {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 16px;
  padding: 8px;
}
.ew-select {
  display: block;
  border: 1px solid #e3e7e9 !important;
  box-shadow: none;
  margin: 0 0px 0 0;
  background-color: #FFFFFF;
  color: #525252;
  font-size: 12px;
  position: relative;
  border-radius: none;
}
.ew-select.hasButton .ew-select-data .item {
  line-height: 25px;
}
.ew-select .handle {
  cursor: pointer;
}
.ew-select .handle .ide-col {
  padding: 7px 5px;
  font-size: 12px;
}
.ew-select .handle .icon {
  text-align: center;
  border-left: 1px solid #e3e7e9 !important;
}
.ew-select .handle table tr td {
  padding: 7px 5px;
  font-size: 12px;
}
.ew-select .handle table tr td.icon {
  text-align: center;
  border-left: 1px solid #e3e7e9 !important;
}
.ew-select .handle .label {
  flex: 2;
  padding: 7px 10px 7px 5px;
  word-wrap: normal;
  height: 20px;
}
.ew-select .handle .pointer {
  flex: 1;
  padding: 5px 7px;
  text-align: center;
}
.ew-select .ew-select-data {
  position: absolute;
  top: 27px;
  left: 0;
  max-height: 300px;
  width: 100%;
  min-height: 10px;
  min-width: 300px;
  background: #FFFFFF;
  z-index: 999;
  overflow-y: scroll;
  border-left: 1px solid #e3e7e9 !important;
  border-right: 1px solid #e3e7e9 !important;
  border-bottom: 1px solid #e3e7e9 !important;
}
.ew-select .ew-select-data .ew-select-multi-item {
  display: block;
  border-bottom: 1px solid 1px solid #e3e7e9 !important;
}
.ew-select .ew-select-data .ew-select-multi-item:hover {
  background: #ececec;
}
.ew-select .ew-select-data .ew-select-multi-item .ew-select-check {
  text-align: center;
  font-size: 20px;
  padding-top: 5px;
}
.ew-select .ew-select-data.multi-select {
  position: relative;
  min-height: 60px;
  max-height: 150px;
  overflow-y: scroll;
  top: auto;
  left: auto;
  border-left: none;
  border-right: none;
  border-bottom: none;
  z-index: 0 !important;
}
.ew-select .ew-select-data.multi-select .item {
  border-bottom: none !important;
}
.ew-select .ew-select-data .item {
  display: block;
  padding: 8px 16px 8px 8px;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid #e3e7e9 !important;
}
.ew-select .ew-select-data .item:hover {
  background: #ececec;
}
.option-definer table {
  width: 100%;
}
.option-definer table thead tr th {
  padding: 8px;
  text-align: left;
  font-size: 12px;
}
.option-definer table tbody tr td {
  padding: 8px;
  font-size: 12px;
}
.linked-lists label {
  display: block;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: #CCC;
  color: #333;
  padding: 5px;
  margin: 0 5px;
  font-size: 12px;
}
.linked-lists .item-list {
  display: block;
  min-height: 100px;
  border: 1px solid #dadada;
  background: #FFF;
  margin: 0 5px;
}
.linked-lists .item-list .item-list-item {
  display: block;
  margin: 3px;
  padding: 5px;
  background: #F2F2F2;
  cursor: pointer;
}
.linked-lists .item-list .item-list-item.active,
.linked-lists .item-list .item-list-item:hover {
  background: #333;
  color: #F2F2F2;
}
.variable-manager {
  display: block;
  border-left: 1px solid #e3e7e9 !important;
  border-right: 1px solid #e3e7e9 !important;
  border-bottom: 1px solid #e3e7e9 !important;
}
.variable-manager .series-list {
  display: block;
  padding: 8px;
  background-image: url("../../image/c9-noise.png");
  background: #FFFFFF;
}
.variable-manager .series-list .variable-source {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #e3e7e9 !important;
}
.variable-manager .series-list .variable-source .header {
  display: flex;
  width: 100%;
  background: #edf1f4;
  border-bottom: 1px solid #e3e7e9 !important;
}
.variable-manager .series-list .variable-source .header .label {
  flex: 2;
  color: #525252;
  padding: 8px;
}
.variable-manager .series-list .variable-source .header .controls {
  flex: 2;
}
.variable-manager .series-list .variable-source .details {
  display: block;
  background: #FFFFFF;
}
.hsplit-box {
  display: flex;
  padding: 10px 10px 10px 15px;
}
.hsplit-box .ide-setting-label {
  flex: 1;
  color: #999999;
  font-size: 12px;
  text-overflow: ellipsis;
  -webkit-font-smoothing: antialiased;
  font-family: Tahoma, Arial;
  overflow: hidden;
  cursor: default;
  padding: 2px 2px 2px 0;
  white-space: nowrap;
  margin-bottom: 8px;
}
.hsplit-box .ide-setting-label span {
  color: #999999;
  margin-right: 8px;
}
.hsplit-box .ide-setting-label .helper .handle {
  display: block;
}
.hsplit-box .ide-setting-control {
  flex: 1;
}
.hsplit-box .ide-setting-control input:disabled,
.hsplit-box .ide-setting-control textarea:disabled {
  background: #CCCCCC;
  cursor: not-allowed;
  text-indent: 8px;
}
.form-select {
  border-bottom: 1px solid #dadada;
}
.form-select .form-name {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.form-select .form-account {
  display: block;
  font-size: 12px;
  color: #6d6d6d;
  text-transform: uppercase;
}
.zone .ew-select-list{
  height: 100% !important;
  position: absolute;
  overflow-y: scroll;
  max-height: none !important;
}
.ew-select-list {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
.ew-select-list .ew-list-item {
  display: block;
  border-bottom: 1px solid #dadada;
  padding: 8px;
  cursor: pointer;
}
.ew-select-list .ew-list-item:hover {
  background: #ececec;
}
.ew-select-list .ew-list-item.active {
  background: #333;
  color: #F2F2F2;
}
.ew-select-list .ew-list-item .ew-list-item-title {
  font-weight: bold;
  display: block;
}
.alert-stage-heading {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
  display: block;
}
.ew-small {
  color: #CCC;
  font-size: 10px !important;
}
/** FEATURE_LIST **/
.feature-list {
  display: block;
  margin: 10px;
  padding: 0;
}
.feature-list li {
  display: block;
  list-style: none;
}
.feature-list li:hover {
  cursor: pointer;
}
.feature-list li .feature {
  display: block;
  float: left;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}
.feature-list li .feature:hover {
  background-color: #ececec;
}
.feature-list li .feature h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: bold;
}
.feature-list li .feature .footer {
  font-size: 0.8em;
}
.feature-list li .feature table tr td {
  padding: 5px;
}
.feature-list li .feature table tr td strong {
  font-weight: bold;
}
.loc-long-name {
  display: block;
  margin-top: 5px;
}
.loc-long-name .wrap {
  background: #ececec;
  display: inline-block;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-right: 3px solid #FFF;
}
.loc-long-name .wrap span {
  display: block;
  float: left;
  padding: 8px 8px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-right: 3px solid #FFF;
}
.loc-long-name .wrap span:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.locale-selector .handleIcon {
  border-left: 1px solid #e3e7e9 !important;
  text-align: center;
}
.locale-selector .handleText {
  text-align: left;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.locale-selector .locale-select {
  padding: 0 !important;
  background: #FFFFFF;
}
.locale-selector .locale-select:hover {
  background: #ECECEC !important;
}
.locale-selector .locale-select .locale-tree-node {
  display: flex;
  overflow: hidden;
  padding: 4px 8px;
  flex-direciton: column;
  border-bottom: 1px solid #e3e7e9 !important;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.locale-selector .locale-select .locale-tree-node.has-button .label,
.locale-selector .locale-select .locale-tree-node.has-button .expander {
  line-height: 25px !important;
}
.locale-selector .locale-select .locale-tree-node .expander {
  flex: 1;
  max-width: 16px;
  min-width: 16px;
  width: 16px;
}
.locale-selector .locale-select .locale-tree-node .labeler {
  flex: 2;
  padding: 5px;
  flex-wrap: nowrap;
  word-wrap: break-word;
  font-size: 12px;
  min-width: 0;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.locale-selector .locale-select .locale-tree-node .labeler.no-pad {
  padding: 0;
}
.locale-selector .locale-select .locale-tree-node.green {
  background: #dff0d8;
  color: #a4bd8e;
}
.locale-selector .locale-select .locale-tree-node.green:hover {
  color: #333;
}
.locale-selector .locale-select .locale-tree-node-children {
  display: block;
  border-left: 6px solid #dadada;
}
.locale-selector .locale-search {
  display: block;
  padding: 8px;
  border-bottom: 1px solid #e3e7e9 !important;
}
.locale-selector .locale-search .input {
  position: relative;
}
.locale-selector .locale-search .input .search-button {
  cursor: pointer;
  position: absolute;
  color: #FFF;
  background: #333;
  width: 22px;
  top: 7px;
  padding: 4px 0;
  right: 8px;
  text-align: center;
  border-radius: 12px;
}
.locale-selector .locale-search .input .search-button i {
  cursor: pointer;
}
.ide-settings-form .form {
  padding: 0px;
}
.ide-settings-form .form .form-field {
  display: flex;
  flex-direction: row;
}
.ide-settings-form .form .form-field .label {
  display: block;
  max-width: 25%;
  flex: 1;
  font-weight: normal;
  padding: 8px 15px 8px 15px;
}
.ide-settings-form .form .form-field .label label {
  display: block !important;
  padding: 0 !important;
  max-width: none !important;
}
.ide-settings-form .form .form-field .clearer {
  display: none;
}
.ide-settings-form .form .form-field.header .label {
  display: none;
}
.ide-settings-form .form .form-field.header .field-wrapper {
  padding-right: 0px;
}
.ide-settings-form .form .form-field .field-wrapper {
  display: block;
  padding-right: 15px;
  flex: 2;
}
.ide-settings-form .form .form-field .field-wrapper .form-header {
  padding: 8px 0px 8px 15px;
  font-size: 14px;
  color: #dddddd;
  border-bottom: 1px solid #232323;
  background-color: #313131;
  margin: 0;
  margin-bottom: 2px;
}
.ide-settings-form .form .form-field .field-controls {
  display: none;
}
.ide-col.errors {
  display: block;
  padding: 0;
}
.ide-col.errors div {
  display: block;
  padding: 3px;
  color: #be616b;
}
.iw-range {
  border: 1px solid #e3e7e9 !important;
}
.iw-range .iw-quick-ranges .ide-col .iw-qk-range {
  display: block;
  padding: 3px;
  cursor: pointer;
}
.iw-range .iw-quick-ranges .ide-col .iw-qk-range:hover {
  color: #a4bd8e;
}
.iw-range .iw-range-values {
  max-width: 250px;
  border-right: 1px solid #FFF;
  padding: 8px 0 8px 8px;
}
.iw-range .iw-range-values .block-tree {
  position: relative;
  padding: 0;
  margin: 0;
}
.iw-range .iw-range-values .block-tree .block {
  padding-right: 0 !important;
}
.iw-range .iw-range-values .block-tree .block.active {
  background: #FFF;
  color: #333;
}
.iw-range .iw-range-values .block-tree .block-content {
  padding-right: 0 !important;
}
.iw-range .drpresets-list {
  margin: 8px;
}
.iw-range .dr-preset {
  border: 1px solid #e3e7e9 !important;
  margin-bottom: 5px;
  cursor: pointer;
}
.iw-range .dr-preset .ide-col {
  padding: 5px !important;
}
.iw-range .dr-preset:hover .indicator,
.iw-range .dr-preset.active .indicator {
  display: block;
}
.iw-range .dr-preset .indicator {
  display: none;
  width: 11px;
  height: 11px;
  background: #a4bd8e;
}
.add-on {
  padding-top: 17px;
}
.add-on .field-wrapper {
  padding-right: 0 !important;
}
.iw-edit-list {
  border: 1px solid #e3e7e9 !important;
}
.iw-edit-list .iw-edit-list-items {
  min-height: 200px;
  padding: 8px;
}
.iw-edit-list .iw-edit-list-items .iw-list-edit-item {
  border: 1px solid #e3e7e9 !important;
  margin-bottom: 8px;
  cursor: pointer;
  color: #525252;
}
.iw-edit-list .iw-edit-list-items .iw-list-edit-item:hover,
.iw-edit-list .iw-edit-list-items .iw-list-edit-item.active {
  border: 1px solid #a4bd8e;
}
.iw-edit-list .iw-edit-list-controls {
  border-top: 1px solid #e3e7e9 !important;
  min-height: 30px;
}
.btn-group .bttn {
  border-left: none;
  border-radius: 0;
  display: block;
  float: left;
  margin-right: 0;
}
.btn-group .bttn:first-child {
  border-left: 1px solid #CCC;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.btn-group .bttn:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.error-strip {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: #000000;
}
.error-strip .error-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: #be616b;
}
input[type="file"] {
  width: 0;
  height: 0;
}
.fileLabel {
  display: inline-block !important;
  float: left;
  background: #FFFFFF;
  border: 1px solid #e3e7e9 !important;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px !important;
  padding-left: 8px;
  cursor: pointer;
}
.fileLabelChange{
  margin: 0px;
  padding: 5px 6px !important;
  
}
.adm-help {
  display: block;
  color: #858585;
  font-size: 11px;
  padding: 8px 8px 8px 0;
}
.form-system {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 30px;
}
.form-system.vertical {
  padding-right: 0px;
  padding-left: 0px;
}
.form-system .form-field {
  display: flex;
  flex-direction: row;
}
.form-system .form-field .label {
  max-width: 160px;
  flex: 1;
  padding-right: 8px;
}
.form-system .form-field .label label {
  text-align: right;
  line-height: 30px;
}
.form-system .form-field .field-wrapper {
  flex: 1;
}
.form-system .form-field .field-wrapper .btn-group {
  margin-top: 3px;
}
.form-system .form-field .field-wrapper .form-header {
  background: transparent;
  padding: 8px 8px 8px 0;
  margin: 8px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}
.form-error-bar {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 10px;
  background: transparent;
  z-index: 999;
}
.discuss-feed {
  font-size: 14px;
}
.discuss-feed .discuss-date-sep {
  display: block;
  height: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.discuss-feed .discuss-date-sep .line {
  position: relative;
  margin-top: 10px;
  border-top: 1px solid #e3e7e9 !important;
}
.discuss-feed .discuss-date-sep .text {
  position: absolute;
  text-align: center;
  top: -5px;
  width: 100%;
}
.discuss-feed .discuss-date-sep .text h2 {
  text-align: center;
  padding: 0 10px 0 10px;
  display: inline-block;
  background: #FFFFFF;
}
.discuss-feed .discuss-node {
  display: block;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}
.discuss-feed .discuss-node p {
  font-size: 14px;
  padding-bottom: 10px;
}
.discuss-input {
  margin-left: 20px;
  margin-right: 20px;
  height: 50px;
  border: 1px solid #e3e7e9 !important;
  border-radius: 3px;
}
.discuss-input .discuss-input-text {
  border: none !important;
  height: 48px;
  font-size: 14px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.discuss-input .discuss-input-text:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-width: 0;
}
.differential {
  margin-top: 10px;
  border: 1px solid #e3e7e9 !important;
}
.differential .diff {
  width: 100%;
}
.differential .diff thead .diff_header,
.differential .diff thead .diff_next {
  padding: 8px;
  font-weight: bold;
  background: #333;
  color: #F2F2F2;
}
.differential .diff tbody tr:nth-child(even) td {
  background: #F2F2F2;
}
.differential .diff tbody td {
  padding: 3px !important;
}
.differential .diff tbody td.diff_next {
  text-align: center;
}
.differential .diff tbody td .diff_chg {
  background: rgba(255, 165, 0, 0.41);
}
.differential .diff tbody td.diff_header {
  text-align: right;
  padding-right: 3px;
}
.differential .diff tbody td .diff_add {
  background: rgba(0, 128, 0, 0.33);
}
.differential .diff tbody td .diff_sub {
  background: rgba(255, 0, 0, 0.26);
}
.system-form {
  display: block;
  padding-right: 150px;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.system-form.vertical {
  padding: 0px;
}
.system-form.vertical .sys-row {
  display: block;
  padding-left: 8px;
  padding-right: 8px;
}
.system-form.vertical .sys-label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
}
.system-form.vertical .sys-input {
  display: block;
}
.system-form .sys-row {
  margin-bottom: 8px;
}
.system-form .sys-label {
  color: #525252;
  font-weight: bold;
  text-align: right;
  max-width: 150px;
  padding-top: 8px;
  padding-right: 10px;
}
.sys-action {
  padding: 8px;
  border-top: 1px solid #e3e7e9 !important;
}
.map-errors {
  margin-top: 16px;
  padding-left: 175px;
  padding-right: 160px;
}
.sys-field-errors,
.map-errors {
  display: block;
}
.sys-field-errors .sys-field-error,
.map-errors .sys-field-error,
.sys-field-errors .map-error,
.map-errors .map-error {
  font-size: 12px;
  color: #FFEBEE;
  padding: 5px;
}
.vertical .sys-header {
  display: block;
  padding: 8px;
  background: #edf1f4;
  font-size: 14px;
  text-transform: none;
}
.sys-header {
  display: block;
  padding-top: 16px;
  padding-bottom: 8px;
  font-size: 16px;
  text-transform: uppercase;
}
.layout-widget {
  background-image: none;
}
.layout-cell:hover .lh-controls {
  display: block;
}
.layout-cell:hover .layout-cell .lh-controls {
  display: block;
}
.layout-cell .lh-controls {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
  border-radius: 3px;
  height: 25px;
}
.cell-inner {
  display: block;
  text-align: center;
  color: #F2F2F2;
}
.widget-cell {
  position: relative;
  display: flex;
  background: #FFFFFF;
  margin: 8px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-radius: 3px;
}
.widget-cell.active .cell-inner {
  background: #1780c9;
}
.widget-cell .widget-content {
  display: block;
  flex: 2;
  position: relative;
}
.widget-cell .ide-tbar {
  border-top: none !important;
}
.widget-cell .tbar {
  display: flex;
  background: #FFFFFF;
  width: 100%;
  flex: 1;
  max-height: 30px;
  min-height: 30px;
  height: 30px;
  color: #333333;
  border-bottom: 1px solid #CCCCCC;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.widget-cell .tbar .tbar-title {
  flex: 2;
  line-height: 28px;
  text-indent: 8px;
  font-weight: bold;
}
.widget-cell .tbar .action-group-wrapper {
  flex: 1;
  display: block;
}
.widget-cell .cell-inner {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  text-align: center;
}
.drop-area-h,
.drop-area-v {
  display: none;
  border: 1px solid #CCCCCC;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #1780c9;
  color: #FFFFFF;
  text-align: center;
  z-index: 999;
  line-height: 19px;
}
.drop-area-h {
  right: -5px;
  top: 50%;
  margin-top: -10px;
}
.drop-area-v {
  left: 50%;
  margin-left: -10px;
  bottom: -5px;
}
.vbox-controls {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 20px;
}
.vbox-controls i {
  color: #F2F2F2;
}
.widget-drop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.widget-drop .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 29px;
  font-size: 18px;
  margin-left: -15px;
  margin-top: -15px;
  border-radius: 60px;
  background: #FFFFFF;
}
.widget-drop .inner i {
  color: #333333;
}
.editor-controls input[type="color"] {
  width: 100%;
  border-width: 1px;
  height: 26px;
}
.editor-controls input[type="number"] {
  height: 26px;
  font-size: 12px;
}
.editor-controls select option {
  max-width: 100%;
  text-overflow: ellipsis;
}
.map-browser {
  position: absolute;
  top: 100px;
  height: calc(100vh - 200px);
  width: 700px;
  background: #FFFFFF;
  border-radius: 3px;
  margin-left: -350px;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 6px #333333;
}
.map-browser .map-header {
  display: block;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  flex: 1;
  border-bottom: 1px solid #CCCCCC;
  padding: 8px;
}
.map-browser .map-body {
  flex: 2;
  display: block;
}
.adm-form-group {
  display: block;
  margin: 8px 8px 16px 8px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 0.01);
}
.adm-form-group .adm-form-group-header {
  display: flex;
  background: #313131;
  border-top: 1px solid #434343;
  border-bottom: 1px solid #262626;
  min-height: 35px;
  max-height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.adm-form-group .adm-form-group-name {
  display: flex;
  flex-direction: row;
  flex: 2;
  padding-left: 8px;
  padding-top: 5px;
}
.adm-form-group .adm-form-group-controls {
  padding-right: 8px;
}
.adm-form-group .adm-form-group-children {
  background: rgba(0, 0, 0, 0.1);
  padding: 8px;
  display: block;
  min-height: 100px;
}
.adm-form-group .adm-form-group-children .adm-form-group-drop {
  display: block;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  text-align: center;
  padding: 8px;
  color: rgba(255, 255, 255, 0.5);
}
.adm-form-group-item {
  display: flex;
  margin: 0 0 8px 0;
  padding: 5px;
  background: #313131;
  border-top: 1px solid #434343;
  border-bottom: 1px solid #262626;
  min-height: 35px;
  max-height: 35px;
}
.adm-form-group-item .adm-form-group-fcontrols {
  flex: 1;
}
.adm-form-group-item .adm-form-group-fname {
  flex: 2;
  padding-top: 5px;
  padding-left: 8px;
}
.form-group-header {
  display: block;
  margin: 16px 0px 8px 0px;
  font-size: 12px;
  color: #F2F2F2;
  padding: 6px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: #595959;
}
.login {
  background: #F2F2F2;
}
.app-public {
  height: 100%;
  overflow-y: auto;
  display: block;
  background: #FFF;
}
.app-public #app {
  height: 100%;
  display: block;
  overflow-y: auto;
}
.login-wrapper {
  width: 100%;
  height: 100%;
  background-color: #edf1f4;
  display: block;
  position: relative;
}
.login-wrapper .login-header {
  display: block;
  position: relative;
  background-color: #FFF;
  height: 220px;
}
.login-wrapper .login-header a {
  font-size: 0.8em;
  position: absolute;
  top: 10px;
  left: 20px;
}
.login-wrapper .login-header .app-title {
  display: block;
  padding-top: 60px;
  margin: 0px auto 0 auto;
  width: 330px;
}
.login-wrapper .login-header .app-title h4 {
  margin-bottom: 0;
  text-indent: 5px;
}
.login-wrapper .login-header .app-title h3 {
  line-height: 100%;
  margin-top: 0;
  font-size: 6em;
  margin-bottom: 0;
}
.login-wrapper .login-tabs {
  display: block;
}
.login-wrapper .login-tabs a {
  display: block;
  float: left;
  background-color: #dadada;
  padding: 10px;
  margin-right: 10px;
  text-align: center;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color: #333;
}
.login-wrapper .login-tabs a:hover {
  text-decoration: none;
  color: #1780c9;
  background-color: #FFF;
}
.login-wrapper .login-tabs a.active {
  background-color: #FFF;
  color: #1780c9;
}
.login-wrapper .loginBox {
  text-align: left;
  color: #333;
  padding: 20px;
  padding-top: 60px;
  margin: 0 auto;
  width: 300px;
  display: block;
}
.login-wrapper .loginBox select {
  width: 100%;
}
.login-wrapper .loginBox .terms {
  font-size: 0.8em;
}
.login-wrapper .loginBox .login-btn {
  border-radius: 0;
  padding: 10px 30px;
  font-size: 0.9em;
  text-align: center;
  background-color: #1780c9;
  border-width: 0;
  color: #FFF;
  display: block;
  margin: 10px auto 20px auto;
  height: auto;
}
.login-wrapper .loginBox .login-btn:hover {
  background-color: darkgreen;
  color: #FFF;
}
.login-wrapper .loginBox .forgot-pass-link {
  display: block;
  text-align: center;
}
.login-wrapper .logo {
  text-align: center;
  margin-top: 20px;
  opacity: 0.6;
}
.error {
  background-color: #ffaeae;
  color: darkred;
  padding: 10px;
  display: block;
  font-size: 12px;
  margin-bottom: 20px;
}
.success {
  background-color: #D4EDDA;
  color: #155724;
  padding: 10px;
  display: block;
  font-size: 12px;
  margin-bottom: 20px;
}
.error span {
  color: darkred;
}
.login-body .login-header {
  display: block;
  border-bottom: 1px solid #dadada;
  padding: 18px;
}
.login-body .login-header .brand {
  font-weight: bold;
  text-align: center;
  font-size: 22px;
}
.login-body .login-footer {
  display: block;
  border-top: 1px solid #dadada;
  padding-top: 18px;
}
.login-body .login-footer .login-container {
  display: block;
  width: 980px;
  margin: 0 auto;
}
.login-body .login-main {
  display: block;
}
.login-body .login-main .login-container {
  display: block;
  width: 980px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.login-body .login-main .login-container .details {
  width: 654px;
  display: block;
  padding-right: 18px;
}
.login-body .login-main .login-container .details .description p {
  font-size: 14px;
  display: block;
  padding-bottom: 8px;
}
.login-body .login-main .login-container .login-controls {
  display: block;
}
.login-body .login-main .login-container .login-controls .login-control {
  background: #Fafafa;
  display: block;
  border: 1px solid #ececec;
  border-radius: 3px;
  padding: 18px;
  margin-bottom: 18px;
}
.login-body .login-main .login-container .login-controls .login-control h3 {
  font-size: 25px;
  margin-bottom: 8px;
}
.login-app-title {
  font-size: 60px;
  margin-bottom: 18px;
  font-weight: bold;
}
.login-app-sub-title {
  font-size: 20px;
  margin-bottom: 15px;
}
h1.register {
  font-weight: bold;
  font-size: 30px;
  margin: 0 8px 16px 8px;
}
h3.register {
  font-size: 20px;
  margin: 0 8px 16px 8px;
}
p.register {
  font-size: 16px;
  margin: 0 8px 16px 8px;
}
label.register{
  font-size: 13px;
  margin: 0 8px 16px 8px;
}
ul.register li.bolder {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
ul.register li {
  margin-bottom: 12px;
}
.registration-wizard {
  width: 790px;
  margin: 30px auto;
}
.registration-wizard .hsplit-box {
  display: flex;
  flex-direction: row;
}
.registration-wizard .hsplit-box .ide-setting-label {
  flex: 1;
  background: #ececec;
  padding: 8px;
  vertical-align: middle;
  font-weight: bold;
  border-bottom: 3px solid white;
}
.registration-wizard .hsplit-box .ide-setting-control {
  flex: 2;
  padding: 8px;
  border-bottom: 3px solid white;
}
.registration-wizard .location-tree {
  display: block;
}
.registration-wizard .location-tree .loc-node {
  display: block;
}
.registration-wizard .location-tree .loc-node .wrapper {
  display: block;
  border: 1px solid #dadada;
}
.registration-wizard .location-tree .loc-node .wrapper .ide-layout,
.registration-wizard .location-tree .loc-node .wrapper .ide-col,
.registration-wizard .location-tree .loc-node .wrapper .ide-row {
  background: #FFF !important;
  color: #333 !important;
}
.registration-wizard .location-tree .loc-node .wrapper .ide-col {
  padding: 8px;
}
.registration-wizard .location-tree .loc-node .wrapper .handle {
  cursor: pointer;
  border-right: 1px solid #dadada;
}
.registration-wizard .location-tree .loc-node .wrapper .handle:hover {
  background: #333 !important;
  color: #FFF !important;
}
.registration-wizard .location-tree .loc-node .wrapper .selectable {
  cursor: pointer;
}
.registration-wizard .location-tree .loc-node .wrapper .selectable:hover,
.registration-wizard .location-tree .loc-node .wrapper .selectable.active {
  background: #333 !important;
  color: #FFF !important;
}
.registration-wizard .location-tree .loc-node .wrapper.clickable {
  cursor: pointer;
}
.registration-wizard .location-tree .loc-node .loc-node {
  margin-left: 8px;
}
.registration-wizard .select-list {
  display: block;
  max-height: 300px;
  overflow-y: scroll;
}
.registration-wizard .select-list .item {
  display: block;
  margin-bottom: 8px;
  cursor: pointer;
  position: relative;
}
.registration-wizard .select-list .item:hover,
.registration-wizard .select-list .item.active {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-color: #333;
}
.registration-wizard .select-list .item:hover .wrapper .icon,
.registration-wizard .select-list .item.active .wrapper .icon {
  background: #333;
  color: white;
  border-color: #333;
}
.registration-wizard .select-list .item .wrapper {
  border: 1px solid #dadada;
  display: flex;
}
.registration-wizard .select-list .item .icon {
  font-size: 35px;
  text-align: center;
  width: 60px;
  min-width: 60px;
  background: #FFFFFF;
  max-width: 60px;
  padding-top: 8px;
  border-right: 3px solid #dadada;
}
.registration-wizard .select-list .item .details {
  padding: 8px;
}
.registration-wizard .select-list .item .details .title {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.registration-wizard .select-list .item .details .sub-title {
  display: block;
}
.login-wrapper {
  display: block;
  background: #e8edf1;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.login-wrapper .login-container {
  display: block;
  height: 100%;
  position: relative;
}
.login-wrapper .login-container .login-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  padding: 10px;
  height: 100%;
}
.login-wrapper .login-container .login-controls .login-control {
  position: absolute;
  top: 228px;
  left: 50%;
  margin-left: -125px;
  width: 250px;
}
.login-wrapper .login-container .login-controls .login-control h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.login-wrapper .login-container .login-controls .login-control a {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.login-wrapper .login-container .login-controls .login-control .button {
  display: block;
  background: #1e8ed9;
  text-align: center;
  padding: 8px 40px;
  width: 120px;
  margin: 0 auto 20px auto;
  color: #FFFFFF;
  cursor: pointer;
}
.login-wrapper .login-container .login-controls .login-control .button:hover {
  background: #333;
}
.login-wrapper .login-container .instance-details {
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  background: #FFF;
}
.login-wrapper .login-container .instance-details .access-details {
  display: block;
  margin-bottom: 20px;
}
.login-wrapper .login-container .instance-details .access-details .logo {
  width: 80px;
  float: left;
}
.login-wrapper .login-container .instance-details .access-details .names {
  display: block;
  float: left;
}
.login-wrapper .login-container .instance-details .access-details .names .acc-name {
  font-size: 25px;
  font-weight: normal;
}
.login-wrapper .login-container .instance-details .access-details .names .instance-name {
  font-size: 60px;
  /* margin-top :20px; */
  font-weight: normal;
}
.login-wrapper .login-container .instance-details p {
  font-size: 16px;
  padding-bottom: 8px;
  line-height: 120%;
}
.login-wrapper .login-container .instance-details .details {
  width: 450px;
  position: absolute;
  left: 50%;
  margin-left: -225px;
  top: 120px;
}
.login-wrapper .login-container .instance-details .copyright {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #CCC;
}
.reg-item {
  border: 1px solid #e3e7e9 !important;
}
.reg-item .result-name {
  padding: 8px;
}
.reg-item .other {
  padding: 2px;
}
.reg-account {
  display: block;
  border: 1px solid #e3e7e9 !important;
}
.reg-account .search-wrapper {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #e3e7e9 !important;
}
.reg-account .items {
  padding: 10px;
  overflow-y: auto;
}
.reg-account .items .item {
  display: block;
  border: 1px solid #e3e7e9 !important;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.reg-account .items .item:hover {
  background: #333;
  color: #F2F2F2;
}
.chart-widget {
  border: 1px solid #dadada;
  margin-top: 10px;
}
.chart-widget .chart-header {
  border-bottom: 1px solid #dadada;
  padding: 10px;
}
.chart-widget .chart-header:hover > .btn-group {
  opacity: 1;
}
.chart-widget .chart-header .btn-group {
  opacity: 0;
}
.chart-table-container {
  display: block;
  overflow-x: scroll;
  overflow-y: scroll;
  height: 100%;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}
.chart-table-container h4 {
  display: block;
  padding: 8px;
}
.chart-table-container .chart-table-wrapper {
  width: inherit;
  min-height: 100%;
  overflow-x: auto;
}
.chart-table-container .chart-table-wrapper .chart-table {
  min-width: 100%;
}
.chart-table-container .chart-table-wrapper .chart-table tr td,
.chart-table-container .chart-table-wrapper .chart-table tr th {
  border: 1px solid #dadada;
  padding: 5px;
  white-space: nowrap;
  text-align: right;
}
.chart-table-container .chart-table-wrapper .chart-table tr td:nth-child(odd) {
  background-color: #f5f5f5;
}
.chart-table-container .chart-table-wrapper .chart-table thead tr th {
  background-color: #424142;
  color: #FFF;
  text-align: right;
  text-shadow: -1px 0px 0px 0px #CCC;
}
.chart-table-container .chart-table-wrapper .chart-table tbody tr:nth-child(even) td {
  background-color: #f5f5f5;
}
.chart-table-container .chart-table-wrapper .chart-table tbody tr th,
.chart-table-container .chart-table-wrapper .chart-table tbody tr td {
  border-collapse: collapse;
}
.chart-table-container .chart-table-wrapper .chart-table tbody tr th {
  background-color: #ececec;
  color: #424142;
  width: 150px;
  text-align: right;
}
.chart-table-container .chart-table-wrapper .chart-table tbody tr td {
  width: 120px;
}
.sub-nav {
  display: block;
  float: left;
  height: 100%;
  width: 210px;
  min-width: 210px;
  max-width: 210px;
  background: #86898f;
  color: #FFF;
}
.sub-nav.overflow {
  overflow-y: scroll;
  padding-bottom: 30px;
}
.sub-nav.light {
  color: #333 !important;
  border-right: 1px solid #b3b3b3;
  border-left: 1px solid #000;
}
.sub-nav.light .content {
  color: #333;
}
.sub-nav.light .content h1,
.sub-nav.light .content h2,
.sub-nav.light .content h3,
.sub-nav.light .content h4,
.sub-nav.light .content h5 {
  color: #333;
}
.sub-nav .btn-group {
  margin: 20px 10px 10px 10px;
}
.sub-nav .sub-nav-header {
  background-color: #2b2b2b;
  display: block;
  min-height: 100px;
}
.sub-nav .content {
  display: block;
  color: #FFF;
  padding: 5px 15px;
}
.sub-nav .content h1,
.sub-nav .content h2,
.sub-nav .content h3,
.sub-nav .content h4,
.sub-nav .content h5,
.sub-nav .content p {
  color: #FFF;
}
.sub-nav .content p {
  line-height: 1.4em;
}
.sub-nav .content dl {
  margin: 0;
  padding: 0;
}
.sub-nav .content dl dt {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.sub-nav .content dl dd {
  display: inline-block;
  float: right;
  padding: 3px;
  background-color: #000;
  margin-top: -32px;
  border-radius: 6px;
  margin-bottom: 10px;
  font-size: 0.8em;
  color: #FFF;
}
.sub-nav .content ul {
  margin: 0 0 10px 0px;
  padding: 0;
}
.sub-nav .content ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.sub-nav .content ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.sub-nav .content ul li {
  list-style: none;
  display: block;
}
.sub-nav .content ul li a {
  display: block;
  color: #FFF;
  font-size: 0.8em;
  padding: 5px 5px;
  background-color: #3e3e3e;
  border-bottom: 1px solid #272727;
}
.sub-nav .content ul li a:hover {
  text-decoration: none;
  background-color: #1780c9;
  color: #FFF;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.sub-nav .content ul li a span {
  color: #FFF;
}
.sub-nav .content ul li ul {
  margin-left: 10px;
  margin-bottom: 5px;
}
.sub-nav .content ul li ul li:first-child > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sub-nav .sub-nav-items {
  margin: 0;
  padding: 0;
}
.sub-nav .sub-nav-items li {
  display: block;
  list-style: none;
  border-bottom: 1px solid #3B4F5F;
}
.sub-nav .sub-nav-items li a {
  display: block;
  padding: 10px;
  background: #2d3d49;
  /* Old browsers */
  background: -moz-linear-gradient(left, #2d3d49 0%, #2d3d49 86%, #193244 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2d3d49), color-stop(86%, #2d3d49), color-stop(100%, #193244));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #2d3d49 0%, #2d3d49 86%, #193244 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #2d3d49 0%, #2d3d49 86%, #193244 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #2d3d49 0%, #2d3d49 86%, #193244 100%);
  /* IE10+ */
  background: linear-gradient(to right, #2d3d49 0%, #2d3d49 86%, #193244 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d3d49', endColorstr='#193244', GradientType=1);
  /* IE6-9 */
  font-size: 14px;
  color: #FFF;
}
.sub-nav .sub-nav-items li a .nav-icon {
  display: block;
  width: 20px;
  float: left;
  text-align: center;
  padding-right: 5px;
}
.sub-nav .sub-nav-items li a:hover,
.sub-nav .sub-nav-items li a.active,
.sub-nav .sub-nav-items li a:active {
  color: #1780c9;
}
.sub-nav .sub-nav-items li a:hover span,
.sub-nav .sub-nav-items li a.active span,
.sub-nav .sub-nav-items li a:active span {
  color: #1780c9;
}
.sub-nav .sub-nav-items li a span {
  color: #FFF;
}
.sub-nav .sub-nav-items li a:hover {
  text-decoration: none;
}
.notification-stream {
  display: block;
  z-index: 99999999;
}
.notification-stream ul {
  padding: 0;
  margin: 0;
}
.notification-stream ul li:first-of-type {
  padding: 10px 0 10px;
}
.notification-stream ul li {
  position: relative;
  display: block;
  border-left: 1px solid #dadada;
  margin-left: 35px;
  padding: 10px 0;
}
.notification-stream ul li .timeline-icon {
  position: absolute;
  left: -18px;
  top: 15px;
  border: 2px solid #EB6A5A;
  border-radius: 30px;
  font-size: 18px;
  text-align: center;
  width: 36px;
  height: 36px;
  background-color: #FFF;
}
.notification-stream ul li .timeline-icon i {
  line-height: 32px;
}
.notification-stream ul li .block {
  display: inline-block;
  position: relative;
  padding: 0px 20px 0 36px;
}
.notification-stream ul li .block .caret {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  left: 28px;
  margin-top: 5px;
  padding: 0 !important;
  vertical-align: middle;
  background: url("image/arrow-left.png") no-repeat;
}
.notification-stream ul li .block .box {
  padding: 0;
  border: 1px solid #dadada;
  position: relative;
  border-radius: 5px;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}
.notification-stream ul li .block .box .timeline-top-info {
  display: block;
  background: none repeat scroll 0% 0% #F7F9FA !important;
  border-bottom: 1px solid #dadada !important;
  padding: 10px;
}
.notification-stream ul li .block .box .timeline-top-info .timeline-time {
  display: block;
  font-size: 0.8em;
  color: #333;
}
.notification-stream ul li .block .box .timeline-content {
  display: block;
  padding: 10px;
}
.prompt-wrapper {
  display: block;
  position: fixed;
  z-index: 999999;
  height: 100%;
  width: 100%;
  top: 0;
  lefT: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAAIMAAAhQCB69VMmQAAAABJRU5ErkJggg==);
}
.prompt-wrapper .prompt-container {
  display: block;
  position: absolute;
  left: 50%;
  width: 350px;
  margin-top: 100px;
  margin-left: -175px;
  background-color: #FFF;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.prompt-wrapper .prompt-container .prompt-header {
  border-bottom: 1px solid #dadada;
  display: block;
  padding: 7px;
  background-color: #333;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.prompt-wrapper .prompt-container .prompt-header .prompt-icon {
  display: block;
  float: left;
  width: 20px;
  color: #FFF;
}
.prompt-wrapper .prompt-container .prompt-header .prompt-title {
  padding: 1px;
  display: block;
  overflow-y: hidden;
  color: #FFF;
}
.prompt-wrapper .prompt-container .prompt-body {
  padding: 10px 10px 10px 31px;
  font-size: 12px;
  line-height: 16px;
  color: #4e4e4e;
   white-space: pre-line;
}
.prompt-wrapper .prompt-container .footer {
  border-top: 1px solid #dadada;
}
.message-view {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #FFF;
  border: 1px solid #dadada;
  height: 400px;
  width: 550px;
}
.feed-stream {
  display: block;
  overflow-y: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  max-height: 300px;
}
.feed-stream .event {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0;
  margin: 0 8px 0 0;
  background: 0 0;
  border-top: none;
}
.feed-stream .event .event-label {
  display: block;
  width: 2.5em;
  height: auto;
  align-self: stretch;
  text-align: left;
}
.feed-stream .event .event-label i {
  opacity: 1;
  font-size: 1.5em;
  width: 100%;
  padding: 0.25em;
  background: 0 0;
  border: none;
  border-radius: none;
  color: rgba(0, 0, 0, 0.6);
}
.feed-stream .event .event-label .event-avatar {
  width: 100%;
  height: auto;
  border-radius: 500rem;
}
.feed-stream .event .event-content {
  display: block;
  margin: 6px;
  align-self: stretch;
  text-align: left;
  word-wrap: break-word;
  flex-basis: 0;
  flex: 2;
}
.feed-stream .event .event-content .event-summary {
  margin: 0 8px 0 0;
  font-size: 1.2em;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 5px;
}
.feed-stream .event .event-content .event-summary .event-user {
  display: inline-block;
  font-weight: 700;
  margin-right: 0;
  vertical-align: baseline;
}
.feed-stream .event .event-content .event-summary .event-date {
  display: inline-block;
  float: none;
  font-weight: 400;
  font-size: 0.85714286em;
  font-style: normal;
  margin: 0 0 0 0.5em;
  padding: 0;
  color: rgba(0, 0, 0, 0.4);
}
.feed-stream .event .event-content .event-text-extra {
  padding: 0;
  border-left: none;
  font-size: 1.2em;
  max-width: 500px;
  line-height: 1.4285em;
}
.feed-stream .event .meta-item {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding: 0.21428571rem 0;
  margin: 0;
  background: 0 0;
  border: 1px solid #e3e7e9 !important;
  cursor: pointer;
}
.feed-stream .event .meta-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
.feed-stream .event .meta-item .meta-graphic {
  display: block;
  width: 3.5em;
  height: auto;
  align-self: stretch;
  text-align: left;
}
.feed-stream .event .meta-item .meta-graphic .meta-icon {
  width: 100%;
  text-align: center;
  font-size: 2em;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.feed-stream .event .meta-item .meta-content {
  display: block;
  margin: 0.5em 0 0.35714286em 1.14285714em;
  align-self: stretch;
  text-align: left;
  word-wrap: break-word;
  flex-basis: 0;
  flex: 2;
}
.feed-stream .event .meta-item .meta-content .meta-title,
.feed-stream .event .meta-item .meta-content .meta-subtitle,
.feed-stream .event .meta-item .meta-content .meta-description,
.feed-stream .event .meta-item .meta-content .meta-additional {
  padding-bottom: 5px;
}
.feed-stream .event .meta-item .meta-content .meta-title {
  font-weight: bold;
}
.feed-stream .feed-load-more {
  display: block;
  margin: 10px;
  text-align: center;
  text-transform: uppercase;
  padding: 8px;
  border: 1px solid transparent;
  cursor: pointer;
}
.feed-stream .feed-load-more:hover {
  border: 1px solid #e3e7e9 !important;
}
.badge {
  border: 1px solid #333;
  background: white;
  border-radius: 10px;
  padding: 3px;
  display: block;
  float: right;
  margin-top: -1px;
  font-size: 10px;
  color: #525252;
}
.inbox-meta {
  background: #333333;
  padding: 8px;
  color: #FFFFFF;
  border-radius: 60px;
  font-size: 12px;
}
.inbox-link {
  padding-bottom: 6px !important;
}
.inbox-link:hover {
  background: transparent;
}
.inbox-link:hover .inbox-meta {
  background: #F2F2F2;
  color: #333;
}
.inbox-link .fa-inb {
  display: block;
  float: left;
}
.inbox-link .inbox-meta {
  display: block;
  float: left;
  margin-top: -6px;
}
.consequences {
  display: block;
}
.consequences li {
  display: block;
  margin: 0 0 5px 0;
}
.error-wrapper {
  position: relative !important;
  margin-top: 10px;
  background-color: red;
  border-radius: 8px;
}
.error-wrapper .error-inner {
  display: block;
  padding: 8px;
  font-size: 14px;
  border-radius: 8px;
  color: white;
}
.field-drop-area {
  display: block;
  background: rgba(0, 0, 0, 0.1);
  margin-top: 8px;
  text-align: center;
  padding: 5px;
  border: 1px dashed rgba(255, 255, 255, 0.3);
}
.select-custom {
  display: block;
  width: 100%;
  position: relative;
}
.select-custom select {
  background: #FFFFFF;
  border: 1px solid #e3e7e9 !important;
  font-size: 12px;
  width: 100%;
  color: #525252;
  border-radius: 3px !important;
  min-width: 100px;
}
.select-custom::-ms-expand {
  display: none;
}
.select-custom:after {
  content: '›';
  font-size: 30px;
  color: #525252;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 8px;
  top: -1px;
  padding: 0 0 2px;
  /* border-bottom: 1px solid #999; */
  position: absolute;
  pointer-events: none;
}
.table-meta {
  margin-top: 10px;
}
.table-meta th {
  background-color: #ececec;
  text-align: left;
  padding: 6px;
}
.table-meta td {
  padding: 6px !important;
}
.table-meta td .onoffswitch {
  float: right;
}
.results-wrap {
  max-height: 300px;
  overflow-y: auto;
  margin: 10px;
}
.results-wrap .result-table thead tr th {
  background-color: #333;
  color: #FFF;
  padding: 5px;
}
.results-wrap .result-table tbody tr td {
  padding: 5px;
}
.metric-table {
  width: 100%;
  padding: 16px;
}
.metric-table tr th {
  font-weight: bold;
  padding: 8px;
  text-align: left;
}
.metric-table tr td {
  padding: 8px;
  text-align: right;
}
.metric-table tr:nth-child(even) th,
.metric-table tr:nth-child(even) td {
  background: #eeeeee;
}
.admin-table {
  width: 100%;
}
.admin-table thead tr th {
  padding: 8px;
  text-align: left;
  background: #FFFFFF;
  border: 1px solid #e3e7e9 !important;
}
.admin-table tbody tr td {
  padding: 8px;
  border: 1px solid #e3e7e9 !important;
}
.form-definition-editor {
  display: block;
  clear: both;
  padding: 10px 10px 0 10px;
}
.form-definition-editor .placeholder {
  text-align: center;
  padding: 10px 0;
  border: 1px dashed #1780c9;
  display: block;
  clear: both;
  margin: 0 0 10px 0;
}
.form-definition-editor .placeholder:before {
  content: "Drop Here";
  color: #333;
}
.form-definition-editor .form-item {
  display: block;
  clear: both;
  border: 1px solid #e3e7e9 !important;
  margin: 0 0 10px 0;
}
.form-definition-editor .form-item .form-item-row-header {
  display: block;
  clear: both;
  background: #4a4a4a;
}
.form-definition-editor .form-item .form-item-row-header .ide-col {
  padding: 10px;
}
.form-definition-editor .form-item .form-item-row-header .ide-col.border-right {
  border-right: 1px solid #e3e7e9 !important;
}
.form-definition-editor .form-item .form-item-row-header .ide-col.click {
  cursor: pointer;
}
.form-definition-editor .form-item .form-item-row-header .ide-col.click:hover {
  color: #1780c9;
}
.form-definition-editor .form-item .field-definition {
  display: block;
  clear: both;
}
.form-definition-editor .form-item .field-definition .form {
  margin: 10px;
  display: block;
  clear: both;
}
.form-definition-editor .form-item .field-children {
  display: block;
  padding: 10px 10px 10px 30px;
  border-top: 1px solid #e3e7e9 !important;
}
.field-definition {
  padding: 0 !important;
}
.field-definition .form {
  margin: 0 !important;
  display: block;
  background: #FFFFFF;
}
.field-definition .form .form-field {
  display: flex;
  padding: 15px 16px 18px 16px;
}
.field-definition .form .form-field label {
  display: block;
  font-weight: bold;
  padding: 5px 0 0 5px;
  width: 250px;
  flex: 1;
}
.field-definition .form .form-field .clearer {
  display: none;
}
.field-definition .form .form-field .field-wrapper {
  display: block;
  flex: 2;
}
.field-definition .form .form-field .field-controls {
  display: none;
}
.conditions-wrapper .clearer {
  display: block !important;
}
.conditions-wrapper .btn-group {
  margin: 0 5px !important;
}
.logical {
  margin: 10px 10px 0 10px;
}
.logical .icon {
  text-align: center;
  cursor: pointer;
}
.logical .icon:hover i {
  color: #FFFFFF;
}
.logical .hd {
  display: block;
  position: relative;
}
.logical .hd .control {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 180px;
  clear: both;
}
.logical .nugget-up {
  border-right: 1px solid #e3e7e9 !important;
  width: 15px;
  top: 0;
  bottom: 0;
  position: absolute;
}
.logical .nugget-end {
  position: absolute;
  bottom: 0;
  left: 19px;
  width: 11px;
  height: 10px;
  background: #FFFFFF;
  border-top: 1px solid #e3e7e9 !important;
}
.logical .nugget-tick {
  position: absolute;
  left: -16px;
  width: 15px;
  top: 13px;
  border-bottom: 1px solid #e3e7e9 !important;
  height: 1px;
}
.logical .indicator:nth-of-type(2n) .header {
  background: #4a4a4a;
}
.logical .indicator {
  border: 1px solid #e3e7e9 !important;
  margin-bottom: 10px;
}
.logical .indicator .header {
  display: block;
  background: #FFFFFF;
}
.logical .indicator .header:hover {
  background: #71767a;
}
.logical .indicator .header .ide-col {
  padding: 8px;
}
.logical .indicator .header .ide-col.border-right {
  border-right: 1px solid #e3e7e9 !important;
}
.logical .indicator .content {
  border-top: 1px solid #e3e7e9 !important;
  padding: 10px;
  background: #FFFFFF;
  position: relative;
}
.logical .indicator .content .dropper {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 1;
}
.logical .indicator .content .dropper .inner {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  position: absolute;
  border: 2px dashed #FFFFFF;
}
.logical .indicator .content .dropper .inner .text {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 100%;
  text-align: center;
  color: #F2F2F2;
  font-size: 18px;
}
.logical .indicator .content .field {
  border: 1px solid #e3e7e9 !important;
  background: #FFFFFF;
  margin-bottom: 10px;
  margin-left: 30px;
  position: relative;
}
.logical .indicator .content .field .ide-col {
  padding: 8px;
}
.logical .indicator .content .field .ide-col.border-right {
  border-right: 1px solid #e3e7e9 !important;
}
.logical .indicator .content .complex {
  border: 1px solid #e3e7e9 !important;
  background: #FFFFFF;
  margin-left: 30px;
  position: relative;
}
.logical .indicator .content .complex .icon {
  padding: 15px;
  text-align: center;
}
.logical .indicator .content .complex .header {
  padding: 8px;
}
.logical .set .application,
.logical .set .field {
  display: block;
  border: 1px solid #e3e7e9 !important;
  background: #FFFFFF;
}
.logical .set .application .ide-col,
.logical .set .field .ide-col {
  padding: 8px;
}
.logical .set .application {
  margin-bottom: 10px;
}
.logical .set .field {
  margin-left: 20px !important;
}
.logical .set .set {
  margin-left: 20px;
}
.stage-list-item {
  display: grid;
  border: 1px solid #333;
  background: rgba(0, 0, 0, 0.1);
  grid-template-columns: 30px 2fr auto;
  margin: 5px;
  grid-column-gap: 5px;
}
.stage-list-item .stage-order {
  grid-area: 0.25;
  padding: 3px;
}
.stage-list-item .stage-label {
  grid-area: 0.08333333;
  padding: 3px;
}
.stage-list-item .stage-controls {
  grid-area: 0.04166667;
}
.action-item {
  display: block;
  margin: 8px;
}
.action-item .action-body {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  min-height: 500px;
  overflow-y: scroll;
  display: block;
  position: relative;
}
.action-item .action-header {
  display: grid;
  grid-template-columns: 20px 20px auto 60px;
  justify-items: stretch;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.action-item .action-header .action-icon {
  padding: 3px;
  grid-area: 0.25;
}
.action-item .action-header .action-status {
  padding: 3px;
  grid-area: 0.08333333;
}
.action-item .action-header .action-label {
  padding: 3px;
  grid-area: 0.04166667;
}
.action-item .action-header .action-controls {
  padding: 3px;
  grid-area: 0.025;
}
.onoffswitch {
  position: relative;
  width: 73px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 12px;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.editswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after,
.editswitch-inner:before,
.editswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #FFFFFF;
  color: #333333;
}
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #FFFFFF;
  color: #B01010;
  text-align: right;
}
.editswitch-inner:before {
  content: "EDIT";
  padding-left: 10px;
  background-color: #FFFFFF;
  color: #333333;
}
.editswitch-inner:after {
  content: "VIEW";
  padding-right: 10px;
  background-color: #FFFFFF;
  color: #B01010;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 15px;
  margin: 5px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 49px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
.onoffswitch-checkbox:checked + .onoffswitch-label .editswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.article {
  margin: 0 0 15px 0;
  font-size: 12px !important;
  -webkit-font-smoothing: antialiased;
  color: #424142;
  /* Copy & Lists */
  /* Headings */
  /* Code blocks */
  /* Leading paragraph text */
  /* Hug a the block above you */
}
.article h1:first-child,
.article h2:first-child,
.article h3:first-child,
.article h4:first-child,
.article h5:first-child {
  margin-top: 0;
}
.article p {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  margin-bottom: 14px;
}
.article p i {
  font-style: italic;
}
.article p:first-child {
  margin-top: 14px;
}
.article ul,
.article ol,
.article dl {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
}
.article ul li,
.article ol li {
  line-height: 1.2rem;
  font-size: 14px;
  border-left: 5px solid #CCC;
  padding-left: 10px;
}
.article ul ul,
.article ol ul,
.article ul ol,
.article ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.article dl dt {
  font-weight: bold;
  display: block;
  float: left;
  padding-right: 8px;
  margin-bottom: 8px;
}
.article dl dd {
  margin-bottom: 8px;
  display: block;
  overflow-y: hidden;
}
.article blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  /* Change heading typefaces here */
  font-family: sans-serif;
  margin-top: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem;
}
.article h1 {
  font-size: 2rem;
  margin-bottom: 2rem;
  margin-top: 3rem;
}
.article h2 {
  font-size: 1.8rem;
  margin-bottom: 1.8rem;
  margin-top: 3rem;
}
.article h3 {
  font-size: 21px;
}
.article h4 {
  font-size: 18px;
}
.article h5 {
  font-size: 16px;
}
.article h6 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.article code {
  display: block;
}
.article .article-table {
  width: 100%;
}
.article .article-table tr th {
  background: #ececec;
  color: #525252;
}
.article .article-table tr th,
.article .article-table tr td {
  padding: 8px;
  border: 1px solid #dadada;
}
.article code {
  vertical-align: bottom;
  background-color: #ececec;
  padding: 8px;
  border-radius: 3px;
}
.article .lead {
  font-size: 1.414rem;
}
.article .hug {
  margin-top: 0;
}
.article blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
.article blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.article blockquote p {
  display: inline;
}
.article .breadcrumb {
  display: block;
  width: 100%;
  background-color: #ececec;
}
.article .breadcrumb ul {
  display: block;
  margin: 0;
  padding: 0;
}
.article .breadcrumb ul li {
  list-style: none;
  display: block;
  float: left;
}
.article .breadcrumb ul li a {
  display: block;
  float: left;
  padding: 8px 10px;
  color: #1780c9;
}
.article .breadcrumb ul li a:hover {
  color: #424142;
}
.article p img {
  max-width: 100%;
}
.article img {
  max-width: 100%;
}
.article img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.article img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.article img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.article a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.article a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.article a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.tab-set {
  display: block;
}
.tab-set .tab-headers {
  display: block;
  background-color: #ffffff;
  border-bottom: 1px solid #dadada;
  padding: 0 8px;
  height: 51px;
}
.tab-set .tab-headers ul {
  display: block;
  margin: 0;
  padding: 0;
}
.tab-set .tab-headers ul li {
  display: block;
  float: left;
}
.tab-set .tab-headers ul li.active > a {
  border-bottom: 3px solid #1780c9;
  color: #1780c9;
}
.tab-set .tab-headers ul li a {
  float: left;
  display: block;
  text-align: center;
  padding: 17px 16px 17px 16px;
  color: #424142;
  cursor: pointer;
  font-size: 0.9em;
  border-bottom: 3px #FFF;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.tab-set .tab-headers ul li a:hover {
  border-bottom: 3px solid #1780c9;
  text-decoration: none;
}
.tab-set .tab-body {
  display: block;
  min-height: 100px;
  padding: 0 !important;
}
.tab-set .tab-body .grid {
  margin: 10px;
  background-color: transparent;
}
.widget .tabs,
.widget .widget-tabs {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.widget .tabs .tab,
.widget .widget-tabs .tab {
  height: 35px;
  float: left;
  display: block;
  text-align: center;
  padding: 10px 16px;
  color: #424142;
  cursor: pointer;
  font-size: 0.9em;
  border-bottom: 3px #FFF;
}
.widget .tabs .tab:hover,
.widget .widget-tabs .tab:hover {
  border-bottom: 3px solid #a6a6a6;
  color: #333;
}
.widget .tabs .tab.active,
.widget .widget-tabs .tab.active {
  border-bottom: 3px solid #1780c9;
  color: #1780c9;
}
.tab-body {
  display: block;
  padding: 10px 16px;
}
.widget-tabs {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.widget-tabs .tab {
  height: 35px;
  float: left;
  display: block;
  text-align: center;
  padding: 10px 16px;
  color: #424142;
  cursor: pointer;
  font-size: 0.9em;
  border-bottom: 3px #FFF;
}
.widget-tabs .tab:hover {
  border-bottom: 3px solid #a6a6a6;
  color: #1780c9;
}
.widget-tabs .tab.active {
  border-bottom: 3px solid #1780c9;
  color: #1780c9;
}
.sticky-container table tr th:first-child, .sticky-container table td:first-child{
  position: sticky;
  left: 0;
  z-index: 10;
}
.sticky-container table tr th:first-child{
  z-index: 11;
}
.sticky-container table tr th{
  position: sticky;
  top: 0;
  z-index: 9;
  background: #fff;
}
.invest-tabs{
  padding: 0px !important;
  border: 1px solid #dadada !important;
  height: 32px !important;
}
.invest-tabs .panelsbar-btn{
  margin-top:0px !important
}
.invest-tabs .panelsbar-btn:hover {
  margin-top:  0px !important;
}
.iw-tabs {
  display: block;
  padding: 0 16px;
  font-size: 12px;
  box-shadow: 0px 1px 0 #dadada;
  background-color: #edf1f4;
  border-top: 1px solid #dadada;
  height: 35px;
}
.iw-tabs .panelsbar-btn {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding: 8px;
  display: inline-block;
  cursor: pointer;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: none;
  margin-top: -1px;
  text-overflow: ellipsis;
}
.iw-tabs .panelsbar-btn-active,
.iw-tabs .panelsbar-btn:hover {
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: none;
  margin-top: 6px;
  background: #FFFFFF;
}
*,
:after,
:before {
  box-sizing: inherit;
}
.ux-tabs {
  display: block;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ux-tabs .ux-tab {
  position: relative;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  border-right: 1px solid #e3e7e9 !important;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: 0 0;
  padding: 0.92857143em 1.14285714em;
  text-transform: none;
  color: #525252;
  font-weight: 400;
  -webkit-transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}
.ux-tabs .ux-tab:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: rgba(34, 36, 38, 0.1);
}
.ux-tabs .ux-tab:after {
  visibility: hidden;
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background: #FFFFFF;
  margin: 0.5px 0 0;
  width: 0.57142857em;
  height: 0.57142857em;
  border: none;
  border-bottom: 1px solid #e3e7e9 !important;
  border-right: 1px solid #e3e7e9 !important;
  z-index: 2;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ux-tabs .ux-tab.active {
  background: #FFFFFF;
  color: #525252;
  font-weight: 400;
  box-shadow: none;
}
.ux-tabs .ux-tab.active:after {
  background-color: #FFFFFF;
  visibility: visible;
}
.explore .widget-container {
  height: 100%;
  display: block;
}
.explore .widget-container .chart-widget {
  height: 100% !important;
  display: block;
  max-height: 500px;
  border: none !important;
}
.explore .widget-container .legend-wrap {
  padding: 0 10px;
  border-top: #ececec;
}
.explore .widget-container .legend-wrap h4 {
  color: #ececec;
}
.explore .widget-container .legend {
  max-height: 200px;
  position: relative;
  overflow-y: scroll;
  display: block;
}
.setting-group {
  border: 1px solid #dadada;
}
.setting-group .header {
  border-bottom: 1px solid #dadada;
  background-color: #ececec;
}
.setting-group .header .collapser {
  display: block;
  float: left;
  width: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-right: 1px solid #dadada;
  cursor: pointer;
}
.setting-group .header .collapser:hover {
  color: #FFF;
  background-color: #1780c9;
}
.setting-group .header .indicator-select {
  display: inline-block;
  clear: none;
  margin-top: 5px;
  padding-left: 5px;
}
.setting-group .header .pull-right {
  display: inline-block !important;
}
.setting-group .header .pull-right button {
  display: block;
  float: left;
  padding: 13px;
  cursor: pointer;
  border-bottom: none !important;
  border-top: none !important;
  border-right: none !important;
  border-left: 1px solid #dadada;
}
.setting-group .header .pull-right button:hover {
  background-color: #1780c9;
  color: #FFF;
}
.setting-group .body {
  padding: 5px;
}
.setting-group .body label {
  margin-top: 10px !important;
}
.chart-editor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAAIMAAAhQCB69VMmQAAAABJRU5ErkJggg==);
  z-index: 9999999999;
}
.chart-editor.is-hidden {
  display: none;
}
.chart-editor .redactor-box {
  display: block;
  height: 100%;
}
.chart-editor .editor-title {
  display: block;
  float: left;
  padding: 8px;
  font-size: 12px;
  margin-top: 4px;
  color: #525252;
}
.chart-editor .editor-header {
  background: #edf1f4;
}
.chart-editor .editor-header .ide-col {
  display: block !important;
}
.chart-editor .editor-header .btn-group {
  margin-top: 5px;
}
.chart-editor .chart-edit-body {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  overflow-y: hidden;
}
.chart-editor .chart-edit-body .chart-edit {
  height: 100%;
}
.chart-editor .chart-edit-body .chart-edit .form {
  padding: 0px;
}
.chart-editor .chart-edit-body .chart-edit .form .form-field {
  display: flex;
  flex-direction: row;
}
.chart-editor .chart-edit-body .chart-edit .form .form-field label:first-child {
  display: block;
  max-width: 25%;
  flex: 1;
  font-weight: normal;
  padding: 8px 15px 8px 15px;
}
.chart-editor .chart-edit-body .chart-edit .form .form-field .clearer {
  display: none;
}
.chart-editor .chart-edit-body .chart-edit .form .form-field.header .field-wrapper {
  padding-right: 0px;
}
.chart-editor .chart-edit-body .chart-edit .form .form-field .field-wrapper {
  display: block;
  padding-right: 15px;
  flex: 2;
}
.chart-editor .chart-edit-body .chart-edit .form .form-field .field-wrapper .form-header {
  padding: 8px 0px 8px 15px;
  font-size: 14px;
  color: #525252;
  background: #edf1f4;
  border-bottom: 1px solid #e3e7e9 !important;
  margin: 0;
  margin-bottom: 2px;
}
.chart-editor .chart-edit-body .chart-edit .form .form-field .field-controls {
  display: none;
}
.chart-editor .chart-edit-body .chart-categories {
  background-color: #333;
  display: block;
  height: 100%;
}
.chart-editor .chart-edit-body .chart-categories .item {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #575757;
  color: #989898;
  cursor: pointer;
}
.chart-editor .chart-edit-body .chart-categories .item span {
  color: #989898;
}
.chart-editor .chart-edit-body .chart-categories .item i {
  margin-right: 10px;
}
.chart-editor .chart-edit-body .chart-categories .item:hover,
.chart-editor .chart-edit-body .chart-categories .item:hover > span,
.chart-editor .chart-edit-body .chart-categories .item:hover i {
  color: #FFF;
}
.chart-editor .chart-edit-body .chart-edit {
  height: 100%;
}
.chart-editor .chart-edit-body .chart-other {
  background-color: #ececec;
}
.chart-editor .chart-edit-body .chart-other td {
  padding: 10px;
}
.chart-editor .chart-edit-body .preview,
.chart-editor .chart-edit-body .data {
  display: block;
  height: 100%;
  border-radius: 3px;
  background-color: #FFFFFF;
}
.chart-editor .chart-edit-body .preview .widget-container {
  height: 100%;
}
.chart-editor .chart-edit-body .preview .chart-widget {
  height: 100%;
  margin-top: 0;
}
.series-master-list li {
  margin-bottom: 8px;
}
.series-editor {
  display: block;
}
.series-editor .group-header td {
  background-color: #ececec;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.series-editor .item {
  display: block;
  margin: 8px;
}
.series-editor .item td:last-child {
  border-right: 1px solid #dadada;
}
.series-editor .item td {
  padding: 0 !important;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
.series-editor .item td.label {
  color: #424142;
  padding: 8px !important;
}
.series-editor .item td.row-no {
  padding: 8px !important;
  color: #424142;
  border-right: 1px solid #dadada;
}
.series-editor .item .button {
  display: block;
  float: left;
  padding: 8px;
  border-left: 1px solid #dadada;
  cursor: pointer;
}
.series-editor .item .button:hover {
  background-color: #1780c9;
  color: #FFF;
}
.series-group ul {
  margin-left: 30px;
}
.series-group ul li {
  border-left: 1px solid #dadada;
}
.scale {
  display: block;
  width: 100%;
  height: 20px;
}
.scale .scale-item {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
}
.preview {
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
}
.data-manager {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0 0px;
  width: 100%;
  background: #FFFFFF;
}
.data-manager.inline {
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 0 !important;
}
.data-manager.inline .data-manager-panel {
  height: auto;
  position: relative;
  overflow-y: visible;
}
.data-manager .data-manager-panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  z-index: 999;
}
.data-manager .data-manager-panel.windowed {
  position: absolute !important;
  height: 100% !important;
  overflow-y: scroll !important;
}
.data-manager .data-manager-panel.windowed .body {
  height: 100%;
  overflow-y: scroll;
}
.data-manager .data-manager-panel.windowed .inline {
  height: 100%;
}
.data-manager .data-manager-panel .back {
  background-color: #000;
  height: 100%;
  border-right: 1px solid #dadada;
  opacity: 0.5;
  cursor: pointer;
  box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.4);
}
.data-manager .data-manager-panel .header {
  display: block;
  border-bottom: 1px solid #000;
  padding: 10px;
}
.data-manager .data-manager-panel .body.padded {
  padding: 10px;
}
.data-manager .base-panel {
  display: block;
  background-color: #333;
  background-image: url(data:image/png;base64,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);
  background-repeat: repeat;
  overflow-y: scroll;
  max-height: 100%;
  height: 100%;
}
.data-manager .base-panel.inline {
  height: auto;
  position: relative;
  overflow-y: visible;
  max-height: inherit;
}
.data-manager .base-panel .data-manager {
  margin-left: 0;
  margin-right: 0;
}
.data-manager .base-panel .header {
  border-bottom: 1px solid #dadada;
  background-color: #333;
  color: #FFF;
}
.data-manager .base-panel .header table tr td {
  vertical-align: top;
}
.data-manager .base-panel .header table tr td .title {
  display: block;
  padding: 10px;
}
.data-manager .base-panel .header .title {
  display: block;
}
.data-manager .base-panel .form-field.header {
  padding: 0;
  color: #F2F2F2;
  background: transparent;
  border-bottom: none;
  margin: 0;
}
.data-manager .base-panel .form-field.header .form-header {
  padding: 0;
  margin: 8px 0 8px 0;
  padding-bottom: 4px;
  padding: 6px;
  background: #edf1f4;
  color: #525252;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.series-list {
  margin: 10px;
  display: block;
}
.series-list .data-item-wrapper {
  display: block;
  margin-bottom: 10px;
  background: #edf1f4;
}
.series-list .data-item-wrapper .data-item-settings {
  display: block;
  background: transparent;
  border: 1px solid #e3e7e9 !important;
}
.series-list .data-item-wrapper .data-item-settings .form-header {
  background: transparent;
}
.series-list .series-list-item {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
.series-list .series-list-item .name {
  flex: 3;
  padding: 10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.series-list .series-list-item .control-wrapper {
  max-width: 180px;
  flex: 1;
  padding: 3px 10px 0 10px;
}
.highcharts-no-data {
  display: none;
  visibility: hidden;
}
.switch-wrapper {
  height: 34px;
  display: block;
  float: left;
  margin-top: 5px;
}
.map-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.map-controls {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 400px;
  height: 100%;
  background: #FFFFFF;
  z-index: 9;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.map-controls .inner {
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 64px;
}
.map-controls .overall-controls {
  display: block;
  height: 45px;
  background: #333;
  padding: 5px;
}
.map-controls .map-layer {
  display: block;
  border: 1px solid #dadada;
  margin: 8px;
}
.map-controls .map-layer .layer-settings {
  padding: 8px;
}
.map-controls .layer-header {
  display: block;
  border-bottom: 1px solid #dadada;
  height: 34px;
}
.layer-editor {
  height: 500px;
  overflow-y: scroll;
  padding-right: 12px;
}
.closer {
  position: absolute;
  top: 10px;
  right: 400px;
  height: 20px;
  text-align: center;
  width: 20px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #FFF;
  z-index: 10;
  cursor: pointer;
}
.chart .bullet {
  font: 10px sans-serif;
}
.chart .bullet .marker {
  stroke: #000;
  stroke-width: 2px;
}
.chart .bullet .tick line {
  stroke: #666;
  stroke-width: 0.5px;
}
.chart .bullet .range.s0 {
  fill: #eee;
}
.chart .bullet .range.s1 {
  fill: #ddd;
}
.chart .bullet .range.s2 {
  fill: #ccc;
}
.chart .bullet .measure.s0 {
  fill: lightsteelblue;
}
.chart .bullet .measure.s1 {
  fill: steelblue;
}
.chart .bullet .title {
  font-size: 14px;
  font-weight: bold;
}
.chart .bullet .subtitle {
  fill: #999;
}
.chart .day {
  fill: #fff;
  stroke: #ccc;
}
.chart .month {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
}
.chart .RdYlGn .q0-11 {
  fill: #a50026;
}
.chart .RdYlGn .q1-11 {
  fill: #d73027;
}
.chart .RdYlGn .q2-11 {
  fill: #f46d43;
}
.chart .RdYlGn .q3-11 {
  fill: #fdae61;
}
.chart .RdYlGn .q4-11 {
  fill: #fee08b;
}
.chart .RdYlGn .q5-11 {
  fill: #ffffbf;
}
.chart .RdYlGn .q6-11 {
  fill: #d9ef8b;
}
.chart .RdYlGn .q7-11 {
  fill: #a6d96a;
}
.chart .RdYlGn .q8-11 {
  fill: #66bd63;
}
.chart .RdYlGn .q9-11 {
  fill: #1a9850;
}
.chart .RdYlGn .q10-11 {
  fill: #006837;
}
.chart-name {
  display: block;
  top: 50%;
  margin-top: -12px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  position: absolute;
  font-weight: bold;
}
.ind-options {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ind-options label {
  padding-left: 0;
}
.d3-pie-legend {
  font-size: 12px;
}
.d3-tooltip {
  background: #eee;
  box-shadow: 0 0 5px #999999;
  color: #333;
  display: none;
  font-size: 12px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 95px;
  width: 80px;
  z-index: 10;
}
.tick line {
  opacity: 0.1;
}
.nb-table {
  width: 100%;
  border: 1px solid #333333;
}
.nb-table thead tr th {
  background: #333333;
  color: #F2F2F2;
  padding: 8px;
  text-align: center;
}
.nb-table tbody tr th {
  width: 25%;
  text-align: center;
}
.nb-table tbody tr td {
  text-align: center;
}
.nb-table tbody tr th,
.nb-table tbody tr td {
  padding: 8px;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333;
}
.nb-table tbody tr:nth-child(even) td,
.nb-table tbody tr:nth-child(even) th {
  background: #F2F2F2;
}
.nb-table tbody tr td:first-child{
  text-align: left;
}
.nb-table thead tr th:first-child{
  text-align: left;
}


.enh-table {
  width: 100%;
  font-size: 12px !important;
  border-collapse: initial !important;
  border-spacing: 2px !important;
  /* border: 1px solid #333333; */
}
.enh-table thead tr th {
  background: #E7E9EB;
  color: #524949;
  font-weight: bold;
  font-size: larger;
  padding: 28px;
}
.enh-table thead tr th:first-child{
  text-align: left;
}


.enh-table tbody tr th {
  width: 25%;
  text-align: right;
}

.enh-table tbody tr td {
  text-align: center;
}
.enh-table tbody tr td:first-child{
  text-align: left;
}
.enh-table tbody tr th,
.enh-table tbody tr td {
  padding: 8px;
  padding-left: 24px;
  /* border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333; */
}
.enh-table tbody tr:nth-child(even) td,
.enh-table tbody tr:nth-child(even) th {
  background: #F2F2F2;
}

.enh-table-total{
  color: #524949;
  font-weight: bold;
}


.table-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 200%;
}
.table-loading-overlay .l-text {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  width: 100px;
  text-align: center;
  background: #F2F2F2;
  left: 50%;
  margin-left: -50px;
  box-shadow: 0px 1px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.data-group {
  display: block;
  margin: 8px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.data-control-drop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
}
.group-positioner {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: scroll;
  height: 100%;
  width: auto;
}
.group-card-wrapper {
  width: 250px;
}
.group-axis-select {
  display: block;
  float: left;
  width: 200px;
  height: 100%;
}
.card-axis {
  margin: 3px;
  border: none;
  color: #F2F2F2;
  background: transparent;
}
.inner-group-drop {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 8px;
  border: 1px dotted #333333;
}
.data-group-header {
  height: 30px;
  background: #333333;
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  position: relative;
}
.data-group-header .label {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  text-indent: 8px;
  line-height: 30px;
}
.data-group-body {
  min-height: 250px;
  display: block;
  background: transparent;
  overflow: hidden;
}
.control-group-body {
  min-height: 250px;
  display: block;
  background: transparent;
}
.data-group-calc {
  background: #333333;
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  height: 30px;
}
.data-group-calc i {
  padding-top: 7px;
}
.data-group-calc input[type='text'] {
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
}
.data-group-field {
  display: block;
  margin: 8px;
  color: #333333;
  padding: 8px;
  background: rgba(0, 0, 0, 0.1);
}
.control-editor {
  color: #333333;
}
.control-editor .range-items {
  display: block;
  margin-top: 10px;
  padding-bottom: 15px;
}
.control-editor .range-items .range-item {
  display: block;
  margin: 5px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.1);
}
.control-editor input[type="text"],
.control-editor input[type="number"] {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  border: none;
  color: #333333;
  padding: 0.5em;
}
.control-editor input[type="text"] {
  padding-right: 1.5em;
}
.control-editor select {
  border: none;
  background: rgba(0, 0, 0, 0.1);
  color: #333333;
}
.control-editor .control-field:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.control-editor .control-field {
  color: #333333;
}
.control-editor .control-field .ide-col:first-child {
  padding-left: 5px;
  text-align: right;
  line-height: 37px;
}
.control-editor .control-field .ide-col:last-child {
  padding: 5px;
}
.style-controls {
  display: block;
}
.style-controls input[type="text"],
.style-controls input[type="number"] {
  background: rgba(0, 0, 0, 0.1);
  border: none;
  padding: 5px;
  color: #F2F2F2;
}
.style-controls select {
  border: none;
  padding: 5px;
  background: rgba(0, 0, 0, 0.1);
  color: #F2F2F2;
}
.nugget {
  border-radius: 16px;
  padding: 5px;
  margin: 5px 8px;
  background: rgba(0, 0, 0, 0.2);
}
.plot-point {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.plot-point .plot-point-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.plot-point .plot-point-inner .plot-point-value {
  margin: 0 auto;
  text-align: center;
}
.mini-bar {
  display: block;
}
.mini-bar .mini-bar-inner {
  display: block;
  margin: 5px;
  border-radius: 5px;
  height: 20px;
  background: #333333;
}
.colour-range-item {
  display: block;
  margin: 0 5px 0px 50px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #333333;
}
.colour-range-item input[type="color"] {
  border: none;
  padding: 0;
  background: transparent;
  float: left;
  margin-top: 3px;
}
.colour-range-item input[type='number'] {
  color: #F2F2F2;
  text-align: right;
}
.colour-range-item .colour-range-tick-bottom {
  position: absolute;
  bottom: 0px;
  left: -40px;
  height: 20px;
  width: 40px;
}
.colour-range-item .colour-range-tick-bottom .col-tick {
  border-bottom: 1px solid #333333;
}
.colour-range-item .colour-range-tick {
  position: absolute;
  left: -40px;
  top: 1px;
  height: 20px;
  width: 60px;
}
.colour-range-item .colour-range-tick .col-tick {
  border-top: 1px solid #333333;
}
.colour-range-item .colour-range-tick .label {
  font-size: 10px;
}
.breaker {
  height: 1px;
  margin-right: 16px;
  background: #333333;
  position: relative;
}
.breaker .label {
  position: absolute;
  height: 16px;
  font-size: 8px;
  padding: 5px;
  background: #c4c4c4;
  top: -10px;
}
.legend-v {
  display: block;
}
.legend-v .legend-inner {
  display: block;
}
.legend-v .legend-inner .legend-item {
  display: block;
  height: 20px;
  width: 20px;
}
.legend-v .legend-inner .tick {
  display: block;
  width: 30px;
  height: 1px;
  background: black;
  margin-left: -10px;
  position: relative;
}
.legend-v .legend-inner .tick .tick-inner {
  position: absolute;
  left: -30px;
  padding: 5px;
  font-size: 9px;
  top: -7px;
  color: #000000;
}
.legend {
  display: block;
}
.legend .legend-inner {
  display: flex;
  flex-direction: row;
}
.legend .legend-inner .legend-item {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
}
.legend .legend-inner .tick {
  display: block;
  width: 1px;
  height: 25px;
  background: transparent;
  position: relative;
  margin-top: -5px;
}
.legend .legend-inner .tick .tick-inner {
  position: absolute;
  top: -15px;
  padding: 5px;
  color: #000000;
  width: 100px;
  left: -50px;
  text-align: center;
  font-size: 9px;
}
.data-table {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  user-select: none;
}
.data-table thead tr th {
  background: rgba(0, 0, 0, 0.1);
  color: #F2F2F2;
  padding: 8px;
  text-align: left;
  border-bottom: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}
.data-table tbody tr.editable td {
  padding: 0;
}
.data-table tbody tr th {
  width: 25%;
  text-align: right;
  white-space: nowrap;
}
.data-table tbody tr td {
  text-align: left;
  white-space: nowrap;
}
.data-table tbody tr th,
.data-table tbody tr td {
  padding: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.data-table tbody tr th input[type='text'],
.data-table tbody tr td input[type='text'],
.data-table tbody tr th input[type='number'],
.data-table tbody tr td input[type='number'],
.data-table tbody tr th input[type='date'],
.data-table tbody tr td input[type='date'] {
  background: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  border: none;
  height: 37px;
  width: 100%;
}
.data-table tbody tr th input[type='number'],
.data-table tbody tr td input[type='number'] {
  text-align: right;
  text-indent: 3px;
}
.data-table tbody tr th .ew-select,
.data-table tbody tr td .ew-select {
  border: none;
  height: 37px;
  background-color: rgba(0, 0, 0, 0.1);
}
.data-table tbody tr th .ew-select .handle,
.data-table tbody tr td .ew-select .handle {
  height: 37px;
}
.data-table tbody tr:nth-child(even) td,
.data-table tbody tr:nth-child(even) th {
  background: rgba(0, 0, 0, 0.2);
}
.metric-select {
  position: absolute;
  top: 40px;
  left: 0;
  min-width: 200px;
  background: #000000;
  color: #F2F2F2;
  max-height: 200px;
  overflow-y: auto;
}
.metric-select .metric-select-inner {
  display: block;
}
.metric-select .metric-select-inner .metric {
  display: block;
  padding: 5px;
  color: #F2F2f2;
  text-align: left;
  cursor: pointer;
}
.metric-select .metric-select-inner .metric:hover {
  background: rgba(255, 255, 255, 0.5);
}
.alert-dashboard {
  width: 100%;
  height: 100%;
  display: block;
  flex: 2;
  position: relative;
}
.alert-dashboard .map {
  height: 100%;
  width: 100%;
}
.alert-dashboard .status-controls {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.alert-actionable {
  display: block;
  margin: 8px;
  padding: 8px;
  border: 1px solid #be616b;
  background-color: #FFEBEE;
  color: #be616b;
  border-radius: 3px;
}
.alert-actionable p,
.alert-actionable span {
  color: #be616b;
}
.alert-actionable p {
  margin-bottom: 6px;
}
.alert-actionable h3 {
  margin-bottom: 8px;
  color: #be616b;
  font-weight: bold;
}
.alert-header {
  position: relative;
  display: block;
  padding: 16px;
  background: #F2F2F2;
}
.alert-header .alert-title {
  font-size: 18px;
  color: #333;
}
.alert-header .alert-title .alert-state {
  color: #333;
}
.alert-title {
  font-weight: bold;
  font-size: 1.3em;
  color: #F1F1F1;
}
.alert-title span {
  color: #F1F1F1;
}
.alert-state {
  display: block;
  float: left;
  margin-right: 10px;
}
.alert-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: auto;
  background: #FFFFFF;
}
.alert {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.alert .tbar {
  max-height: 34px;
  flex: 1;
  border-bottom: 1px solid #ececec;
}
.alert .content {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
}
.alert .content .alert-controls {
  flex: 1;
  max-width: 60px;
  border-right: 1px solid #dadada;
}
.alert .content .alert-content {
  flex: 2;
  max-height: 100%;
  overflow-y: scroll;
  position: relative;
}
.alert .content .alert-content .alert-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.alert .content .alert-content .panel {
  display: block;
  margin: 10px;
  height: auto;
  border: 1px solid #F1F1F1;
}
.alert .content .alert-content .panel .tbar,
.alert .content .alert-content .panel-dark .tbar {
  display: block;
  border-bottom: 1px solid #dadada;
  height: 34px;
}
.alert .content .alert-content .panel .tbar span,
.alert .content .alert-content .panel-dark .tbar span {
  display: block;
  float: left;
  padding: 8px;
  font-weight: bold;
}
.alert .content .alert-content .panel-flex {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.alert .content .alert-content .panel-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.alert .content .alert-content .panel-fill .map {
  width: 100%;
  height: 100%;
  display: block;
}
.alert .content .alert-content .panel-dark {
  background: #333;
  display: block;
  margin-bottom: 8px;
}
.alert .content .alert-content .panel-dark.padded {
  color: #F1F1F1;
  padding: 16px;
}
.alrt-ctrls {
  padding-top: 8px;
}
.alrt-ctrls > div:first-child {
  border-top: 1px solid #dadada;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.alrt-ctrls > div:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.alrt-ctrls .alert-control-btn {
  display: block;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background-color: #F1F1F1;
  color: #333;
  text-align: center;
  padding: 8px;
  position: relative;
  margin: 0px 8px 0 8px;
  cursor: pointer;
}
.alrt-ctrls .alert-control-btn:hover,
.alrt-ctrls .alert-control-btn.alert-control-btn-down {
  color: #FFF;
  background: #333;
}
.alrt-ctrls .alert-control-btn:hover > .popover {
  display: block;
}
.alrt-ctrls .alert-control-btn .popover {
  display: none;
  position: absolute;
  top: 4px;
  left: 50px;
  background: #333;
  color: #F1f1f1;
  padding: 3px 8px 3px 3px;
  border-radius: 3px;
  z-index: 999;
}
.list-item {
  display: block;
}
.list-item .flex-col {
  padding: 8px;
}
.alerts-list {
  display: block;
}
.alerts-list .alert-list-item {
  display: block;
  padding: 8px;
  border-bottom: 1px solid #dadada;
  cursor: pointer;
}
.alerts-list .alert-list-item .location {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  color: #545454;
}
.alerts-list .alert-list-item .period {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  color: #545454;
}
.alerts-list .alert-list-item .alarm {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}
.alerts-list .alert-list-item:hover {
  background: #ECECEC;
}
.map-popup-wrapper {
  display: block;
}
.map-popup-wrapper table {
  margin-bottom: 8px;
}
.map-popup-wrapper table tr th {
  font-weight: bold;
  text-align: left;
  padding-right: 5px;
}
.map-popup-wrapper table tr tr {
  text-align: left;
}
.map-popup-wrapper a {
  display: block;
}
.alert-list-group {
  display: block;
}
.alert-list-group h3 {
  display: block;
  background: #f18b23;
  padding: 6px;
  color: #F2F2F2;
  font-weight: bold;
}
.alert-list-group .alert-location-group {
  margin: 8px;
}
.alert-list-group .alert-location-group h3 {
  background: transparent;
  padding: 0;
  color: #333;
  font-size: 14px;
  margin-bottom: 6px;
}
.alert-list-group .alert-location-group .alerts-list {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
}
.flow {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #FFF;
}
.flow:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 79px;
  z-index: 0;
  display: block;
  width: 2px;
  content: "";
  background-color: #ececec;
}
.flow .flow-items {
  position: relative;
  display: block;
  padding-top: 16px;
  max-height: 350px;
  overflow-y: auto;
  box-shadow: 0 1px 0 0 #CCC;
}
.flow .flow-items .flow-item {
  position: relative;
  padding-left: 25px;
  margin: 15px 0 15px 79px;
}
.flow .flow-items .flow-item.comment {
  border-top: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  margin: 15px 0 15px 39px;
}
.flow .flow-items .flow-item .flow-comment {
  border: 1px solid #ddd;
  border-radius: 3px;
  min-height: 10px;
  display: block;
  margin-right: 30px;
}
.flow .flow-items .flow-item .flow-comment .flow-comment-header {
  padding: 6px 10px;
  background: #f7f7f7;
  min-height: 20px;
  border-bottom: 1px solid #ddd;
}
.flow .flow-items .flow-item .flow-comment .flow-comment-header .author {
  font-weight: bold;
  color: #555;
}
.flow .flow-items .flow-item .flow-comment .flow-comment-header .timestamp {
  color: inherit;
  white-space: nowrap;
}
.flow .flow-items .flow-item .flow-comment .flow-comment-body {
  padding: 16px;
  background: #FFF;
}
.flow .flow-items .flow-item .flow-item-header {
  min-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  color: #767676;
  word-wrap: break-word;
}
.flow .flow-items .flow-item .flow-item-header .flow-item-icon {
  float: left;
  width: 32px;
  height: 32px;
  margin-top: -7px;
  margin-left: -40px;
  line-height: 28px;
  color: #767676;
  text-align: center;
  background-color: #f3f3f3;
  border: 2px solid #fff;
  border-radius: 50%;
}
.flow .flow-items .flow-item .flow-item-header .avatar {
  display: inline-block;
  overflow: hidden;
  line-height: 1;
  vertical-align: middle;
  border-radius: 3px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  min-height: 0;
}
.flow .flow-items .flow-item .flow-item-header .author {
  font-weight: bold;
  color: #555;
}
.flow .flow-items .flow-item .flow-item-header .timestamp {
  color: inherit;
  white-space: nowrap;
}
.flow .flow-items .flow-item .flow-item-body {
  min-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  color: #767676;
  word-wrap: break-word;
}
.flow .flow-items .flow-item .flow-item-body .flow-item-body-content {
  padding-left: 21px;
}
.flow .flow-items .flow-item .state {
  position: absolute;
  right: 30px;
  top: 0px;
  font-size: 12px;
  display: inline-block;
  padding: 4px 8px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #999;
  border-radius: 3px;
}
.flow .flow-actions {
  display: block;
  background: #FFF;
  min-height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.flow .flow-actions .flow-editor-wrapper {
  margin-top: 15px;
  margin-bottom: 0;
  border-top: 1px solid #dadada;
  background: #FFF;
  padding-top: 20px;
  position: relative;
  padding-left: 64px;
  border-bottom: 2px solid #FFF;
}
.flow .flow-actions .flow-editor-wrapper .flow-editor-avatar {
  float: left;
  margin-left: -64px;
  border-radius: 3px;
}
.flow .flow-actions .flow-editor-wrapper .editor {
  margin: 0;
  padding: 0;
}
.flow .flow-actions .flow-editor-wrapper .editor:before {
  border-width: 8px;
  border-right-color: #ddd;
  position: absolute;
  top: 11px;
  right: 100%;
  left: -16px;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
  content: " ";
  border-color: transparent;
  border-style: solid solid outset;
}
.flow .flow-actions .flow-editor-wrapper .editor .editor-header {
  padding: 6px 10px 0;
  background: #f7f7f7;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px solid #dadada;
  min-height: 20px;
  margin-right: 30px;
}
.flow .flow-actions .flow-editor-wrapper .editor .editor-body {
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #FFF;
  min-height: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
}
.flow .flow-actions .flow-editor-wrapper .editor .editor-body .flow-text-wrapper {
  padding: 10px 0 10px;
  margin: 0px 10px 0 10px;
  display: block;
}
.flow .flow-actions .flow-editor-wrapper .editor .editor-body .flow-text-wrapper .flow-text {
  display: block;
  width: 100%;
  min-height: 100px;
  max-height: 500px;
  resize: vertical;
  border-bottom: 1px dashed #ddd !important;
  max-width: 100%;
  height: 100px;
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  background-color: #fafafa;
  font-size: 13px;
  color: #333;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: right 8px center;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.flow-status {
  display: block;
  background: #FFF;
}
.flow-status .dialog {
  display: block;
  border: 3px solid #1780c9;
  min-height: 10px;
  margin-top: 28px;
  padding: 16px;
}
.flow-status .dialog .dialog-title {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}
.flow-status .flow-states {
  display: block;
  position: relative;
}
.flow-status .flow-states .flow-row {
  display: flex;
  position: relative;
}
.flow-status .flow-states .flow-row .flow-date {
  display: block;
  font-size: 12px;
  line-height: 95px;
}
.flow-status .flow-states .flow-row .flow-date.right {
  padding-left: 8px;
}
.flow-status .flow-states .flow-row .flow-date.left {
  padding-right: 8px;
}
.flow-status .flow-states .flow-row .flow-connector {
  display: flex;
  flex: 1;
  min-width: 10px;
  height: 58px;
  border-bottom: 17px solid #e9eef2;
}
.flow-status .flow-states .flow-row .flow-connector.passed {
  border-color: #fca769;
}
.flow-status .flow-states .flow-row .flow-connector .flow-time {
  display: block;
  width: 100%;
  line-height: 57px;
  text-align: center;
  font-size: 12px;
}
.flow-status .flow-states .flow-row .flow-state {
  flex: 1;
  display: flex;
  max-width: 100px;
  position: relative;
  height: 140px;
}
.flow-status .flow-states .flow-row .flow-state .flow-state-arrow {
  position: absolute;
  bottom: -30px;
  left: 50%;
  background: #1780c9;
  border: 0px solid transparent;
}
.flow-status .flow-states .flow-row .flow-state .flow-state-arrow:after,
.flow-status .flow-states .flow-row .flow-state .flow-state-arrow:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.flow-status .flow-states .flow-row .flow-state .flow-state-arrow:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #1780c9;
  border-width: 20px;
  margin-left: -20px;
}
.flow-status .flow-states .flow-row .flow-state .flow-state-arrow:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: transparent;
  border-width: 26px;
  margin-left: -26px;
}
.flow-status .flow-states .flow-row .flow-state.triggered .marker {
  background: #fb6e00;
  border-color: #fb6e00 !important;
}
.flow-status .flow-states .flow-row .flow-state.triggered .marker .marker-icon {
  color: #FFF;
}
.flow-status .flow-states .flow-row .flow-state.clickable .marker {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.flow-status .flow-states .flow-row .flow-state.clickable:hover .marker {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.flow-status .flow-states .flow-row .flow-state.complete .marker {
  background: #fca769;
  border-color: #fca769 !important;
}
.flow-status .flow-states .flow-row .flow-state.complete .marker .marker-icon {
  color: #FFF;
}
.flow-status .flow-states .flow-row .flow-state.active .marker {
  border-color: #fca769 !important;
  cursor: pointer;
}
.flow-status .flow-states .flow-row .flow-state.active .marker .marker-icon {
  color: #333;
}
.flow-status .flow-states .flow-row .flow-state.left .marker {
  left: 0;
  right: auto;
  margin-left: 0;
}
.flow-status .flow-states .flow-row .flow-state.right .marker {
  left: auto;
  right: 0;
}
.flow-status .flow-states .flow-row .flow-state .marker-wrapper {
  display: block;
  position: relative;
  width: 100px;
}
.flow-status .flow-states .flow-row .flow-state .marker-wrapper .marker {
  display: block;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border: 17px solid #e9eef2;
  z-index: 1;
}
.flow-status .flow-states .flow-row .flow-state .marker-wrapper .marker.left {
  left: 0;
  right: auto;
}
.flow-status .flow-states .flow-row .flow-state .marker-wrapper .marker.right {
  right: 0;
  left: auto;
}
.flow-status .flow-states .flow-row .flow-state .marker-wrapper .marker .marker-icon {
  position: absolute;
  display: block;
  text-align: center;
  font-size: 40px;
  top: 50%;
  left: 0;
  margin-top: -20px;
  width: 100%;
}
.flow-status .flow-states .flow-row .flow-state .marker-wrapper .label {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  width: 100%;
}
.risk-table {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.risk-table .risk-row {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.risk-table .risk-row .header {
  min-height: 40px;
  max-height: 40px;
  font-size: 12px;
  text-align: right;
  vertical-align: top;
  padding-top: 5px;
  padding-right: 5px;
  flex: 1;
}
.risk-table .risk-row .cell {
  min-height: 40px;
  max-height: 40px;
  cursor: pointer;
  border: 1px solid white;
  flex: 1;
}
.risk-table .risk-row .cell .icon {
  color: #FFF;
  display: none;
  text-align: center;
  font-size: 22px;
  padding-top: 5px;
}
.risk-table .risk-row .cell:hover,
.risk-table .risk-row .cell.active {
  border: 1px solid #dadada;
}
.risk-table .risk-row .cell:hover .icon,
.risk-table .risk-row .cell.active .icon {
  display: block;
}
.risk-table .risk-row .cell.green {
  background: #379921;
}
.risk-table .risk-row .cell.orange {
  background: #ee8208;
}
.risk-table .risk-row .cell.red {
  background: #d90015;
}
.risk-table .risk-row .cell.yellow {
  background: #fbe811;
}
.risk-tag {
  position: absolute;
  display: inline-block;
  clear: both;
  border-radius: 3px;
  padding: 8px;
  color: #FFF !important;
  top: 0;
  right: 0;
  background: #dadada;
}
.risk-tag.static {
  position: relative;
  top: auto;
  left: auto;
}
.risk-tag.red {
  background: #d90015;
}
.risk-tag.green {
  background: #379921;
}
.risk-tag.orange {
  background: #ee8208;
}
.risk-tag.yellow {
  background: #fbe811;
}
.risk-description {
  padding: 0 0 0 10px !important;
}
.risk-description label {
  display: block;
  margin-bottom: 5px;
}
.risk-description .panel {
  position: relative;
  height: auto;
  width: auto;
  border: 1px solid #dadada;
  margin-bottom: 8px;
  padding: 8px;
  display: block;
}
.risk-description .panel ul {
  display: block;
  padding-left: 16px;
  list-style: disc;
}
.alert-details {
  font-size: 12px;
  float: right;
}
.alert-details th {
  font-weight: bold;
  text-align: right;
  background: #FFFFFF;
  border: 1px solid #e3e7e9 !important;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  min-height: 30px;
  vertical-align: middle;
}
.alert-details td {
  text-align: left;
  min-height: 30px;
  height: 30px;
  vertical-align: middle !important;
  padding: 0 5px;
  background: #FFFFFF;
  border: 1px solid #e3e7e9 !important;
}
.alert-notice {
  display: block;
  margin: 10px 10px;
  background: #fcf8e3;
  color: #8a6d3b;
  padding: 16px;
}
.article-list li {
  list-style: circle;
  padding-left: 0 !important;
  line-height: 18px !important;
  border-left: none !important;
}
.alert-meta {
  display: block;
  margin-top: 8px;
}
.alert-meta .item {
  display: block;
  font-size: 12px;
  margin-bottom: 8px;
}
#uk {
  fill: #E5F5F9;
  stroke: #2CA25F;
  stroke-width: 0.5;
}
#axes {
  stroke: #BDBDBD;
  stroke-width: 0.5;
}
.dash-map-wrapper {
  display: block;
  border: 1px solid #dadada;
  background-color: #FFF;
  min-height: 100px;
}
.dash-map-wrapper .map-controls {
  width: 100%;
  display: block;
}
.dash-map-wrapper .map-controls ul {
  margin: 0;
  padding: 0;
}
.dash-map-wrapper .map-controls ul li {
  float: left;
  list-style: none;
}
.dash-map-wrapper .map-controls ul li a {
  display: block;
  float: left;
  padding: 10px;
  text-align: center;
  border-right: 1px solid #dadada;
  cursor: pointer;
  font-size: 0.8em;
}
.dash-map-wrapper .map-controls ul li a.active {
  background-color: #1780c9;
  color: #FFF;
}
.dash-map-wrapper .map-controls ul li a:hover {
  text-decoration: none;
  background-color: #1780c9;
  color: #FFF;
}
.dash-map-wrapper .map-widget {
  display: block;
  float: left;
  width: 100%;
}
.dash-map-wrapper .map-widget .map {
  display: block;
  height: 300px;
}
.box-body .map {
  display: block;
  height: 300px;
}
.map-legend {
  position: absolute;
  bottom: 10px;
  right: 10px;
  min-height: 30px;
  background: #FFFFFF;
  padding: 14px;
}
.map-legend div {
  display: block;
  margin-bottom: 3px;
}
.map-legend div .i {
  font-size: 16px;
  padding-right: 10px;
}
.map-legend div span {
  text-indent: 10px;
  font-size: 16px;
}
.map-geom {
  fill: #222;
  stroke: #FFFFFF;
  stroke-width: 0.3;
}
.map-key {
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto;
}
.map-key .key-row {
  display: flex;
  margin-bottom: 3px;
}
.map-key .key-row .key-row-id {
  max-width: 15px;
  margin-right: 8px;
  display: block;
  float: left;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  background: #F2F2f2;
  text-align: center;
  line-height: 15px;
}
.map-key .key-row .key-row-label {
  line-height: 15px;
}
.legend-dot {
  display: inline-block;
  vertical-align: middle;
}
.legend-dot .legend-dot-inner {
  width: 10px;
  height: 10px;
  border-radius: 6px;
}
.meta-container {
  font-size: 11px;
  display: block;
  border-radius: 3px;
  color: #333333;
  margin-bottom: 8px;
  background: #F2F2F2;
  width: 200px;
}
.meta-container .metabox-title {
  background: #F2F2F2;
  padding: 2px 3px;
  font-weight: bold;
}
.meta-container .metabox-table {
  display: block;
  background: rgba(255, 255, 255, 0.5);
}
.meta-container .metabox-table.overflow {
  padding: 2px;
  max-height: 380px;
  overflow-y: auto;
}
.meta-container .metabox-table .map-meta-record {
  display: block;
  font-size: 11px;
  padding: 3px;
  margin: 3px;
  border: 1px solid #CCCCCC;
  cursor: pointer;
}
.meta-container .metabox-table .map-meta-record:hover {
  background: #F2F2F2;
}
.meta-container .metabox-table .metabox-table-row {
  display: block;
  padding: 2px 3px;
}
.meta-container .metabox-table .map-meta-scale {
  display: block;
  padding: 2px 3px;
}
.meta-container .metabox-table .map-meta-scale .color {
  border-radius: 10px;
  width: 13px;
  height: 13px;
  margin-right: 8px;
  display: inline-block;
  margin-top: 2px;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* cursors */
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}
.leaflet-popup-content p {
  margin: 18px 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
/*
 * Copyright (c) 2015 JDU Software & Consulting Limited.
 * ALl Rights Reserved.
 *
 * NOTICE: All information contained herein is, and remains the property of JDU Software &
 * Consulting Limited and its suppliers, if any. The intellectual concepts contained
 * herein are proprietary to JDU Software & Consulting Limited and its suppliers and
 * may be covered under U.S. and Foreign Patents, patents in process, and are protected
 * by trade secret or copyright law. Dissemination of this information or reproduction
 * of this material is strictly forbidden unless prior written permission is obtained
 * from JDU Software & Consulting Limited.
 */
.backdrop {
  position: absolute;
  opacity: 0;
  display: none;
  height: 7px;
  width: 14px;
  border-radius: 0 0 14px 14px;
  background-color: #323232;
  z-index: -1;
  -webkit-transform-origin: 50% 10%;
  -moz-transform-origin: 50% 10%;
  -ms-transform-origin: 50% 10%;
  -o-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
  will-change: transform, opacity;
}
button[disabled=disabled],
button:disabled {
  background-color: #CCC !important;
}
button {
  cursor: pointer;
  background-color: #f8f8f8;
}
button i {
  color: #424142;
}
button span {
  color: #424142;
}
.btn-group {
  display: inline-block;
  margin: 5px;
  padding: 0;
}
.btn-group.formed {
  margin-left: 0px !important;
}
.btn-group.pull-right {
  float: right;
}
.btn-group button {
  border-right: 1px solid #ececec;
  /* border-left: none; */
  border-radius: 0;
}
.btn-group button:not(:first-child) {
  border-left: none !important;
}
.btn-group button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.btn-group button:first-child:hover {
  border-left: 1px solid #aeaeae;
}
.btn-group button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.btn-group .bttn.red:first-child {
  border-left: 1px solid #be616b;
}
.btn-group .bttn.green:first-child {
  border-left: 1px solid #a4bd8e;
}
button {
  margin-right: 0;
  margin-left: 0;
  text-align: center;
  height: 25px;
  background-color: #FFF;
  line-height: 110%;
  padding: 5px 8px;
  min-width: 25px;
  border-radius: 3px;
  color: #424142;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-left: 1px solid #ececec;
}
button.active {
  background-color: #35adcc;
  color: #FFF;
}
button.active i,
button.active span {
  color: #FFF !important;
}
button.btn-green {
  color: #a4bd8e;
}
button.btn-green i,
button.btn-green span {
  color: #a4bd8e !important;
}
button.btn-red {
  color: #be616b;
}
button.btn-red i,
button.btn-red span {
  color: #be616b !important;
}
button.btn-amber {
  color: #8a6d3b;
}
button.btn-amber i,
button.btn-amber span {
  color: #8a6d3b !important;
}
button span {
  color: #424142;
  padding-left: 5px;
  line-height: 50%;
}
button:hover {
  background: #aeaeae;
  border-color: #aeaeae;
  color: #FFF;
}
button:hover span,
button:hover i {
  color: #FFF;
}
button i {
  font-size: 1.3em;
  color: #333;
  text-align: center;
  display: block;
  line-height: 100%;
}
.btn-block {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.btn-block li {
  display: block;
}
.btn-block li button {
  display: block;
  width: auto;
  margin: 0 0 5px 0;
}
.dropdown {
  position: absolute;
  top: 25px;
  right: 0;
  width: 200px;
  text-align: left;
  background: #333;
}
.dropdown .item {
  display: block;
  padding: 5px;
}
.iw-control {
  height: 27px;
  width: 27px;
  line-height: 32px;
  text-align: center;
  color: #525252;
  cursor: pointer;
  display: inline-block;
}
.iw-control:hover {
  color: #a4bd8e;
}
.btn-tabs {
  margin: 0 auto;
}
.btn-tabs .bttn {
  border-bottom: none;
  border-top: none;
  border-radius: 0;
  height: 34px;
  margin-top: -6px;
  line-height: 26px;
  padding-left: 14px;
  padding-right: 14px;
  border-color: rgba(0, 0, 0, 0.5);
}
.btn-tabs .bttn:first-child {
  border-left: none;
  border-radius: 0;
}
.btn-tabs .bttn:last-child {
  border-right: none;
  border-radius: 0;
}
/*
 * Copyright (c) 2015 JDU Software & Consulting Limited.
 * ALl Rights Reserved.
 *
 * NOTICE: All information contained herein is, and remains the property of JDU Software &
 * Consulting Limited and its suppliers, if any. The intellectual concepts contained
 * herein are proprietary to JDU Software & Consulting Limited and its suppliers and
 * may be covered under U.S. and Foreign Patents, patents in process, and are protected
 * by trade secret or copyright law. Dissemination of this information or reproduction
 * of this material is strictly forbidden unless prior written permission is obtained
 * from JDU Software & Consulting Limited.
 */
.location-selector-field {
  display: block;
}
.location-selector-field .map-wrapper {
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.location-selector-field .controls-wrapper {
  margin-top: 10px;
  padding: 0 10px;
}
.location-selector-field .controls-wrapper span {
  display: block;
  margin-bottom: 5px;
}
.location-selector-field .controls-wrapper input:first-child {
  border-right: 1px solid #dadada;
}
.location-selector-field .controls-wrapper input[type="text"] {
  display: block;
  background-color: #f1f1f1;
  margin-right: 10px;
  text-indent: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
/*
 * Copyright (c) 2015 JDU Software & Consulting Limited.
 * ALl Rights Reserved.
 *
 * NOTICE: All information contained herein is, and remains the property of JDU Software &
 * Consulting Limited and its suppliers, if any. The intellectual concepts contained
 * herein are proprietary to JDU Software & Consulting Limited and its suppliers and
 * may be covered under U.S. and Foreign Patents, patents in process, and are protected
 * by trade secret or copyright law. Dissemination of this information or reproduction
 * of this material is strictly forbidden unless prior written permission is obtained
 * from JDU Software & Consulting Limited.
 */
.conditions {
  display: table-row;
  width: 100%;
}
.conditions .sidebar {
  display: table-cell;
  width: 100px;
  background-color: #333;
  border-right: 1px solid #dadada;
  padding: 10px;
  vertical-align: top;
  border-bottom: 1px solid #ececec;
}
.conditions .condition-items {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.conditions .condition-items .application {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ececec;
}
.conditions .condition-items .application span {
  float: left;
  margin-right: 10px;
}
.conditions .condition-items .application select {
  float: left;
}
.conditions .condition-items .rules {
  padding: 10px;
  border-bottom: 1px solid #ececec;
}
.action-rule {
  display: block;
  width: 100%;
  border: 1px solid #dadada;
}
.action-rule .variable,
.action-rule .operator,
.action-rule .value,
.action-rule .controls {
  display: table-cell;
  padding: 5px 10px 5px 5px;
  vertical-align: top;
}
.action-rule .variable,
.action-rule .operator,
.action-rule .value {
  width: 25%;
}
.action-rule .variable {
  background-color: #1780c9;
  color: #FFF;
}
.action-rule .controls {
  background-color: #ececec;
  width: 80px !important;
  max-width: 80px;
}
.action-rule .controls button {
  float: right;
  margin-left: 5px;
}
/** Desktop LESS **/
.amend-meta {
  display: block;
  margin: 10px;
  background-color: #FFF;
  padding: 10px;
}
.amend-meta .warning {
  display: block;
  background: #fcf8e3;
  color: #8a6d3b;
  padding: 5px;
}
.editor {
  height: 100%;
  display: block;
  overflow: hidden;
}
.report {
  display: block;
  height: 100%;
  overflow: hidden;
}
.report .report-header {
  display: block;
  margin: 18px 10px 30px 10px;
}
.report .report-header .report-name {
  font-size: 1.7em;
  font-weight: bold;
}
.report .report-header .meta {
  display: block;
  padding-top: 8px;
}
.report .report-header .meta .meta-item {
  display: block;
  float: left;
  border-radius: 3px;
  background-color: #FFF;
  margin-right: 3px;
  padding: 3px;
}
.report .report-scroll {
  display: block;
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
}
.vert-tabs {
  display: block;
  height: 100%;
  border-right: 3px solid #515658;
}
.vert-tabs .vert-tab {
  display: block;
  color: #FFF;
  font-size: 0.7em;
  cursor: pointer;
  text-align: center;
  padding: 5px 7px;
  border-bottom: 1px solid #282828;
}
.vert-tabs .vert-tab.active {
  background-color: #515658;
}
.editor .tbar {
  border-top: 1px solid #dadada;
  display: block;
  height: 35px;
}
.editor .tbar .warning {
  display: block;
  text-align: right;
  font-size: 0.8em;
  padding: 10px;
}
.report-mode {
  display: block;
  border: 1px solid #dadada;
  border-radius: 3px;
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  position: relative;
}
.report-mode .cur-mode {
  display: inline-block;
  floaT: left;
  color: #333;
  padding: 3px 5px;
  cursor: pointer;
}
.report-mode .cur-mode:hover {
  color: #FFF;
  background: #1780c9;
}
.report-mode .caret {
  display: block;
  overflow-y: hidden;
  color: #333;
  padding: 3px;
  border-left: 1px solid #dadada;
  cursor: pointer;
}
.report-mode .caret:hover {
  background: #1780c9;
  color: #FFF;
}
.report-mode .options {
  position: absolute;
  top: 25px;
  right: 0;
  border-top: 1px solid #FFF;
  background: #FFF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgrba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.report-mode .options .option {
  padding: 5px;
  cursor: pointer;
}
.report-mode .options .option:hover {
  background: #1780c9;
  color: #FFF;
}
.pagination {
  display: block;
}
.pagination .pagination-status {
  display: block;
  padding: 8px;
}
.dk-menu {
  display: block;
  float: left;
  width: 60px;
  height: 35px;
}
.dk-menu .dk-handle {
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.dk-menu:hover {
  background: #333;
}
.dk-menu:hover > .menu-items {
  display: block;
}
.dk-menu .menu-items {
  display: none;
  position: absolute;
  top: 30px;
  width: 500px;
  height: 200px;
  background: #333;
  padding: 16px;
  z-index: 9;
}
.dk-mm-item {
  display: block;
  text-align: center;
  font-size: 16px;
  height: 35px;
  width: 30px;
  float: left;
  cursor: pointer;
  line-height: 35px;
}
.dk-mm-item.active,
.dk-mm-item:hover {
  background: #333;
  color: #FFF;
}
.widget {
  display: block;
  background: #FFFFFF;
  margin: 10px 10px 20px 10px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.widget .widget-container {
  border: none;
}
.widget .widget-container .chart-widget {
  border: none;
  margin-top: 0;
}
.widget .widget-container h4 {
  display: none;
}
.widget .widget-header {
  display: block;
  background-color: #edf1f4;
  border-bottom: 1px solid #e3e7e9 !important;
}
.widget .widget-header span {
  color: #444244;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  padding: 10px 16px;
}
.widget .widget-header button span {
  padding: 5px;
  color: #424142;
}
.widget .body {
  display: block;
  padding: 16px;
}
.widget .body p {
  font-size: 14px;
}
.widget .body .shoulder-link.active a {
  background-color: #1780c9;
  color: #FFF;
}
.widget .body.no-pad {
  padding: 0 !important;
}
.widget .body .padded {
  padding: 10px 16px 16px 16px;
}
.widget .body .tabs {
  padding-top: 10px;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-height: none;
  min-height: none;
  height: 45px;
  border-bottom: 1px solid #dadada;
}
.widget .body .tabs .tab {
  color: #424142;
}
.widget .body .tabs .tab span {
  color: #424142;
}
.widget .body .tabs .tab.active {
  color: #1780c9;
  border-bottom: 3px solid #1780c9;
}
.widget .body .tabs .tab.active span {
  color: #1780c9;
}
.widget .body.padded {
  padding: 10px;
}
.widget .body .placeholder {
  font-size: 14px;
  text-align: center;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.widget .widget-footer {
  display: block;
  background-color: #FFFFFF;
  height: 35px;
  border-top: 1px solid #DCE0E2;
}
.tasks-list li {
  padding: 8px;
}
.tasks-list li:nth-child(even) {
  background-color: #f7f9f6;
}
.tasks h4 {
  margin-top: 0;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 0.8em;
  border-bottom: 1px solid #dadada;
}
.tasks .overflow-wrap {
  max-height: 250px;
  overflow-y: auto;
  margin-bottom: 10px;
}
.tasks table tr:nth-child(even) td {
  background-color: #f7f9f6;
}
.tasks table tr td {
  padding-bottom: 8px;
}
.tasks table tr td i {
  padding-right: 8px;
}
.widget-option-list {
  margin: 0;
  padding: 0;
}
.widget-option-list li {
  display: block;
  list-style: none;
}
.widget-option-list li a {
  display: block;
  border: 1px solid #dadada;
  padding: 5px;
  font-sizE: 0.8em;
}
.widget-option-list li a:hover {
  color: #FFF;
  background-color: #1780c9;
  border: 1px solid #1780c9;
}
.priority {
  display: block;
  padding: 8px 10px;
  font-size: 0.8em;
  border-radius: 3px;
  text-align: center;
  float: right;
}
.priority.high {
  background-color: #be616b;
  color: #FFF;
}
.priority.mid {
  background-color: #8a6d3b;
  color: #FFF;
}
.priority.low {
  background-color: #424142;
  color: #FFF;
}
table.metrics-table {
  width: 100%;
  padding: 10px 16px 16px 16px;
}
table.metrics-table tr th:first-child {
  padding-left: 16px;
}
table.metrics-table th {
  text-align: left;
  padding: 10px 0 16px 0;
  border-bottom: 1px solid #ececec;
}
table.metrics-table td {
  text-align: right;
  padding: 10px 16px 16px 0 !important;
  border-bottom: 1px solid #ececec;
}
table.metrics-block {
  width: 100%;
}
table.metrics-block tr td:last-child {
  border-right: none;
}
table.metrics-block tr td {
  width: 33.3333%;
  padding: 10px 0 16px 0;
  border-right: 1px solid #dadada;
  text-align: center;
}
table.metrics-block tr td.metrics-chart {
  border-bottom: 1px solid #dadada;
}
table.metrics-block tr td .metric-value {
  font-size: 2em;
  text-align: center;
  padding: 10px 16px 16px 16px;
}
table.metrics-block tr td .metric-value span.red {
  color: #be616b;
}
table.metrics-block tr td .metric-period {
  font-size: 0.8em;
}
.system-msg {
  display: block;
  margin: 10px;
  padding: 16px 8px 16px 8px;
  background-color: #FFF;
}
.scroller {
  max-height: 300px;
  overflow-y: auto;
}
.indicator-item {
  display: block;
  background-color: #E3E8EA;
  padding-top: 18px;
  padding-bottom: 18px;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 120px;
}
.indicator-item .title,
.indicator-item .value,
.indicator-item .sub-title {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
}
.indicator-item .title {
  font-size: 18px;
  top: 8px;
}
.indicator-item .value {
  font-size: 30px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 16px;
  padding-bottom: 16px;
  top: 50%;
  margin-top: -30px;
}
.indicator-item .sub-title {
  bottom: 8px;
  font-size: 12px;
}
.metric-item {
  display: block;
  padding: 18px;
}
.metric-item .amount {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.metric-item .progress-bar {
  display: block;
  margin: 8px auto;
  height: 8px;
  border: 1px solid #dadada;
}
.metric-item .progress-bar .progress {
  display: block;
  float: left;
  height: 8px;
  background: #ececec;
}
.metric-item .label {
  text-align: center;
  font-size: 14px;
}
.map-wrapper .scale {
  position: absolute;
  bottom: 10px;
  left: 10px;
  height: 20px;
  width: 180px;
  background: white;
  z-index: 9;
}
.map-wrapper .map {
  display: block;
  flex: 1;
  height: 490px;
}
.map-wrapper .controls {
  flex: 1;
  height: 100%;
  overflow-y: scroll;
}
.widget-metric {
  display: block;
  height: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}
.widget-metric .title {
  display: block;
  text-align: center;
  font-size: 16px;
  padding: 8px;
  font-weight: bold;
}
.widget-metric .value {
  font-size: 40px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 18px;
  text-align: center;
}
.widget-metric .sub-title {
  display: block;
  text-align: center;
  font-size: 12px;
  padding: 8px;
}
.widget-metric .source {
  color: #a8a8a8;
  font-style: italic;
  font-size: 12px;
  padding: 8px;
  text-align: center;
}
.flex-row {
  display: flex;
  flex-direction: row;
  flex: 1;
  height: 100%;
}
.flex-row.unflexed {
  flex: none !important;
}
.flex-row .flex-col {
  flex: 1;
  display: block;
  position: relative;
}
.flex-row .flex-col.flexed {
  display: flex;
  flex-direction: column;
}
.report-list {
  display: block;
  padding-bottom: 8px;
  max-height: 400px;
  overflow-y: auto;
}
.report-list .report-color-bar {
  display: block;
  position: absolute;
  top: 0;
  lefT: 0;
  width: 100%;
  height: 100%;
  background: orange;
}
.report-list .report-item {
  display: block;
  margin: 8px 12px 4px 8px;
  background: #F1F1F1;
  cursor: pointer;
}
.report-list .report-item:hover {
  background-color: #dff0d8;
}
.report-list .report-view {
  display: block;
  padding: 10px;
  text-align: center;
}
.report-list .report-details {
  display: block;
  padding: 16px;
}
.report-list .report-details .form-title {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
  color: #1eacdd;
}
.report-list .report-details .location {
  margin-bottom: 5px;
  color: #000;
}
.report-list .report-details .details {
  font-size: 12px;
  color: #aca9ac;
}
.report-color-bar-v {
  display: block;
  position: absolute;
  top: 0;
  lefT: 0;
  width: 100%;
  height: 100%;
  background: orange;
}
.alert-map-wrapper {
  display: block;
  position: relative;
  height: 550px;
}
.alert-map-wrapper .map {
  display: block;
  width: 100%;
  height: 100%;
}
.alert-map-wrapper .controls {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  width: 300px;
  background: #FFF;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  padding: 8px;
}
.alert-item {
  display: block;
  margin: 8px 8px 4px 8px;
  background: #F1F1F1;
  cursor: pointer;
}
.alert-item:hover {
  background-color: #dff0d8;
}
.alert-item .details {
  display: block;
  padding: 16px;
}
.alert-item .details .alarm-name {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
  color: #1eacdd;
}
.alert-item .details .alarm-location {
  margin-bottom: 5px;
  color: #000;
  font-size: 14px;
}
.alert-item .details .alert-date {
  font-size: 12px;
  color: #aca9ac;
}
.task-item {
  display: block;
  margin: 8px;
  border: 1px solid #DADADA;
  cursor: pointer;
}
.task-item:hover {
  background: #DADADA;
}
.week-picker {
  display: block;
  position: relative;
}
.week-picker:hover .current .handle {
  background-color: #1780c9;
  color: #FFF;
}
.week-picker .current {
  display: block;
  border: 1px solid #dadada;
  cursor: pointer;
}
.week-picker .current .current_value {
  padding: 8px 8px 8px 8px;
  display: block;
  float: none;
  width: auto;
}
.week-picker .current .handle {
  display: block;
  border-left: 1px solid #ececec;
  float: right;
  width: 50px;
  padding: 8px;
}
.week-picker .picker {
  position: absolute;
  top: 36px;
  right: 0;
  width: 230px;
  background-color: #FFF;
  border-radius: 3px;
  padding: 10px;
  z-index: 9;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.week-picker .picker .month {
  display: block;
  float: left;
  width: 100%;
}
.week-picker .picker .month .header {
  display: block;
  margin-bottom: 8px;
  color: #333 !important;
}
.week-picker .picker .month .header a {
  display: block;
  float: left;
}
.week-picker .picker .month .header .monthLabel {
  text-align: center;
}
.week-picker .picker .month .body {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  border-top: 1px solid #dadada;
}
.week-picker .picker .month .body .row {
  display: block;
  float: left;
  width: 100%;
  border-left: 1px solid #dadada;
}
.week-picker .picker .month .body .row.disabled {
  background-color: #FFEBEE;
}
.week-picker .picker .month .body .row.disabled .week {
  background-color: #FFEBEE;
  color: #be616b;
}
.week-picker .picker .month .body .row.disabled .outer {
  background-color: #FFEBEE;
  color: #be616b;
}
.week-picker .picker .month .body .row.disabled .day {
  color: #be616b;
}
.week-picker .picker .month .body .row.disabled .day.outer {
  background-color: transparent;
  color: #FFF;
}
.week-picker .picker .month .body .row.active {
  background-color: #1780c9;
}
.week-picker .picker .month .body .row.active .week {
  background-color: #424142;
  color: #FFF;
}
.week-picker .picker .month .body .row.active .outer {
  background-color: transparent;
  color: #FFF;
}
.week-picker .picker .month .body .row.active .day {
  color: #FFF;
}
.week-picker .picker .month .body .row.active .day.outer {
  background-color: transparent;
  color: #333;
}
.week-picker .picker .month .body .row.enabled {
  cursor: pointer;
}
.week-picker .picker .month .body .row.enabled:hover {
  background-color: #1780c9;
}
.week-picker .picker .month .body .row.enabled:hover .week {
  background-color: #424142;
  color: #FFF;
}
.week-picker .picker .month .body .row.enabled:hover .outer {
  background-color: transparent;
}
.week-picker .picker .month .body .row.enabled:hover .day {
  background-color: transparent;
  color: #FFF;
}
.week-picker .picker .month .body .row.head .day {
  background-color: #424142;
  color: #FFF;
}
.week-picker .picker .month .body .row.head .week {
  background-color: #FFEBEE;
  color: red;
}
.week-picker .picker .month .body .row .day,
.week-picker .picker .month .body .row .week {
  text-align: center;
  display: block;
  float: left;
  width: 12.5%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  font-size: 12px;
  color: #333;
}
.week-picker .picker .month .body .row .day.outer,
.week-picker .picker .month .body .row .week.outer {
  color: #333;
  background-color: #ececec;
}
.week-picker .picker .month .body .row .week {
  background-color: #ececec;
}
* {
  flex-shrink: 0;
}
.ide {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.ide.ide-v {
  flex-direction: column;
}
.ide.ide-h {
  flex-direction: row;
}
.ide-tbar {
  padding-left: 8px;
  height: 36px;
  background: #252628;
  border-bottom: 1px solid #1e1e1e;
}
.ide-tbar .ide-tbar-text,
.ide-tbar .ide-tbar-icon {
  float: left;
  display: block;
  color: #525252;
  font-size: 14px;
  line-height: 22px;
  padding-right: 8px;
}
.ide-tbar .ide-tbar-icon {
  width: 14px;
  margin-right: 5px;
}
.ide-tbar .ide-tbar-text-bold {
  font-weight: bold;
}
.ide-scroll {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ide-panel {
  display: block;
  position: relative;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}
.ide-panel.ide-panel-v {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ide-panel.ide-scroll {
  overflow-y: auto;
}
.ide-panel.border-right {
  border-right: 1px solid #dadada;
}
.ide-panel.border-left {
  border-left: 1px solid #dadada;
}
.ide-panel.ide-panel-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ide-panel .ide-tab-body {
  margin-left: 30px;
  height: 100%;
  width: 215px;
  display: block;
  float: right;
  background: #333;
}
.ide-panel .ide-tab-body .loca.tion-stack,
.ide-panel .ide-tab-body .tree-wrapper {
  width: 100%;
}
.ide-container {
  background: #333;
  display: block;
  height: 100%;
}
.ide-tabs {
  user-select: none;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 -1px 0 #000000;
  -webkit-transform-origin: 17px 18px;
  -moz-transform-origin: 17px 18px;
  -o-transform-origin: 17px 18px;
  -ms-transform-origin: 17px 18px;
  transform-origin: 17px 18px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #252525;
  height: 34px;
  white-space: nowrap;
  position: absolute;
  width: 10000px;
  z-index: 10000;
}
.ide-tabs .ide-tab {
  padding: 10px 10px 6px 10px;
  display: inline-block;
  white-space: nowrap;
  cursor: default;
  margin-left: -1px;
  margin-right: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-shadow: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 34px;
  color: #F1F1F1;
}
.ide-tabs .ide-tab span {
  color: #FFF;
}
.ide-tabs .ide-tab-down,
.ide-tabs .ide-tab:hover {
  color: #f1f1f1;
  background: #303130;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  box-shadow: -1px 0 rgba(255, 255, 255, 0.06) inset, -1px 0 rgba(255, 255, 255, 0.06);
  margin-left: -2px;
  margin-right: 1px;
  vertical-align: top;
  margin-top: -2px;
  padding-bottom: 8px;
  height: 34px;
}
.ide-panel-resize {
  display: block;
  height: 100%;
  width: 100%;
  cursor: ew-resize;
}
.ide-settings-panel {
  display: flex;
  flex-direction: row;
}
.ide-settings-panel .ide-settings-nav {
  flex: 1;
  padding: 8px 0 0 0;
  background: #303030 url("../../image/c9-noise.png");
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.03) inset;
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.03) inset;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.03) inset;
  width: 170px;
  height: 100%;
  box-sizing: border-box;
}
.ide-settings-panel .ide-settings-nav .ide-settings-nav-bbar {
  display: block;
  margin-bottom: 8px;
}
.ide-settings-panel .ide-settings-bbar {
  display: block;
  border-bottom: 1px solid #252525;
  padding-left: 10px;
}
.ide-settings-panel .ide-settings-section {
  display: block;
  flex: 1;
}
.ide-settings-panel .ide-settings-section.ide-settings-section-active .section-header {
  color: #ffffff;
  background: #5e6d06;
  text-shadow: inherit;
}
.ide-settings-panel .ide-settings-section.ide-settings-section-active .section-items {
  height: auto;
  display: block;
  visibility: visible;
  padding-bottom: 1em;
  padding-top: 1em;
}
.ide-settings-panel .ide-settings-section .section-header {
  font-weight: bold;
  margin-left: 0;
  margin-right: 0;
  font-size: 10px;
  color: #aaaaaa;
  padding-left: 0;
  cursor: default;
  text-transform: uppercase;
  padding: 6px 15px 6px 26px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ide-settings-panel .ide-settings-section .section-header .section-caret {
  display: block;
  float: left;
  margin-right: 5px;
}
.ide-settings-panel .ide-settings-section .section-items {
  display: block;
  visibility: collapse;
  height: 0;
  padding-left: 36px;
  background: rgba(60, 60, 60, 0.5);
}
.ide-settings-panel .ide-settings-section .section-items .section-item {
  display: block;
  color: #dddddd;
  text-decoration: none;
  margin-top: 2px;
  padding: 3px 8px 3px 8px;
  margin-left: -8px;
  margin-right: 0;
  font-size: 12px;
  cursor: default;
}
.ide-settings-content {
  display: block;
  flex: 3;
  background: #FFFFFF;
}
.ide-settings-content .ide-settings-header {
  display: block;
  padding: 18px 18px 10px 18px;
  font-size: 19px;
  text-shadow: 0 1px #000000;
  color: #f1f1f1;
}
.ide-settings-content .ide-settings-header .ide-settings-icon {
  display: block;
  float: left;
  margin-right: 10px;
}
.ide-settings-content .ide-settings-header .ide-settings-title {
  color: #F1F1F1;
}
.ide-settings-content .ide-settings-header .ide-settings-title span {
  color: #F1F1F1;
}
.ide-settings-content .ide-settings-intro {
  color: #F1F1F1;
  display: block;
  padding: 5px 5px 18px 45px;
  border-bottom: 1px solid #252525;
}
.ide-settings-content .ide-settings-intro p {
  color: #F1F1F1;
}
.ide-settings-content .ide-section-basic {
  background: #363636;
  border-bottom: 1px solid #252525;
  border-top: 1px solid #353535;
  padding: 0;
}
.ide-settings-content .ide-section-basic .ide-tbar {
  display: block;
  margin: 0px 0px 8px 0px;
  background-color: #edf1f4;
  font-size: 12px;
  color: #969696;
  border-bottom: 1px solid #dadada;
  padding: 6px;
  text-align: left;
}
.ide-settings-content .ide-section-basic .header {
  padding: 8px 15px 8px 15px;
  font-size: 14px;
  color: #dddddd;
  border-bottom: 1px solid #232323;
  background-color: #313131;
  margin: 0;
}
.ide-settings-content .ide-section-basic .description {
  display: block;
  color: #dddddd;
  padding: 8px 15px 8px 15px;
  font-size: 12px;
}
.ide-settings-content .ide-section-basic .vsplit-box {
  display: block;
  padding: 10px 10px 10px 15px;
}
.ide-settings-content .ide-section-basic .vsplit-box .ide-setting-label {
  display: block;
  color: #999999;
  font-size: 12px;
  text-overflow: ellipsis;
  -webkit-font-smoothing: antialiased;
  font-family: Tahoma, Arial;
  overflow: hidden;
  cursor: default;
  padding: 2px 2px 2px 0;
  white-space: nowrap;
  margin-bottom: 8px;
}
.ide-settings-content .ide-section-basic .vsplit-box .ide-setting-control {
  display: block;
}
.ide-settings-content .ide-section-basic .hsplit-box {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  padding: 10px 10px 10px 15px;
}
.ide-settings-content .ide-section-basic .hsplit-box .ide-setting-label {
  flex: 1;
  color: #999999;
  font-size: 12px;
  text-overflow: ellipsis;
  -webkit-font-smoothing: antialiased;
  font-family: Tahoma, Arial;
  overflow: hidden;
  cursor: default;
  padding: 2px 2px 2px 0;
  white-space: nowrap;
  margin-bottom: 8px;
}
.ide-settings-content .ide-section-basic .hsplit-box .ide-setting-label span {
  color: #999999;
  margin-right: 8px;
}
.ide-settings-content .ide-section-basic .hsplit-box .ide-setting-label .helper .handle {
  display: block;
}
.ide-settings-content .ide-section-basic .hsplit-box .ide-setting-control {
  flex: 1;
}
.ide-settings-content .ide-section-basic .hsplit-box .ide-setting-control input:disabled,
.ide-settings-content .ide-section-basic .hsplit-box .ide-setting-control textarea:disabled {
  background: #CCCCCC;
  cursor: not-allowed;
}
.ide-setting-error {
  color: #be616b;
  display: block;
  padding: 5px;
  font-size: 12px;
  background: #FFEBEE;
  margin-top: 3px;
  border-radius: 3px;
}
.ide-setting-error span,
.ide-setting-error i {
  color: #be616b;
}
.ide-inline-grid {
  display: block;
  border: 1px solid #dadada;
  margin-top: 16px;
  margin-left: 12px;
  background: #FFFFFF;
  margin-right: 12px;
  margin-bottom: 16px;
}
.ide-inline-grid table {
  width: 100%;
}
.ide-inline-grid table thead tr th {
  background: #2e2e2e;
  border: 1px solid #292929;
  padding: 8px;
  text-align: left;
  color: #F1F1F1;
}
.ide-inline-grid table tbody tr td {
  padding: 8px;
  background: #202020;
  border: 1px solid #232323;
  color: #F1F1F1;
}
.ide-basic-list {
  display: block;
  font-size: 14px;
  padding-left: 8px;
  padding-top: 8px;
  margin-right: 8px;
}
.ide-basic-list.click li:hover {
  background: #252525;
  color: #F1F1F1;
}
.ide-basic-list li {
  display: block;
  padding: 3px;
  cursor: default;
  color: #F1F1F1;
}
.ide-filler {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.ide-filler .ide-filler-icon {
  color: #f5f5f5;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 200px;
  margin-left: -100px;
  margin-top: -100px;
  text-align: center;
}
.point-selector {
  height: 300px;
  display: block;
  position: relative;
}
.ide-list-item-detailed {
  display: block;
  margin: 8px;
  padding: 8px;
  cursor: default;
  color: #F1F1F1;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.06);
}
.ide-list-item-detailed.left-green {
  border-left: 1px solid #a4bd8e;
}
.ide-list-item-detailed.left-red {
  border-left: 1px solid #be616b;
}
.ide-list-item-detailed:hover {
  border: 1px solid #acacac;
}
.ide-list-item-detailed .icon {
  display: block;
  font-size: 12px;
  float: left;
  padding-right: 5px;
}
.ide-list-item-detailed .title {
  display: block;
  color: #F1F1F1;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.ide-list-item-detailed .title-small {
  display: block;
  color: #F1F1F1;
  overflow: hidden;
  font-size: 12px;
  line-height: 110%;
}
.ide-list-item-detailed .description {
  display: block;
  font-size: 12px;
  color: #F1F1F1;
}
.ide-control-bar {
  display: block;
  padding-left: 9px;
  padding-right: 9px;
  border-bottom: 1px solid #252525;
}
.ide-unsupported {
  display: block;
  margin: 18px;
}
.ide-unsupported .title {
  color: #F1F1F1;
  font-size: 16px;
}
.ide-unsupported p {
  color: #F1F1F1;
  font-size: 12px;
}
.ide-indicator-tree {
  display: block;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #252525;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin-top: 12px;
  background: #414141;
  color: #F1F1F1;
  max-height: 300px;
  overflow-y: auto;
  font-size: 12px;
  margin-right: 12px;
  margin-left: 12px;
}
.ide-indicator-tree ul {
  display: block;
}
.ide-indicator-tree ul li {
  display: block;
}
.ide-indicator-tree ul li .handle {
  display: block;
  width: 20px;
  padding: 3px;
  text-align: center;
  border-radius: 3px;
}
.ide-indicator-tree ul li .handle:hover {
  background-color: #252525;
}
.ide-indicator-tree ul li .label {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ide-indicator-tree ul li .children {
  display: block;
  padding-left: 18px;
  padding-top: 0.3em;
  padding-bottom: 0.75em;
}
.ide-list-wrapper {
  display: block;
  height: 100%;
  overflow-y: scroll;
  width: 100%;
  max-height: 100%;
}
.ide-layout {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  flex-basis: auto;
  flex-grow: 1;
  height: 100%;
  width: 100%;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.ide-layout .ide-row {
  flex-basis: auto;
  flex-grow: 1;
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  flex-direction: row;
  min-height: 0;
}
.ide-layout .ide-row .ide-col {
  flex-basis: auto;
  flex-grow: 1;
  display: block;
  flex-direction: column;
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  position: relative;
  min-height: 0;
}
.ide-layout .ide-row .ide-col.border-right {
  border-right: 1px solid #dadada;
}
.ide-layout .ide-row .ide-col.border-left {
  border-left: 1px solid #dadada;
}
.ide-layout .ide-row .ide-col.border-top {
  border-top: 1px solid #dadada;
}
.ide-layout .ide-row .ide-col.flexed {
  display: flex;
  flex-direction: column;
}
.ide-layout .ide-row .ide-col.hidden {
  overflow: hidden;
}
.ide-layout .ide-row .ide-col.border-bottom {
  border-bottom: 1px solid #dadada;
}
.ide-relative {
  position: relative;
}
.ide-hide-overflow {
  overflow: hidden;
}
.ide-contents {
  display: block;
  height: 100%;
  overflow-y: scroll;
}
.ide .pagination {
  background: #313131;
  border-top: 1px solid #353535;
  border-bottom: 1px solid #232323;
  font-size: 12px;
  color: #969696;
}
.ide .filter-bar,
.ide .ide-tbar {
  display: block;
  background: #edf1f4;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  min-height: 35px;
  max-height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ide .btn-group {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
}
.ide-tree {
  display: block;
}
.ide-tree li {
  display: block;
  padding: 3px;
}
.task-wrapper {
  display: block;
}
.task-wrapper .project {
  display: block;
  margin: 18px 18px 8px 18px;
}
.task-wrapper .project .projectName {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 8px;
  color: #F2F2F2;
  background: #000;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 5px;
}
.task-wrapper .project .items {
  display: block;
  margin-left: 16px;
}
.task-wrapper .project .items .statusName {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 14px;
  text-transform: uppercase;
}
.task-wrapper .project .items .statusName.green {
  color: #a4bd8e;
}
.task-wrapper .project .items .statusName.orange {
  color: #8a6d3b;
}
.task-wrapper .project .items ul.task-list {
  display: block;
  margin-bottom: 16px;
}
.task-wrapper .project .items ul.task-list li:nth-child(2) {
  color: pink;
}
.task-wrapper .project .items ul.task-list li {
  display: block;
  background: #656565;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 5px;
  color: #F2F2F2;
  font-size: 14px;
}
.task-wrapper .project .items ul.task-list li.completed {
  background: #a4bd8e;
  color: #dff0d8;
}
.task-wrapper .project .items ul.task-list li table tr td {
  text-align: left;
}
.ide-search {
  display: block;
  float: left;
  margin-right: 16px;
  height: 25px;
}
.ide-search .ide-search-clear {
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 23px;
  color: #F2F2F2;
}
.ide-search .ide-search-clear {
  cursor: pointer;
  color: #969696;
  text-align: center;
}
.ide-search .ide-search-clear:hover {
  color: #000;
}
.ide-search .ide-layout {
  background: transparent;
}
.ide-search input {
  background: transparent;
  height: 25px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #969696 !important;
  color: #F2F2F2;
  line-height: 23px;
}
.ide-search input:focus {
  outline: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #969696 !important;
}
.ide-search.pull-right {
  float: right;
}
.ide-search .ide-select {
  display: block;
  margin-right: 8px;
  color: #969696;
  font-size: 12px;
  height: 25px;
}
.ide-search .ide-select:hover > .ide-select-handle {
  background: #515151;
  color: #333;
}
.ide-search .ide-select .ide-select-current {
  display: block;
  position: relative;
  cursor: pointer;
}
.ide-search .ide-select .ide-select-current .value {
  padding-right: 6px;
  line-height: 24px;
  text-indent: 5px;
}
.ide-search .ide-select .ide-select-current .ide-select-handle {
  display: inline-block;
  height: 25px;
  max-width: 25px;
  text-align: center;
  border-left: 1px solid #515151;
  line-height: 24px;
  width: 25px;
}
.ide-search .ide-select .ide-select-current .ide-select-handle:hover {
  background: #515151;
  color: #333;
}
.ide-select-options {
  display: block;
  position: absolute;
  background: #333;
  z-index: 999;
  min-width: 200px;
  font-size: 12px;
}
.ide-select-options .ide-select-option {
  display: block;
  padding: 8px;
  cursor: pointer;
  color: #F1F1F1;
  border-bottom: 1px solid #515151;
}
.ide-select-options .ide-select-option:hover {
  background: #CCC;
  color: #333;
}
.ide-link-select {
  flex: 1;
  color: #1780c9;
  position: relative;
}
.ide-link-select .options {
  position: absolute;
  lefT: 0;
  top: 22px;
  background: #FFF;
  min-width: 100px;
  min-height: 20px;
}
.overflow-auto {
  overflow-y: visible !important;
  overflow-x: visible !important;
  overflow: visible !important;
}
.helper {
  display: inline-block;
  position: relative;
}
.helper .handle {
  display: block;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.helper .info {
  position: absolute;
  bottom: 0;
  left: 30px;
  background: #FFF;
  min-width: 200px;
  min-height: 60px;
  border-radius: 3px;
}
.ide-menu {
  display: block;
  color: #F2F2F2;
  font-size: 12px;
}
.ide-menu .ide-menu-item {
  display: block;
  margin-bottom: 8px;
}
.ide-menu .ide-menu-item .ide-menu-item-main {
  display: block;
  padding: 8px;
}
.ide-menu .ide-menu-item .ide-menu-item-main.has-children {
  background: #2d3032;
  border-bottom: 1px solid #262626;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.ide-menu .ide-menu-item .ide-menu-item-main:hover {
  background: #000;
}
.ide-menu .ide-menu-item .ide-menu-item-main .icon {
  display: block;
  float: left;
  width: 20px;
  text-align: center;
  color: #F2F2F2;
}
.ide-menu .ide-menu-item .ide-menu-item-main .label {
  display: block;
  overflow: hidden;
}
.ide-menu .ide-menu-item .ide-menu-item-children {
  display: block;
  margin-left: 10px;
}
.ide-htabs {
  display: block;
  background: #2d3032;
  padding: 0 16px;
  font-size: 12px;
  border-bottom: 1px solid #262626;
  height: 35px;
}
.ide-htabs .ide-htab-btn {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding: 8px 20px 8px 8px;
  margin-right: 8px;
  display: inline-block;
  cursor: pointer;
  color: #939393;
  border-bottom: none;
  margin-top: -1px;
  position: relative;
}
.ide-htabs .ide-htab-btn .ide-htab-close {
  position: absolute;
  top: 4px;
  right: 0px;
  text-align: center;
  height: 100%;
  width: 20px;
  display: block;
}
.ide-htabs .ide-htab-btn .ide-htab-close:hover {
  color: red;
}
.ide-htabs .ide-htab-btn-active,
.ide-htabs .ide-htab-btn:hover {
  border-bottom: none;
  margin-top: 6px;
  color: #F2F2F2;
  background: #363636;
}
.iw-tab-content {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.feature-list {
  display: block;
}
.feature-list .feature {
  display: block;
  margin-bottom: 8px;
}
.feature-list .feature.left-green .feature-header .name {
  border-left: 5px solid #a4bd8e;
}
.feature-list .feature .feature-header {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  max-height: 35px;
  border: 1px solid #FFFFFF;
  background: #313131;
  color: #DDDDDD;
}
.feature-list .feature .feature-header .name {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  padding-left: 8px;
  line-height: 31px;
  border-left: 5px solid black;
}
.feature-list .feature .feature-header .handle {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 25px;
  text-align: center;
  border-left: 1px solid 1px solid #dadada;
  line-height: 31px;
}
.feature-list .feature .description {
  color: #F2F2F2;
}
.feature-list .feature .description p {
  color: #F2F2F2;
  font-size: 12px;
}
.feature-list .feature .description,
.feature-list .feature .options {
  display: block;
  padding: 8px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.block-tree {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.block-tree .section {
  display: block;
  border-top: 1px solid #262626;
}
.block-tree .block {
  display: block;
  margin: 8px;
}
.block-tree .block.hoverable:hover .block-content {
  background: rgba(0, 0, 0, 0.1);
}
.block-tree .block .block-content {
  display: block;
  cursor: pointer;
  border: 1px solid #dadada;
  background: transparent;
  padding: 8px;
  color: #333;
}
.block-tree .block .block-content-color{
  color: white;
}
.block-tree .block .block-content.status-green {
  border-left: 3px solid #a4bd8e;
}
.block-tree .block .block-content.status-red {
  border-left: 3px solid #be616b;
}
.block-tree .block .block-content.status-amber {
  border-left: 3px solid #8a6d3b;
}
.block-tree .block .block-content.status-default {
  border-left: 3px solid transparent;
}
.block-tree .block .block-content .btn-group {
  margin-top: 0;
  margin-bottom: 0;
}
.block-tree .block .block-children {
  display: block;
  margin-left: 16px;
}
.block-tree .block .block-children .block {
  margin: 8px 0 0 0 !important;
}
.dropzone {
  min-height: 50px;
  border: 1px solid #dadada;
  background: #ececec;
}
.ind-drop-zone {
  display: block;
  min-height: 200px;
  background: #333;
  border: 1px solid #DADADA;
  position: relative;
}
.ind-drop-zone .placeholder {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0;
}
button.plain-btn {
  border: none;
  background: #FFFFFF;
  color: #525252;
  text-align: center;
  padding: 3px;
  margin: 0 5px 0 0;
}
button.plain-btn i {
  color: #525252;
}
button.plain-btn:hover {
  background: black;
}
.tag-editor {
  display: block;
}
.tag-editor .tag-results {
  padding-top: 8px;
}
.tag-editor .tag-results .block {
  display: block;
  background: #333;
  color: #F2F2F2;
  padding: 8px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.tag-editor .tag-results .block:hover {
  background: #CCC;
  cursor: pointer;
}
.tag-editor .tags {
  margin-top: 10px;
  padding: 8px;
  display: block;
  max-height: 100px;
  overflow-y: scroll;
  border: 1px solid #CCC;
}
.tag-editor .tags .tag-item {
  display: block;
  background: #000;
  color: #F2F2F2;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 8px;
}
.tag-editor .tags .tag-label {
  padding: 5px;
  border-right: 1px solid #333;
}
.tag-editor .tags .tag-delete , .tags .tag-edit {
  padding: 5px;
  text-align: center;
}
.tag-editor .tags .tag-delete:hover {
  background: red;
  cursor: pointer;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.tag-editor .tags .tag-edit:hover {
  background: #424142;
  cursor: pointer;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.layout-editor-cell {
  min-height: 100px;
  background: #898989;
  color: #FFF;
  border-radius: 3px;
  display: block;
  margin: 8px;
  position: relative;
}
.layout-editor-cell .layout-editor-widget {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 3px;
}
.layout-editor-cell .layout-editor-widget:hover {
  background: #CCC;
}
.layout-editor-cell .layout-editor-widget .name {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -7px;
}
.inline-list {
  display: block;
  margin: 10px;
  border: 1px solid #e3e7e9 !important;
  padding: 10px 10px 0 10px;
}
.inline-list .list-item {
  display: block;
  padding: 8px;
  background: #FFFFFF;
  border: 1px solid #e3e7e9 !important;
  margin-bottom: 10px;
}
.report-header {
  background: #F2F2F2;
  padding: 16px 25px;
  margin-bottom: 0px;
}
.report-info {
  padding: 5px 25px;
  text-align: right;
  font-size: 10px;
}
.report-info p {
  font-size: 11px;
}
.report-title {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.report-sub-title {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 12px;
}
.ide-wrapper {
  display: block;
  height: 100%;
  width: 100%;
}
.meta-table {
  margin: 10px 10px 10px 10px;
  border: 1px solid #e3e7e9 !important;
  padding: 8px;
}
.meta-table td,
.meta-table th {
  padding: 8px;
  text-align: left;
}
.meta-table th {
  background: #333;
}
.meta-table td {
  background: #FFFFFF;
}
.user-header {
  display: block;
  background: #FFFFFF;
  border-bottom: 1px solid #e3e7e9 !important;
  border-top: 1px solid #e3e7e9 !important;
  text-align: center;
  padding: 32px 16px 0px 16px;
}
.user-header .user-avatar,
.user-header .user-details,
.user-header .user-tabs {
  display: block;
}
.user-header .user-avatar {
  margin-bottom: 8px;
}
.user-header .user-avatar img {
  width: 180px;
  border-radius: 90px;
}
.user-header .user-name {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 4px;
}
.user-header .user-role {
  margin-bottom: 8px;
}
.user-header .user-tabs {
  border-top: 1px solid #e3e7e9 !important;
  border-bottom: 1px solid #e3e7e9 !important;
  margin-top: 30px;
}
.user-header .user-meta {
  margin-bottom: 8px;
}
.profile-wrapper {
  width: 100%;
  text-align: start;
  margin: 0 auto;
  display: block;
  height: 200px;
}
.tbar-btns {
  float: right;
}
.tbar-btn {
  display: block;
  float: left;
  text-align: center;
  width: 30px;
  height: 35px;
  margin-top: -6px;
  line-height: 36px;
  cursor: pointer;
  border-left: 1px solid #e3e7e9 !important;
}
.tbar-btn:hover i {
  color: blue;
}
.workflow-table thead tr th {
  background: #FFFFFF;
  padding: 8px;
  text-align: center;
}
.workflow-table tbody tr th,
.workflow-table tbody tr td {
  padding: 8px;
  border-bottom: 1px solid #e3e7e9 !important;
}
.workflow-table tbody tr th .block-tree,
.workflow-table tbody tr td .block-tree {
  padding: 0;
}
.workflow-table tbody tr th .block-tree .block,
.workflow-table tbody tr td .block-tree .block {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 5px;
}
.action-button {
  display: inline-block;
  width: 25px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  position: relative;
}
.action-button .action-button-tip {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  padding: 3px 5px;
  text-align: left;
  border-radius: 3px;
  z-index: 999999;
  color: #F2F2F2;
}
.action-button:hover i {
  color: #1780c9;
}
.action-button i {
  color: #525252;
  text-align: center;
}
.action-group {
  display: inline-block;
}
.action-group.pull-right {
  float: right;
}
.action-group .action-button {
  display: inline-block;
  width: 25px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.action-group .action-button:hover i {
  color: #1780c9;
}
.action-group .action-button i {
  color: #525252;
  text-align: center;
}
.wkflw-tree td {
  background: #FFFFFF;
  border: 1px solid #e3e7e9 !important;
  padding: 5px;
  border: 1px solid #F2F2f2;
  text-align: center;
}
.gitgraph-tooltip {
  position: absolute;
  margin-top: -15px;
  margin-left: 25px;
  padding: 10px;
  border-radius: 5px;
  background: #EEE;
  color: #333;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.gitgraph-tooltip:after {
  position: absolute;
  top: 10px;
  left: -18px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #EEE;
  content: "";
}
.gitgraph-detail {
  position: absolute;
  padding: 10px;
  text-align: justify;
  width: 600px;
  display: none;
}
.req-assign-hover {
  margin: 8px;
  border: 1px solid #e3e7e9 !important;
  padding: 8px;
  cursor: pointer;
  border-radius: 3px;
}
.req-assign-hover:hover {
  background: #333333;
  color: #F2F2F2;
}
.plot-tree {
  display: block;
}
.plot-tree .node {
  display: block;
}
.plot-tree .node.selected .node-control {
  background: green;
}
.plot-tree .node .node-handle {
  display: block;
}
.plot-tree .node .node-children {
  display: block;
  margin-left: 20px;
}
.plot-tree .node .node-control {
  padding: 5px 4px;
  margin-right: 8px;
}
.plot-tree .node .node-control:hover {
  background: steelblue;
  border-radius: 3px;
}
.plot-tree .node .node-control:hover .node-ctx {
  display: block;
}
.plot-tree .node-ctx {
  float: right;
  margin-right: 5px;
  display: none;
}
.widget-table thead tr td {
  padding: 6px;
  border-bottom: 1px solid #333333;
  text-align: center;
  min-width: 100px;
  color: #000000;
}
.widget-table tbody tr th {
  text-align: left;
  color: #000000;
  padding: 6px;
}
.widget-table tbody tr td {
  padding: 6px;
  color: #000000;
}
.pv-table {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
}
.pv-table thead tr:last-child th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pv-table .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
.pv-table .col {
  display: flex;
  min-width: 100px;
  flex-direction: column;
  text-align: right;
  flex-grow: 1;
  flex-shrink: 0;
}
.pv-table .col.sub {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  flex-basis: 0;
}
.d3-tip {
  position: absolute;
  text-align: center;
  font: 12px sans-serif;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  pointer-events: none;
  z-index: 99;
}
.d3-tip div {
  display: block;
  padding: 8px;
}
.bk-logo {
  display: none !important;
}
.title-editor {
  border: 1px solid transparent;
  cursor: pointer;
}
.title-editor:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.title-editor .title-input {
  display: none;
}
.title-editor .title-input input {
  border: none;
  border-radius: 0;
  padding: 0;
  height: 23px;
}
.title-editor .title-text {
  font-size: 14px;
  padding-top: 3px;
}
.title-editor.shown .title-input {
  display: block;
}
.title-editor.shown .title-text {
  display: none;
}
.var-drop {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border: 1px dashed #F2F2F2;
  display: none;
}
.set-drop {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border: 1px dashed #F2F2F2;
  display: none;
}
.style-selector {
  display: block;
  margin-bottom: 8px;
  position: relative;
  border: 1px solid #e3e7e9 !important;
}
.style-selector .style-handle {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.style-selector .style-options {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 2;
}
.style-selector .style-options .style-opts-inner {
  display: block;
  background: #F2F2F2;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.style-selector .style-options .style-opt {
  display: block;
  padding: 5px;
  cursor: pointer;
}
.style-selector .style-options .style-opt:hover {
  background: #CCCCCC;
}
.axis-drop-options {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 99999999;
  background: #FFFFFF;
}
.axis-drop-options .axis-drop-inner {
  display: block;
  min-width: 60px;
  background: #333333;
  padding: 5px;
  border: 1px solid #e3e7e9 !important;
}
.axis-drop-options .opt {
  display: block;
  padding: 5px;
  cursor: pointer;
}
.axis-drop-options .opt:hover {
  background: #CCCCCC;
}
.plot-marks .ide-col {
  margin: 3px;
}
.plot-settings {
  display: block;
  border: 1px solid #F2F2F2;
  border: 1px solid #e3e7e9 !important;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.plot-settings:hover {
  background: rgba(255, 255, 255, 0.2);
}
.plot-settings .icon {
  text-align: center;
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.plot-settings .text {
  text-align: center;
  padding-bottom: 5px;
  font-size: 10px;
}
.padder {
  padding: 8px;
}
.custom-color {
  display: block;
  text-align: center;
}
.custom-color:hover {
  background: rgba(0, 0, 0, 0.1);
}
.line {
  display: block;
  height: 1px;
  background: #000000;
}
.color-grid {
  display: block;
  height: 100px;
}
.axis-drop {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  display: none;
  border: 1px dashed #F2F2F2;
}
.axis-drop-anchor {
  display: none;
  margin: 8px;
  border: 1px dashed #F2F2F2;
  height: 25px;
}
.dataframe {
  width: 100%;
  max-width: 100%;
  background: white;
}
.dataframe th,
.dataframe td {
  padding: 5px;
}
.dataframe thead tr th {
  border-right: 1px solid #CCCCCC;
}
.dataframe thead tr:last-child th {
  border-bottom: 1px solid #CCCCCC;
}
.dataframe tbody tr th {
  border-right: 1px solid #CCCCCC;
}
.dataframe tbody tr td {
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.ide-toggle {
  cursor: pointer;
}
.ide-toggle i {
  font-size: 25px;
}
.window-buffer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  padding: 16px;
  z-index: 9;
}
.window-buffer .inner {
  background: #333333;
  position: absolute;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: 16px;
  height: auto;
}
.admin-control-editor {
  color: #F2F2F2;
}
.admin-control-editor .sys-header {
  background: rgba(0, 0, 0, 0.2);
  padding: 8px;
  border-radius: 16px;
  margin-bottom: 8px;
  text-transform: none;
  font-weight: normal;
}
.admin-control-editor .range-items {
  display: block;
  margin-top: 10px;
  padding-bottom: 15px;
}
.admin-control-editor .range-items .range-item {
  display: block;
  margin: 5px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.1);
}
.admin-control-editor input[type="text"],
.admin-control-editor input[type="number"] {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border: none;
  color: #F2F2F2;
  padding: 0.5em;
}
.admin-control-editor input[type="text"] {
  padding-right: 1.5em;
}
.admin-control-editor select {
  border: none;
  background: rgba(0, 0, 0, 0.1);
  color: #F2F2F2;
}
.admin-control-editor select option {
  color: #333333;
}
.admin-control-editor .control-field:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.admin-control-editor .control-field {
  color: #F2F2F2;
}
.admin-control-editor .control-field .ide-col:first-child {
  padding-left: 5px;
  text-align: right;
  line-height: 37px;
}
.admin-control-editor .control-field .ide-col:last-child {
  padding: 5px;
}
.config-menu li {
  display: block;
  padding: 5px;
}
.config-menu li ul {
  margin-top: 8px;
  margin-left: 12px;
}
.action-hover {
  position: absolute;
  top: 10px;
  left: 50%;
  background: #333333;
  color: #F2F2F2;
  padding: 8px 16px;
  text-align: center;
  border-radius: 14px;
  box-shadow: 0px 1px 12px #CCCCCC;
}
.ide-panel .reports {
  display: block;
  margin: 8px;
}
.ide-panel .reports .report {
  display: block;
  border: 1px solid transparent;
  color: #F2F2F2;
  padding: 8px;
  cursor: pointer;
}
.ide-panel .reports .report:hover {
  border: 1px solid #CCC;
}
.dms .col-4 .h3 {
  font-size: 18px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 8px;
}
.documents-dashboard {
  color: #F2F2F2;
}
.documents-dashboard .hero {
  height: 300px;
  border-bottom: 1px solid #000000;
}
.documents-dashboard .editor {
  width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
}
.ewarschart {
  min-height: 150px;
  display: block;
}
.raw-wyg {
  display: inline-block;
  *display: inline;
  zoom: 1;
  min-height: 0;
  margin: 0 0 0 0;
}
.ewarschart-title,
.ewarschart-content {
  box-shadow: 0 1px 1px #ddd inset;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #fff;
}
.ewarschart-title {
  margin: 0 0 8px;
  padding: 5px 8px;
}
.ewarschart-content {
  padding: 0 8px;
}
.report-template-wrapper {
  display: block;
}
.report-template {
  display: block;
  margin: 0 auto;
  width: 1024px;
  background: #FFFFFF;
  font-size: 12px !important;
  -webkit-font-smoothing: antialiased;
  color: #424142;
  line-height: 110%;
  /* Copy & Lists */
  /* Headings */
  /* Tables */
  /* Code blocks */
  /* Leading paragraph text */
  /* Hug a the block above you */
}
.report-template h1:first-child,
.report-template h2:first-child,
.report-template h3:first-child,
.report-template h4:first-child,
.report-template h5:first-child {
  margin-top: 0;
}
.report-template p {
  font-size: 14px;
  line-height: 1.2rem;
  margin-top: 5px;
  margin-bottom: 0;
}
.report-template p:first-child {
  margin-top: 0px;
  padding-bottom: 8px;
}
.report-template ul,
.report-template ol,
.report-template dl {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: 30px;
}
.report-template ul li,
.report-template ol li {
  line-height: 1.2rem;
  font-size: 14px;
  list-style-type: circle;
}
.report-template ul ul,
.report-template ol ul,
.report-template ul ol,
.report-template ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.report-template dl dt {
  font-weight: bold;
  display: block;
  float: left;
  padding-right: 8px;
  margin-bottom: 8px;
}
.report-template dl dd {
  margin-bottom: 8px;
  display: block;
  orverflow-y: hidden;
}
.report-template blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.report-template h1,
.report-template h2,
.report-template h3,
.report-template h4,
.report-template h5,
.report-template h6 {
  /* Change heading typefaces here */
  font-family: sans-serif;
  margin-top: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem;
}
.report-template h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.report-template h2 {
  font-size: 1.6rem;
  margin-bottom: 1.8rem;
  margin-top: 3rem;
}
.report-template h3 {
  font-size: 21px;
}
.report-template h4 {
  font-size: 18px;
}
.report-template h5 {
  font-size: 16px;
}
.report-template h6 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.report-template table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  float: none;
}
.report-template table td,
.report-template table th {
  padding: 0;
  line-height: 100%;
}
.report-template table th {
  text-align: left;
  background-color: #ececec;
  padding: 8px 8px 8px 8px;
  font-weight: bold;
}
.report-template table td,
.report-template table th {
  padding: 8px 8px 8px 8px !important;
  line-height: 110%;
}
.report-template code {
  vertical-align: bottom;
  background-color: #ececec;
  padding: 8px;
  border-radius: 3px;
}
.report-template .lead {
  font-size: 1.414rem;
}
.report-template .hug {
  margin-top: 0;
}
.report-template blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
.report-template blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.report-template blockquote p {
  display: inline;
}
.report-template .breadcrumb {
  display: block;
  width: 100%;
  background-color: #ececec;
}
.report-template .breadcrumb ul {
  display: block;
  margin: 0;
  padding: 0;
}
.report-template .breadcrumb ul li {
  list-style: none;
  display: block;
  float: left;
}
.report-template .breadcrumb ul li a {
  display: block;
  float: left;
  padding: 8px 10px;
  color: #1780c9;
}
.report-template .breadcrumb ul li a:hover {
  color: #424142;
}
.report-template p img {
  max-width: 100%;
}
.report-template img {
  max-width: 100%;
}
.report-template img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.report-template img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.report-template img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.report-template a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
.report-template a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.report-template a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.template-report-list {
  display: block;
  background: #FFF;
  overflow-y: auto;
  height: 100%;
  padding-top: 8px;
}
.template-report-list .template-report-item {
  display: block;
  padding: 8px;
  color: #333;
  border: 1px solid #dadada;
  margin: 0px 8px 8px 8px;
  cursor: pointer;
  font-size: 14px;
}
.template-report-list .template-report-item:hover {
  background: #F2F2F2;
}
body.dms-print #core-navigation,
body.dms-print #core-footer,
body.dms-print #dms-shoulder-wrap,
body.dms-print .dms-tbar {
  display: none !important;
}
body.dms-print #application {
  display: block;
  overflow: auto;
}
body.dms-print .ide-col,
body.dms-print .ide-row,
body.dms-print .ide-layout,
body.dms-print .ide-panel-absolute {
  background: #FFF;
  display: block;
  position: relative;
  overflow: auto;
}
body.dms-print .report-template {
  width: 100%;
  margin: 0 auto;
  box-shadow: none;
  top: auto;
  left: auto;
}
.dms-browser-title {
  display: block;
  padding: 8px 16px;
  border-top: 1px solid #dadada;
}
.dms-browser-title h3 {
  font-size: 24px;
  margin-bottom: 8px;
}
.dms-browser-title h4 {
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
}
#dms-main {
  background: #FFFFFF;
}
#dms-main .ide-layout {
  background: #FFF;
}
.border-bottom {
  border-bottom: 1px solid #dadada;
}
.border-top {
  border-top: 1px solid #dadada;
}
.dms-breadcrumb {
  display: block;
  float: left;
  margin-top: 3px;
  margin-left: 8px;
}
.dms-breadcrumb a,
.dms-breadcrumb span {
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  padding: 8px;
  background: #333;
  border-right: 1px solid #ececec;
}
.dms-breadcrumb a:hover,
.dms-breadcrumb span:hover {
  background: #ececec;
  color: #333;
}
.dms-breadcrumb a:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.dms-breadcrumb a:last-child,
.dms-breadcrumb span {
  border-top-right-radius: 3px;
  background: #dadada;
  border-right: none;
  color: #333;
}
.dms-breadcrumb a:last-child:hover,
.dms-breadcrumb span:hover {
  background: #dadada;
  color: #333;
}
.dms-report-templates {
  display: block;
  max-height: 300px;
  font-size: 14px;
  overflow-y: scroll;
}
.dms-report-templates .dms-report-template {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #dadada;
  padding: 8px 16px;
  cursor: pointer;
}
.dms-report-templates .dms-report-template .name {
  font-weight: bold;
  flex: 2;
  margin-bottom: 5px;
  display: block;
}
.dms-report-templates .dms-report-template .interval {
  margin-bottom: 5px;
}
.dms-report-templates .dms-report-template .interval,
.dms-report-templates .dms-report-template .startDate {
  flex: 1;
}
.dms-report-templates .dms-report-template:hover {
  background-color: #ececec;
}
.dms-search {
  padding: 8px !important;
}
.dms-search label {
  display: block;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #333;
  color: #F2F2F2;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 0;
}
span.color-picker-button-container {
  position: relative;
}
button.color-picker-button div {
  display: inline-block;
  border: 1px solid black;
  height: 1.2em;
  width: 1.6em;
  margin-right: 0.6em;
  vertical-align: bottom;
}
button.color-picker-button div:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0.4em 0.4em;
  border-color: black transparent transparent transparent;
  margin-left: 2em;
  vertical-align: middle;
}
div.color-picker-dialog {
  position: absolute;
  left: 0;
  top: 100%;
  width: 35em;
  border: 2px outset #CCCCCC;
  background-color: #EEEEEE;
  padding: 0.5em;
}
.csstransitions div.color-picker-dialog.color-picker-closed {
  -moz-transition: opacity 0.4s linear;
  -webkit-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  -ms-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
  opacity: 0;
}
.csstransitions div.color-picker-dialog.color-picker-open {
  -moz-transition: opacity 0.4s linear;
  -webkit-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  -ms-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
  opacity: 1;
}
div.color-picker-dialog div.hue-color-slider,
div.color-picker-dialog div.sat-color-slider,
div.color-picker-dialog div.val-color-slider,
div.color-picker-dialog div.red-color-slider,
div.color-picker-dialog div.green-color-slider,
div.color-picker-dialog div.blue-color-slider {
  display: inline-block;
  width: 20em;
  height: 0.3em;
  margin-top: 0.8em;
  margin-right: 1em;
}
div.color-picker-dialog .ui-slider-handle {
  width: 0.7em;
  margin-top: -0.2em;
}
div.color-picker-dialog ul {
  padding-left: 0;
  margin-right: 1em;
  text-align: right;
  margin-top: 0;
  float: left;
}
div.color-picker-dialog ul li {
  list-style-type: none;
}
div.color-picker-dialog ul li.hue-slider-li:before {
  content: 'H:';
  margin-right: 0.5em;
}
div.color-picker-dialog ul li.sat-slider-li:before {
  content: 'S:';
  margin-right: 0.5em;
}
div.color-picker-dialog ul li.val-slider-li:before {
  content: 'V:';
  margin-right: 0.5em;
}
div.color-picker-dialog div.hue-color-slider,
div.color-picker-dialog div.sat-color-slider,
div.color-picker-dialog div.val-color-slider {
  background-color: #999999;
  border: 1px solid #333333;
}
div.color-picker-dialog div.hue-color-slider .ui-slider-range,
div.color-picker-dialog div.sat-color-slider .ui-slider-range,
div.color-picker-dialog div.val-color-slider .ui-slider-range {
  background: #cccccc;
}
div.color-picker-dialog div.hue-color-slider .ui-slider-handle,
div.color-picker-dialog div.sat-color-slider .ui-slider-handle,
div.color-picker-dialog div.val-color-slider .ui-slider-handle {
  border-color: #cccccc;
}
div.color-picker-dialog ul li.red-slider-li:before {
  content: 'R:';
  margin-right: 0.5em;
}
div.color-picker-dialog div.red-color-slider {
  background-color: #FF9999;
  border: 1px solid #990000;
}
div.color-picker-dialog div.red-color-slider .ui-slider-range {
  background: #ef2929;
}
div.color-picker-dialog div.red-color-slider .ui-slider-handle {
  border-color: #ef2929;
}
div.color-picker-dialog ul li.green-slider-li:before {
  content: 'G:';
  margin-right: 0.5em;
}
div.color-picker-dialog div.green-color-slider {
  background-color: #99FF99;
  border: 1px solid #009900;
}
div.color-picker-dialog div.green-color-slider .ui-slider-range {
  background: #8ae234;
}
div.color-picker-dialog div.green-color-slider .ui-slider-handle {
  border-color: #8ae234;
}
div.color-picker-dialog ul li.blue-slider-li:before {
  content: 'B:';
  margin-right: 0.5em;
}
div.color-picker-dialog div.blue-color-slider {
  background-color: #9999FF;
  border: 1px solid #000099;
}
div.color-picker-dialog div.blue-color-slider .ui-slider-range {
  background: #729fcf;
}
div.color-picker-dialog div.blue-color-slider .ui-slider-handle {
  border-color: #729fcf;
}
div.color-picker-dialog div.color-swatch {
  width: 5em;
  height: 5em;
  background-color: #999999;
  border: 1px solid black;
  margin-bottom: 3px;
}
div.color-picker-dialog div.color-swatch-container {
  float: right;
  text-align: center;
}
div.color-picker-dialog .color-picker-ok-button {
  margin-top: 1em;
}
.iw-settings-panel {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.03) inset;
}
.iw-settings-panel .iw-settings-nav {
  flex: 1;
  padding: 15px 0 0 0;
  border-right: 1px solid #232323;
  background: #303030 url("../../image/c9-noise.png");
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.03) inset;
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.03) inset;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.03) inset;
  width: 170px;
  height: 100%;
  box-sizing: border-box;
}
.iw-settings-panel .iw-settings-nav .iw-settings-nav-bbar {
  display: block;
  margin-bottom: 8px;
}
.iw-settings-panel .iw-settings-bbar {
  display: block;
  border-bottom: 1px solid #252525;
  padding-left: 10px;
}
.iw-settings-panel .iw-settings-section {
  display: block;
  flex: 1;
}
.iw-settings-panel .iw-settings-section.iw-settings-section-active .section-header {
  color: #ffffff;
  background: #5e6d06;
  text-shadow: inherit;
}
.iw-settings-panel .iw-settings-section.iw-settings-section-active .section-items {
  height: auto;
  display: block;
  visibility: visible;
  padding-bottom: 1em;
  padding-top: 1em;
}
.iw-settings-panel .iw-settings-section .section-header {
  font-weight: bold;
  margin-left: 0;
  margin-right: 0;
  font-size: 10px;
  color: #aaaaaa;
  padding-left: 0;
  cursor: default;
  text-transform: uppercase;
  padding: 6px 15px 6px 26px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iw-settings-panel .iw-settings-section .section-header .section-caret {
  display: block;
  float: left;
  margin-right: 5px;
}
.iw-settings-panel .iw-settings-section .section-items {
  display: block;
  visibility: collapse;
  height: 0;
  padding-left: 36px;
  background: rgba(60, 60, 60, 0.5);
}
.iw-settings-panel .iw-settings-section .section-items .section-item {
  display: block;
  color: #dddddd;
  text-decoration: none;
  margin-top: 2px;
  padding: 3px 8px 3px 8px;
  margin-left: -8px;
  margin-right: 0;
  font-size: 12px;
  cursor: default;
}
.iw-settings-panel .iw-settings-content {
  display: block;
  flex: 3;
  overflow-y: auto;
  background: #363636;
}
.iw-settings-panel .iw-settings-content .iw-settings-header {
  display: block;
  padding: 18px 18px 10px 18px;
  font-size: 19px;
  text-shadow: 0 1px #000000;
  color: #f1f1f1;
}
.iw-settings-panel .iw-settings-content .iw-settings-header .iw-settings-icon {
  display: block;
  float: left;
  margin-right: 10px;
}
.iw-settings-panel .iw-settings-content .iw-settings-header .iw-settings-title {
  color: #F1F1F1;
}
.iw-settings-panel .iw-settings-content .iw-settings-header .iw-settings-title span {
  color: #F1F1F1;
}
.iw-settings-panel .iw-settings-content .iw-settings-intro {
  color: #F1F1F1;
  display: block;
  padding: 5px 5px 18px 45px;
  border-bottom: 1px solid #252525;
}
.iw-settings-panel .iw-settings-content .iw-settings-intro p {
  color: #F1F1F1;
}
.iw-settings-panel .iw-settings-content .iw-section-basic {
  background: #363636;
  border-bottom: 1px solid #252525;
  border-top: 1px solid #353535;
  padding: 0;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .iw-tbar {
  display: block;
  margin: 0px 0px 8px 0px;
  background-color: #F2F2F2;
  font-size: 12px;
  color: #969696;
  border-bottom: 1px solid #dadada;
  padding: 6px;
  text-align: left;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .header {
  padding: 8px 15px 8px 15px;
  font-size: 14px;
  color: #dddddd;
  border-bottom: 1px solid #232323;
  background-color: #313131;
  margin: 0;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .description {
  display: block;
  color: #dddddd;
  padding: 8px 15px 8px 15px;
  font-size: 12px;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .hsplit-box {
  display: flex;
  padding: 10px 10px 10px 15px;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .hsplit-box .iw-setting-label {
  flex: 1;
  color: #999999;
  font-size: 12px;
  text-overflow: ellipsis;
  -webkit-font-smoothing: antialiased;
  font-family: Tahoma, Arial;
  overflow: hidden;
  cursor: default;
  padding: 2px 2px 2px 0;
  white-space: nowrap;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .hsplit-box .iw-setting-label span {
  color: #999999;
  margin-right: 8px;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .hsplit-box .iw-setting-label .helper .handle {
  display: block;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .hsplit-box .iw-setting-control {
  flex: 1;
}
.iw-settings-panel .iw-settings-content .iw-section-basic .hsplit-box .iw-setting-control input:disabled,
.iw-settings-panel .iw-settings-content .iw-section-basic .hsplit-box .iw-setting-control textarea:disabled {
  background: #CCCCCC;
  cursor: not-allowed;
}
/** Profile **/
.avatar {
  display: block;
  min-height: 250px;
  background-position: 50% 0;
  backgorund-size: cover;
  position: relative;
}
.avatar .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAAIMAAAhQCB69VMmQAAAABJRU5ErkJggg==);
  padding: 10px;
}
.avatar .info .name {
  color: #FFF;
  font-size: 1.1em;
  margin-bottom: 4px;
}
.avatar .info .organization {
  color: #FFF;
  font-size: 0.8em;
}
.profile {
  display: block;
  margin-top: 10px;
  margin-right: 10px;
}
.profile table tr td {
  border-top: 1px solid #dadada;
  padding: 10px 0 20px 0;
}
.profile table tr td.label {
  font-weight: bold;
}
.profile .profile-item {
  display: block;
  border-top: 1px solid #dadada;
  padding: 10px 0;
  margin: 5px 0;
}
.inline-edit table tr td {
  padding: 0;
  border-top: none;
}
.inline-edit table tr td:nth-child(even) {
  padding-left: 5px;
}
.bio {
  display: block;
  padding: 10px;
  background-color: #F2F2F2;
  margin-top: 8px;
  margin-bottom: 8px;
}
/** Meta **/
.meta {
  display: block;
  padding-top: 8px;
}
.meta.meta-dark .meta-item {
  background-color: #424142 !important;
  color: #FFF;
}
.meta.meta-dark .meta-item span {
  color: #FFF;
}
.meta .meta-item {
  display: block;
  float: left;
  border-radius: 3px;
  background-color: #FFF;
  margin-right: 3px;
  padding: 3px;
}
/** Profile page styling **/
.assignment {
  display: block;
  padding: 0 !important;
  border: 1px solid #dadada;
  margin-bottom: 14px;
}
.assignment table tr td {
  border-right: 1px solid #dadada;
  padding: 8px;
}
.assignment table tr td .formName,
.assignment table tr td .locationName {
  display: block;
  font-size: 1.5em;
  margin-bottom: 8px;
}
.assignment table tr td .metric {
  display: block;
}
.assignment table tr td .metric .value {
  display: block;
  font-size: 2.5em;
  text-align: center;
  padding: 20px 0;
}
.assignment table tr td .metric .title {
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.profile-content {
  padding-top: 16px;
  padding-bottom: 16px;
}
.profile-content table {
  width: 100%;
}
.profile-content table th,
.profile-content table td {
  padding: 8px;
}
.profile-content table th {
  text-align: right;
  padding-right: 8px;
}
.profile-content table th {
  background: #F2F2F2;
  width: 30%;
  font-weight: bold;
}
.profile-content table th.spread {
  background: #333;
  color: #F2F2F2;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}
.profile-content table td {
  text-align: left;
  padding-left: 8px;
}
.profile-content .flex-list {
  margin-top: 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  /* You can set flex-wrap and flex-direction individually */
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Or do it all in one line with flex flow */
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  /* tweak the where items line up on the row */
  /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.profile-content .flex-list .flex-node {
  position: relative;
  height: 130px;
  width: 25%;
  padding: 8px;
  text-align: center;
  margin-bottom: 8px;
}
.profile-content .flex-list .flex-node .flex-node-inner {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  background: #333;
  border-radius: 100px;
}
.profile-content .flex-list .flex-node .flex-node-inner .text {
  color: #F2F2F2;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
  line-height: 100px;
  font-weight: bold;
}
.profile-content .flex-list .flex-node .label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
}
.tree-node-table td,
.tree-node-table th {
  text-align: left;
  vertical-align: middle;
}
/** Info List **/
table.info-list th {
  text-align: left;
  padding: 8px;
  background: #F2F2F2;
  font-weight: bold;
  border-bottom: 1px solid white;
}
table.info-list td {
  padding: 8px;
  vertical-align: middle;
}
table.row-click tbody tr th {
  background: #FEFEFE;
}
table.row-click tbody tr th .handle {
  display: block;
  cursor: pointer;
}
.pivot-wrapper {
  width: 100%;
}
.pivot-wrapper .pivot-row-headers {
  max-width: 350px;
  min-width: 350px;
  border-right: 1px inset #dadada;
  min-height: 0;
  padding-bottom: 14px;
}
.pivot-wrapper .pivot-row-headers th {
  font-size: 14px;
  border-bottom: 1px inset #ececec;
}
.pivot-wrapper ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.pivot-wrapper ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.pivot-wrapper .pivot-scroll {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: 14px;
}
.pivot-wrapper .pivot-scroll table {
  width: 100%;
  height: 100%;
}
.pivot-wrapper .pivot-scroll table tr th {
  min-width: 90px;
  font-size: 14px;
  border-bottom: 1px inset #dadada;
  border-right: 1px inset #dadada;
  white-space: nowrap;
  max-height: 30px;
}
.pivot-wrapper .pivot-scroll table tr th:last-child {
  border-right: none;
}
.pivot-wrapper .pivot-scroll table tr td:last-child {
  border-right: none;
}
.pivot-wrapper .pivot-scroll table tr td {
  border-bottom: 1px inset #dadada;
  border-right: 1px inset #dadada;
  text-align: right;
  font-size: 14px;
  white-space: nowrap;
  max-height: 30px;
  padding: 8px;
}
.pivot-wrapper .pivot-scroll table tr td.grey {
  background: #ececec;
}
.pivot-wrapper .pivot-scroll table tr td.red {
  background: #FFEBEE;
  color: #be616b;
}
.pivot-wrapper .pivot-scroll table tr td.green {
  background: #dff0d8;
  color: #008000;
}
.pivot-wrapper .pivot-scroll table tr td.orange {
  background: rgba(255, 159, 0, 0.24);
  color: #8a6d3b;
}
.pivot-wrapper .pivot-scroll table tr td.yellow {
  background: rgba(255, 255, 0, 0.11);
  color: #868600;
}
.flex-table {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.flex-table .headers {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.flex-table .headers .header {
  flex: 1;
  background: #F2F2F2;
  padding: 8px;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #dadada;
}
.flex-table .headers .header.prime {
  border-right: 1px solid #dadada;
}
.legend-cell {
  padding: 8px !important;
}
.legend-cell.grey {
  background: #ececec;
}
.legend-cell.red {
  background: #FFEBEE;
  color: #be616b;
}
.legend-cell.green {
  background: #dff0d8;
  color: #008000;
}
.legend-cell.orange {
  background: rgba(255, 159, 0, 0.24);
  color: #8a6d3b;
}
.legend-cell.yellow {
  background: rgba(255, 255, 0, 0.11);
  color: #868600;
}
.dt-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dt {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background: #FFFFFF;
  user-select: none;
}
.dt .relative {
  position: relative;
}
.dt .dtMaster {
  position: relative;
}
.dt .dtMaster tr td {
  background: #FFFFFF;
}
.dt .dtCloneTop {
  z-index: 101;
}
.dt .dtCloneLeft {
  z-index: 102;
}
.dt .dtCloneKeystone {
  z-index: 103;
}
.dt .dtHolder {
  position: relative;
  overflow: auto;
}
.dt .dtSpreader {
  position: relative;
  top: 0;
  left: 0;
  width: 0;
  height: auto;
}
.dt .dtCore {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  outline-width: 0;
  max-width: none;
  max-height: none;
  border-top: 1px solid #e3e7e9 !important;
  width: 100%;
}
.dt .dtCore thead th .relative {
  padding: 2px 4px;
}
.dt .dtCore td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #e3e7e9 !important;
  border-bottom: 1px solid #e3e7e9 !important;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  background-color: #FFFFFF;
  vertical-align: top;
  outline-width: 0;
  white-space: nowrap;
}
.dt .dtCore th {
  height: 1px;
  background: #edf1f4;
  color: #525252;
  border-left: 1px solid #e3e7e9 !important;
  border-right: 1px solid #e3e7e9 !important;
  border-bottom: 1px solid #e3e7e9 !important;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}
.dt .dtBorder {
  position: absolute;
  font-size: 0;
}
.dt .corner {
  font-size: 0;
  cursor: crosshair;
}
.dt .rowHeader {
  width: 50px;
}
.dtDropDown {
  position: relative;
}
.dtDropDown .dtActions {
  position: fixed;
  top: 25px;
  left: 0;
  background: #FFFFFF;
  z-index: 999;
  border: 1px solid #e3e7e9 !important;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.dtDropDown .dtActions .dtActionsInner {
  display: block;
}
.dtDropDown .dtActions .dtActionsInner .dtAction {
  cursor: pointer;
}
.dtDropDown .dtActions .dtActionsInner .dtAction:hover {
  background: #333;
  color: #F2F2F2;
}
.dt-filter-handle {
  display: block;
  text-align: center;
  border: 1px solid #e3e7e9 !important;
  background: #FFFFFF;
  height: 20px;
  padding: 0 8px;
  border-radius: 3px;
}
.dt-filter-handle:hover,
.dt-filter-handle.active {
  background: #333;
  color: #FFF;
}
.dt-filter-btn.active {
  color: #1780c9 !important;
}
.dt-filter-btn.active .plain-btn {
  background: #1780c9 !important;
}
.dt-filter-controls {
  text-align: left;
  width: 250px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 9999;
}
.dt-filter-controls .control-set {
  padding: 8px;
  border-bottom: 1px solid #e3e7e9 !important;
}
.dt-filter-controls .control-action {
  padding: 8px;
  border-bottom: 1px solid #e3e7e9 !important;
}
.dt-filter-controls .popup-action {
  padding: 8px;
  border-bottom: 1px solid #e3e7e9 !important;
}
.dt-filter-controls .popup-action .bttn {
  white-space: pre-line;
  display: block;
  float: none;
  color: #333 !important;
}
.dt-filter-controls .popup-action .bttn:hover {
  background: #333333 !important;
  color: #F2F2F2 !important;
}
.dt-filter-controls .label-class{
  font-weight: bold;
  font-size: 13px;
  padding-left: 10px;
}
.dt-filter-controls .control-action .bttn {
  display: block;
  float: none;
  background: #be616b;
  color: #F2F2F2;
}
.dt-filter-controls .control-action .bttn:hover {
  background: #333333;
}
.dt-filter-controls label {
  display: block;
  text-align: left;
}
.dt-filter-controls .fa-caret-down {
  float: none !important;
  display: auto !important;
  padding-left: 0 !important;
  padding-top: 7px;
}
.dt-header-cell a {
  color: #525252;
  min-height: 25px;
  text-align: center;
  float: left;
  padding-top: 3px;
}
.rh-align {
  text-align: right;
}
.editor-bar {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  height: 30px;
  border-top: 1px solid #e3e7e9 !important;
  border-bottom: 1px solid #e3e7e9 !important;
  background: #edf1f4;
  box-shadow: 0px 5px 5px #CCCCCC;
  z-index: 999;
}
.dt-row-control {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  background: #FFFFFF;
  color: #525252;
  position: relative;
}
.dt-row-control:hover {
  background: #333;
  color: #F2F2f2;
}
.popover {
  position: absolute;
  top: -25px;
  background: #000;
  color: #525252;
  padding: 1px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 999999;
  text-align: center;
}
.dt-cell-value {
  overflow-x: hidden;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
.dt-row.striped td {
  background: rgba(0, 0, 0, 0.05);
}
.dt-row.dup-light-striped td {
  background: rgb(117 117 117 / 31%);
}
.dt-row.dup-dark-striped td {
  background: #6b6b6b7a;
}
.dt-cell-editor {
  position: absolute;
  top: -2px;
  width: 52px;
  z-index: 999;
  left: 100%;
  background: #000;
  height: 23px;
  margin-left: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e3e7e9 !important;
  -webkit-box-shadow: 1px 0px 0px #000000;
  -moz-box-shadow: 1px 0px 0px #000000;
  box-shadow: 1px 0px 0px #000000;
}
.dt-cell-inline input[type="text"] {
  height: 20px;
  font-size: 12px;
  padding: 0;
  border-radius: 0;
}
.date-picker .cal-left,
.date-picker .cal-right {
  background: #333;
  color: #FFF;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
}
.date-picker .cal-left:hover,
.date-picker .cal-right:hover {
  background: #DADADA;
  color: #333;
}
.date-picker .cal-week {
  padding: 0;
  border: 1px solid #dadada;
  cursor: pointer;
}
.date-picker .cal-week.inactive .cal-week-no,
.date-picker .cal-week.inactive .cal-week-label {
  background: #CCC;
  border: none;
  color: #FFFFFF;
}
.date-picker .cal-week:hover .cal-week-no,
.date-picker .cal-week.selected .cal-week-no,
.date-picker .cal-week:hover .cal-week-label,
.date-picker .cal-week.selected .cal-week-label {
  background: #333;
  color: #FFF;
}
.date-picker .cal-week td {
  padding: 0;
}
.date-picker .cal-week td .cal-week-no {
  padding: 5px 0;
}
.date-picker .cal-week td .cal-week-label {
  padding: 5px;
  text-align: left;
}
.date-picker .cal-header {
  background: #dadada;
  color: #333;
  padding: 8px;
  text-align: center;
  margin-top: 8px;
  text-transform: uppercase;
  font-weight: bold;
}
.date-picker .cal-left {
  margin-left: 8px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.date-picker .cal-right {
  margin-right: 8px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.date-picker table {
  width: 100%;
}
.date-picker table tr td,
.date-picker table tr th {
  text-align: center;
  padding: 5px 0;
  width: 12.5%;
}
.date-picker table tr th {
  background: #333;
  color: #FFF;
}
.date-picker table tr .cal-week-no {
  border: 1px solid #333;
  background: #333;
  color: #FFF;
}
.date-picker table tr .cal-day,
.date-picker table tr .cal-month {
  padding: 5px 0;
  background: #FFF;
  color: #333;
  text-align: center;
  border: 1px solid #dadada;
  cursor: pointer;
}
.date-picker table tr .cal-day.selected,
.date-picker table tr .cal-month.selected {
  background: #333;
  color: #FFF;
}
.date-picker table tr .cal-day:hover,
.date-picker table tr .cal-month:hover {
  background: #333;
  color: #FFFFFF;
}
.date-picker table tr .cal-day.inactive,
.date-picker table tr .cal-month.inactive {
  background: #CCC;
  color: #F2F2F2;
}
.date-picker table tr .cal-day-nan {
  padding: 5px 0;
  background: #dadada;
  color: #CCC;
  text-align: center;
  border: 1px solid #dadada;
}
.date-picker table tr .cal-day-nan.selected {
  background: #333;
  color: #FFF;
}
.help-document {
  width: 980px;
  margin: 0 auto;
  padding: 10px;
  border-left: 1px solid #F2F2f2;
  border-right: 1px solid #F2F2F2;
}
.help-document h1 {
  display: block;
  background: #333;
  color: #F2F2F2;
  padding: 10px;
}
.help-document table tr th {
  background: #333;
  color: #F2F2F2;
  padding: 10px;
}
.help-document table tr td {
  padding: 10px;
  color: #333;
  border: 1px solid #333;
}
.hbox {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  position: relative;
}
.vbox {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  position: relative;
}
.panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.block {
  display: block;
  flex: 1;
  position: relative;
}
.block.overY {
  overflow-y: auto;
}
.block.tbar {
  background: #3b4251;
  color: #d8dee9;
}
.block.tbar .tbar-title {
  display: block;
  float: left;
  padding: 8px;
}
.block.tbar .tbar-title i {
  padding-right: 4px;
}
.block.text-block {
  line-height: 28px;
  text-indent: 8px;
}
.hbox.border-right,
.vbox.border-right,
.block.border-right {
  border-right: 1px solid #434c5d;
}
.hbox.border-bottom,
.vbox.border-bottom,
.block.border-bottom {
  border-bottom: 1px solid #434c5d;
}
.hbox.border-left,
.vbox.border-left,
.block.border-left {
  border-left: 1px solid #434c5d;
}
.hbox.border-top,
.vbox.border-top,
.block.border-top {
  border-top: 1px solid #434c5d;
}
.drag-list {
  display: grid;
  height: 300px;
  grid-template-columns: 1fr 30px 1fr;
  justify-items: stretch;
}
.drag-list .drag-list-source {
  display: block;
  grid-area: 0.25;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.1);
  overflow-y: scroll;
}
.drag-list .drag-list-source .drag-list-item,
.drag-list .drag-list-output .drag-list-item {
  display: grid;
  margin: 8px 16px 8px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  grid-template-columns: 1fr auto;
  grid-column-gap: 5px;
  justify-items: stretch;
}
.drag-list .drag-list-source .drag-list-item:hover,
.drag-list .drag-list-output .drag-list-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
.drag-list .drag-list-source .drag-list-item .drag-list-label,
.drag-list .drag-list-output .drag-list-item .drag-list-label {
  padding: 5px;
  grid-area: 0.25;
}
.drag-list .drag-list-middle {
  grid-area: 0.08333333;
}
.drag-list .drag-list-output {
  grid-area: 0.04166667;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.1);
}
.out-loc-item {
  display: grid;
  margin: 8px;
  grid-template-columns: 1fr auto;
  justify-items: stretch;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.out-loc-item .out-loc-label {
  grid-area: 0.25;
  padding: 5px;
}
.out-loc-item .out-loc-controls {
  grid-area: 0.08333333;
}
.form-list-item {
  display: block;
  margin: 8px;
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.form-list-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
.out-widget {
  display: grid;
  grid-template-rows: 10px 50px 10px auto;
  grid-template-columns: auto;
  justify-items: stretch;
}
.out-widget .space-1 {
  grid-area: 0.25;
}
.out-widget .space-2 {
  grid-area: 0.375;
}
.out-widget .out-header {
  grid-area: 0.33333333;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.out-widget .out-header .inner {
}
.out-widget .out-header .inner .counter {
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  color: #4175f7;
}
.out-widget .out-header .inner .label {
  text-align: center;
  font-size: 11px;
  color: #333333;
}
.out-widget .out-list {
  display: block;
  grid-area: 0.4;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
  overflow-y: scroll;
}
.out-widget .out-list .out-item {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.out-widget .out-list .out-item strong {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 12px;
}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*
	Icon font
*/
@font-face {
  font-family: 'RedactorFont';
  src: url('redactor-font.eot');
}
@font-face {
  font-family: 'RedactorFont';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  font-weight: normal;
  font-style: normal;
}
/*
	Box
*/
.redactor-box {
  position: relative;
  overflow: visible;
  margin-bottom: 24px;
}
.redactor-box textarea {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: auto;
  outline: none;
  border: none;
  background-color: #111;
  box-shadow: none;
  color: #ccc;
  font-size: 13px;
  font-family: Menlo, Monaco, monospace, sans-serif !important;
  resize: none;
}
.redactor-box textarea:focus {
  outline: none;
}
/*
	Z-index setup
*/
.redactor-editor,
.redactor-box {
  background: #fff;
}
.redactor-editor,
.redactor-box,
.redactor-box textarea {
  z-index: auto !important;
}
.redactor-box-fullscreen {
  z-index: 1052 !important;
}
.redactor-toolbar,
.redactor-dropdown {
  z-index: 1053 !important;
}
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 1054 !important;
}
/*
	Resize
*/
.redactor-resize {
  background: #f4f4f4;
  padding: 4px 0 3px 0;
  cursor: move;
  border: 1px solid #e3e3e3;
  border-top: none;
}
.redactor-resize div {
  width: 30px;
  margin: auto;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}
/*
	Fullscreen
*/
body .redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
/*
	Utils
*/
.body-redactor-hidden {
  overflow: hidden;
}
/*
	Editor
*/
.redactor-editor {
  position: relative;
  overflow: auto;
  margin: 0 !important;
  padding: 20px;
  outline: none;
  white-space: normal;
  border: 1px solid #eee;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor:focus {
  outline: none;
}
/*
	Placeholder
*/
.redactor-placeholder {
  position: relative;
}
.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  color: #999 !important;
  font-weight: normal !important;
}
/* Placeholder in linebreaks mode */
.redactor-linebreaks.redactor-placeholder:after {
  top: 20px;
  left: 20px;
}
/*
	Toolbar
*/
.redactor-toolbar {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.redactor-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.redactor-toolbar.redactor-toolbar-overflow {
  overflow-y: auto;
  height: 29px;
  white-space: nowrap;
}
.redactor-toolbar.redactor-toolbar-external {
  z-index: 999;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.redactor-toolbar li {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  outline: none;
  list-style: none !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor-toolbar li a {
  display: block;
  color: #333;
  text-align: center;
  padding: 9px 10px;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor-toolbar li a:hover {
  outline: none;
  background-color: #1f78d8;
  color: #fff;
}
.redactor-toolbar li a:hover i:before {
  color: #fff;
}
.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
  outline: none;
  background-color: #ccc;
  color: #444;
}
.redactor-toolbar li a.redactor-btn-image {
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}
.redactor-toolbar li a.fa-redactor-btn {
  display: inline-block;
  padding: 9px 10px 8px 10px;
  line-height: 1;
}
.redactor-toolbar li a.redactor-button-disabled {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.redactor-toolbar li a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}
/*
	Icons
*/
.re-icon {
  font-family: 'RedactorFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.re-icon i:before {
  position: relative;
  font-size: 14px;
}
.re-video:before {
  content: "\e600";
}
.re-unorderedlist:before {
  content: "\e601";
}
.re-undo:before {
  content: "\e602";
}
.re-underline:before {
  content: "\e603";
}
.re-textdirection:before {
  content: "\e604";
}
.re-fontcolor:before {
  content: "\e605";
}
.re-table:before {
  content: "\e606";
}
.re-redo:before {
  content: "\e607";
}
.re-quote:before {
  content: "\e608";
}
.re-outdent:before {
  content: "\e609";
}
.re-orderedlist:before {
  content: "\e60a";
}
.re-link:before {
  content: "\e60b";
}
.re-horizontalrule:before {
  content: "\e60c";
}
.re-italic:before {
  content: "\e60d";
}
.re-indent:before {
  content: "\e60e";
}
.re-image:before {
  content: "\e60f";
}
.re-fullscreen:before {
  content: "\e610";
}
.re-normalscreen:before {
  content: "\e611";
}
.re-formatting:before {
  content: "\e612";
}
.re-fontsize:before {
  content: "\e613";
}
.re-fontfamily:before {
  content: "\e614";
}
.re-deleted:before {
  content: "\e615";
}
.re-html:before {
  content: "\e616";
}
.re-clips:before {
  content: "\e617";
}
.re-bold:before {
  content: "\e618";
}
.re-backcolor:before {
  content: "\e619";
}
.re-file:before {
  content: "\e61a";
}
.re-alignright:before {
  content: "\e61b";
}
.re-alignment:before,
.re-alignleft:before {
  content: "\e61c";
}
.re-alignjustify:before {
  content: "\e61d";
}
.re-aligncenter:before {
  content: "\e61e";
}
.re-gallery:before {
  content: "\e61f";
}
/*
	Toolbar tooltip
*/
.redactor-toolbar-tooltip {
  position: absolute;
  z-index: 1054;
  text-align: center;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 5px 8px;
  line-height: 1;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  font-size: 12px;
  border-radius: 2px;
}
/*
	Dropdown
*/
.redactor-dropdown {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0;
  min-width: 220px;
  max-height: 254px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  line-height: 1.6em;
}
.redactor-dropdown a {
  display: block;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.redactor-dropdown a:last-child {
  border-bottom: none;
}
.redactor-dropdown a:hover {
  background-color: #1f78d8;
  color: #fff !important;
  text-decoration: none;
}
/*
	IMAGE BOX
*/
#redactor-image-box {
  position: relative;
  max-width: 100%;
  display: inline-block;
  line-height: 0;
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
#redactor-image-editter {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -18px;
  line-height: 1;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  padding: 7px 10px;
  cursor: pointer;
}
#redactor-image-resizer {
  position: absolute;
  z-index: 2;
  line-height: 1;
  cursor: nw-resize;
  bottom: -4px;
  right: -5px;
  border: 1px solid #fff;
  background-color: #000;
  width: 8px;
  height: 8px;
}
/*
	LINK TOOLTIP
*/
.redactor-link-tooltip {
  position: absolute;
  z-index: 49999;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #555 !important;
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
}
.redactor-link-tooltip a {
  color: #ccc;
  margin: 0 5px;
  text-decoration: none;
}
.redactor-link-tooltip a:hover {
  color: #fff;
}
/*
	DROPAREA
*/
#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 140px 20px;
  border: 3px dashed rgba(0, 0, 0, 0.1);
}
#redactor-droparea.drag-hover {
  background: rgba(200, 222, 250, 0.75);
}
#redactor-droparea.drag-drop {
  background: rgba(250, 248, 200, 0.5);
}
#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}
/*
	PROGRESS
*/
#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}
#redactor-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/*
	MODAL
*/
#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #000 !important;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#redactor-modal {
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 14px !important;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
}
#redactor-modal header {
  padding: 30px 40px 5px 40px;
  font-size: 18px;
  font-weight: bold;
}
#redactor-modal section {
  padding: 30px 40px 50px 40px;
}
#redactor-modal label {
  display: block;
  float: none !important;
  margin: 15px 0 3px 0 !important;
  padding: 0;
}
#redactor-modal input[type="radio"],
#redactor-modal input[type="checkbox"] {
  position: relative;
  top: -1px;
}
#redactor-modal select {
  width: 100%;
}
#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal textarea {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 5px 4px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  -moz-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}
#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]:focus,
#redactor-modal textarea:focus {
  outline: none;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal input[type="text"].redactor-input-error,
#redactor-modal input[type="password"].redactor-input-error,
#redactor-modal input[type="email"].redactor-input-error,
#redactor-modal input[type="url"].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
  border-color: #e82f2f;
  box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal textarea {
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}
/*
	Tabs in Modal
*/
#redactor-modal-tabber {
  margin-bottom: 15px;
  font-size: 12px;
}
#redactor-modal-tabber a {
  border: 1px solid #ddd;
  line-height: 1;
  padding: 8px 15px;
  margin-right: -1px;
  text-decoration: none;
  color: #000;
}
#redactor-modal-tabber a:hover {
  background-color: #1f78d8;
  border-color: #1f78d8;
  color: #fff;
}
#redactor-modal-tabber a.active {
  cursor: default;
  background-color: #ddd;
  border-color: #ddd;
  color: rgba(0, 0, 0, 0.6);
}
/*
	List in Modal
*/
#redactor-modal #redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: scroll;
}
#redactor-modal #redactor-modal-list li {
  border-bottom: 1px solid #ddd;
}
#redactor-modal #redactor-modal-list li:last-child {
  border-bottom: none;
}
#redactor-modal #redactor-modal-list a {
  padding: 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  position: relative;
}
#redactor-modal #redactor-modal-list a:hover {
  background-color: #eee;
}
#redactor-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  text-align: right;
  color: #bbb;
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
}
#redactor-modal-close:hover {
  color: #000;
}
#redactor-modal footer button {
  position: relative;
  width: 100%;
  padding: 14px 16px;
  margin: 0;
  outline: none;
  border: none;
  background-color: #ddd;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  line-height: 1;
  cursor: pointer;
}
#redactor-modal footer button:hover {
  color: #777;
  background: none;
  background: #bbb;
  text-decoration: none;
}
#redactor-modal footer button.redactor-modal-delete-btn {
  background: none;
  color: #fff;
  background-color: #b52525;
}
#redactor-modal footer button.redactor-modal-delete-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #881b1b;
}
#redactor-modal footer button.redactor-modal-action-btn {
  background: none;
  color: #fff;
  background-color: #2461b5;
}
#redactor-modal footer button.redactor-modal-action-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1a4580;
}
/*
	##############################################

	DROPDOWN FORMATTING

	##############################################
*/
.redactor-dropdown .redactor-formatting-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
.redactor-dropdown .redactor-formatting-pre {
  font-family: monospace, sans-serif;
}
.redactor-dropdown .redactor-formatting-h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h5 {
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
}
/*
	##############################################

	 CONTENT STYLES

	##############################################
*/
.redactor-editor code,
.redactor-editor pre {
  font-family: Menlo, Monaco, monospace, sans-serif !important;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor a {
  color: #15c;
  text-decoration: underline;
}
.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
  max-width: 100%;
  width: auto;
}
.redactor-editor video,
.redactor-editor img {
  height: auto;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}
.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
  margin-bottom: 15px;
}
.redactor-editor blockquote {
  margin-left: 1.6em !important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}
.redactor-editor ul,
.redactor-editor ol {
  padding-left: 2em;
}
.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}
.redactor-editor dl dt {
  font-weight: bold;
}
.redactor-editor dd {
  margin-left: 1em;
}
.redactor-editor table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.redactor-editor table td,
.redactor-editor table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.redactor-editor table thead td,
.redactor-editor table th {
  font-weight: bold;
  border-bottom-color: #888;
}
.redactor-editor code {
  background-color: #d8d7d7;
}
.redactor-editor pre {
  overflow: auto;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
}
.redactor-editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
  font-weight: bold;
  color: #000;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 0.5em 0;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
  line-height: 1.3;
}
.redactor-editor h1 {
  font-size: 36px;
}
.redactor-editor h2 {
  font-size: 24px;
  margin-bottom: 0.7em;
}
.redactor-editor h3 {
  font-size: 21px;
}
.redactor-editor h4 {
  font-size: 18px;
}
.redactor-editor h5 {
  font-size: 16px;
}
.redactor-editor h6 {
  font-size: 12px;
  text-transform: uppercase;
}
body,
html,
p,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
span {
  color: #525252;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  height: 100%;
}
strong {
  font-weight: bold;
}
p {
  font-size: 12px;
}
*,
*:active,
*:hover {
  outline: none;
}
table tr td {
  vertical-align: top;
}
#application,
.view {
  height: 100%;
}
#application {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.app-layout {
  height: 100%;
  width: 100%;
  border-spacing: 0;
}
.app-layout tr td {
  padding: 0;
  vertical-align: top;
  border-collapse: collapse;
}
.clearer {
  clear: both;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.flag-icon-DEFAULT {
  background-image: url("../../icons/who_flag.svg.png");
}
.navigation {
  background: #FFF;
  color: #333;
  border-bottom: none;
  display: block;
  height: 30px;
}
.navigation .nav-flag {
  display: block;
  float: left;
  height: 30px;
  width: 53px;
  clip-path: circle(16px at center);
  -webkit-clip-path: circle(16px at center);
}
.navigation .nav-flag .flag-icon {
  width: 53px;
  height: 40px;
}
.navigation .nav-logo {
  display: block;
  color: #333;
  float: left;
  padding: 7px 7px 7px 7px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
.navigation .nav-logo:hover {
  background-color: #333;
  color: #FFF;
}
.navigation .menu-item {
  position: relative;
  display: inline-block;
  float: left;
  font-size: 16px;
}
.navigation .menu-item.right {
  float: right;
}
.navigation .menu-item a {
  color: #333;
  display: block;
  padding: 7px 7px;
  text-decoration: none;
  float: left;
}
.navigation .menu-item a:hover {
  fill: #FFF;
  background-color: #333;
  color: #FFF;
}
.navigation .menu-item:hover > #cerebro {
  display: block;
  opacity: 1;
}
.notification {
  border-left: 3px solid #CCC;
  display: block;
  margin-bottom: 10px;
  padding: 3px 3px 3px 10px;
}
.notification blockquote {
  font-size: 0.9em;
}
.notification.bad {
  border-color: red;
}
/***************************************/
/* Layout
/***************************************/
.layout {
  height: 100%;
  width: 100%;
  background-color: #FFF;
}
.layout #application {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 37px;
  right: 0;
  bottom: 0;
  lefT: 0;
  overflow: auto;
}
.layout #application h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.2em;
}
.view {
  position: relative;
  height: 100%;
  background-color: #333;
}
.view .sub-view {
  margin: 0 !important;
  display: block;
  height: 100%;
  padding-left: 210px;
}
.view .sub-view .grid {
  padding-bottom: 40px;
}
/***************************************/
/* Directory Menu
/***************************************/
.menu {
  display: block;
  margin: 0;
  padding: 0;
}
.menu li {
  display: block;
  list-style: none;
  position: relative;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
}
.menu li:hover {
  background-color: #333;
}
/***************************************/
/* Sub-Navigation
/***************************************/
.nav-sub {
  background-color: #000;
  padding: 10px;
  color: #FFF;
  position: absolute;
  min-width: 300px;
  z-index: 999;
  height: 100%;
  top: 0;
  left: 60px;
}
.post {
  background-color: #FFF;
  display: block;
  padding-top: 10px;
}
.post h1 {
  margin-top: 0;
}
.sit-sub {
  margin-bottom: 0;
  text-transform: uppercase;
  color: #CCC;
}
.sit-title {
  margin-top: 0;
  font-size: 2em;
}
.forms {
  padding: 5px;
}
.forms h4 {
  margin-top: 5px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #CCC;
  padding: 5px 10px;
  color: #FFF;
  font-weight: normal;
  background-color: #333;
}
.forms .repeater {
  padding: 10px;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #CCC;
}
.forms .form-controls {
  display: flex;
}
.forms .form-controls label {
  flex: 1;
  background-color: #333;
  color: #F2F2F2;
  display: block;
  font-size: 0.8em;
  padding: 10px;
  border-bottom: 1px solid #CCC;
}
.forms .form-controls .controls {
  flex: 3;
  padding: 10px;
  border-bottom: 1px solid #CCC;
}
.forms .form-controls .controls input {
  display: block;
  width: 100%;
  border-radius: 3px;
  padding: 5px;
  border: 1px solid #CCC;
}
.forms .form-controls .controls input[disabled='disabled'],
.forms .form-controls .controls input:disabled {
  background-color: #CCC !important;
  cursor: not-allowed;
}
.forms .form-controls .controls input[disabled='disabled'] {
  background-color: #CCC;
}
.forms .form-controls .controls textarea {
  display: block;
  width: 100%;
  min-height: 100px;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #CCC;
}
.not-implemented {
  display: block;
  height: 100%;
  width: 100%;
}
.not-implemented .not-impl-notice {
  width: 500px;
  margin: 60px auto 0 auto;
  padding: 30px;
  background: #FFF;
  box-shadow: 0px 3px 8px #CCC;
  border-radius: 3px;
  text-align: center;
}
.not-implemented .not-impl-notice h3 {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #424142;
  margin-bottom: 30px;
}
.not-implemented .not-impl-notice p {
  color: #9c9c9c;
}
#menu-revert {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 0;
  width: 30px;
  text-align: center;
  background-color: #333;
  color: #FFF;
  cursor: pointer;
  z-index: 999;
  display: none;
}
#menu-revert:hover {
  color: orangered;
}
.sectional {
  border-bottom: 1px solid #dadada;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
/* Assignment */
.assignment {
  font-size: 0.8em;
  padding: 5px;
  border: 1px solid #dadada;
  margin-bottom: 10px;
}
.task {
  display: block;
  border: 1px solid #dadada;
  margin-bottom: 10px;
  cursor: pointer;
}
.task .task-icon {
  display: block;
  float: left;
  padding: 10px 10px 10px 10px;
}
.task:hover {
  background-color: #1780c9;
  color: #FFF;
}
.task:hover > p {
  color: #FFF !important;
}
.task .task-content {
  display: block;
  padding: 0 0 0 34px;
  font-size: 0.8em;
}
.task .task-content .task-title {
  border-bottom: 1px solid #dadada;
  padding: 5px 10px;
  border-left: 1px solid #dadada;
}
.task .task-content .task-details {
  border-left: 1px solid #dadada;
  font-size: 0.9em;
}
.task .task-content .task-details .setting {
  display: inline-block;
  padding: 3px 10px;
  color: #FFF;
  background-color: #333;
}
.task .task-content .task-details .value {
  display: inline-block;
  padding: 3px 10px;
  border-right: 1px solid #dadada;
}
/* Notifications */
#notification-stream {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 350px;
  height: auto;
  z-index: 999999999999;
}
#notification-stream .ew-not-modal {
  position: relative !important;
  margin-top: 10px;
  background-color: #FFF;
}
#notification-stream .ew-not-modal.red .header {
  background-color: #FFEBEE !important;
  color: #be616b !important;
}
#notification-stream .ew-not-modal.red .header .icon,
#notification-stream .ew-not-modal.red .header .title {
  color: #be616b;
}
#notification-stream .ew-not-modal.green .header {
  background-color: #dff0d8 !important;
  color: #a4bd8e !important;
}
#notification-stream .ew-not-modal.green .header .icon,
#notification-stream .ew-not-modal.green .header .title {
  color: #a4bd8e;
}
#notification-stream .ew-not-modal .header {
  display: block;
  background-color: #FFF;
}
#notification-stream .ew-not-modal .header .icon {
  display: inline-block;
  padding: 10px 5px 10px 10px;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  font-weight: bold;
}
#notification-stream .ew-not-modal .header .title {
  padding: 10px 5px 10px 5px;
  color: #424142;
  display: inline-block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  font-weight: bold;
}
#notification-stream .ew-not-modal .body {
  background-color: #333;
  color: #FFF !important;
  padding: 15px;
}
#notification-stream .ew-not-modal .footer {
  background-color: #333;
  color: #FFF;
  padding: 5px;
}
.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.dropdown-content,
.collapsible,
.side-nav {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.z-depth-1-half {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.z-depth-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-4,
.modal {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.z-depth-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
/** Search list Component **/
.search-list {
  display: block;
}
.search-list .search {
  position: relative;
}
.search-list .search .search-cancel {
  position: absolute;
  top: 6px;
  right: 6px;
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 30px;
  background-color: black;
  color: white;
  text-align: center;
  font-size: 1.3em;
  cursor: pointer;
  line-height: 100%;
  padding: 0;
}
.search-list .items {
  display: block;
  max-height: 300px;
  overflow-y: scroll;
  padding: 5px;
  border: 1px solid #dadada;
}
.search-list .items ul {
  margin: 0;
  padding: 0;
}
.search-list .items ul li {
  list-style: none;
  cursor: pointer;
  display: block;
  border-bottom: 1px solid #dadada;
  padding: 5px;
}
.search-list .items ul li.active {
  background-color: #1780c9;
  color: #FFF;
}
.search-list .items ul li:hover {
  background-color: #ececec;
}
/** Select dropdowns **/
.location-tree-wrapper {
  position: absolute;
  top: 30px;
  right: 0;
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  overflow-y: auto;
  background-color: #FFFFFF;
  z-index: 9999;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.location-tree-wrapper h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.location-tree-wrapper ul.languages-options {
  display: block;
  float: left;
}
.location-tree-wrapper ul.languages-options li {
  display: block;
  float: left;
}
.location-tree-wrapper ul.languages-options li .label {
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #dadada;
  text-align: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.location-tree-wrapper ul.languages-options li .label:hover {
  color: #FFF;
  background-color: #1780c9;
}
.location-tree-wrapper ul.languages-options .language {
  display: none;
}
.location-tree-wrapper ul.languages-options .language.active {
  display: block;
}
.location-tree-wrapper.relative {
  position: relative;
  display: block;
  top: auto;
  left: auto;
  max-height: 300px;
  width: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.location-tree-wrapper.relative .location-tree,
.location-tree-wrapper.relative .tree {
  padding: 0;
}
.location-tree-wrapper .search {
  padding: 5px;
  border-bottom: 1px solid #ececec;
}
.location-tree,
.tree {
  padding: 10px;
  font-size: 14px;
}
.location-tree ul,
.tree ul {
  margin: 0;
  padding: 0;
}
.location-tree ul li,
.tree ul li {
  display: block;
  list-style: none;
  margin-bottom: 5px;
  border-bottom: none;
  padding: 0;
}
.location-tree ul li li:nth-child(2),
.tree ul li li:nth-child(2) {
  background-color: transparent;
}
.location-tree ul li .node-check,
.tree ul li .node-check {
  display: block;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.location-tree ul li .node-control,
.tree ul li .node-control {
  display: block;
  float: left;
  width: 18px;
  margin-right: 3px;
  text-align: center;
}
.location-tree ul li .node-control i,
.tree ul li .node-control i {
  text-align: center;
}
.location-tree ul li .node-control:hover,
.tree ul li .node-control:hover {
  cursor: pointer;
  border-radius: 3px;
  background-color: #dadada;
}
.location-tree ul li .label,
.tree ul li .label {
  display: block;
}
.location-tree ul li .label:hover,
.tree ul li .label:hover {
  color: #1780c9;
  cursor: pointer;
}
.location-tree ul li .children,
.tree ul li .children {
  margin-left: 15px;
}
.location-tree ul li .children ul li,
.tree ul li .children ul li {
  margin-top: 3px;
}
#tooltip {
  text-align: center;
  color: #fff;
  background: #000;
  font-size: 0.8em;
  position: absolute;
  z-index: 100;
  padding: 5px 10px;
}
#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #111;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}
#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto;
}
#tooltip.left:after {
  left: 10px;
  margin: 0;
}
#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}
.location-stack,
.tree-wrapper {
  display: block;
  height: 100%;
  color: #333;
}
.location-stack.dark,
.tree-wrapper.dark {
  color: #F1F1F1;
}
.location-stack.dark input[type='text'],
.tree-wrapper.dark input[type='text'] {
  color: #F1F1F1;
}
.location-stack.dark ul li .label,
.tree-wrapper.dark ul li .label {
  color: #FFF;
}
.location-stack.dark ul li .label.green,
.tree-wrapper.dark ul li .label.green {
  color: green;
}
.location-stack.dark ul li .label.green span,
.tree-wrapper.dark ul li .label.green span {
  color: green !important;
}
.location-stack.dark ul li .label span,
.tree-wrapper.dark ul li .label span {
  color: #FFF;
}
.location-stack.dark ul li .label span.location-type,
.tree-wrapper.dark ul li .label span.location-type {
  color: #999999;
}
.location-stack.dark ul li .label:hover,
.tree-wrapper.dark ul li .label:hover {
  color: #1780c9;
}
.location-stack.dark ul li .label:hover span,
.tree-wrapper.dark ul li .label:hover span {
  color: #1780c9;
}
.location-stack.dark ul li .node-control:hover .fa,
.tree-wrapper.dark ul li .node-control:hover .fa {
  color: #333;
}
.location-stack .search,
.tree-wrapper .search {
  display: block;
}
.location-stack .search .search-wrapper,
.tree-wrapper .search .search-wrapper {
  display: block;
  margin: 0 0px 0 0px;
  border: 2px solid #c1c1c1;
  box-shadow: 0 -1px 1px #FFFFFF;
  border-radius: 8px;
  padding: 3px;
}
.location-stack .search .search-wrapper .icon,
.tree-wrapper .search .search-wrapper .icon {
  display: block;
  float: left;
  width: 16px;
}
.location-stack .search .search-wrapper input[type='text'],
.tree-wrapper .search .search-wrapper input[type='text'] {
  border: none !important;
  font-size: 14px;
  margin: 0;
  padding: 0 !important;
  background: transparent !important;
}
.location-stack .location-tree,
.tree-wrapper .location-tree,
.location-stack .tree,
.tree-wrapper .tree {
  padding: 10px 0 0 0;
}
.location-stack ul,
.tree-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.location-stack ul li,
.tree-wrapper ul li {
  list-style: none;
  display: block;
}
.location-stack ul li .label,
.tree-wrapper ul li .label {
  color: #333;
  font-size: 14px;
}
.location-stack ul li .label span,
.tree-wrapper ul li .label span {
  color: #333;
}
.location-stack ul li .label.green,
.tree-wrapper ul li .label.green {
  color: #a4bd8e;
}
.location-stack ul li .label.green span,
.tree-wrapper ul li .label.green span {
  color: #a4bd8e;
}
.placeholder {
  text-align: center;
  padding: 45px 0;
}
/** FOOTER **/
.app-footer {
  border-top: 1px solid #dadada;
  background: #F2F2F2;
  height: 25px;
  padding: 5px;
}
.app-footer span {
  font-size: 12px;
  float: left;
  color: #848484;
}
.app-footer span a {
  color: inherit;
  text-decoration: underline;
}
.app-footer span a:hover {
  color: #1780c9;
}
.app-footer span.pull-right {
  float: right;
}
/** PASSWORD_RECOVER **/
.recovery-view {
  display: block;
  width: 500px;
  margin: 30px auto 0 auto;
}
/** SPINNER **/
.spinner-wrap {
  display: block;
}
.spinner-wrap .spinner {
  padding: 25px 0;
  text-align: center;
  font-size: 30px;
  color: #333;
}
.spinner-wrap .smallSpinner {
  text-align: center;
  color: #333;
}
/** OFFLINE **/
.offline {
  position: absolute;
  top: 10px;
  width: 400px;
  border-radius: 3px;
  left: 50%;
  margin-left: -200px;
  background-color: red;
  color: #FFF;
  padding: 8px;
  box-shadow: 0px 6px 6px #CCC;
}
/** WARNING **/
.warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  padding: 5px;
  border-radius: 3px;
  display: block;
}
/** EXPLAINER**/
.explain {
  display: inline-block;
  position: relative;
}
.explain .explanation {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #FFF;
  border-radius: 3px;
  min-height: 30px;
  width: 300px;
  border: 1px solid #dadada;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-decoration: none;
  text-transform: none;
  text-align: left !important;
  padding: 8px;
}
.explain .explanation .explain-title {
  text-align: left;
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}
.explain .explanation .content {
  display: block;
}
/**  MOBILE_ERRORS **/
/** Shown when user visits from a mobile device **/
.mob {
  width: 250px;
  margin: 20px auto 0 auto;
}
.mob h3 {
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
  background-color: #FFF;
  padding: 8px;
  border-radius: 3px;
  font-weight: bold;
}
.mob p {
  line-height: 1.2em;
  margin-bottom: 8px;
}
/** GROWL **/
.growl-wrapper {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
}
.growl-wrapper .growl-content {
  padding: 10px;
  color: #F1F1F1;
  background-color: #000;
  border-radius: 6px;
  margin: 0 auto;
  max-width: 200px;
  text-align: center;
  font-size: 12px;
  display: block;
  opacity: 0.9;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/** BREADCRUMB **/
.breadcrumb {
  display: block;
  background-color: #ececec;
}
.breadcrumb ul {
  display: block;
  margin: 0;
  padding: 0;
}
.breadcrumb ul li {
  list-style: none;
  display: block;
  float: left;
}
.breadcrumb ul li a {
  display: block;
  float: left;
  padding: 8px 10px;
  color: #1780c9;
}
.zone {
  display: block;
  margin: 16px 8px 16px 16px;
}
.zone .zone-title {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 14px;
}
.zone .zone-items {
  display: block;
  margin-left: 10px;
}
.zone .zone-items .item {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  cursor: pointer;
}
.green {
  color: #a4bd8e;
}
.report-progress {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 3px;
  background: #FFF;
  width: 100%;
  text-align: center;
  color: #333;
}
.report-progress .report-progress-inner {
  background: #a4bd8e;
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
}
.assign-list {
  margin: 8px;
}
.assign-list-item {
  display: block;
  margin-bottom: 8px;
  border: 1px solid #dedede;
  padding: 3px;
  cursor: pointer;
  transition: background-color 0.5s ease;
}
.assign-list-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
.assign-list-item .assign-create {
  border-right: 6px solid transparent;
}
.assign-list-item .create-btn,
.assign-list-item .browse-btn {
  cursor: pointer;
  text-align: center;
  border-radius: 60px;
  padding: 8px;
}
.assign-list-item .create-btn:hover,
.assign-list-item .browse-btn:hover {
  background: #333;
}
.assign-list-item .create-btn {
  background: #a4bd8e;
  color: #F2F2F2;
}
.assign-list-item .browse-btn {
  background: #8a6d3b;
  color: #F2F2F2;
}
.assign-list-item .assign-control {
  display: block;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  background: #F2F2F2;
}
.assign-list-item .assign-control .ide-col {
  position: relative;
}
.assign-list-item .assign-control .icon,
.assign-list-item .assign-control .label {
  display: block;
  float: left;
  padding: 8px;
}
.assign-list-item .assign-control .icon {
  text-align: left;
  font-size: 16px;
}
.assign-list-item .assign-control .label {
  text-align: left;
}
.assign-list-item .assign-control.create {
  color: #a4bd8e;
  margin-right: 4px;
}
.assign-list-item .assign-control.browse {
  color: #8a6d3b;
  margin-left: 4px;
}
.assign-list-item .assign-control:hover {
  background: #333;
  color: #F2F2F2;
}
.gui-blocker {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAAIMAAAhQCB69VMmQAAAABJRU5ErkJggg==);
  width: 100%;
  height: 100%;
}
.gui-blocker .gui-blocker-msg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -37px;
}
.gui-blocker .gui-blocker-msg .gui-blocker-icon {
  font-size: 40px;
  display: block;
  margin-bottom: 18px;
  color: #FFFFFF;
  text-align: center;
}
.gui-blocker .gui-blocker-msg .gui-message {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #FFF;
}
.gui-blocker .gui-blocker-close {
  color: white;
  float: right;
  font-size: 25px;
  margin-top: 20px;
  margin-right: 20px;
  cursor: pointer;
}
/** Generic Lists **/
.iw-list {
  display: block;
  overflow-y: auto;
}
.iw-list .iw-list-item {
  display: block;
  border-bottom: 1px solid #dadada;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
}
.iw-list .iw-list-item:hover {
  background: #ececec;
}
.iw-list .iw-list-item .title {
  font-weight: bold;
  margin-bottom: 5px;
}
.report-tabs-overflow {
  display: block;
  width: 50px;
  height: 34px;
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 999;
  background: #FFF;
  border-left: 1px solid #dadada;
  padding: 12px 0px;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
}
.report-tabs-overflow .handle:hover {
  background: #424142;
  color: #FFF;
}
.report-tabs-overflow .tabs-list {
  position: absolute;
  top: 35px;
  right: 0;
  min-width: 200px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: auto;
  background: #FFFFFF;
}
.report-tabs-overflow .tabs-list .tab-item {
  display: block;
  padding: 8px;
  color: #333;
  border-bottom: 1px solid #dadada;
  text-align: left;
}
.report-tabs-overflow .tabs-list .tab-item:hover {
  background: #333;
}
.context-menu {
  display: block;
  position: absolute;
  width: 250px;
  height: auto;
  background: #FFFFFF;
  color: #333;
  z-index: 999;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.context-menu .context-menu-item {
  display: block;
  padding: 5px 8px;
  border-bottom: 1px solid #dadada;
}
.context-menu .context-menu-item:hover {
  background: #333;
  color: #FFFFFF;
}
.search {
  margin: 14px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 3px;
}
.search .search-inner {
  border-radius: 3px;
}
.search .search-inner .ide-col.search-left {
  text-align: center;
  padding-top: 7px;
}
.search .search-inner .ide-col.search-right {
  text-align: center;
  padding-top: 7px;
  cursor: pointer;
}
.search .search-inner .ide-col.search-right:hover {
  color: #be616b;
}
.search .search-inner .ide-col input[type="text"] {
  border: none !important;
  outline: none;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.search .search-inner i {
  text-align: center;
}
.form-search-input input[type="text"]{
  max-height:20px !important;
}
.overdue-list {
  display: block;
  min-height: 200px;
  overflow: auto;
}
.overdue-list .overdue-item {
  display: block;
  border-bottom: 1px solid #CCC;
}
.overdue-list .overdue-item .header {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
}
.overdue-list .overdue-item .header .title {
  font-weight: bold;
  padding: 8px 8px 0 8px;
  margin-bottom: 5px;
}
.overdue-list .overdue-item .header .content {
  padding: 0px 8px;
}
.overdue-list .overdue-item .missing {
  display: block;
  margin-bottom: 8px;
}
.overdue-list .overdue-item .missing .missed {
  display: block;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  margin-bottom: 5px;
  cursor: pointer;
  padding: 5px;
  margin-left: 8px;
  margin-right: 8px;
}
.overdue-list .overdue-item .missing .missed:hover {
  background: #ececec;
}
@keyframes moveIn {
  0% {
    left: 100%;
  }
  100% {
    left: 0%;
  }
}
@keyframes moveOut {
  100% {
    left: 0%;
  }
  0% {
    left: 100%;
  }
}
@keyframes moveUp {
  0% {
    top: 100%;
  }
  100% {
    top: 0%;
  }
}
@keyframes moveDown {
  0% {
    top: 0%;
  }
  100% {
    top: 100%;
  }
}
.shade {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 102;
  background: rgba(0, 0, 0, 0.5);
}
.shade.shown .shade-content {
  animation: moveIn 0.5s ease;
}
.shade.hidden {
  display: none;
}
.shade.hidden .shade-content {
  left: 100%;
}
.shade .shade-close {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 35px;
  width: 35px;
  text-align: center;
  margin-top: -20px;
  margin-left: -23px;
}
.shade .shade-close:hover {
  color: red;
}
.shade .shade-close .fa {
  font-size: 30px;
  color: #FFFF F;
  cursor: pointer;
}
.shade .shade-shoulder:hover .shade-close {
  color: red;
}
.shade .shade-content {
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bttn {
  display: inline-block;
  border: 1px solid #d9d9d9;
  color: #333;
  background: white;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  padding: 5px 8px;
  font-weight: bold;
}
.bttn.disabled {
  color: #989898;
}
.bttn.red {
  border-color: #be616b;
  color: #be616b;
}
.bttn.red:hover {
  background: #be616b;
  color: #FFF;
}
.bttn.amber {
  border-color: #8a6d3b;
  color: #8a6d3b;
}
.bttn.amber:hover {
  background: #8a6d3b;
  color: #FFF;
}
.bttn.green {
  border-color: #a4bd8e;
  color: #a4bd8e;
}
.bttn.green:hover {
  background: #a4bd8e;
  color: #FFF;
}
.bttn:hover,
.bttn.active {
  background: #4f4f4f;
  color: #F2F2F2;
}
.bttn.no-label i {
  padding-right: 0;
}
.bttn i {
  padding-right: 6px;
}
.merge-tree {
  padding: 10px;
}
.merge-tree ul {
  display: block;
}
.merge-tree ul li {
  display: block;
  margin-bottom: 5px;
}
.iw-overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
}
.iw-overlay .iw-overlay-center {
  position: relative;
  background: #FFFFFF;
  height: auto;
  width: 500px;
  margin: 60px auto 0 auto;
}
.iw-overlay .iw-overlay-center table tr {
  cursor: pointer;
}
.iw-overlay .iw-overlay-center table tr:hover td {
  background: #FFFFFF;
}
.iw-overlay .iw-overlay-center table tr th {
  background: #000000;
  text-align: left;
}
.iw-overlay .iw-overlay-center table tr td,
.iw-overlay .iw-overlay-center table tr th {
  padding: 6px;
}
.chart-loading {
  font-size: 16px;
  vertical-align: middle;
}
.collapser {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  cursor: pointer;
  padding: 5px;
}
.collapser:hover {
  background: #333;
  color: #F2F2F2;
}
.collapser.right {
  top: -10px;
  right: 10px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.collapser.left {
  top: 10px;
  left: -10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.permit-table {
  width: 100%;
}
.permit-table td,
.permit-table th {
  text-align: left;
}
.permit-table thead tr th {
  background: rgba(0, 0, 0, 0.1);
  min-height: 50px;
  padding-bottom: 60px;
  padding-right: 60px;
}
.permit-table thead tr th:first-child {
  border-right: 3px solid transparent;
}
.permit-table tbody tr td,
.permit-table tbody tr th {
  padding: 8px;
  border-right: 5px solid transparent;
  background: rgba(0, 0, 0, 0.1);
}
.permit-table tbody tr th:first-child {
  text-align: right;
}
.keyed-editor {
  width: 100%;
}
.keyed-editor thead tr th {
  padding: 8px;
  color: #F2F2F2;
  background: rgba(0, 0, 0, 0.1);
}
.keyed-editor tbody tr td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px;
}
.keyed-editor tbody tr.editing td {
  padding: 0;
}
.print-record {
  display: block;
  margin: 0 auto;
  width: 980px;
  padding-top: 20px;
}
.print-record .form-name {
  font-weight: bold;
  font-size: 22px;
  color: #333333;
  display: block;
  margin-bottom: 8px;
}
.print-record .location-name,
.print-record .record-date {
  font-size: 16px;
  display: block;
}
.print-record .data {
  display: block;
  margin-top: 16px;
  padding-bottom: 16px;
}
.print-record .data .header {
  display: block;
  padding: 8px 8px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 12px;
  background: #F2f2f2;
  margin-bottom: 6px;
}
.print-record .data .sub-header {
  display: block;
  padding: 8px 0;
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
}
.print-record .data table {
  width: 100%;
  border: 1px solid #CCCCCC;
  margin-bottom: 6px;
}
.print-record .data table tr th {
  background: #F2F2F2;
  padding: 8px;
  text-align: right;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px;
  font-weight: bold;
}
.print-record .data table tr td {
  padding: 8px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px;
  text-align: right;
}
.print-record .data .field {
  display: flex;
  border: 1px solid #CCCCCC;
  margin-bottom: 4px;
}
.print-record .data .field .label {
  flex: 1;
  font-weight: bold;
  font-size: 14px;
  padding: 8px;
  text-align: right;
  border-right: 1px solid #CCCCCC;
  background: #F2F2F2;
}
.print-record .data .field .value {
  flex: 2;
  font-size: 14px;
  padding: 8px;
}
.account-selector {
  position: absolute;
  top: 35px;
  right: 0;
  width: 200px;
  border: 1px solid #CCCCCC;
  z-index: 99999;
  background: #F2F2F2;
  max-height: 300px;
  display: block;
}
.account-selector .account-inner {
  max-height: 200px;
  overflow-y: auto;
}
.account-selector .account-inner .account-item {
  display: block;
  background: #FFFFFF;
  width: 100%;
  padding: 5px;
  cursor: pointer;
  border-bottom: 1px solid #CCCCCC;
}
.account-selector .account-inner .account-item:hover {
  background: #333333;
  color: #F2F2F2;
}
.map-svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.hidden {
  display: none;
}
.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
  color: #000 !important;
  background-color: #9e9e9e !important;
}

.w3-border {
  border: 1px solid #ccc !important;
}
/*
 * Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.cssflow.com
 * Licensed under the MIT License
 *
 * Sass/SCSS source: https://goo.gl/UhXKg
 * PSD by Vin Thomas: https://goo.gl/n1M2e
 */


.container {
  margin: 60px auto;
  width: 400px;
  text-align: center;
}

.container .progress {
  margin: 0 auto;
  width: 400px;
}

.progress {
  padding: 4px;
  position: relative;
  background: rgba(0, 0, 0, 0.25);
  
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
  height: 16px;
  border-radius: 4px;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;
  transition-property: width, background-color;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}

/*
 * Note: using adjacent or general sibling selectors combined with
 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
 *       See this article for more info and a potential fix:
 *       https://css-tricks.com/webkit-sibling-bug/
 */

#five:checked ~ .progress > .progress-bar {
  width: 5%;
  background-color: #f63a0f;
}

#twentyfive:checked ~ .progress > .progress-bar {
  width: 25%;
  background-color: #f27011;
}

#fifty:checked ~ .progress > .progress-bar {
  width: 50%;
  background-color: #f2b01e;
}

#seventyfive:checked ~ .progress > .progress-bar {
  width: 75%;
  background-color: #f2d31b;
}

#onehundred:checked ~ .progress > .progress-bar {
  width: 100%;
  background-color: #86e01e;
}

.radio {
  display: none;
}

.label {
  display: inline-block;
  margin: 0 0px 6px;
  padding: 3px 8px;
  color: #525252;
  /* text-shadow: 0 1px black; */
  border-radius: 3px;
  cursor: pointer;
}

.radio:checked + .label {
  color: white;
  background: rgba(0, 0, 0, 0.25);
}

.progress-percentage{
  position: absolute;
    top: 0;
    line-height: 20px;
    left: 50%;
    color: white;
}

.fa-backward{
  color: #333333;
}
.syncedAccountStyle{
  cursor: pointer;
  color: #0078A8;
}

.not-hub-error-msg{
  position: absolute;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  margin-top: 10%;
  text-align: center;
  border-radius: 10px;
  border: solid 2px;
  opacity: 0.5;
}

.loading-screen {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  margin-top: -100px;
  text-align: center;
}

.not-hub-error-msg .title {
  font-weight: bold;
  font-size: 30px;
  color: black;
  margin-bottom: 16px;
}

.not-hub-error-msg p {
  font-size: 17px;
  margin-bottom: 10px;
  color: black;
  font-style: italic;
}

.not-hub-error-msg .team {
  color: black;
}

.not-hub-waring-msg{
  color: #8a6d3b !important;
  padding: 5px;
  border-radius: 10px;
  display: block;
}

.not-hub-waring-msg i{
  font-size: 25px;
}

.wifi-barcode-scan-line{
  margin-right: 2%;
  font-size: 18px;
  opacity: 0.7;
  margin-bottom: 5px;
  text-align: center;
}

.wifilist_wrapper{
  text-align: center;
  width: 550px;
  padding-bottom: 40px;
  margin: 0 auto;
  margin-top: 100px;
  background: #fff;
  box-shadow: 1px 1px 15px #e8e8e8;
}

.wifilist_header{
  background: #33333421;
  padding: 15px;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.wifilist_wrapper p {
  position: relative;
  top: 5px !important;
  left: 10px;
  margin-top: 10px;
}

.wifilist_wrapper p i{
  position: relative;
  /* top: 5px !important; */
  left: 10px;
}

.wifilist_wrapper p a{
  color: #333333;
}

.btn-lg{
  width: 450px;
  height: 46px;
  border-radius: 5px;
  border:1px solid #c8d1d8;
  margin-bottom: 8px;
  margin-left: 70px;
  margin-top: 5px;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background .3s;
}

.btn-lg:hover{
  background: #edf1f4;
  color: #33333385;
  border-color: #33333385;
}

.btn-lg-wifi{
  width: 450px;
  height: 46px;
  border-radius: 5px;
  border:1px solid #c8d1d8;
  margin-bottom: 8px;
  /* margin-left: 70px;
  margin-top: 5px; */
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background .3s;
}

.btn-lg-wifi:hover{
  background: #edf1f4;
  color: #33333385;
  border-color: #33333385;
}

.mt-40{
  margin-top: 40px;
}
.mb-30{
  margin-bottom: 30px;
}

.btn-scan{
  background: #333333;
  padding: 0px 41px;
  color: #fff;
  border: 0px;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
  transition: background .3s;
  margin-top: 30px;
  margin-left: 15px;

}

.btn-scan:hover{
  background: #333333a3;
}

button:focus{
  outline: none;
}

.syncing_accounts_inner{
    width: 445px;
    height: 340px;
    border:1px solid #d3d8dc;
    text-align: center;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    font-size:16px;
}

.barcode{
    margin-top: 40px;
}
.text-gray{
    color: #878f9c;
}

.syncing_accounts_inner a{
    text-decoration: none;
    color: #878f9c;
    font-weight: 600;
}

.btn-wrapper{
    position: absolute;
    bottom: -13px;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px 20px;
}

.btn{
    background: #333333;
    padding: 0px 18px;
    color: #fff;
    border:0px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
}
.address-inner{
    background: #fff;
    position: absolute;
    top:-26px;
    width: 300px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px 15px;
}

.address-inner p{
    margin: 0px;
    line-height: 26px;
}

.activeAccountWidthInLocal{
  width : 20%;
  margin-left : 30px;
}
.activeAccountWidthInGlobal{
  width : 60%;
  margin-left : 30px;
}

.alert-btn{
  width: 350px;
  text-align: center;
  float: none !important;
}

.wifi-new-wrapper{
  width: 600px;
  margin: 0 auto;
  margin-top: 25px;
}
.wifi-new-wrapper h3{
  text-align: center;
  font-size: 20px;
  margin-bottom: 5px !important;
}
.wifi-new-wrapper h3 i{
 cursor: pointer;
 margin-left: 5px;
 vertical-align: middle;
}
.wifi-new-wrapper h4{
  font-size: 14px;
  margin-bottom: 5px;
  text-align: center;
 }
.wifi-new-bg-gray{
  height: 600px;
  background: #edf1f4;
  position: relative;
}
.wifi-new-inner{
  width: 500px;
  height: 500px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border:3px solid #e80000;
}
.col-left{
  width: 100%;
  float: left;
  font-size: 12px;
  color: #525252;
  margin-bottom: 5px;
  border:1px solid #edf1f4;
  text-align: center;
  padding: 20px 6px;
  box-sizing: border-box;
  height: 110px;
}
.col-left p{
  margin-top: 0px;
  margin-bottom: 6px;
}
.col-right p{
  margin-top: 0px;
  margin-bottom: 6px;
}
.col-right{
  width: 50%;
  float: right;
  font-size: 12px;
  color: #525252;
  margin-bottom: 5px;
  text-align: center;
  padding: 20px 6px;
  border:1px solid #edf1f4;
  box-sizing: border-box;
  border-left: 0px;
  height: 110px;
}
.bttn {
  display: inline-block;
  border: 1px solid #d9d9d9;
  color: #333;
  background: white;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  padding: 5px 8px;
  font-weight: bold;
}
.bttn:hover, .bttn.active {
  background: #4f4f4f;
  color: #F2F2F2 !important;
}

.wifi {
  display: inline-block;
  background-size: cover;
  height: 18px;
  width: 20px;
}
.icon-wifi {
  background-image: url(/static/icons/icon.svg);
}
.navigation .menu-item a.wifi-logo:hover .icon-wifi,
.navigation .menu-item a.wifi-logo:focus .icon-wifi{
  background-image: url(/static/icons/icon_white.svg);
}

.online-menu {
  color: #f4f4f400;
  border-radius: 20px;
  height: 6px;
  background-color: #00b10099;
  width: 6px;
  vertical-align: middle;
}

.offline-menu {
  color: #f4f4f400;
  border-radius: 20px;
  height: 6px;
  background-color: gray;
  width: 6px;
  vertical-align: middle;
}
.network-status-online {
  color: #f4f4f400;
  border-radius: 20px;
  height: 8px;
  background-color: #28d228;
  width: 8px;
  vertical-align: middle;
  margin-bottom: 6%;
}

.network-status-offline {
  color: #f4f4f400;
  border-radius: 20px;
  height: 8px;
  background-color: gray;
  width: 8px;
  vertical-align: middle;
  margin-bottom: 6%;
}
/* dashboard table*/
.dash-table-content table {
  font-size: 12px !important;
  width: 100%;
  table-layout: fixed;
  border-collapse: initial !important;
  border-spacing: 2px !important;
  width: 100%;
  table-layout: fixed;
}

.dash-table-content th:first-child, .dash-table-content td:first-child {
  text-align: left;
  padding: 8px !important;
}
.dash-table-content tr:nth-child(even) {
  background-color: #f0f0f0 !important;
}
.dash-table-content tr:nth-child(odd) {
  background-color: #f9f9f9 !important;
}
.dash-table-content thead th {
  font-size: 12px !important;
  font-weight:bold;
  /* border: 2px solid white; */
  background: #ccc;
  padding: 8px 12px !important;
}
.scanner-size{
  height: 500px;
  width: 500px;
  margin-left: 50px;
}

/*Direction rtl for arabic lang*/
.rtl {
  direction: rtl;
}
.rtl .pull-right {
  float:left !important;

}
.rtl .ide-tbar .ide-tbar-text, .rtl .ide-tbar .ide-tbar-icon{
  float: right !important;
  margin-left: 5px !important;
}

.rtl .navigation .menu-item{
  float: right !important;
}
.rtl .navigation .menu-item.right {
  float: left !important;

}
.rtl .navigation .nav-logo{
  float: right !important; 
}

.rtl #cerebro{
  position: absolute; 
  right: 0px !important;
}

.rtl #cerebro .categories ul li{
  margin-right: 8px !important;
}

/*imports*/
.rtl .sys-label{
  text-align: right !important;
}
.rtl .fieldMappedTo {
  text-align: left !important;
}

.rtl .uploadCsvBtn{
  float: left !important;
}

/*alerts*/
.rtl .alert-details{
  float: left !important;
}

.rtl .GuidanceInfo{
  float: left !important;
}

.rtl .risk-description{
  padding: 0 10px 0 0 !important;
}

.rtl .risk-tag{
  position: relative;
  float: left !important;
}

.rtl .article-list{
  margin-right: 10px !important;
}

/*template*/
.rtl .btn-group .bttn{
  float: right !important;
  margin-left: -1px;
  border-left: 1px solid #CCC;
}

/*text alingment in export and locations*/
.rtl .locale-selector .handleText{
  text-align: right !important;
}

.rtl .select-custom:after{
  transform: rotate(270deg);
}

.rtl .ide-layout .ide-row .ide-col.border-right {
  border-left: 1px solid #dadada;
}   
.rtl .ide-layout .ide-row .ide-col.border-left {
  border-right: 1px solid #dadada;
}

/*growl location*/
.rtl #notification-stream{
  left: 20px !important;
  right: unset;
}

.rtl .ide-tabs {
  transform-origin: right;
  transform: rotate(270deg);
  height: 34px;
  position: relative;
  width: 10000px;
  margin-right: 17px;
  margin-top: -20px;
}

.rtl .form-tabs{
  float: right !important;
}

.legend-cell.red , .legend-cell.yellow , .legend-cell.green , .legend-cell.orange{
  text-align: right !important;
  direction: ltr !important;
}

.rtl .legend-cell.red , .rtl .legend-cell.yellow , .rtl .legend-cell.green , .rtl .legend-cell.orange{
  direction: rtl !important;
}

.rtl.menu-list.ide-layout.ide-row.ide-col.border-left{
  border-left: 1px solid #dadada !important;
}

/*report manager changes*/
.rtl .rtl-text-aling-left{
  text-align: right !important;
}

.rtl .input-search {
  float: right !important;
}
.rtl .ide-tbar{
  padding-right: 8px !important;
  padding-left: 0px !important;
}

.rtl .zone{
  margin-left: 8px !important;
  margin-right: 16px !important;
}
.rtl .flow-status .flow-states .flow-row .flow-date.left{
  padding-left: 8px !important;
}

.rtl .ux-tabs .ux-tab{
  border-left: 1px solid #e3e7e9 !important;
}

.rtl .rtl-maps{
  text-align: left !important;
}

.rtl .cal-left ,  .rtl .cal-right{
  transform: rotate(180deg) !important;
}

.rtl .rtl-layer{
  float: left !important;
}
.rtl .rtl-layer-btn{
  padding-left: 25px !important;
}

.rtl .rtl-download{
  margin-left: 10px !important;
}

.rtl .rtl-select{
  min-width: 0px !important;
}

.rtl .ide-settings-form .form .form-field .field-wrapper .form-header{
  padding-left: 0px;
  padding-right: 15px !important;
}
.rtl .location-selector .handle .grip{
  left: 2px !important;
  right: unset !important;
}

.rtl .ide-settings-content .ide-settings-header .ide-settings-icon{
  float: right !important;
  margin-left: 10px !important;
}

.rtl .ide-settings-content .ide-settings-intro{
  padding-right: 45px !important;
  padding-left: 5px !important;
}

.rtl .adm-form-group .adm-form-group-name{
  padding-right: 8px !important;
  padding-left: 0px !important;
}

.rtl .feature-list .feature .feature-header .name{
  border-right: 5px solid black;
  border-left: none;
  padding-right: 8px;
  padding-left: 0px;
}
.rtl .feature-list .feature.left-green .feature-header .name{
  border-right: 5px solid #3c763d;
  border-left: none;
  padding-left: 0px;
  padding-right: 8px
}

.rtl .rtl-forms-fields{
  padding-left: 0px !important;
  padding-right: 5px !important;
}

.rtl .rtl-tab-bar-control{
  float: left !important;
  margin-left: 3px !important;
  margin-right: 0px !important;
}

.rtl .rtl-inbox{
  float: left !important;
}

.rtl table.info-list th{
  text-align: right !important;
}

.rtl .series-tooltip{
  direction: ltr !important;
}

.rtl .rtl-menu-building{
  float: left !important;
}

.rtl .flow .flow-items .flow-item{
  padding-left: 0px !important;
  padding-right: 25px !important;
}

.rtl .rtl-sync{
  float: left !important;
} 

.ex-form-controls{
  text-align: left;
  width: 200px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 9999;
  right: 40px;
  top: 30px;
  cursor: pointer;
}

.record-form-controls{
  text-align: left;
  width: 200px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 9999;
  max-height: calc(100vh - 210px);
  overflow-y: auto;
  position: fixed;
  cursor: pointer;
}

.isedited {
  top: 30px;
  left: 14px !important;
}

.ex-form-controls .export-control{
  padding: 8px;
  border-bottom: 1px solid #e3e7e9 !important;
}

.record-form-controls .export-control{
  padding: 5px;
  border-bottom: 1px solid #e3e7e9 !important;
}

.rtl .isedited{
  right: 12px !important;
}

.rtl .ex-form-controls{
  left: 157px !important;
  right: unset;
}

.rtl .record-form-controls{
  right: 25px;
  left: unset;
}
.rtl .report .report-header .meta .meta-item{
  float: right !important;
}

.rtl .rtl-select-left{
  right: 0px;
}

.rtl .dt-filter-controls label{
  text-align: right !important;
}
  
.rtl .dt-filter-controls{
  text-align: right !important;
}

.rtl .locked-title {
  float: right !important;
}

.linePreloader{
  width:100%;
  height:4px;
  background:linear-gradient(to right,#333333,#333333);
  background-color:#ccc;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  border-radius:4px;
  background-size:20%;
  background-repeat:repeat-y;
  background-position:-25% 0;
  animation:scroll 1.0s ease-in-out infinite;
}

@keyframes scroll{
  50%{background-size:60%}
  100%{background-position:125% 0;}
}

.cred-container {
  /* width: 350px; */
  /* margin: 0;
  margin-top: 100px; */
  padding: 15px;
  /* background: #ebeff2; */
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.auth-btn {
  background: #1e8ed9;
  padding: 10px;
  color: white;
}
.auth-btn:hover{
  background: #1780c9;
  color: white;
}

.cred-con{
  display: flex;
  align-items: center;
  justify-content: center;
}

.closebtn{
  color: black;
}

.btnstyle{
  border: 1px solid #CCC;
  color: #CCC;
  background: transparent;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  padding: 7px;
}

.modal-center{
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.93);
}

.modal-center .modal-content{
  margin: 0 !important;
}


.user-block:hover{
  background: #5959594d;
}
/* Common checkbox */
.common-checkbox-container {
  display: block;
  position: relative;
  padding-left: 27px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.common-checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

.common-custom-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 2px;
  background-color: #eee;
}

.common-custom-checkmark.duplicate-filter-checkmark{
  background-color: #a0a0a0;
}

.common-checkbox-container:hover input ~ .common-custom-checkmark {
  background-color: #ccc;
}

.common-checkbox-container input:checked ~ .common-custom-checkmark {
  background-color: #4f4f4f;
}


.common-custom-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.common-checkbox-container input:checked ~ .common-custom-checkmark:after {
  display: block;
}

.common-checkbox-container .common-custom-checkmark:after {
  left: 38%;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ew-select .site-page-selector{
  min-width: 0;
}

.filter-duplicate-record-container{
  text-align: left;
  width: 400px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 9999;
  /* left: 160px; */
  top: 30px;
}

.filter-duplicate-record-container .field-item{
  padding: 8px;
  border-bottom: 1px solid #e3e7e9 !important;
}

.filter-duplicate-record-container .field-item:hover{
  background-color: #d6d6d6;
}


.import-file-input:focus{
  border: none ;
}

.box-border{
  border : 1px solid rgba(0, 0, 0, 0.34);
}

.loading {
  height: 0;
  width: 0;
  padding: 15px;
  border: 6px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  /* left, top and position just for the demo! */
  position: absolute;
  left: 50%;
  top: 50%;
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.table-no-data{
  display: flex;
  align-items: center;
  flex-grow: 1;
  user-select: all;
  justify-content: center;
}

.min-width-unset{
  min-width: unset !important;
}

.ide-forms-label{
  display: block;
  /* max-width: 25%; */
  /* flex: 1; */
  padding: 8px 15px 8px 15px;

  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin-bottom: 4px;
}


.custom-scroll::-webkit-scrollbar {
    width: 10px;
}

.custom-scroll::-webkit-scrollbar-track {
  background-color: #c1c1c1;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #f1f1f1;
}

.max-h-100{
  max-height: 100px !important
}

.qira-tag {
  position: relative;
  display: inline-block;
  clear: both;
  border-radius: 3px;
  padding: 8px;
  color: #fff !important;
  font-weight: bold;
}

.immediate-actions::-webkit-scrollbar {
  width: 6px;
}
.immediate-actions::-webkit-scrollbar-track {
  background-color: transparent;
}

.immediate-actions::-webkit-scrollbar-thumb {
  background-color:#6a6a6ac7;
  border-radius: 50px;
}

.qira-justification {
  font-size: 14px;
}