@import 'imports/modules/uploadview/uploadview.css';
.css3-polyfill {
  position: relative;
  zoom: 1;
  z-index: 0;
  behavior: url(css/CSS3POLYFILL.jsp);
}
/*
 Colorbox Core Style:
 The following CSS is consistent between example themes and should not be altered.
 */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
  border: 1px solid #555;
  border-top: 0;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
  border-top: 1px solid #555;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/*
 User Style:
 Change the following styles to modify the appearance of Colorbox.  They are
 ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#cboxOverlay {
  background-color: black;
  opacity: 0.5;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
  display: none;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
  display: none;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
  display: none;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
  display: none;
}
#cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
  display: none;
}
#cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
  display: none;
}
#cboxTopCenter {
  height: 21px;
  background: url(images/border.png) 0 0 repeat-x;
  display: none;
}
#cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
  display: none;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-top: 28px;
}
#cboxTitle {
  position: absolute;
  top: 0;
  height: 28px;
  line-height: 20px;
  background-color: #154c70;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 19pt;
  text-overflow: ellipsis;
  vertical-align: middle;
  color: #ffffff;
  text-shadow: 0px 0px 13px #414141;
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: -50px -25px;
}
#cboxClose:before {
  content: '\e63e';
  font-family: 'icomoon', 'infocaption-icomoon';
  color: white;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  text-indent: 0px;
}
#cboxClose {
  line-height: 25px;
  position: absolute;
  top: 1px;
  right: 0;
  width: 32px;
  height: 26px;
  text-indent: -9999px;
  outline: 0;
  font-size: 22px;
}
#cboxClose:after {
  content: '';
  left: 0;
  position: absolute;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background-color: white;
}
/*
 The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
 when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
 See: http://jacklmoore.com/notes/ie-transparency-problems/
 */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)';
}
.button-group,
.btn,
.standard-button,
.standard-dropdown,
.breadcrumbs,
.breadcrumbs .ellipsis-dropdown,
.breadcrumb-group,
#page-toolbar ul,
.toolbar-view ul,
.wizard-content,
.tab-container,
.alertify-button,
.dropdown-menu,
.tooltipster-sidetip .tooltipster-box,
#page-toolbar ol,
.toolbar-view ol,
.btn-xs,
.btn-l,
.btn-s,
.inverted-button,
button,
.button,
.flat-button,
.ui-menu.ui-widget-content,
.breadcrumbs .ellipsis-dropdown,
.chosen-container .chosen-drop,
.tree-dropdown-parent .tree-container,
.procydo-theme a,
.procydo-theme span,
.standard-table.light-table > .table-content > table th .button-group,
table.standard-table.light-table th .button-group,
.tag-remove,
.procydo-theme textarea.url,
.procydo-theme input.url,
.text-button,
.search-compact .search-toolbar button {
  text-decoration: none;margin: 0;padding: 0;
}
.button-group:hover,
.standard-button:hover,
.breadcrumbs > li:hover a,
.breadcrumbs .breadcrumb-group > li:hover a,
.inverted-button:hover,
button:hover,
.button:hover,
.flat-button:hover,
.breadcrumbs > li:hover textarea.url,
.breadcrumbs .breadcrumb-group > li:hover textarea.url,
.breadcrumbs > li:hover input.url,
.breadcrumbs .breadcrumb-group > li:hover input.url,
.procydo-theme a:hover,
.procydo-theme span:hover,
.standard-table.light-table > .table-content > table th .button-group:hover,
table.standard-table.light-table th .button-group:hover,
.tag-remove:hover,
.procydo-theme textarea.url:hover,
.procydo-theme input.url:hover,
.text-button:hover {
  text-decoration: none;
}
ol.reset,
ul.button-group,
ol.button-group,
ul.standard-button,
ol.standard-button,
.standard-dropdown,
.standard-dropdown,
.breadcrumbs,
.breadcrumbs,
.breadcrumbs .ellipsis-dropdown,
.breadcrumbs .ellipsis-dropdown,
.breadcrumb-group,
.breadcrumb-group,
.wizard-content,
.wizard-content,
.tab-container,
.dropdown-menu,
.dropdown-menu,
.tooltipster-sidetip .tooltipster-box,
.tooltipster-sidetip .tooltipster-box,
ul.inverted-button,
ol.inverted-button,
ulbutton,
olbutton,
ul.button,
ol.button,
ul.flat-button,
ol.flat-button,
.ui-menu.ui-widget-content,
.ui-menu.ui-widget-content,
.breadcrumbs .ellipsis-dropdown,
.breadcrumbs .ellipsis-dropdown,
.chosen-container .chosen-drop,
.chosen-container .chosen-drop,
.tree-dropdown-parent .tree-container,
.tree-dropdown-parent .tree-container,
ul.procydo-theme a,
ol.procydo-theme a,
ul.procydo-theme span,
ol.procydo-theme span,
ul.standard-table.light-table > .table-content > table th .button-group,
ol.standard-table.light-table > .table-content > table th .button-group,
ultable.standard-table.light-table th .button-group,
oltable.standard-table.light-table th .button-group,
ul.tag-remove,
ol.tag-remove,
ul.procydo-theme textarea.url,
ol.procydo-theme textarea.url,
ul.procydo-theme input.url,
ol.procydo-theme input.url,
ul.text-button,
ol.text-button {
  list-style-type: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a,
textarea.url,
input.url {
  background: transparent;
}
a:active,
a:hover,
textarea.url:active,
textarea.url:hover,
input.url:active,
input.url:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input {
  line-height: normal;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
b,
strong,
optgroup {
  font-weight: 700;
}
pre,
textarea {
  overflow: auto;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
legend {
  border: 0;
  padding: 0;
}
.flex-container-fluid,
.flex-container {
  margin-right: auto;
  margin-left: auto;
}
.flex-container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}
.flex-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.flex-row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}
.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}
.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}
.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media only screen and (min-width: 48em) {
  .flex-container {
    width: 49rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .flex-container {
    width: 65rem;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .flex-container {
    width: 76rem;
  }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
/*
 * Fonts
 */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 24, 2013 06:27:59 PM America/New_York */
@font-face {
  font-family: 'OpenSansLight';
  src: url('../fonts/OpenSans-Light-webfont.eot');
  src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansLightItalic';
  src: url('../fonts/OpenSans-LightItalic-webfont.eot');
  src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansRegular';
  src: url('../fonts/OpenSans-Regular-webfont.eot');
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansItalic';
  src: url('../fonts/OpenSans-Italic-webfont.eot');
  src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansSemibold';
  src: url('../fonts/OpenSans-Semibold-webfont.eot');
  src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansSemiboldItalic';
  src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
  src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansBold';
  src: url('../fonts/OpenSans-Bold-webfont.eot');
  src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansBoldItalic';
  src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
  src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansExtrabold';
  src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
  src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansExtraboldItalic';
  src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
  src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
  backgrid
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT license.

  Backgrid style mixed into standard prosydo style.
*/
.table-wrapper.card-table .table-footer {
  border-top: 2px solid #F0F0F0;
}
.table-wrapper.card-table .table-header {
  padding: 3px;
  padding: 0.1875rem;
}
.table-wrapper.standard-table .table-header {
  border: 1px solid #aaaaaa;
  border-bottom: none;
  font-weight: normal;
  text-align: center;
  display: block;
  padding: 1px;
  padding: 0.0625rem;
}
.table-wrapper.dropdown-table thead tr:first-child {
  border-top: none;
}
.table-wrapper .table-content table,
table.table-wrapper .table-content {
  border-width: 0;
}
table td.editor {
  padding: 0;
  outline: 1px solid #154c70;
}
table td.editor input[type=text] {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  padding-left: 10px;
  padding-left: 0.625rem;
  margin: 0;
  background-color: transparent;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
table td.editor input[type=text]::-ms-clear {
  display: none;
}
table td.error {
  background-color: rgba(255, 210, 77, 0.1);
  outline: 1px solid #ffd24d;
}
table .ui-personal-entity:nth-child(odd) td {
  background-color: #eff2ff;
}
table .ui-personal-entity td {
  background-color: #eff2ff;
}
table .button-cell {
  border-left-width: 0;
  width: 1%;
  max-width: 2em;
  padding: 0;
  text-align: right;
}
table .button-cell > :first-child,
table .button-cell .button-group {
  height: 1.2em;
  line-height: 1.2em;
  text-align: center;
  height: 100%;
  vertical-align: top;
  display: block;
  min-width: 0;
}
table .button-cell > :first-child .button-icon,
table .button-cell .button-group .button-icon {
  vertical-align: top;
}
table tbody .empty td {
  text-align: center;
  display: table-cell;
}
table .sort-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  border: 0;
  content: "";
}
table .ascending .sort-caret {
  vertical-align: baseline;
  border-top: none;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #000000;
  border-left: 4px solid transparent;
}
table .descending .sort-caret {
  vertical-align: super;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: none;
  border-left: 4px solid transparent;
}
table .string-cell,
table .uri-cell,
table .email-cell,
table .string-cell.editor input[type=text],
table .uri-cell.editor input[type=text],
table .email-cell.editor input[type=text] {
  text-align: left;
}
table .date-cell,
table .time-cell,
table .datetime-cell,
table .number-cell,
table .integer-cell,
table .percent-cell,
table .date-cell.editor input[type=text],
table .time-cell.editor input[type=text],
table .datetime-cell.editor input[type=text],
table .number-cell.editor input[type=text],
table .integer-cell.editor input[type=text],
table .percent-cell.editor input[type=text] {
  text-align: right;
}
table .select-cell.editor {
  padding: 0;
}
table .select-cell.editor :focus {
  border: 0;
  outline: 0;
}
table .select-cell.editor select {
  display: block;
  width: 100%;
  height: 28px;
  padding: 4px 5px;
  margin: 0;
  line-height: 28px;
  vertical-align: middle;
  background-color: white;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table .select-cell.editor select[multiple] {
  height: auto;
}
table .select-cell.editor select::-moz-focus-inner,
table .select-cell.editor optgroup::-moz-focus-inner,
table .select-cell.editor option::-moz-focus-inner,
table .select-cell.editor select::-o-focus-inner,
table .select-cell.editor optgroup::-o-focus-inner,
table .select-cell.editor option::-o-focus-inner {
  border: 0;
}
table .select-row-cell,
table .select-all-header-cell {
  text-align: center;
  width: 1%;
}
table td.html-cell,
table tbody tr td.html-cell {
  white-space: pre-wrap;
  word-wrap: normal;
  word-break: normal;
  padding: 5px 10px;
  padding: 0.3125rem 10px;
  padding: 5px 0.625rem;
  padding: 0.3125rem 0.625rem;
}
table td.html-cell textarea,
table tbody tr td.html-cell textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  border: 0;
  height: 100%;
}
table td.html-cell.editor,
table tbody tr td.html-cell.editor {
  padding: 0;
}
table td.html-cell.editor + .button-cell,
table tbody tr td.html-cell.editor + .button-cell {
  border-left-width: 1px;
}
table td.html-cell.editor + .button-cell .separator-left:after,
table tbody tr td.html-cell.editor + .button-cell .separator-left:after {
  content: none;
}
table .boolean-cell,
table .select-cell,
table .boolean-cell.editor input[type=checkbox] {
  text-align: center;
}
table .boolean-cell {
  font-size: 1.3em;
  width: 0.5em;
  padding: 0;
  vertical-align: middle;
}
table .boolean-cell > .checkbox-wrapper input[type=checkbox] + .input-helper {
  left: auto;
}
table.editor.uri-cell,
table.editor.string-cell {
  padding-left: 5px;
  padding-left: 0.3125rem;
}
table.transparent {
  border: none;
}
table.transparent tr:nth-child(odd) td,
table.transparent tr:nth-child(even) td,
table.transparent tr:nth-child(odd) th,
table.transparent tr:nth-child(even) th {
  background-color: transparent;
}
table.transparent td,
table.transparent tr,
table.transparent th {
  background-color: transparent;
  border: 0;
}
table.transparent tr:hover {
  outline: none;
  border: 0;
}
table.full {
  width: 100%;
}
table.fixed {
  table-layout: fixed;
}
table.fixed .button-cell {
  width: 2em;
}
table.fixed .button-cell .button-group {
  width: 100%;
}
table.fixed .select-row-cell,
table.fixed .select-all-header-cell {
  width: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.padded,
.ui-datepicker table {
  border-collapse: separate;
  border-spacing: 2px;
  border-spacing: 0.125rem;
}
table.inline {
  /*tr
		{
			&:first-child
			{
				td
				{
					border-top-width: 0;
				}
			}
		}*/
}
table.inline > thead {
  display: none;
}
table.backgrid th,
table.backgrid td {
  display: none;
  max-width: 250px;
  max-width: 15.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
table.backgrid th.renderable,
table.backgrid td.renderable {
  display: table-cell;
}
table.backgrid th.html-cell,
table.backgrid td.html-cell {
  white-space: pre-wrap;
}
table.backgrid th.wide-cell,
table.backgrid td.wide-cell {
  width: 220px;
}
table.backgrid th.uri-cell a,
table.backgrid td.uri-cell a,
table.backgrid th.uri-cell textarea.url,
table.backgrid td.uri-cell textarea.url,
table.backgrid th.uri-cell input.url,
table.backgrid td.uri-cell input.url {
  color: #154c70;
  font-weight: bold;
}
table.backgrid th.uri-cell a:hover,
table.backgrid td.uri-cell a:hover,
table.backgrid th.uri-cell textarea.url:hover,
table.backgrid td.uri-cell textarea.url:hover,
table.backgrid th.uri-cell input.url:hover,
table.backgrid td.uri-cell input.url:hover {
  color: #335e92;
  text-decoration: underline;
}
.card-table > .table-content > table,
table.card-table {
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.card-table > .table-content > table th,
table.card-table th,
.card-table > .table-content > table td,
table.card-table td {
  padding: 13px;
  vertical-align: middle;
}
.card-table > .table-content > table th,
table.card-table th {
  font-weight: 500;
  border-bottom: 2px solid #f0f0f0;
  text-align: left;
}
.card-table > .table-content > table th a,
table.card-table th a,
.card-table > .table-content > table th textarea.url,
table.card-table th textarea.url,
.card-table > .table-content > table th input.url,
table.card-table th input.url {
  text-decoration: none;
}
.card-table > .table-content > table td,
table.card-table td {
  border-top: 1px solid #f0f0f0;
}
.card-table > .table-content > table td:first-child,
table.card-table td:first-child,
.card-table > .table-content > table th:first-child,
table.card-table th:first-child {
  padding-left: 30px;
}
.card-table > .table-content > table td:first-child.select-row-cell,
table.card-table td:first-child.select-row-cell,
.card-table > .table-content > table th:first-child.select-row-cell,
table.card-table th:first-child.select-row-cell,
.card-table > .table-content > table td:first-child.select-all-header-cell,
table.card-table td:first-child.select-all-header-cell,
.card-table > .table-content > table th:first-child.select-all-header-cell,
table.card-table th:first-child.select-all-header-cell {
  padding-left: 12px;
}
.card-table > .table-content > table td:first-child.select-row-cell + th,
table.card-table td:first-child.select-row-cell + th,
.card-table > .table-content > table th:first-child.select-row-cell + th,
table.card-table th:first-child.select-row-cell + th,
.card-table > .table-content > table td:first-child.select-all-header-cell + th,
table.card-table td:first-child.select-all-header-cell + th,
.card-table > .table-content > table th:first-child.select-all-header-cell + th,
table.card-table th:first-child.select-all-header-cell + th,
.card-table > .table-content > table td:first-child.select-row-cell + td,
table.card-table td:first-child.select-row-cell + td,
.card-table > .table-content > table th:first-child.select-row-cell + td,
table.card-table th:first-child.select-row-cell + td,
.card-table > .table-content > table td:first-child.select-all-header-cell + td,
table.card-table td:first-child.select-all-header-cell + td,
.card-table > .table-content > table th:first-child.select-all-header-cell + td,
table.card-table th:first-child.select-all-header-cell + td {
  padding-left: 30px;
}
.card-table.compact-table > .table-content > table.fixed .select-row-cell,
table.card-table.compact-table.fixed .select-row-cell,
.card-table.compact-table > .table-content > table.fixed .select-all-header-cell,
table.card-table.compact-table.fixed .select-all-header-cell,
.card-table.compact-table > .table-content > table.fixed .empty-cell,
table.card-table.compact-table.fixed .empty-cell {
  width: 35px;
}
.card-table.compact-table > .table-content > table th,
table.card-table.compact-table th,
.card-table.compact-table > .table-content > table td,
table.card-table.compact-table td {
  padding: 10px 3px;
}
.card-table.compact-table > .table-content > table td:first-child,
table.card-table.compact-table td:first-child,
.card-table.compact-table > .table-content > table th:first-child,
table.card-table.compact-table th:first-child {
  padding-left: 3px;
}
.card-table.compact-table > .table-content > table td:first-child.select-row-cell,
table.card-table.compact-table td:first-child.select-row-cell,
.card-table.compact-table > .table-content > table th:first-child.select-row-cell,
table.card-table.compact-table th:first-child.select-row-cell,
.card-table.compact-table > .table-content > table td:first-child.select-all-header-cell,
table.card-table.compact-table td:first-child.select-all-header-cell,
.card-table.compact-table > .table-content > table th:first-child.select-all-header-cell,
table.card-table.compact-table th:first-child.select-all-header-cell {
  padding-left: 3px;
}
.card-table.compact-table > .table-content > table td:first-child.select-row-cell + th,
table.card-table.compact-table td:first-child.select-row-cell + th,
.card-table.compact-table > .table-content > table th:first-child.select-row-cell + th,
table.card-table.compact-table th:first-child.select-row-cell + th,
.card-table.compact-table > .table-content > table td:first-child.select-all-header-cell + th,
table.card-table.compact-table td:first-child.select-all-header-cell + th,
.card-table.compact-table > .table-content > table th:first-child.select-all-header-cell + th,
table.card-table.compact-table th:first-child.select-all-header-cell + th,
.card-table.compact-table > .table-content > table td:first-child.select-row-cell + td,
table.card-table.compact-table td:first-child.select-row-cell + td,
.card-table.compact-table > .table-content > table th:first-child.select-row-cell + td,
table.card-table.compact-table th:first-child.select-row-cell + td,
.card-table.compact-table > .table-content > table td:first-child.select-all-header-cell + td,
table.card-table.compact-table td:first-child.select-all-header-cell + td,
.card-table.compact-table > .table-content > table th:first-child.select-all-header-cell + td,
table.card-table.compact-table th:first-child.select-all-header-cell + td {
  padding-left: 3px;
}
.standard-table > .table-content > table,
table.standard-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border: 1px solid #aaaaaa;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
}
.standard-table > .table-content > table ul,
table.standard-table ul,
.standard-table > .table-content > table ol,
table.standard-table ol {
  margin: 0;
}
.standard-table > .table-content > table tr,
table.standard-table tr {
  border: 1px solid #aaaaaa;
}
.standard-table > .table-content > table tr:first-child td,
table.standard-table tr:first-child td,
.standard-table > .table-content > table tr:first-child th,
table.standard-table tr:first-child th {
  border-top-width: 0;
}
.standard-table > .table-content > table tr:nth-child(odd) td,
table.standard-table tr:nth-child(odd) td {
  background-color: #f9f9f9;
}
.standard-table > .table-content > table tbody tr:hover,
table.standard-table tbody tr:hover {
  border: 1px double #154c70;
}
.standard-table > .table-content > table tr.row-editor .editor,
table.standard-table tr.row-editor .editor {
  outline: none;
}
.standard-table > .table-content > table th,
table.standard-table th {
  text-align: center;
  border-bottom: 1px solid #aaaaaa;
  display: table-cell;
}
.standard-table > .table-content > table th a,
table.standard-table th a,
.standard-table > .table-content > table th textarea.url,
table.standard-table th textarea.url,
.standard-table > .table-content > table th input.url,
table.standard-table th input.url {
  font-family: inherit;
  color: inherit;
}
.standard-table > .table-content > table th .sortable a,
table.standard-table th .sortable a,
.standard-table > .table-content > table th .sortable textarea.url,
table.standard-table th .sortable textarea.url,
.standard-table > .table-content > table th .sortable input.url,
table.standard-table th .sortable input.url {
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.standard-table > .table-content > table th.editor :focus,
table.standard-table th.editor :focus {
  outline: 0;
}
.standard-table > .table-content > table th.empty-cell,
table.standard-table th.empty-cell {
  border-left-width: 0;
  width: 1px;
}
.standard-table > .table-content > table td,
table.standard-table td,
.standard-table > .table-content > table th,
table.standard-table th {
  border-left: 1px solid #aaaaaa;
  padding: 0 10px;
  padding: 0 0.625rem;
}
.standard-table > .table-content > table td.no-padding,
table.standard-table td.no-padding,
.standard-table > .table-content > table th.no-padding,
table.standard-table th.no-padding {
  padding: 0;
}
.standard-table > .table-content > table td:first-child,
table.standard-table td:first-child,
.standard-table > .table-content > table th:first-child,
table.standard-table th:first-child {
  border-left: none;
}
.standard-table > .table-content > table td.button-cell,
table.standard-table td.button-cell,
.standard-table > .table-content > table th.button-cell,
table.standard-table th.button-cell {
  border-left: none;
  padding: 0;
}
.standard-table.light-table > .table-content > table thead tr,
table.standard-table.light-table thead tr {
  background-color: #ffffff;
  color: #000000;
}
.standard-table.light-table > .table-content > table thead tr.title,
table.standard-table.light-table thead tr.title {
  background-color: #ffffff;
  color: #000000;
}
/*
	TODO: move me

 */
/*
  backgrid-filter
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT @license.
*/
/*
  Search Icon CSS derived from:

  PURE CSS GUI ICONS
  by Nicolas Gallagher
  - http://nicolasgallagher.com/pure-css-gui-icons/

  http://nicolasgallagher.com
  http://twitter.com/necolas

  Created: 29 July 2010
  Version: 1.0.1

  Dual licensed under MIT and GNU GPLv2 (c) Nicolas Gallagher
*/
.backgrid-filter.form-search.form4field {
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
}
.backgrid-filter.form-search.form4field .search {
  margin-top: -10px;
}
.backgrid-filter.form-search {
  position: relative;
  margin: 0;
  float: right;
}
/*
  Search Icon
*/
.backgrid-filter .search {
  position: absolute;
  top: 50%;
  left: 6px;
  z-index: 4;
  width: 10px;
  height: 20px;
  margin-top: -8px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: #ddd;
}
/*
  Clear button
 */
.backgrid-filter .clear {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 1000;
  width: 10px;
  height: 20px;
  margin-top: -10px;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: gray;
  text-decoration: none;
}
.backgrid-filter input[type="search"] {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  font-weight: normal;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
/*
  Normalize the search input box, with code borrowed from normalize.css.

  https://github.com/necolas/normalize.css/

  Copyright (c) Nicolas Gallagher and Jonathan Neal, MIT @license.
 */
/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
 */
.backgrid-filter input {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
}
/*
 * Re-set default cursor for disabled elements.
 */
.backgrid-filter input[disabled] {
  cursor: default;
}
/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
.backgrid-filter input[type="search"] {
  outline: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
}
/*
 * Remove the default clear button on IE
 */
.backgrid-filter input[type="search"]::-ms-clear {
  display: none;
}
/*
 * Remove inner padding and border in Firefox 4+.
 */
.backgrid-filter input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.backgrid-filter input[type="search"] {
  padding-right: 18px;
  padding-left: 26px;
}
/*
  backgrid-paginator
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT license.
*/
.backgrid-paginator {
  text-align: center;
  border-top: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.backgrid-paginator ul,
.backgrid-paginator ol {
  display: inline-block;
  *display: inline;
  margin: 5px 0;
  *zoom: 1;
}
.backgrid-paginator ul > li,
.backgrid-paginator ol > li {
  display: inline;
}
.backgrid-paginator ul > li > a,
.backgrid-paginator ul > li > span,
.backgrid-paginator ol > li > a,
.backgrid-paginator ol > li > span,
.backgrid-paginator ul > li > textarea.url,
.backgrid-paginator ul > li > input.url {
  float: left;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  text-decoration: none;
}
.backgrid-paginator ul > li > a > .icon-fastright,
.backgrid-paginator ul > li > a > .icon-fastleft,
.backgrid-paginator ol > li > a > .icon-fastright,
.backgrid-paginator ol > li > a > .icon-fastleft,
.backgrid-paginator ul > li > textarea.url > .icon-fastright,
.backgrid-paginator ul > li > textarea.url > .icon-fastleft,
.backgrid-paginator ul > li > input.url > .icon-fastright,
.backgrid-paginator ul > li > input.url > .icon-fastleft {
  font-size: 10px;
}
.backgrid-paginator ul > li > a > .button-icon,
.backgrid-paginator ol > li > a > .button-icon,
.backgrid-paginator ul > li > textarea.url > .button-icon,
.backgrid-paginator ul > li > input.url > .button-icon {
  line-height: inherit;
}
.backgrid-paginator ul > li > a:hover,
.backgrid-paginator ul > .active > a,
.backgrid-paginator ul > .active > span,
.backgrid-paginator ol > li > a:hover,
.backgrid-paginator ol > .active > a,
.backgrid-paginator ol > .active > span,
.backgrid-paginator ul > li > textarea.url:hover,
.backgrid-paginator ul > .active > textarea.url,
.backgrid-paginator ul > li > input.url:hover,
.backgrid-paginator ul > .active > input.url {
  background-color: #f5f5f5;
}
.backgrid-paginator ul > .active > a,
.backgrid-paginator ul > .active > span,
.backgrid-paginator ol > .active > a,
.backgrid-paginator ol > .active > span,
.backgrid-paginator ul > .active > textarea.url,
.backgrid-paginator ul > .active > input.url {
  color: #999999;
  cursor: default;
}
.backgrid-paginator ul > .disabled > span,
.backgrid-paginator ul > .disabled > a,
.backgrid-paginator ul > .disabled > a:hover,
.backgrid-paginator ol > .disabled > span,
.backgrid-paginator ol > .disabled > a,
.backgrid-paginator ol > .disabled > a:hover,
.backgrid-paginator ul > .disabled > textarea.url,
.backgrid-paginator ul > .disabled > textarea.url:hover,
.backgrid-paginator ul > .disabled > input.url,
.backgrid-paginator ul > .disabled > input.url:hover {
  color: #999999;
  cursor: default;
}
.form-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #000000;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e0e0e0;
}
ul.form-control,
ol.form-control {
  /* used by radio */
  border: 0px;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.form-control label,
ol.form-control label {
  display: inline;
}
.form-required-indicator {
  color: #ec0000;
  font-size: 8pt;
  vertical-align: super;
}
input[type='checkbox'].form-control {
  width: 16px;
  display: inline-block;
}
.checkbox-to-left input[type='checkbox'].form-control {
  margin-top: 0;
}
.form-group {
  margin-bottom: 15px;
}
.form-group label,
.compact-editor .editor-settings .tab-container .tab [href='#topics'] {
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
}
.help-block {
  font-size: 80%;
  display: block;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  color: #575757;
}
.help-block[data-error] {
  color: #ec0000;
}
label > .help-inline:before {
  content: '-';
  margin-right: 5px;
  margin-right: 0.3125rem;
}
.help-inline {
  font-size: 80%;
  display: inline-block;
  color: #575757;
  margin-left: 5px;
  margin-left: 0.3125rem;
}
.form-group .checkbox-margin-right {
  margin-right: 10px;
}
.form-group .select-list {
  margin-top: 10px;
}
.form-group .inline-block {
  display: inline-block;
}
.color-picker.text-left > label {
  text-align: left;
}
.color-picker > label {
  font-weight: 600;
  font-size: 20px;
  color: #323232;
}
.color-picker-editor {
  display: flex;
}
.color-picker-editor .empty-color .sp-clear-display.state-selected {
  background-image: none;
}
.color-picker-editor .form-colors-static .form-color-palette {
  display: inline-block;
}
.color-picker-editor .form-colors-static .acolorpicker {
  position: fixed;
  z-index: 10;
}
.color-picker-editor .form-colors-static .acolorpicker .a-color-picker-cell {
  line-height: 9px;
  font-size: 11px;
}
.color-picker-editor .form-colors-static .acolorpicker .a-color-picker-preview {
  width: 18px;
  height: 18px;
}
.color-picker-editor .form-colors-static .acolorpicker .a-color-picker-rgbhex {
  flex-direction: column-reverse;
  font-size: 11px;
}
.color-picker-editor .form-colors-static .acolorpicker .a-color-picker-single-input > input {
  margin-bottom: 7px;
  width: 100%;
  border-radius: 4px;
}
.color-picker-editor .state-selected.color:before,
.color-picker-editor .state-selected .color:before {
  background-color: #555;
  border: 1px solid #555;
  border-radius: 100px;
  color: white;
  padding: 1px;
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 6px;
}
.color-picker-editor .form-theme-color {
  margin-bottom: 2px;
  display: block;
  border: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}
.color-picker-editor .form-theme-color:hover {
  background-color: transparent;
  color: inherit;
}
.color-picker-editor .form-theme-color > .color {
  vertical-align: middle;
  margin-right: 5px;
}
.aspect-ratio input {
  display: inline-block;
  width: 50px;
}
.detailed-list {
  list-style-type: none;
  padding: 0;
}
.tile-list {
  text-align: center;
}
.tile-list .list-item {
  text-align: center;
  font-size: 0.8em;
  display: inline-block;
  width: 162px;
  vertical-align: top;
  margin: 5px;
}
.tile-list .list-name {
  overflow: hidden;
  max-height: 50px;
  min-height: 50px;
  padding: 0px 4px;
}
.tile-list .list-content,
.tile-list .list-thumbnail,
.tile-list .list-date,
.tile-list .list-name,
.tile-list .list-subtitle {
  display: block;
  float: none;
  text-decoration: none;
}
.tile-list .list-content {
  padding: 0;
}
.tile-list .list-thumbnail.list-thumbnail-large,
.tile-list .list-thumbnail.list-thumbnail-larger {
  height: 91px;
  background-color: #e6e6e6;
  padding: 0;
}
.tile-list .list-thumbnail.list-thumbnail-large + .list-content,
.tile-list .list-thumbnail.list-thumbnail-larger + .list-content {
  padding: 0;
}
.tile-list .list-thumbnail.list-thumbnail-large .list-thumbnail-image,
.tile-list .list-thumbnail.list-thumbnail-larger .list-thumbnail-image {
  height: auto;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tile-list .list-thumbnail.list-thumbnail-large .list-thumbnail-image.list-thumbnail-image-old,
.tile-list .list-thumbnail.list-thumbnail-larger .list-thumbnail-image.list-thumbnail-image-old {
  height: 60px;
  width: 80px;
}
.tile-list .list-thumbnail.list-thumbnail-large .list-thumbnail-icon,
.tile-list .list-thumbnail.list-thumbnail-larger .list-thumbnail-icon {
  margin-top: 20.5px;
}
.inline-list .list-item {
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.connected-list .list-item,
.compact-search .list-item {
  margin-bottom: 0;
  margin-top: 0;
}
.connected-list .list-item:first-child {
  border-top: 0;
}
.alertify-log.list-item,
.card-error.list-item,
.card-success.list-item,
.card-warning.list-item,
.card-notification-chat.list-item,
.card-notification-relation.list-item,
.alertify-log-error.list-item,
.alertify-log-success.list-item,
.alertify-log-error.list-item,
.alertify-log-success.list-item {
  padding: 0;
}
.list-item {
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  min-height: 40px;
  min-height: 2.5rem;
  margin-left: 1px;
  margin-left: 0.0625rem;
  margin-right: 1px;
  margin-right: 0.0625rem;
  margin-bottom: 5px;
  -webkit-transition: ease-out 0.2s;
  -moz-transition: ease-out 0.2s;
  -o-transition: ease-out 0.2s;
  transition: ease-out 0.2s;
}
.list-item .list-title {
  margin: auto;
  overflow: hidden;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 600;
  display: block;
  text-decoration: none;
}
.list-item .inline-toolbar {
  z-index: 1;
  float: right;
}
.list-item .inline-toolbar .button-group {
  padding-top: 3px;
  padding-top: 0.1875rem;
  padding-bottom: 3px;
  padding-bottom: 0.1875rem;
}
.list-item:hover,
.state-create-mode:hover {
  background-color: #eef9ff;
}
.list-item.entity-selectable {
  cursor: pointer;
}
.list-item.entity-selectable .list-thumbnail-icon.thumbnail-icon-play.entity-selectable-input {
  display: none;
  margin: 0;
}
.list-item.entity-selectable:hover .list-thumbnail-icon,
.list-item.entity-selectable:hover .list-thumbnail-icon.thumbnail-icon-play.entity-selectable-input {
  display: inline-block;
}
.list-item.entity-selectable:hover .list-thumbnail-icon:before {
  content: '\e03b';
}
.list-item.entity-selectable:hover.entity-single-selectable .list-thumbnail-icon:before {
  content: '\e03b';
}
.list-item.entity-selectable.entity-selected.entity-single-selectable .list-thumbnail-icon,
.list-item.entity-selectable.entity-selected.entity-single-selectable:hover .list-thumbnail-icon {
  display: inline-block;
}
.list-item.entity-selectable.entity-selected.entity-single-selectable .list-thumbnail-icon.thumbnail-icon-play.entity-selectable-input,
.list-item.entity-selectable.entity-selected.entity-single-selectable:hover .list-thumbnail-icon.thumbnail-icon-play.entity-selectable-input {
  left: 29.5%;
  top: 22%;
  font-size: 49px;
}
.list-item.entity-selectable.entity-selected.entity-single-selectable .list-thumbnail-icon:before,
.list-item.entity-selectable.entity-selected.entity-single-selectable:hover .list-thumbnail-icon:before {
  content: '\e03a';
}
.list-item.entity-selectable.entity-selected,
.list-item.entity-selectable.entity-selected:hover {
  background-color: #d5f0ff;
}
.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon {
  color: #154c70;
}
.list-item.entity-selectable.entity-selected .list-thumbnail-icon:before,
.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon:before {
  content: '\e03a';
}
.entity-history-list {
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  list-style-type: none;
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.entity-history-list > li {
  position: relative;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  border-left: solid #154c70;
  border-left-width: 5px;
  border-left-width: 0.3125rem;
  margin: 0 !important;
}
.entity-history-list > li.history-highlight {
  border-color: #f77129;
}
.entity-history-list > li.history-highlight .history-time {
  color: #f77129;
}
.entity-history-list > li.history-highlight:before {
  color: #f77129;
}
.entity-history-list > li.history-highlight ~ li {
  zoom: 1;
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  border-color: #555555;
}
.entity-history-list > li.history-highlight ~ li.entity-history-start {
  border-color: transparent;
}
.entity-history-list > li.history-highlight ~ li.entity-history-start:before {
  border-color: #555555;
}
.entity-history-list > li.history-highlight ~ li .history-time {
  color: #555555;
}
.entity-history-list > li.history-highlight ~ li:before {
  color: #555555;
}
.entity-history-list > li:first-child {
  padding-top: 0;
}
.entity-history-list > li:first-child:before {
  top: 0;
}
.entity-history-list > li:before {
  position: absolute;
  left: -10px;
  left: -0.625rem;
  top: 15px;
  z-index: 1;
  background-color: #fff;
  color: #154c70;
}
.entity-history-list > li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  left: 1.25rem;
  width: 50%;
  border-bottom: 1px solid #f2f2f2;
}
.entity-history-list > li.entity-history-start {
  border-left-color: transparent;
}
.entity-history-list > li.entity-history-start:before {
  content: '';
  width: 8px;
  height: 20px;
  background-color: transparent;
  border-left: 5px solid #154c70;
  border-left-width: 5px;
  border-left-width: 0.3125rem;
  border-bottom: 5px solid #154c70;
  border-bottom-width: 5px;
  border-bottom-width: 0.3125rem;
  left: -5px;
  left: -0.3125rem;
  top: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomleft: 5px;
  -moz-background-clip: padding;
  border-bottom-left-radius: 5px;
  background-clip: padding-box;
}
.entity-history-list > li.entity-history-start:after {
  content: none;
}
.entity-history-list > li .history-time {
  text-transform: uppercase;
  font-weight: bold;
  color: #154c70;
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  top: -1px;
  top: -0.0625rem;
  background-color: #fff;
}
.list-thumbnail-icon,
.list-thumbnail-icon.fa {
  font-size: 20px;
  font-size: 1.25rem;
  color: #555555;
  display: inline-block;
  position: relative;
  top: 1px;
}
.list-thumbnail {
  display: table-cell;
  vertical-align: middle;
  min-width: 40px;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  overflow: hidden;
  text-decoration: none;
}
.list-thumbnail.list-thumbnail-large,
.list-thumbnail.list-thumbnail-larger {
  min-width: 80px;
  height: 100%;
  background-color: #f9f9f9;
  position: relative;
}
.list-thumbnail.list-thumbnail-large .list-thumbnail-icon,
.list-thumbnail.list-thumbnail-larger .list-thumbnail-icon {
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  font-size: 40px;
  font-size: 2.5rem;
}
.list-thumbnail.list-thumbnail-large + .list-content,
.list-thumbnail.list-thumbnail-larger + .list-content {
  padding: 5px 20px 0px;
}
.list-thumbnail.list-thumbnail-larger {
  min-width: 160px;
}
.list-thumbnail .list-thumbnail-image {
  width: 100%;
  vertical-align: text-top;
}
.list-thumbnail .thumbnail-icon-play {
  position: absolute;
  left: 33%;
  font-size: 26pt;
  top: 27%;
  color: #555;
  z-index: 1;
}
.list-action-dropdown .menu-button {
  padding-top: 3px;
  padding-bottom: 5px;
}
.list-action-dropdown .menu-button [class^='icon-'],
.list-action-dropdown .menu-button [class*=' icon-'],
.list-action-dropdown .menu-button .icon-font-class,
.list-action-dropdown .menu-button .icon-font-class,
.list-action-dropdown .menu-button .list-item.entity-selectable:hover .list-thumbnail-icon,
.list-action-dropdown .menu-button .list-item.entity-selectable:hover .list-thumbnail-icon,
.list-action-dropdown .menu-button .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.list-action-dropdown .menu-button .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.list-action-dropdown .menu-button .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.list-action-dropdown .menu-button .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.list-action-dropdown .menu-button .entity-history-list > li:before,
.list-action-dropdown .menu-button .entity-history-list > li:before,
.list-action-dropdown .menu-button .ui-icon,
.list-action-dropdown .menu-button .ui-icon,
.list-action-dropdown .menu-button .state-checked:after,
.list-action-dropdown .menu-button .state-checked:after,
.list-action-dropdown .menu-button .jstree-default .jstree-checkbox,
.list-action-dropdown .menu-button .jstree-default .jstree-checkbox,
.list-action-dropdown .menu-button .jstree-default .jstree-themeicon,
.list-action-dropdown .menu-button .jstree-default .jstree-themeicon,
.list-action-dropdown .menu-button .tile-text.icon:before,
.list-action-dropdown .menu-button .tile-text.icon:before,
.list-action-dropdown .menu-button .ui-datepicker-next > .ui-icon,
.list-action-dropdown .menu-button .ui-datepicker-next > .ui-icon,
.list-action-dropdown .menu-button .ui-datepicker-prev > .ui-icon,
.list-action-dropdown .menu-button .ui-datepicker-prev > .ui-icon,
.list-action-dropdown .menu-button .entity-history-list > li:before,
.list-action-dropdown .menu-button .entity-history-list > li:before {
  font-size: 14px;
}
.list-content {
  padding: 5px 5px 5px 0px;
  display: table-cell;
  width: 100%;
}
.list-date,
.list-subtitle {
  float: right;
}
.list-description {
  margin: 0 0 10px 0;
}
.list-topics {
  display: inline-block;
}
.list-tag-bar {
  margin: 0;
}
.list-action-bar {
  position: relative;
  text-align: right;
}
.list-action {
  text-decoration: none;
}
.list-share,
.list-playtime,
.list-total-steps {
  cursor: pointer;
}
.list-share:hover {
  color: #454545;
  background-color: #fafafa;
}
.list-share .list-share-information {
  display: none;
}
.list-hierarchy .link-diagram {
  text-decoration: underline;
  color: #6b6b6b;
}
.list-share,
.list-rating,
.list-playtime,
.list-total-steps {
  font-size: 13px;
  margin-bottom: 5px;
  display: inline-block;
  padding: 2px 6px;
  color: #454545;
  font-weight: bolder;
  background-color: #fff;
  color: #000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.list-share-information.show {
  display: inline-block;
}
.list-playtime,
.list-total-steps {
  min-width: 48px;
  text-align: center;
}
@media (max-width: 480px) {
  .list-icon {
    display: none;
  }
}
@media (max-width: 320px) {
  .tile-list .list-item {
    width: auto;
    display: block;
  }
  .tile-list .list-item .list-name {
    max-height: 35px;
    min-height: 35px;
  }
}
.tag-container {
  margin: 0;
}
.tag-removable .tag-remove {
  font-size: 14px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  padding: 0px 4px;
}
.tag-removable .tag-remove:before {
  position: relative;
  top: 1px;
}
.tag.tag-removable {
  position: relative;
  padding-right: 20px;
}
.tag,
.list-tag,
.list-single-topic,
.list-share,
.list-rating,
.list-playtime,
.list-total-steps {
  font-family: 'Segoe UI Light', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  display: inline-block;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #E4E4E4;
  -webkit-transition: background-color ease-out 0.2s;
  -moz-transition: background-color ease-out 0.2s;
  -o-transition: background-color ease-out 0.2s;
  transition: background-color ease-out 0.2s;
  background-color: #154c70;
  color: #fff;
  padding: 2px 6px;
  font-size: 90%;
  margin-bottom: 2px;
}
.tag.warning,
.tag.teststatus1,
.tag.teststatus2,
.tag.teststatus5 {
  background-color: #fcf9c0;
  color: #454545;
}
.tag.error {
  background-color: #ffecea;
  color: #454545;
}
.tag.great,
.tag.teststatus3,
.tag.teststatus4 {
  background-color: green;
  color: #fff;
}
.tag.info,
.tag.teststatus0,
.list-tag,
.list-single-topic,
.list-share,
.list-rating,
.list-playtime,
.list-total-steps {
  background-color: #fafafa;
  color: #454545;
}
.form4input.inplaceinput {
  border-color: #e8e8e8;
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.form4input.inline[readonly],
.form4input.inline[disabled] {
  border: transparent;
}
.form4input.inline:focus {
  border-color: #a9a9a9;
}
.card-header {
  font-weight: 500;
  font-size: 15pt;
  font-style: normal;
  font-family: var(--ic-font-family);
  font-variant: normal;
}
.details-card {
  font-size: 16px;
  max-width: 600px;
}
.details-card .details-title {
  margin: 0;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.details-card .details-small-section,
.details-small-section {
  border-top: 1px solid #eee;
  padding: 15px 50px 15px 50px;
}
.details-card .details-large-section,
.details-large-section {
  border-top: 1px solid #eee;
  padding: 15px 15px 15px 15px;
}
.details-card .details-full-section,
.details-full-section {
  border-top: 1px solid #eee;
  padding: 15px 0px 15px 0px;
}
.details-card .details-connected-section,
.details-connected-section {
  border-top: none;
  padding: 0;
  margin: 0;
}
.details-card .details-no-padding {
  padding: 0;
}
.details-connected-section.details-small-section {
  padding: 0 50px 0 50px;
}
.details-section-heading {
  margin: 0;
  padding-left: 12px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #eeeeef;
}
.details-numbering {
  background-color: #555;
  border-radius: 20px;
  border: 1px solid transparent;
  width: 28px;
  height: 28px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  margin-right: 13px;
  color: white;
  font-weight: 600;
  font-size: 15px;
}
.details-property {
  width: 200px;
  display: inline-block;
  padding: 10px 15px 10px 0;
  vertical-align: top;
}
.details-property-name {
  font-family: Segoe UI Semibold;
  font-size: 14px;
  padding-bottom: 2px;
  border-bottom: 1px solid #eee;
  margin-bottom: 4px;
}
.details-card .details-property-value input[type='checkbox'] {
  margin: 0;
  width: 27px;
  height: 27px;
}
.details-date,
.list-date,
.list-subtitle {
  font-size: 90%;
  color: #555;
  font-weight: 600;
}
#header_smartass4 #HomeMenuToggler,
#header_smartass4 #HomeButton,
#header_smartass4 #HomeSearchButton {
  top: 14px;
}
#header_smartass4 hr {
  clear: both;
}
#header_smartass4 table {
  border: none;
}
#header_smartass4 table tr td {
  border: none;
  background-color: transparent;
}
#header_smartass4 .clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
#header_smartass4 a.moreAdmin,
#header_smartass4 textarea.url.moreAdmin,
#header_smartass4 input.url.moreAdmin {
  /*text-decoration: underline;*/
}
#header_smartass4 .userMenuButton {
  padding-top: 1px;
}
.list #header_smartass4 {
  height: auto;
}
.alertify-show,
.alertify-log {
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
}
.alertify-hide {
  -webkit-transition: all 250ms cubic-bezier(0.6, 0, 0.735, 0.045);
  /* older webkit */
  -webkit-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
}
.alertify-log-hide {
  -webkit-transition: all 500ms cubic-bezier(0.6, 0, 0.735, 0.045);
  /* older webkit */
  -webkit-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
}
.alertify-cover {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.alertify-cover-hidden {
  display: none;
}
.alertify {
  position: fixed;
  z-index: 99999;
  top: 50px;
  left: 50%;
  width: 550px;
  margin-left: -275px;
  opacity: 1;
}
.alertify-hidden {
  -webkit-transform: translate(0, -150px);
  -moz-transform: translate(0, -150px);
  -ms-transform: translate(0, -150px);
  -o-transform: translate(0, -150px);
  transform: translate(0, -150px);
  opacity: 0;
  display: none;
}
/* overwrite display: none; for everything except IE6-8 */
:root * > .alertify-hidden {
  display: block;
}
.alertify-logs {
  position: fixed;
  z-index: 5000;
  bottom: 10px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.alertify-logs-hidden {
  display: none;
}
.alertify-log {
  display: block;
  margin-top: 10px;
  position: relative;
  bottom: -100%;
  opacity: 0;
}
.alertify-log-show {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  bottom: 0;
  opacity: 1;
}
.alertify-log-hide {
  -webkit-transform: translate(0, 300px);
  -moz-transform: translate(0, 300px);
  -ms-transform: translate(0, 300px);
  -o-transform: translate(0, 300px);
  transform: translate(0, 300px);
  opacity: 0;
}
.alertify-dialog {
  padding: 25px;
}
.alertify-resetFocus {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.alertify-inner {
  text-align: center;
}
.alertify-text {
  margin-bottom: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}
.alertify-isHidden {
  visibility: hidden;
}
@media only screen and (max-width: 680px) {
  .alertify,
  .alertify-logs {
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .alertify {
    left: 5%;
    margin: 0;
  }
}
/**
 * Default Look and Feel
 */
.alertify-dialog {
  padding: 5px;
  padding: 0.3125rem;
}
.alertify-message {
  margin-top: 1em;
  margin-bottom: 1em;
}
.alertify {
  background: #f5f5f5;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.alertify-button {
  padding: 5px;
  padding: 0.3125rem;
  border: none;
  margin-right: 5px;
}
.alertify-log {
  margin-left: 2px;
  margin-right: 2px;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
:root * > .alertify-hidden.alertify-hide {
  display: none;
}
.inverted-button[disabled],
.alertify-button[disabled] {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
/*
 * TODO: .heading-.heading6 should be in a reference import! not a normal import
 */
.heading,
.page-heading,
.entity-heading,
.entity-heading-low,
.entity-heading-high,
.group-heading,
.option-group,
.wizard-header,
#page-header .breadcrumbs,
.collapsible .entity-more-heading,
.collapsible-table .entity-more-heading,
optgroup,
.chosen-container .chosen-results li.group-result,
.wizard-container-header {
  display: block;
}
.heading1,
.page-heading,
.group-selection-header,
.diagram-canvas .diagram-type-selector h1,
.group-heading {
  font-family: 'Segoe UI Light', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 30px;
  font-size: 1.875rem;
  margin-top: 3px;
  margin-top: 0.1875rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.heading2,
.standard-table > .table-content > table th,
table.standard-table th,
.entity-heading-low,
.diagram-canvas .diagram-type-selector h2,
.option-group,
#page-header .breadcrumbs,
.collapsible .entity-more-heading,
.collapsible-table .entity-more-heading,
optgroup,
.chosen-container .chosen-results li.group-result {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.heading3,
.entity-heading-high,
.wizard-header,
.wizard-container-header {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.heading4 {
  font-weight: normal;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #555555;
}
.heading5 {
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
pre {
  font-family: inherit;
  margin: 0;
  white-space: pre-wrap;
  overflow: visible;
  word-wrap: break-word;
}
pre.edit-reset {
  white-space: inherit;
}
a,
textarea.url,
input.url {
  color: #000000;
  text-decoration: none;
}
a .label-icon,
a.label-icon,
textarea.url .label-icon,
textarea.url.label-icon,
input.url .label-icon,
input.url.label-icon {
  vertical-align: middle;
  font-family: inherit;
}
#info-section {
  position: absolute;
  right: 0;
  text-align: right;
  height: 100%;
  padding: 0;
  padding-bottom: 2px;
  padding-bottom: 0.125rem;
  margin-top: 2px;
  margin-top: 0.125rem;
  margin-right: 2px;
  margin-right: 0.125rem;
  margin-left: 2px;
  margin-left: 0.125rem;
  min-width: 200px;
  min-width: 12.5rem;
}
#info-section a,
#info-section textarea.url,
#info-section input.url {
  color: inherit;
}
#title-section {
  /* SMARTASS 4 REBRANDING
	.padding-top(5px);
	.padding-bottom(5px);
	.padding-left(8px);
	.line-height (@page-header-height - 10px);

	*/
  height: 100%;
  font-size: 17px;
  font-size: 1.0625rem;
}
#title-section .page-heading {
  margin: 0;
}
.high-profile #page-header {
  height: 68px;
  height: 4.25rem;
  font-size: 18px;
  font-size: 1.125rem;
}
#page-header,
.homesearch .search-filter-content {
  width: 880px;
  width: 55rem;
  position: relative;
  margin: 0 auto;
  /* SMARTASS 4 REBRANDING
	&:extend(.ridge);
	background-color: @bg;
	.bg-contrast (@bg);
	.height (@page-header-height);

	*/
}
#page-header .chosen-drop {
  color: #000000;
}
#page-header .chosen-container-active.chosen-with-drop .chosen-single {
  background-color: white;
  color: #000000;
  border-width: 1px;
}
#page-header .chosen-container-single .chosen-single {
  border-width: 0;
  color: inherit;
}
#page-header .standard-button,
#page-header button,
#page-header .button,
#page-header .flat-button,
#page-header .inverted-button,
#page-header button,
#page-header .button,
#page-header .flat-button,
#page-header .procydo-theme a,
#page-header .procydo-theme span,
#page-header .standard-table.light-table > .table-content > table th .button-group,
#page-header table.standard-table.light-table th .button-group,
#page-header .tag-remove,
#page-header .procydo-theme textarea.url,
#page-header .procydo-theme input.url,
#page-header .text-button {
  color: inherit;
  font-size: 1.2em;
}
#page-header .standard-button .label-icon,
#page-header button .label-icon,
#page-header .button .label-icon,
#page-header .flat-button .label-icon,
#page-header .inverted-button .label-icon,
#page-header button .label-icon,
#page-header .button .label-icon,
#page-header .flat-button .label-icon,
#page-header .procydo-theme a .label-icon,
#page-header .procydo-theme span .label-icon,
#page-header .standard-table.light-table > .table-content > table th .button-group .label-icon,
#page-header table.standard-table.light-table th .button-group .label-icon,
#page-header .tag-remove .label-icon,
#page-header .procydo-theme textarea.url .label-icon,
#page-header .procydo-theme input.url .label-icon,
#page-header .text-button .label-icon {
  font-size: 80%;
}
.search-header.state-disabled {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  pointer-events: none;
}
.search-header .search-container {
  background-color: #154c70;
  color: #ffffff;
}
.search-header .search-field-wrapper {
  padding: 12px;
  padding: 0.75rem;
}
.search-header .search-toolbar {
  margin: 12px;
  margin: 0.75rem;
  margin-left: 0;
  margin-bottom: 0;
}
.search-header .search-field-wrapper .search-field {
  background-color: #f2f2f2;
  border: 0;
}
.editor #page-header {
  height: 38px;
  height: 2.375rem;
  background-color: #154c70;
  color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.editor #page-content {
  padding-top: 38px;
  padding-top: 2.375rem;
}
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b7a28ab7b5982e4e6e29bba7a518a60e)
 * Config saved to config.json and https://gist.github.com/b7a28ab7b5982e4e6e29bba7a518a60e
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role='button'] {
  cursor: pointer;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a,
.dropdown-menu > li > button,
.dropdown-menu > li > textarea.url,
.dropdown-menu > li > input.url {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > textarea.url:hover,
.dropdown-menu > li > textarea.url:focus,
.dropdown-menu > li > input.url:hover,
.dropdown-menu > li > input.url:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > textarea.url,
.dropdown-menu > .active > textarea.url:hover,
.dropdown-menu > .active > textarea.url:focus,
.dropdown-menu > .active > input.url,
.dropdown-menu > .active > input.url:hover,
.dropdown-menu > .active > input.url:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > textarea.url,
.dropdown-menu > .disabled > textarea.url:hover,
.dropdown-menu > .disabled > textarea.url:focus,
.dropdown-menu > .disabled > input.url,
.dropdown-menu > .disabled > input.url:hover,
.dropdown-menu > .disabled > input.url:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > textarea.url:hover,
.dropdown-menu > .disabled > textarea.url:focus,
.dropdown-menu > .disabled > input.url:hover,
.dropdown-menu > .disabled > input.url:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a,
.open > textarea.url,
.open > input.url {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: '';
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: '';
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: ' ';
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: ' ';
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: ' ';
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: ' ';
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: ' ';
  display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.dropdown-menu {
  margin-top: 0;
}
.dropdown-menu .external-link-icon {
  padding-top: 3px;
  padding-bottom: 3px;
}
.dropdown-menu > li > button {
  font-size: 14px;
  border: none;
  width: 100%;
  text-align: left;
}
.dropdown-menu > li.separator,
.dropdown-menu > li.standard-table.light-table > .table-content > table thead tr .separator-left,
.dropdown-menu > litable.standard-table.light-table thead tr .separator-left,
.dropdown-menu > li.standard-table.light-table > .table-content > table thead tr .separator-right,
.dropdown-menu > litable.standard-table.light-table thead tr .separator-right,
.dropdown-menu > li.separator-vertical,
.dropdown-menu > li.separator-horizontal,
.dropdown-menu > li.separator-left,
.dropdown-menu > li.separator-right,
.dropdown-menu > li.separator-top,
.dropdown-menu > li.separator-bottom,
.dropdown-menu > li.standard-table.light-table > .table-content > table thead tr .group-heading .inline-toolbar,
.dropdown-menu > litable.standard-table.light-table thead tr .group-heading .inline-toolbar,
.dropdown-menu > li.group-heading .inline-toolbar {
  height: 1px;
  background-color: #e0e0e0;
  width: 96%;
  margin: 2px 0 2px 2%;
  cursor: auto;
}
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}
.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}
.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}
.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
  opacity: 1;
}
/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}
/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}
/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}
/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}
/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}
/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0px;
  top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0px;
  top: -3px;
}
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}
.tooltipster-sidetip .tooltipster-box {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}
.tooltipster-sidetip .tooltipster-content {
  padding: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: white;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: white;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: white;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: white;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #e5e5e5;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #e5e5e5;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #e5e5e5;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #e5e5e5;
}
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
}
.tooltipster-sidetip .tooltipster-arrow {
  z-index: 1;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  top: -1px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  right: -1px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  left: -1px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: -1px;
  top: auto;
}
.tooltipster-content > .card.card-warning,
.tooltipster-content > .card.card-error,
.tooltipster-content > .card.alertify-log-error {
  padding: 0;
}
.tooltipster-content > .card.card-warning .dialog-title,
.tooltipster-content > .card.card-error .dialog-title,
.tooltipster-content > .card.alertify-log-error .dialog-title {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  clear: both;
}
.tooltipster-content > .card.card-warning .dialog-body,
.tooltipster-content > .card.card-error .dialog-body,
.tooltipster-content > .card.alertify-log-error .dialog-body {
  padding: 10px;
  padding-right: 36px;
}
.tooltipster-content > .card.card-warning .dialog-close,
.tooltipster-content > .card.card-error .dialog-close,
.tooltipster-content > .card.alertify-log-error .dialog-close {
  width: 30px;
  width: 1.875rem;
}
.tooltipster-base .tooltipster-content {
  overflow: visible;
}
.tooltipster-sidetip .tooltipster-content {
  color: inherit;
}
.tooltipster-box .tooltipster-content .tooltipTipText {
  padding: 10px;
  display: block;
}
.modal-with-popover .modal {
  z-index: 95;
}
.modal-with-popover .modal-backdrop {
  z-index: 94;
}
/* Inspired by https://material.io/guidelines/motion/duration-easing.html#duration-easing-natural-easing-curves)
 */
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes ic-fade-in{ 0%{ opacity: 0; -webkit-transform: scale(0.5) } 100%{ opacity: 1; -webkit-transform: scale(1) }}
@-moz-keyframes ic-fade-in{ 0%{ opacity: 0; -moz-transform: scale(0.5) } 100%{ opacity: 1; -moz-transform: scale(1) }}
@-o-keyframes ic-fade-in{ 0%{ opacity: 0; -o-transform: scale(0.5) } 100%{ opacity: 1; -o-transform: scale(1) }}
@keyframes ic-fade-in{ 0%{ opacity: 0;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);} 100%{ opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes ic-fade-out{ 0%{ opacity: 1; -webkit-transform: scale(1) } 100%{ opacity: 0; -webkit-transform: scale(0.5) }}
@-moz-keyframes ic-fade-out{ 0%{ opacity: 1; -moz-transform: scale(1) } 100%{ opacity: 0; -moz-transform: scale(0.5) }}
@-o-keyframes ic-fade-out{ 0%{ opacity: 1; -o-transform: scale(1) } 100%{ opacity: 0; -o-transform: scale(0.5) }}
@keyframes ic-fade-out{ 0%{ opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} 100%{ opacity: 0;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes ic-move-horizontal{ 0%{ left: 0; } 100%{ left: 100%; }}
@-moz-keyframes ic-move-horizontal{ 0%{ left: 0; } 100%{ left: 100%; }}
@-o-keyframes ic-move-horizontal{ 0%{ left: 0; } 100%{ left: 100%; }}
@keyframes ic-move-horizontal{ 0%{ left: 0; } 100%{ left: 100%; }}
[not-existing] {
  zoom: 1;
}
.move-horizontal-alternate {
  -webkit-animation: ic-move-horizontal cubic-bezier(0.4, 0, 0.2, 1) 375ms infinite alternate;
  -moz-animation: ic-move-horizontal cubic-bezier(0.4, 0, 0.2, 1) 375ms infinite alternate;
  -o-animation: ic-move-horizontal cubic-bezier(0.4, 0, 0.2, 1) 375ms infinite alternate;
  animation: ic-move-horizontal cubic-bezier(0.4, 0, 0.2, 1) 375ms infinite alternate;
  position: relative;
  left: 0;
}
.fade-in,
.diagram-canvas.diagram-edit .diagram-activity.entity-last-selected .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.diagram-activity-in-progress .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.entity-last-selected.diagram-state-locked .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.diagram-activity-in-progress.diagram-state-locked .contextbar.toolbar {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  animation-fill-mode: both;
  -webkit-animation: ic-fade-in cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  -moz-animation: ic-fade-in cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  -o-animation: ic-fade-in cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  animation: ic-fade-in cubic-bezier(0.4, 0, 0.2, 1) 225ms;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.fade-in,
.fade-in-block,
.diagram-canvas.diagram-edit .diagram-activity.entity-last-selected .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.diagram-activity-in-progress .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.entity-last-selected.diagram-state-locked .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.diagram-activity-in-progress.diagram-state-locked .contextbar.toolbar {
  display: block;
}
.fade-in-inline-block {
  display: inline-block;
}
.fade-in-inline {
  display: inline;
}
.fade-left {
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -ms-transform-origin: center left;
  -o-transform-origin: center left;
  transform-origin: center left;
}
.fade-right {
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  -o-transform-origin: center right;
  transform-origin: center right;
}
.fade-top {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}
.fade-bottom {
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center;
}
.fade-out {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  animation-fill-mode: both;
  -webkit-animation: ic-fade-out cubic-bezier(0.4, 0, 0.2, 1) 195ms;
  -moz-animation: ic-fade-out cubic-bezier(0.4, 0, 0.2, 1) 195ms;
  -o-animation: ic-fade-out cubic-bezier(0.4, 0, 0.2, 1) 195ms;
  animation: ic-fade-out cubic-bezier(0.4, 0, 0.2, 1) 195ms;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.fade-out,
.fade-out-block {
  display: block;
}
.fade-out-inline-block {
  display: inline-block;
}
.fade-out-inline {
  display: inline;
}
.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.reset,
.button-group,
.btn,
.standard-button,
.standard-dropdown,
.breadcrumbs,
.breadcrumbs .ellipsis-dropdown,
.breadcrumb-group,
#page-toolbar ul,
.toolbar-view ul,
.wizard-content,
.tab-container,
.alertify-button,
.dropdown-menu,
.tooltipster-sidetip .tooltipster-box,
#page-toolbar ol,
.toolbar-view ol,
.btn-xs,
.btn-l,
.btn-s,
.inverted-button,
button,
.button,
.flat-button,
.ui-menu.ui-widget-content,
.breadcrumbs .ellipsis-dropdown,
.chosen-container .chosen-drop,
.tree-dropdown-parent .tree-container,
.procydo-theme a,
.procydo-theme span,
.standard-table.light-table > .table-content > table th .button-group,
table.standard-table.light-table th .button-group,
.tag-remove,
.procydo-theme textarea.url,
.procydo-theme input.url,
.text-button,
.search-compact .search-toolbar button {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.z-high,
.alertify-log.alertify-log-error,
.alertify-log.alertify-log-success,
.alertify-log.alertify-log-info {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}
.z-low {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card-group-title,
.collapsible .entity-heading-low,
.collapsible-table .entity-heading-low,
.collapsible #page-header .breadcrumbs,
#page-header .breadcrumbs {
  color: #154c70;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.procydoTable {
  margin: 0 0 10px;
  border-collapse: collapse;
}
.procydoTh,
.procydoTable th {
  background-color: #f0f0f0;
}
.procydoTd,
.procydoTh,
.procydoTable td {
  border: 1px solid #ddd;
  padding: 7px 10px;
  vertical-align: top;
  text-align: left;
}
.procydoTable tr:hover {
  background-color: #f9f9f9;
}
.dropdown-icon {
  display: inline-block;
  margin-right: 3px;
}
.dropdown-image {
  max-width: 30px;
}
.dropdown-image-centered {
  display: block;
  margin: auto;
}
.card,
.list-item,
.tooltipster-sidetip .tooltipster-box,
.standard-dropdown,
.toolbar-view,
#page-toolbar,
.tile-content.tile-reload,
.collapsible .entity-high-list,
.state-create-mode,
.diagram-canvas .diagram-content,
.diagram-canvas .diagram-palette .diagram-palette-symbol-wrapper,
.section-editor.editable .sections,
.trackbar-highlight-row .trackbar-highlight,
.dropdown-menu,
.tooltipster-sidetip .tooltipster-box,
.collapsible-table .entity-high-list,
.ui-menu.ui-widget-content,
.breadcrumbs .ellipsis-dropdown,
.chosen-container .chosen-drop,
.tree-dropdown-parent .tree-container {
  -webkit-border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 1px;
  -moz-background-clip: padding;
  border-radius: 1px;
  background-clip: padding-box;
  border-top: 1px solid #e5e5e5;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card.z-low {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card.z-high,
.card.alertify-log.alertify-log-error,
.card.alertify-log.alertify-log-success,
.card.alertify-log.alertify-log-info {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}
.card-message-padding {
  padding: 10px;
  padding-right: 36px;
}
.card-message,
.alertify-log,
.card-error,
.card-success,
.card-warning,
.card-notification-chat,
.card-notification-relation,
.card-notification-rating,
.alertify-log-error,
.alertify-log-success,
.player-rate .player-rate-positive,
.player-rate .player-rate-negative {
  border-top: 1px solid #e5e5e5;
  position: relative;
  padding: 10px;
  padding-right: 36px;
}
.card-message:after,
.alertify-log:after,
.card-error:after,
.card-success:after,
.card-warning:after,
.card-notification-chat:after,
.card-notification-relation:after,
.card-notification-rating:after,
.alertify-log-error:after,
.alertify-log-success:after,
.player-rate .player-rate-positive:after,
.player-rate .player-rate-negative:after {
  font-family: 'infocaption-icomoon';
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 20px;
  right: 5px;
  border: 1px solid transparent;
  color: white;
  border-radius: 20px;
  text-align: center;
}
.card-notification-rating {
  background-color: #eef9ff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card-notification-rating:after {
  margin-top: -13px;
  padding: 4px 4px;
  font-size: 16px;
  background-color: #c2cdda;
}
.card-notification-chat {
  background-color: #eef9ff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card-notification-chat:after {
  margin-top: -13px;
  padding: 4px 4px;
  font-size: 16px;
  background-color: #c2cdda;
}
.card-notification-relation {
  background-color: #fcf9c0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card-notification-relation:after {
  margin-top: -13px;
  padding: 4px 4px;
  font-size: 16px;
  background-color: #c5c434;
}
.card-notification-relation a,
.card-notification-relation textarea.url,
.card-notification-relation input.url {
  text-decoration: underline;
  color: #154c70;
}
#notificationsregion .card-notification-relation .dismiss-button {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
  height: 20px;
  color: #bfbdbd;
}
#notificationsregion .card-notification-relation .dismiss-button:hover {
  color: #da3c3c;
  cursor: pointer;
}
#notificationsregion .card-notification-relation .notification-text {
  display: inline-block;
  margin-left: 2px;
  width: 95%;
}
.card-error,
.alertify-log-error {
  background-color: #ffecea;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card-error.error-box,
.alertify-log-error.error-box {
  max-width: 400px;
  margin: auto;
}
.card-error:after,
.alertify-log-error:after {
  margin-top: -13px;
  padding: 2px 4px;
  background-color: #b81b1b;
}
.error-message {
  border: 0;
  margin-top: 5px;
  margin-top: 0.3125rem;
  background-color: #fff1ef;
  font-family: monospace;
  width: 100%;
  height: auto;
  max-height: 300px;
  max-height: 18.75rem;
  overflow-y: auto;
  padding: 0 10px;
  padding: 0 0.625rem;
}
.card-success,
.alertify-log-success,
.player-rate .player-rate-positive {
  background-color: #cbfecb;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card-success:after,
.alertify-log-success:after {
  margin-top: -13px;
  padding: 4px 4px;
  font-size: 16px;
  background-color: #208d53;
}
.card-warning,
.player-rate .player-rate-negative {
  background-color: #fcf9c0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.card-warning:after {
  margin-top: -13px;
  padding: 2px 8px;
  background-color: #c5c434;
}
#current_organization_chosen,
#current-organization {
  text-align: right;
  width: 200px;
  position: absolute;
  right: 7px;
  top: 50px;
}
#current_organization_chosen > a,
#current_organization_chosen > textarea.url,
#current_organization_chosen > input.url {
  border: 0;
  background-color: transparent;
}
#current_organization_chosen.chosen-with-drop > a,
#current_organization_chosen.chosen-with-drop > textarea.url,
#current_organization_chosen.chosen-with-drop > input.url {
  border: 1px solid #aaa;
}
#current_organization_chosen *,
#current_organization_chosen {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 16px;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  height: 100%;
}
body {
  font-size: 16px;
  font-size: 1rem;
  background-color: #f2f2f2;
  min-height: 100%;
}
.canvas body {
  background-color: #f5f5f5;
}
.canvas #page-content {
  padding: 15px;
  padding: 0.9375rem;
  padding-top: 0px;
  padding-top: 0rem;
  margin-top: 15px;
  margin-top: 0.9375rem;
  border: solid #aaaaaa;
  background-color: #ffffff;
  border-width: 3px;
  border-width: 0.1875rem;
}
.full-height body {
  height: 100%;
}
.full-height #page-content {
  min-height: 100%;
  height: 100%;
}
.full-height #page-wrapper {
  height: 100%;
}
.full-width {
  width: 100%;
  max-width: 100%;
}
.full-width #page-content {
  width: auto;
}
.full-width #page-toolbar {
  width: 100%;
}
.list {
  overflow-y: scroll;
}
.list #page-content {
  /* smartass4 rebranding
		.padding (15px);
		 */
  padding-top: 0px;
  padding-top: 0rem;
}
.fixed-header #page-header,
.fixed-header.scaled-background #page-header {
  position: fixed;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 3;
}
.fixed-header #page-wrapper,
.fixed-header.scaled-background #page-wrapper {
  padding-top: 50px;
  padding-top: 3.125rem;
}
.fixed-header.high-profile #title-section img,
.fixed-header.scaled-background.high-profile #title-section img {
  position: relative;
  left: 2px;
  left: 0.125rem;
  width: 159px;
  width: 9.9375rem;
}
.fixed-header.high-profile #page-wrapper,
.fixed-header.scaled-background.high-profile #page-wrapper {
  padding-top: 68px;
  padding-top: 4.25rem;
}
.fixed-toolbar #page-toolbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: 35px;
  height: 2.1875rem;
}
.fixed-toolbar.toolbar-enabled #page-wrapper {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
.fixed-toolbar.fixed-header #page-toolbar {
  position: fixed;
  top: 50px;
  top: 3.125rem;
  right: 0;
  left: 0;
}
.fixed-toolbar.fixed-header #page-wrapper {
  padding-top: 85px;
  padding-top: 5.3125rem;
}
.scaled-background #bgwrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
}
.scaled-background #bgwrap img {
  width: 100%;
  height: auto;
  min-height: 100%;
  min-width: 1338px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.scaled-background #page-toolbar,
.scaled-background #page-header,
.scaled-background #page-content {
  z-index: 2;
  position: relative;
}
.header-fill,
.table-wrapper.standard-table .table-header,
.standard-table > .table-content > table thead tr.table-header,
table.standard-table thead tr.table-header {
  background-color: #154c70;
  color: #ffffff;
}
.subheader-fill,
.standard-table > .table-content > table thead tr,
table.standard-table thead tr,
.procydo-admin .tabs {
  background-color: #3f4f5f;
  color: #ffffff;
}
#page-content,
#page-footer {
  width: 880px;
  width: 55rem;
  /* SMARTASS 4 REBRANDING
	.padding-top(5px);
	*/
  position: relative;
}
#page-content.full-width,
#page-footer.full-width {
  width: 100%;
}
#page-wrapper {
  min-height: 100%;
}
.edit-highlight {
  border-color: #eff2ff;
}
.view-state-empty,
tr.empty {
  text-align: center;
  padding-top: 2px;
  padding-top: 0.125rem;
  padding-bottom: 2px;
  padding-bottom: 0.125rem;
}
.centered-container {
  text-align: center;
}
.centered-container > * {
  text-align: left;
  display: inline-block;
  width: auto;
}
.ridge,
.procydo-admin .tabs {
  border-bottom: 1px ridge #111f36;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.toolbar-enabled #page-toolbar {
  display: table;
}
.centered-content {
  margin-left: auto;
  margin-right: auto;
}
.positioned {
  position: relative;
}
.loading-indicator {
  top: 50%;
  left: 32px;
  left: 2rem;
}
.loading-indicator-parent {
  position: relative;
}
.loading-indicator-parent:not(.modal-dialog) {
  height: 100%;
}
.loading-indicator-wrapper {
  position: absolute;
  top: 1px;
  right: 1px;
  left: 1px;
  bottom: 1px;
  text-align: center;
  z-index: 1000;
}
.loading-indicator-wrapper.no-overlay .loading-indicator-inner-container {
  border: none;
}
.loading-indicator-wrapper.no-overlay .overlay {
  display: none;
}
.loading-indicator-wrapper .loading-indicator-container {
  display: table;
  height: 100%;
  width: 100%;
}
.loading-indicator-wrapper .loading-indicator-inner-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.loading-indicator-wrapper .loading-indicator-inner-container {
  color: white;
  position: relative;
  padding: 15px 10px;
  padding: 0.9375rem 10px;
  padding: 15px 0.625rem;
  padding: 0.9375rem 0.625rem;
  height: 55px;
  height: 3.4375rem;
  padding-left: 55px;
  padding-left: 3.4375rem;
  border: 1px ridge #f5f5f5;
  display: inline-block;
}
.loading-indicator-wrapper .loading-indicator-inner-container .overlay {
  zoom: 1;
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  z-index: 1;
}
.loading-indicator-wrapper .loading-indicator-inner-container .loading-label {
  position: relative;
  z-index: 2;
  margin-left: 10px;
  margin-left: 0.625rem;
}
.loading-indicator-wrapper .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  zoom: 1;
  filter: alpha(opacity=10);
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
}
.horizontal-line {
  border-bottom: 1px solid #2c88c5;
  margin-left: auto;
  margin-right: auto;
  width: 79%;
}
.horizontal-line.offset {
  margin-top: 11px;
  margin-top: 0.6875rem;
  margin-bottom: 11px;
  margin-bottom: 0.6875rem;
}
/*
 * Page based headings
 */
/*
 * Entity based headings
 */
.entity-heading,
.entity-heading-low,
.entity-heading-high,
.option-group,
.wizard-header,
#page-header .breadcrumbs,
.collapsible .entity-more-heading,
.collapsible-table .entity-more-heading,
optgroup,
.chosen-container .chosen-results li.group-result,
.wizard-container-header {
  margin: 0;
}
.entity-heading + .table-wrapper,
.entity-heading-low + .table-wrapper,
.entity-heading-high + .table-wrapper,
.option-group + .table-wrapper,
.wizard-header + .table-wrapper,
#page-header .breadcrumbs + .table-wrapper,
.collapsible .entity-more-heading + .table-wrapper,
.collapsible-table .entity-more-heading + .table-wrapper,
optgroup + .table-wrapper,
.chosen-container .chosen-results li.group-result + .table-wrapper,
.wizard-container-header + .table-wrapper {
  margin-top: 5px;
  margin-top: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
}
.entity-heading-low,
.option-group,
#page-header .breadcrumbs,
.collapsible .entity-more-heading,
.collapsible-table .entity-more-heading,
optgroup,
.chosen-container .chosen-results li.group-result {
  margin-top: 8px;
  margin-top: 0.5rem;
  border-color: #aaaaaa;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
}
.entity-heading-low .heading-icon,
#page-header .breadcrumbs .heading-icon {
  margin-right: 0.5em;
}
.description-field,
.entity-description-field,
.low-description-field,
.entity-description-field > p {
  margin: 0;
}
.description-field input,
.description-field textarea,
.description-field select,
.description-field .chosen-container,
.entity-description-field input,
.entity-description-field textarea,
.entity-description-field select,
.entity-description-field .chosen-container,
.entity-description-field > p input,
.entity-description-field > p textarea,
.entity-description-field > p select,
.entity-description-field > p .chosen-container {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.description-field input.inline,
.description-field textarea.inline,
.description-field select.inline,
.description-field .chosen-container.inline,
.description-field input.inline + .chosen-container,
.description-field textarea.inline + .chosen-container,
.description-field select.inline + .chosen-container,
.description-field .chosen-container.inline + .chosen-container,
.entity-description-field input.inline,
.entity-description-field textarea.inline,
.entity-description-field select.inline,
.entity-description-field .chosen-container.inline,
.entity-description-field input.inline + .chosen-container,
.entity-description-field textarea.inline + .chosen-container,
.entity-description-field select.inline + .chosen-container,
.entity-description-field .chosen-container.inline + .chosen-container,
.entity-description-field > p input.inline,
.entity-description-field > p textarea.inline,
.entity-description-field > p select.inline,
.entity-description-field > p .chosen-container.inline,
.entity-description-field > p input.inline + .chosen-container,
.entity-description-field > p textarea.inline + .chosen-container,
.entity-description-field > p select.inline + .chosen-container,
.entity-description-field > p .chosen-container.inline + .chosen-container {
  display: inline-block;
  width: 50px;
  width: 3.125rem;
}
.entity-description-field,
.entity-description-field > p {
  font-family: 'Segoe UI Light', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  margin-left: 35px;
  margin-left: 2.1875rem;
  font-size: 19px;
  font-size: 1.1875rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entity-description-field > p {
  margin-left: 0;
}
.entity-description-field textarea,
.entity-description-field > p textarea {
  max-width: 100%;
}
.entity-description-field.input-description,
.entity-description-field > p.input-description {
  text-overflow: initial;
  overflow: visible;
}
.input-descriptions .entity-description-field,
.input-descriptions .entity-description-field > p {
  text-overflow: initial;
  overflow: visible;
}
.entity-description-field input[type='text'],
.entity-heading-high input[type='text'],
.entity-heading-low input[type='text'],
.entity-description-field input[type='email'],
.entity-heading-high input[type='email'],
.entity-heading-low input[type='email'],
.entity-description-field input[type='url'],
.entity-heading-high input[type='url'],
.entity-heading-low input[type='url'],
.entity-description-field input[type='phone'],
.entity-heading-high input[type='phone'],
.entity-heading-low input[type='phone'],
.entity-description-field input[type='password'],
.entity-heading-high input[type='password'],
.entity-heading-low input[type='password'],
.entity-description-field input[type='number'],
.entity-heading-high input[type='number'],
.entity-heading-low input[type='number'],
.entity-description-field input[type='time'],
.entity-heading-high input[type='time'],
.entity-heading-low input[type='time'],
.entity-description-field select,
.entity-heading-high select,
.entity-heading-low select,
.entity-description-field textarea,
.entity-heading-high textarea,
.entity-heading-low textarea,
.entity-description-field .chosen-container,
.entity-heading-high .chosen-container,
.entity-heading-low .chosen-container,
.entity-description-field > p input[type='text'],
.entity-description-field > p input[type='email'],
.entity-description-field > p input[type='url'],
.entity-description-field > p input[type='phone'],
.entity-description-field > p input[type='password'],
.entity-description-field > p input[type='number'],
.entity-description-field > p input[type='time'],
.entity-description-field > p select,
.entity-description-field > p textarea,
.entity-description-field > p .chosen-container,
#page-header .breadcrumbs input[type='text'],
#page-header .breadcrumbs input[type='email'],
#page-header .breadcrumbs input[type='url'],
#page-header .breadcrumbs input[type='phone'],
#page-header .breadcrumbs input[type='password'],
#page-header .breadcrumbs input[type='number'],
#page-header .breadcrumbs input[type='time'],
#page-header .breadcrumbs select,
#page-header .breadcrumbs textarea,
#page-header .breadcrumbs .chosen-container {
  right: 6px;
}
/*
 * Collapsible content (jquery collapse, content that can expand/de-expand)
 */
.collapsible .collapsible-hitbox,
.collapsible-table .collapsible-hitbox {
  height: 100%;
  width: 100%;
  display: block;
  font-family: inherit;
}
.collapsible .collapsible-hitbox:hover,
.collapsible-table .collapsible-hitbox:hover {
  text-decoration: none;
}
.collapsible .entity-heading-high,
.collapsible-table .entity-heading-high {
  margin: 0;
  padding-left: 15px;
  padding-left: 0.9375rem;
}
.collapsible .entity-heading-low,
.collapsible-table .entity-heading-low,
.collapsible #page-header .breadcrumbs,
#page-header .breadcrumbs {
  font-size: 18px;
  font-size: 1.125rem;
}
.collapsible .entity-heading-low:first-child,
.collapsible-table .entity-heading-low:first-child,
.collapsible #page-header .breadcrumbs:first-child,
#page-header .breadcrumbs:first-child {
  margin-top: 0;
}
.collapsible .collapsible-text-open[class^='icon-'],
.collapsible .collapsible-text-closed[class^='icon-'],
.collapsible .collapsible-text-open[class*=' icon-'],
.collapsible .collapsible-text-closed[class*=' icon-'],
.collapsible .collapsible-text-open.icon-font-class,
.collapsible .collapsible-text-closed.icon-font-class,
.collapsible .collapsible-text-open.icon-font-class,
.collapsible .collapsible-text-closed.icon-font-class,
.collapsible-table .collapsible-text-open[class^='icon-'],
.collapsible-table .collapsible-text-closed[class^='icon-'],
.collapsible-table .collapsible-text-open[class*=' icon-'],
.collapsible-table .collapsible-text-closed[class*=' icon-'],
.collapsible .collapsible-text-open.list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .collapsible-text-closed.list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .collapsible-text-open.list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .collapsible-text-closed.list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .collapsible-text-open.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .collapsible-text-closed.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .collapsible-text-open.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .collapsible-text-closed.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .collapsible-text-open.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .collapsible-text-closed.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .collapsible-text-open.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .collapsible-text-closed.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .collapsible-text-open.entity-history-list > li:before,
.collapsible .collapsible-text-closed.entity-history-list > li:before,
.collapsible .collapsible-text-open.entity-history-list > li:before,
.collapsible .collapsible-text-closed.entity-history-list > li:before,
.collapsible .collapsible-text-open.ui-icon,
.collapsible .collapsible-text-closed.ui-icon,
.collapsible .collapsible-text-open.ui-icon,
.collapsible .collapsible-text-closed.ui-icon,
.collapsible .collapsible-text-open.state-checked:after,
.collapsible .collapsible-text-closed.state-checked:after,
.collapsible .collapsible-text-open.state-checked:after,
.collapsible .collapsible-text-closed.state-checked:after,
.collapsible .collapsible-text-open.jstree-default .jstree-checkbox,
.collapsible .collapsible-text-closed.jstree-default .jstree-checkbox,
.collapsible .collapsible-text-open.jstree-default .jstree-checkbox,
.collapsible .collapsible-text-closed.jstree-default .jstree-checkbox,
.collapsible .collapsible-text-open.jstree-default .jstree-themeicon,
.collapsible .collapsible-text-closed.jstree-default .jstree-themeicon,
.collapsible .collapsible-text-open.jstree-default .jstree-themeicon,
.collapsible .collapsible-text-closed.jstree-default .jstree-themeicon,
.collapsible .collapsible-text-open.tile-text.icon:before,
.collapsible .collapsible-text-closed.tile-text.icon:before,
.collapsible .collapsible-text-open.tile-text.icon:before,
.collapsible .collapsible-text-closed.tile-text.icon:before,
.collapsible .collapsible-text-open.ui-datepicker-next > .ui-icon,
.collapsible .collapsible-text-closed.ui-datepicker-next > .ui-icon,
.collapsible .collapsible-text-open.ui-datepicker-next > .ui-icon,
.collapsible .collapsible-text-closed.ui-datepicker-next > .ui-icon,
.collapsible .collapsible-text-open.ui-datepicker-prev > .ui-icon,
.collapsible .collapsible-text-closed.ui-datepicker-prev > .ui-icon,
.collapsible .collapsible-text-open.ui-datepicker-prev > .ui-icon,
.collapsible .collapsible-text-closed.ui-datepicker-prev > .ui-icon,
.collapsible .collapsible-text-open.entity-history-list > li:before,
.collapsible .collapsible-text-closed.entity-history-list > li:before,
.collapsible .collapsible-text-open.entity-history-list > li:before,
.collapsible .collapsible-text-closed.entity-history-list > li:before {
  margin-right: 0;
  position: relative;
  top: 2px;
  top: 0.125rem;
}
.collapsible .collapsible-text-open [class^='icon-'],
.collapsible .collapsible-text-closed [class^='icon-'],
.collapsible .collapsible-text-open [class*=' icon-'],
.collapsible .collapsible-text-closed [class*=' icon-'],
.collapsible .collapsible-text-open .icon-font-class,
.collapsible .collapsible-text-closed .icon-font-class,
.collapsible .collapsible-text-open .icon-font-class,
.collapsible .collapsible-text-closed .icon-font-class,
.collapsible-table .collapsible-text-open [class^='icon-'],
.collapsible-table .collapsible-text-closed [class^='icon-'],
.collapsible-table .collapsible-text-open [class*=' icon-'],
.collapsible-table .collapsible-text-closed [class*=' icon-'],
.collapsible .collapsible-text-open .list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .collapsible-text-closed .list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .collapsible-text-open .list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .collapsible-text-closed .list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .collapsible-text-open .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .collapsible-text-closed .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .collapsible-text-open .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .collapsible-text-closed .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .collapsible-text-open .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .collapsible-text-closed .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .collapsible-text-open .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .collapsible-text-closed .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .collapsible-text-open .entity-history-list > li:before,
.collapsible .collapsible-text-closed .entity-history-list > li:before,
.collapsible .collapsible-text-open .entity-history-list > li:before,
.collapsible .collapsible-text-closed .entity-history-list > li:before,
.collapsible .collapsible-text-open .ui-icon,
.collapsible .collapsible-text-closed .ui-icon,
.collapsible .collapsible-text-open .ui-icon,
.collapsible .collapsible-text-closed .ui-icon,
.collapsible .collapsible-text-open .state-checked:after,
.collapsible .collapsible-text-closed .state-checked:after,
.collapsible .collapsible-text-open .state-checked:after,
.collapsible .collapsible-text-closed .state-checked:after,
.collapsible .collapsible-text-open .jstree-default .jstree-checkbox,
.collapsible .collapsible-text-closed .jstree-default .jstree-checkbox,
.collapsible .collapsible-text-open .jstree-default .jstree-checkbox,
.collapsible .collapsible-text-closed .jstree-default .jstree-checkbox,
.collapsible .collapsible-text-open .jstree-default .jstree-themeicon,
.collapsible .collapsible-text-closed .jstree-default .jstree-themeicon,
.collapsible .collapsible-text-open .jstree-default .jstree-themeicon,
.collapsible .collapsible-text-closed .jstree-default .jstree-themeicon,
.collapsible .collapsible-text-open .tile-text.icon:before,
.collapsible .collapsible-text-closed .tile-text.icon:before,
.collapsible .collapsible-text-open .tile-text.icon:before,
.collapsible .collapsible-text-closed .tile-text.icon:before,
.collapsible .collapsible-text-open .ui-datepicker-next > .ui-icon,
.collapsible .collapsible-text-closed .ui-datepicker-next > .ui-icon,
.collapsible .collapsible-text-open .ui-datepicker-next > .ui-icon,
.collapsible .collapsible-text-closed .ui-datepicker-next > .ui-icon,
.collapsible .collapsible-text-open .ui-datepicker-prev > .ui-icon,
.collapsible .collapsible-text-closed .ui-datepicker-prev > .ui-icon,
.collapsible .collapsible-text-open .ui-datepicker-prev > .ui-icon,
.collapsible .collapsible-text-closed .ui-datepicker-prev > .ui-icon,
.collapsible .collapsible-text-open .entity-history-list > li:before,
.collapsible .collapsible-text-closed .entity-history-list > li:before,
.collapsible .collapsible-text-open .entity-history-list > li:before,
.collapsible .collapsible-text-closed .entity-history-list > li:before {
  margin-right: 10px;
  margin-right: 0.625rem;
}
.collapsible-table {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.collapsible-table > li {
  margin-top: 10px;
  margin-top: 0.625rem;
  border: 1px solid #aaaaaa;
}
.collapsible-table .collapsible-content table thead tr:first-child {
  border-top: none;
}
.collapsible-table .collapsible-count {
  display: inline-block;
  width: 45px;
  width: 2.8125rem;
  height: 45px;
  height: 2.8125rem;
  line-height: 45px;
  line-height: 2.8125rem;
  vertical-align: top;
  text-align: center;
  font-weight: normal;
  float: right;
}
.collapsible-table .entity-heading-high {
  line-height: 45px;
  line-height: 2.8125rem;
  overflow: hidden;
}
.collapsible-table .classic-table-layout {
  border: none;
}
.collapsible-table .classic-table-layout .collapsible-table-header {
  border: 1px solid #aaaaaa;
}
.collapsible-table .classic-table-layout .collapsible-table-header.open {
  border-bottom: none;
}
.entity-selectable {
  cursor: pointer;
}
ul.collapsible,
ul.collapsible-table,
ul.collapsible-content,
ol.collapsible,
ol.collapsible-content,
.grouped-table-layout .group-content {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  padding-top: 0.3125rem;
}
ul.collapsible .close:hover .list-title,
ul.collapsible-table .close:hover .list-title,
ol.collapsible .close:hover .list-title {
  border-color: #1f4e79;
  background-color: #f9f9f9;
}
ul.collapsible li,
ul.collapsible-table li,
ol.collapsible li {
  margin: 15px 0px;
  margin: 0.9375rem 0px;
  margin: 15px 0rem;
  margin: 0.9375rem 0rem;
}
ul.collapsible li.entity-sort-placeholder,
ul.collapsible-table li.entity-sort-placeholder,
ol.collapsible li.entity-sort-placeholder {
  margin-top: 0;
}
ul.collapsible li:first-child,
ul.collapsible-table li:first-child,
ol.collapsible li:first-child,
.entity-sort-placeholder:first-child {
  margin-top: 0;
}
ul.collapsible li:first-child.entity-state-empty + li,
ul.collapsible-table li:first-child.entity-state-empty + li,
ol.collapsible li:first-child.entity-state-empty + li {
  margin-top: 0;
}
ul.collapsible li li,
ul.collapsible-table li li,
ol.collapsible li li {
  margin: 5px 0px;
  margin: 0.3125rem 0px;
  margin: 5px 0rem;
  margin: 0.3125rem 0rem;
}
ul.collapsible .collapsible-hitbox,
ul.collapsible-table .collapsible-hitbox,
ol.collapsible .collapsible-hitbox {
  color: inherit;
}
.collapsible .list-title,
.collapsible-table .list-title,
.entity-sort-placeholder {
  height: 40px;
  height: 2.5rem;
  line-height: 38px;
  line-height: 2.375rem;
  background-color: #f5f5f5;
  border: 1px solid #aaaaaa;
  -webkit-transition: 0.2s ease border-color, background-color;
  -moz-transition: 0.2s ease border-color, background-color;
  -o-transition: 0.2s ease border-color, background-color;
  transition: 0.2s ease border-color, background-color;
}
.collapsible .list-title .inline-toolbar,
.collapsible-table .list-title .inline-toolbar {
  float: right;
}
.collapsible .list-title .entity-heading-high,
.collapsible-table .list-title .entity-heading-high {
  display: block;
  margin-right: auto;
  overflow: hidden;
}
.collapsible .list-title .button-group,
.collapsible-table .list-title .button-group {
  vertical-align: top;
}
.collapsible .list-title .button-group .label-icon,
.collapsible-table .list-title .button-group .label-icon {
  font-size: 60%;
}
.collapsible .list-title .standard-button,
.collapsible .list-title .button,
.collapsible .list-title .flat-button,
.collapsible-table .list-title .standard-button,
.collapsible-table .list-title .button,
.collapsible-table .list-title .flat-button,
.collapsible .list-title .inverted-button,
.collapsible .list-title button,
.collapsible .list-title .button,
.collapsible .list-title .flat-button,
.collapsible .list-title .procydo-theme a,
.collapsible .list-title .procydo-theme span,
.collapsible .list-title .standard-table.light-table > .table-content > table th .button-group,
.collapsible .list-title table.standard-table.light-table th .button-group,
.collapsible .list-title .tag-remove,
.collapsible .list-title .procydo-theme textarea.url,
.collapsible .list-title .procydo-theme input.url,
.collapsible .list-title .text-button {
  height: 100%;
}
.collapsible .list-title .title-text,
.collapsible-table .list-title .title-text {
  max-width: 95%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
ul,
ol {
  padding-left: 20px;
  padding-left: 1.25rem;
  list-style-type: square;
}
ul.no-offset,
ol.no-offset {
  margin: 0;
}
/*
 * Layout descriptors
 */
.inline-toolbar {
  height: 100%;
  text-align: right;
}
.button-toolbar,
.inline-toolbar,
.wizard-footer .footer-right,
.entity-toolbar {
  position: relative;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.button-toolbar > .button-group,
.button-toolbar > .toolbar-group > .button-group,
.inline-toolbar > .button-group,
.inline-toolbar > .toolbar-group > .button-group,
.wizard-footer .footer-right > .button-group,
.wizard-footer .footer-right > .toolbar-group > .button-group,
.entity-toolbar > .button-group,
.entity-toolbar > .toolbar-group > .button-group {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  display: inline-table;
  margin-right: 1px;
}
.button-toolbar > .button-group .button-icon,
.button-toolbar > .toolbar-group > .button-group .button-icon,
.button-toolbar > .button-group .label-icon,
.button-toolbar > .toolbar-group > .button-group .label-icon,
.inline-toolbar > .button-group .button-icon,
.inline-toolbar > .toolbar-group > .button-group .button-icon,
.inline-toolbar > .button-group .label-icon,
.inline-toolbar > .toolbar-group > .button-group .label-icon,
.wizard-footer .footer-right > .button-group .button-icon,
.wizard-footer .footer-right > .toolbar-group > .button-group .button-icon,
.wizard-footer .footer-right > .button-group .label-icon,
.wizard-footer .footer-right > .toolbar-group > .button-group .label-icon,
.entity-toolbar > .button-group .button-icon,
.entity-toolbar > .toolbar-group > .button-group .button-icon,
.entity-toolbar > .button-group .label-icon,
.entity-toolbar > .toolbar-group > .button-group .label-icon {
  display: table-cell;
  vertical-align: middle;
}
.button-group {
  padding: 0 0.25em;
  display: inline-block;
}
.button-group.small-button,
.button-group.grouped-table-layout .group-content .flat-button {
  padding: 0px 4px;
  padding: 0rem 4px;
  padding: 0px 0.25rem;
  padding: 0rem 0.25rem;
}
.button-group a:hover,
.button-group textarea.url:hover,
.button-group input.url:hover {
  text-decoration: none;
}
.indent,
.button-group-list button .label-icon {
  padding-left: 8px;
  padding-left: 0.5rem;
}
.small-indent,
.grouped-table-layout .group-content .indent {
  padding-left: 4px;
  padding-left: 0.25rem;
}
.large-indent {
  padding-left: 12px;
  padding-left: 0.75rem;
}
/*
 * Design content, helpers
 */
.number,
.collapsible-table .collapsible-count {
  font-family: 'Segoe UI Light', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
}
.vertical-separator {
  width: 1px;
  display: inline-block;
  position: absolute;
  top: 20%;
  bottom: 20%;
  margin-left: -1px;
  background-color: #555555;
}
.vertical-separator.color-light {
  background-color: #ffffff;
}
.horizontal-separator {
  height: 1px;
  display: inline-block;
  position: absolute;
  left: 20%;
  right: 20%;
  margin-top: -1px;
  background-color: #555555;
}
.horizontal-separator.color-light {
  background-color: #ffffff;
}
.header-horizontal-separator {
  height: 50%;
  margin-top: 0.25%;
  vertical-align: top;
  border-bottom: 1px solid #aaaaaa;
}
.separator,
.standard-table.light-table > .table-content > table thead tr .separator-left,
table.standard-table.light-table thead tr .separator-left,
.standard-table.light-table > .table-content > table thead tr .separator-right,
table.standard-table.light-table thead tr .separator-right,
.separator-vertical,
.separator-horizontal,
.separator-left,
.separator-right,
.separator-top,
.separator-bottom,
.standard-table.light-table > .table-content > table thead tr .group-heading .inline-toolbar,
table.standard-table.light-table thead tr .group-heading .inline-toolbar,
.group-heading .inline-toolbar {
  position: relative;
}
.separator:after,
.standard-table.light-table > .table-content > table thead tr .separator-left:after,
table.standard-table.light-table thead tr .separator-left:after,
.standard-table.light-table > .table-content > table thead tr .separator-right:after,
table.standard-table.light-table thead tr .separator-right:after,
.separator-vertical:after,
.separator-horizontal:after,
.separator-left:after,
.separator-right:after,
.separator-top:after,
.separator-bottom:after,
.standard-table.light-table > .table-content > table thead tr .group-heading .inline-toolbar:after,
table.standard-table.light-table thead tr .group-heading .inline-toolbar:after,
.group-heading .inline-toolbar:after {
  content: '';
  position: absolute;
  background-color: #555555;
}
.separator.color-light:after,
.standard-table > .table-content > table thead tr .separator-left:after,
table.standard-table thead tr .separator-left:after,
.standard-table > .table-content > table thead tr .separator-right:after,
table.standard-table thead tr .separator-right:after,
.standard-table.light-table > .table-content > table thead tr .separator-left.color-light:after,
table.standard-table.light-table thead tr .separator-left.color-light:after,
.standard-table.light-table > .table-content > table thead tr .separator-right.color-light:after,
table.standard-table.light-table thead tr .separator-right.color-light:after,
.separator-vertical.color-light:after,
.separator-horizontal.color-light:after,
#page-toolbar .tabSelector:after,
.toolbar-view .tabSelector:after,
.separator-left.color-light:after,
.separator-right.color-light:after,
.separator-top.color-light:after,
.separator-bottom.color-light:after,
.standard-table > .table-content > table thead tr .group-heading .inline-toolbar:after,
table.standard-table thead tr .group-heading .inline-toolbar:after,
.standard-table.light-table > .table-content > table thead tr .group-heading .inline-toolbar.color-light:after,
table.standard-table.light-table thead tr .group-heading .inline-toolbar.color-light:after,
.group-heading .inline-toolbar.color-light:after {
  background-color: #ffffff;
}
.separator-vertical:after,
.separator-left:after,
.separator-right:after,
.group-heading .inline-toolbar:after {
  width: 1px;
  top: 20%;
  bottom: 20%;
}
.separator-left:after {
  left: 0;
}
.separator-right:after,
.group-heading .inline-toolbar:after {
  right: 0;
}
.separator-horizontal:after,
.separator-top:after,
.separator-bottom:after {
  left: 20%;
  right: 20%;
  height: 1px;
}
.separator-top:after {
  top: 0;
}
.separator-bottom:after {
  bottom: 0;
}
/*
 * Button definitions
 */
.btn,
.btn-xs,
.btn-s,
.btn-l,
.alertify-button,
.btn-xs,
.btn-l,
.btn-s,
.search-compact .search-toolbar button,
.search-compact .search-toolbar button {
  vertical-align: initial;
  line-height: 5px;
}
.btn.icon,
.btn-xs.icon,
.btn-s.icon,
.btn-l.icon {
  font-family: 'infocaption-icomoon';
}
.btn .button-icon,
.btn-xs .button-icon,
.btn-s .button-icon,
.btn-l .button-icon {
  vertical-align: top;
  line-height: inherit;
  display: inline-block;
}
.btn .button-icon:before,
.btn-xs .button-icon:before,
.btn-s .button-icon:before,
.btn-l .button-icon:before {
  position: relative;
  top: 1px;
}
.btn .label-icon,
.btn-xs .label-icon,
.btn-s .label-icon,
.btn-l .label-icon {
  vertical-align: top;
  line-height: inherit;
  padding-left: 6px;
  padding-left: 0.375rem;
  font-size: inherit;
}
.btn,
.alertify-button,
.btn-xs,
.btn-l,
.btn-s,
.search-compact .search-toolbar button {
  background-color: #1f4e79;
  color: white;
  padding: 3px 6px;
  padding: 0.1875rem 6px;
  padding: 3px 0.375rem;
  padding: 0.1875rem 0.375rem;
  padding-top: 2px;
  padding-top: 0.125rem;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  display: inline-block;
  outline: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.btn[disabled],
.btn.state-disabled {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.btn-xs {
  padding: 0px 1px;
  padding: 0rem 1px;
  padding: 0px 0.0625rem;
  padding: 0rem 0.0625rem;
}
.btn-xs .label-icon {
  padding-left: 1px;
  padding-left: 0.0625rem;
}
.btn-l {
  padding: 6px 8px;
  padding: 0.375rem 8px;
  padding: 6px 0.5rem;
  padding: 0.375rem 0.5rem;
}
.btn-l .label-icon {
  padding-left: 8px;
  padding-left: 0.5rem;
}
.btn-s,
.search-compact .search-toolbar button {
  padding: 2px 4px;
  padding: 0.125rem 4px;
  padding: 2px 0.25rem;
  padding: 0.125rem 0.25rem;
}
.btn-s .label-icon {
  padding-left: 4px;
  padding-left: 0.25rem;
}
.menu-button.flat-button,
.menu-button {
  font-size: 18px;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
.external-link-icon,
.dropdown-item-icon {
  font-size: 16px;
}
.list-action {
  position: relative;
}
.dropdown-item-icon {
  position: absolute;
  left: 2px;
  top: 5px;
}
.standard-button,
.inverted-button,
button,
.button,
.flat-button,
.procydo-theme a,
.procydo-theme span,
.standard-table.light-table > .table-content > table th .button-group,
table.standard-table.light-table th .button-group,
.tag-remove,
.procydo-theme textarea.url,
.procydo-theme input.url,
.text-button {
  font-size: 25px;
  font-size: 1.5625rem;
  display: inline-block;
  color: #1f4e79;
  border: 1px solid #aaaaaa;
  background-color: #f5f5f5;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.standard-button.state-pressed,
.standard-button.state-pressed-persist,
.standard-button.state-pressed:hover,
.inverted-button.state-pressed,
.inverted-button.state-pressed-persist,
.inverted-button.state-pressed:hover,
button.state-pressed,
button.state-pressed-persist,
button.state-pressed:hover,
.button.state-pressed,
.button.state-pressed-persist,
.button.state-pressed:hover,
.flat-button.state-pressed,
.flat-button.state-pressed-persist,
.flat-button.state-pressed:hover,
.procydo-theme a.state-pressed,
.procydo-theme a.state-pressed-persist,
.procydo-theme a.state-pressed:hover,
.procydo-theme span.state-pressed,
.procydo-theme span.state-pressed-persist,
.procydo-theme span.state-pressed:hover,
.entity-input.state-pressed .entity-input-label,
.standard-table.light-table > .table-content > table th .button-group.state-pressed,
.standard-table.light-table > .table-content > table th .button-group.state-pressed-persist,
.standard-table.light-table > .table-content > table th .button-group.state-pressed:hover,
table.standard-table.light-table th .button-group.state-pressed,
table.standard-table.light-table th .button-group.state-pressed-persist,
table.standard-table.light-table th .button-group.state-pressed:hover,
.tag-remove.state-pressed,
.tag-remove.state-pressed-persist,
.tag-remove.state-pressed:hover,
.procydo-theme textarea.url.state-pressed,
.procydo-theme textarea.url.state-pressed-persist,
.procydo-theme textarea.url.state-pressed:hover,
.procydo-theme input.url.state-pressed,
.procydo-theme input.url.state-pressed-persist,
.procydo-theme input.url.state-pressed:hover,
.text-button.state-pressed,
.text-button.state-pressed-persist,
.text-button.state-pressed:hover {
  background-color: #1f4e79;
  color: #ffffff;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}
.standard-button:hover,
.standard-button.state-hover,
a.standard-button:hover,
.inverted-button:hover,
.inverted-button.state-hover,
a.inverted-button:hover,
button:hover,
button.state-hover,
abutton:hover,
.button:hover,
.button.state-hover,
a.button:hover,
.flat-button:hover,
.flat-button.state-hover,
a.flat-button:hover,
textarea.url.standard-button:hover,
input.url.standard-button:hover,
.procydo-theme a:hover,
.procydo-theme a.state-hover,
a.procydo-theme a:hover,
.procydo-theme span:hover,
.procydo-theme span.state-hover,
a.procydo-theme span:hover,
.entity-input .entity-input-label:hover,
.entity-input .entity-input-label:focus,
.entity-input .entity-input-label:focus-within,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.hover,
.standard-table.light-table > .table-content > table th .button-group:hover,
.standard-table.light-table > .table-content > table th .button-group.state-hover,
a.standard-table.light-table > .table-content > table th .button-group:hover,
table.standard-table.light-table th .button-group:hover,
table.standard-table.light-table th .button-group.state-hover,
atable.standard-table.light-table th .button-group:hover,
.tag-remove:hover,
.tag-remove.state-hover,
a.tag-remove:hover,
.procydo-theme textarea.url:hover,
.procydo-theme textarea.url.state-hover,
a.procydo-theme textarea.url:hover,
.procydo-theme input.url:hover,
.procydo-theme input.url.state-hover,
a.procydo-theme input.url:hover,
.text-button:hover,
.text-button.state-hover,
a.text-button:hover {
  text-decoration: none;
  background-color: #335e92;
  color: #ffffff;
}
.standard-button .label-icon,
.inverted-button .label-icon,
button .label-icon,
.button .label-icon,
.flat-button .label-icon,
.procydo-theme a .label-icon,
.procydo-theme span .label-icon,
.standard-table.light-table > .table-content > table th .button-group .label-icon,
table.standard-table.light-table th .button-group .label-icon,
.tag-remove .label-icon,
.procydo-theme textarea.url .label-icon,
.procydo-theme input.url .label-icon,
.text-button .label-icon {
  font-size: 70%;
  vertical-align: middle;
}
.standard-button .button-icon,
.inverted-button .button-icon,
button .button-icon,
.button .button-icon,
.flat-button .button-icon,
.procydo-theme a .button-icon,
.procydo-theme span .button-icon,
.standard-table.light-table > .table-content > table th .button-group .button-icon,
table.standard-table.light-table th .button-group .button-icon,
.tag-remove .button-icon,
.procydo-theme textarea.url .button-icon,
.procydo-theme input.url .button-icon,
.text-button .button-icon {
  vertical-align: middle;
}
.standard-button.color-light,
.standard-table > .table-content > table th .button-group,
table.standard-table th .button-group,
.inverted-button.color-light,
button.color-light,
.button.color-light,
.flat-button.color-light,
.procydo-theme a.color-light,
.procydo-theme span.color-light,
.standard-table.light-table > .table-content > table th .button-group.color-light,
table.standard-table.light-table th .button-group.color-light,
.tag-remove.color-light,
.procydo-theme textarea.url.color-light,
.procydo-theme input.url.color-light,
.text-button.color-light {
  color: #ffffff;
}
a.standard-button,
a.inverted-button,
abutton,
a.button,
a.flat-button,
textarea.url.standard-button,
input.url.standard-button,
a.procydo-theme a,
a.procydo-theme span,
a.standard-table.light-table > .table-content > table th .button-group,
atable.standard-table.light-table th .button-group,
a.tag-remove,
a.procydo-theme textarea.url,
a.procydo-theme input.url,
a.text-button {
  font-family: inherit;
  color: #1f4e79;
}
a.standard-button[class^='icon-'],
a.standard-button[class*=' icon-'],
a.standard-button.icon-font-class,
a.standard-button.icon-font-class,
a.inverted-button[class^='icon-'],
a.inverted-button[class*=' icon-'],
abutton[class^='icon-'],
abutton[class*=' icon-'],
a.button[class^='icon-'],
a.button[class*=' icon-'],
a.flat-button[class^='icon-'],
a.flat-button[class*=' icon-'],
textarea.url.standard-button[class^='icon-'],
textarea.url.standard-button[class*=' icon-'],
input.url.standard-button[class^='icon-'],
input.url.standard-button[class*=' icon-'],
a.procydo-theme a[class^='icon-'],
a.procydo-theme a[class*=' icon-'],
a.procydo-theme span[class^='icon-'],
a.procydo-theme span[class*=' icon-'],
a.standard-table.light-table > .table-content > table th .button-group[class^='icon-'],
a.standard-table.light-table > .table-content > table th .button-group[class*=' icon-'],
atable.standard-table.light-table th .button-group[class^='icon-'],
atable.standard-table.light-table th .button-group[class*=' icon-'],
a.standard-button.list-item.entity-selectable:hover .list-thumbnail-icon,
a.standard-button.list-item.entity-selectable:hover .list-thumbnail-icon,
a.standard-button.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
a.standard-button.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
a.standard-button.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
a.standard-button.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
a.standard-button.entity-history-list > li:before,
a.standard-button.entity-history-list > li:before,
a.tag-remove[class^='icon-'],
a.tag-remove[class*=' icon-'],
a.standard-button.ui-icon,
a.standard-button.ui-icon,
a.standard-button.state-checked:after,
a.standard-button.state-checked:after,
a.procydo-theme textarea.url[class^='icon-'],
a.procydo-theme textarea.url[class*=' icon-'],
a.procydo-theme input.url[class^='icon-'],
a.procydo-theme input.url[class*=' icon-'],
a.text-button[class^='icon-'],
a.text-button[class*=' icon-'],
a.standard-button.jstree-default .jstree-checkbox,
a.standard-button.jstree-default .jstree-checkbox,
a.standard-button.jstree-default .jstree-themeicon,
a.standard-button.jstree-default .jstree-themeicon,
a.standard-button.tile-text.icon:before,
a.standard-button.tile-text.icon:before,
a.standard-button.ui-datepicker-next > .ui-icon,
a.standard-button.ui-datepicker-next > .ui-icon,
a.standard-button.ui-datepicker-prev > .ui-icon,
a.standard-button.ui-datepicker-prev > .ui-icon,
a.standard-button.entity-history-list > li:before,
a.standard-button.entity-history-list > li:before {
  font-family: 'infocaption-icomoon';
}
.standard-button.state-disabled,
.inverted-button.state-disabled,
button.state-disabled,
.button.state-disabled,
.flat-button.state-disabled,
.procydo-theme a.state-disabled,
.procydo-theme span.state-disabled,
.procydo-theme .current,
.standard-table.light-table > .table-content > table th .button-group.state-disabled,
table.standard-table.light-table th .button-group.state-disabled,
.tag-remove.state-disabled,
.procydo-theme textarea.url.state-disabled,
.procydo-theme input.url.state-disabled,
.text-button.state-disabled {
  color: #b8b8b8;
}
.standard-button.state-disabled:hover,
.inverted-button.state-disabled:hover,
button.state-disabled:hover,
.button.state-disabled:hover,
.flat-button.state-disabled:hover,
.procydo-theme a.state-disabled:hover,
.procydo-theme span.state-disabled:hover,
.procydo-theme .current:hover,
.standard-table.light-table > .table-content > table th .button-group.state-disabled:hover,
table.standard-table.light-table th .button-group.state-disabled:hover,
.tag-remove.state-disabled:hover,
.procydo-theme textarea.url.state-disabled:hover,
.procydo-theme input.url.state-disabled:hover,
.text-button.state-disabled:hover {
  background-color: inherit;
  color: #b8b8b8;
}
.standard-button.state-disabled.state-pressed,
.standard-button.state-disabled.state-pressed-persist,
.standard-button.state-disabled.state-pressed:hover,
.inverted-button.state-disabled.state-pressed,
.inverted-button.state-disabled.state-pressed-persist,
.inverted-button.state-disabled.state-pressed:hover,
button.state-disabled.state-pressed,
button.state-disabled.state-pressed-persist,
button.state-disabled.state-pressed:hover,
.button.state-disabled.state-pressed,
.button.state-disabled.state-pressed-persist,
.button.state-disabled.state-pressed:hover,
.flat-button.state-disabled.state-pressed,
.flat-button.state-disabled.state-pressed-persist,
.flat-button.state-disabled.state-pressed:hover,
.procydo-theme a.state-disabled.state-pressed,
.procydo-theme a.state-disabled.state-pressed-persist,
.procydo-theme a.state-disabled.state-pressed:hover,
.procydo-theme span.state-disabled.state-pressed,
.procydo-theme span.state-disabled.state-pressed-persist,
.procydo-theme span.state-disabled.state-pressed:hover,
.procydo-theme .current.state-pressed,
.procydo-theme .current.state-pressed-persist,
.procydo-theme .current.state-pressed:hover,
.standard-table.light-table > .table-content > table th .button-group.state-disabled.state-pressed,
.standard-table.light-table > .table-content > table th .button-group.state-disabled.state-pressed-persist,
.standard-table.light-table > .table-content > table th .button-group.state-disabled.state-pressed:hover,
table.standard-table.light-table th .button-group.state-disabled.state-pressed,
table.standard-table.light-table th .button-group.state-disabled.state-pressed-persist,
table.standard-table.light-table th .button-group.state-disabled.state-pressed:hover,
.tag-remove.state-disabled.state-pressed,
.tag-remove.state-disabled.state-pressed-persist,
.tag-remove.state-disabled.state-pressed:hover,
.procydo-theme textarea.url.state-disabled.state-pressed,
.procydo-theme textarea.url.state-disabled.state-pressed-persist,
.procydo-theme textarea.url.state-disabled.state-pressed:hover,
.procydo-theme input.url.state-disabled.state-pressed,
.procydo-theme input.url.state-disabled.state-pressed-persist,
.procydo-theme input.url.state-disabled.state-pressed:hover,
.text-button.state-disabled.state-pressed,
.text-button.state-disabled.state-pressed-persist,
.text-button.state-disabled.state-pressed:hover {
  color: #b8b8b8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.standard-button.state-disabled.separator-left:after,
.standard-button.state-disabled.separator-right:after,
.inverted-button.state-disabled.separator-left:after,
.inverted-button.state-disabled.separator-right:after,
button.state-disabled.separator-left:after,
button.state-disabled.separator-right:after,
.button.state-disabled.separator-left:after,
.button.state-disabled.separator-right:after,
.flat-button.state-disabled.separator-left:after,
.flat-button.state-disabled.separator-right:after,
.procydo-theme a.state-disabled.separator-left:after,
.procydo-theme a.state-disabled.separator-right:after,
.procydo-theme span.state-disabled.separator-left:after,
.procydo-theme span.state-disabled.separator-right:after,
.procydo-theme .current.separator-left:after,
.procydo-theme .current.separator-right:after,
.standard-button.state-disabled.group-heading .inline-toolbar:after,
.standard-table.light-table > .table-content > table th .button-group.state-disabled.separator-left:after,
.standard-table.light-table > .table-content > table th .button-group.state-disabled.separator-right:after,
table.standard-table.light-table th .button-group.state-disabled.separator-left:after,
table.standard-table.light-table th .button-group.state-disabled.separator-right:after,
.tag-remove.state-disabled.separator-left:after,
.tag-remove.state-disabled.separator-right:after,
.procydo-theme textarea.url.state-disabled.separator-left:after,
.procydo-theme textarea.url.state-disabled.separator-right:after,
.procydo-theme input.url.state-disabled.separator-left:after,
.procydo-theme input.url.state-disabled.separator-right:after,
.text-button.state-disabled.separator-left:after,
.text-button.state-disabled.separator-right:after {
  content: none;
}
.inverted-button {
  background-color: #1f4e79;
  color: #ffffff;
}
button {
  background: none;
}
button.small-button,
.text-button,
button.grouped-table-layout .group-content .flat-button {
  line-height: 0.5;
  height: 24px;
  height: 1.5rem;
  min-width: 70px;
  min-width: 4.375rem;
}
.small-button,
table .button-cell > :first-child,
table .button-cell .button-group,
.text-button,
.grouped-table-layout .group-content .flat-button {
  font-size: 20px;
  font-size: 1.25rem;
}
.button {
  background-color: #1f4e79;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.flat-button,
.standard-table.light-table > .table-content > table th .button-group,
table.standard-table.light-table th .button-group,
.tag-remove,
.text-button {
  border: 0;
  background-color: transparent;
}
.state-checked:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: solid #154c70;
  border-left: solid transparent;
  border-top-width: 28px;
  border-top-width: 1.75rem;
  border-left-width: 28px;
  border-left-width: 1.75rem;
}
.state-checked:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  color: white;
}
.state-checked.state-success:before {
  border-color-top: green;
}
.state-checked.state-error:before {
  border-color-top: red;
}
.state-droppable-active {
  z-index: 1;
}
.ui-draggable-dragging {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 2;
}
.state-droppable-hover {
  outline: 2px solid #aaa;
}
/**
 * Input
 *
 */
fieldset {
  position: relative;
  margin-top: 30px;
  padding: 10px 33px;
  border: 1px solid #e5e5e5;
}
fieldset .fieldset-info {
  text-align: left;
  margin-bottom: 15px;
  margin-top: 5px;
}
fieldset legend,
fieldset legend button {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 600;
  font-size: 1.1em;
  color: #222;
  position: absolute;
  top: -25px;
  left: -10px;
}
fieldset.collapsed {
  border-color: white;
}
fieldset.collapsed .form-group {
  display: none;
}
fieldset legend button {
  border: 0;
  display: block;
  position: relative;
  top: 0px;
  font-size: 18px;
  font-weight: 600;
}
fieldset legend button:hover,
fieldset legend button:focus {
  color: #222;
  text-decoration: underline;
  background-color: transparent;
}
.input-helper {
  display: inline-block;
}
.input-field,
input[type='text'],
input[type='email'],
input[type='url'],
input[type='phone'],
input[type='password'],
input[type='number'],
input[type='time'],
select,
textarea,
.entity-input {
  border: 1px #e0e0e0 solid;
  background-color: #ffffff;
  outline: 0;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
}
.input-field.indent,
input[type='text'].indent,
input[type='text'],
input[type='email'].indent,
input[type='email'],
input[type='url'].indent,
input[type='url'],
input[type='phone'].indent,
input[type='phone'],
input[type='password'].indent,
input[type='password'],
input[type='number'].indent,
input[type='number'],
input[type='time'].indent,
input[type='time'],
select.indent,
select,
textarea.indent,
textarea,
.chosen-container.chosen-container-single .chosen-single {
  padding-left: 5px;
  padding-left: 0.3125rem;
}
.input-field.inline,
input[type='text'].inline,
input[type='email'].inline,
input[type='url'].inline,
input[type='phone'].inline,
input[type='password'].inline,
input[type='number'].inline,
input[type='time'].inline,
select.inline,
textarea.inline,
.procydo-admin .dataTables_wrapper input[type='search'] {
  -webkit-transition: 0.1s ease all;
  -moz-transition: 0.1s ease all;
  -o-transition: 0.1s ease all;
  transition: 0.1s ease all;
  background-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}
.input-field.inline:focus,
.input-field.inline:hover,
input[type='text'].inline:focus,
input[type='text'].inline:hover,
input[type='email'].inline:focus,
input[type='email'].inline:hover,
input[type='url'].inline:focus,
input[type='url'].inline:hover,
input[type='phone'].inline:focus,
input[type='phone'].inline:hover,
input[type='password'].inline:focus,
input[type='password'].inline:hover,
input[type='number'].inline:focus,
input[type='number'].inline:hover,
input[type='time'].inline:focus,
input[type='time'].inline:hover,
select.inline:focus,
select.inline:hover,
textarea.inline:focus,
textarea.inline:hover {
  border-color: inherit;
  background-color: #ffffff;
  color: #000000;
  outline: 0;
}
.input-field.inline:focus::-webkit-input-placeholder,
.input-field.inline:hover::-webkit-input-placeholder,
input[type='text'].inline:focus::-webkit-input-placeholder,
input[type='text'].inline:hover::-webkit-input-placeholder,
input[type='email'].inline:focus::-webkit-input-placeholder,
input[type='email'].inline:hover::-webkit-input-placeholder,
input[type='url'].inline:focus::-webkit-input-placeholder,
input[type='url'].inline:hover::-webkit-input-placeholder,
input[type='phone'].inline:focus::-webkit-input-placeholder,
input[type='phone'].inline:hover::-webkit-input-placeholder,
input[type='password'].inline:focus::-webkit-input-placeholder,
input[type='password'].inline:hover::-webkit-input-placeholder,
input[type='number'].inline:focus::-webkit-input-placeholder,
input[type='number'].inline:hover::-webkit-input-placeholder,
input[type='time'].inline:focus::-webkit-input-placeholder,
input[type='time'].inline:hover::-webkit-input-placeholder,
select.inline:focus::-webkit-input-placeholder,
select.inline:hover::-webkit-input-placeholder,
textarea.inline:focus::-webkit-input-placeholder,
textarea.inline:hover::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.input-field.inline:focus:-moz-placeholder,
.input-field.inline:hover:-moz-placeholder,
input[type='text'].inline:focus:-moz-placeholder,
input[type='text'].inline:hover:-moz-placeholder,
input[type='email'].inline:focus:-moz-placeholder,
input[type='email'].inline:hover:-moz-placeholder,
input[type='url'].inline:focus:-moz-placeholder,
input[type='url'].inline:hover:-moz-placeholder,
input[type='phone'].inline:focus:-moz-placeholder,
input[type='phone'].inline:hover:-moz-placeholder,
input[type='password'].inline:focus:-moz-placeholder,
input[type='password'].inline:hover:-moz-placeholder,
input[type='number'].inline:focus:-moz-placeholder,
input[type='number'].inline:hover:-moz-placeholder,
input[type='time'].inline:focus:-moz-placeholder,
input[type='time'].inline:hover:-moz-placeholder,
select.inline:focus:-moz-placeholder,
select.inline:hover:-moz-placeholder,
textarea.inline:focus:-moz-placeholder,
textarea.inline:hover:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.input-field.inline:focus::-moz-placeholder,
.input-field.inline:hover::-moz-placeholder,
input[type='text'].inline:focus::-moz-placeholder,
input[type='text'].inline:hover::-moz-placeholder,
input[type='email'].inline:focus::-moz-placeholder,
input[type='email'].inline:hover::-moz-placeholder,
input[type='url'].inline:focus::-moz-placeholder,
input[type='url'].inline:hover::-moz-placeholder,
input[type='phone'].inline:focus::-moz-placeholder,
input[type='phone'].inline:hover::-moz-placeholder,
input[type='password'].inline:focus::-moz-placeholder,
input[type='password'].inline:hover::-moz-placeholder,
input[type='number'].inline:focus::-moz-placeholder,
input[type='number'].inline:hover::-moz-placeholder,
input[type='time'].inline:focus::-moz-placeholder,
input[type='time'].inline:hover::-moz-placeholder,
select.inline:focus::-moz-placeholder,
select.inline:hover::-moz-placeholder,
textarea.inline:focus::-moz-placeholder,
textarea.inline:hover::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.input-field.inline:focus:-ms-input-placeholder,
.input-field.inline:hover:-ms-input-placeholder,
input[type='text'].inline:focus:-ms-input-placeholder,
input[type='text'].inline:hover:-ms-input-placeholder,
input[type='email'].inline:focus:-ms-input-placeholder,
input[type='email'].inline:hover:-ms-input-placeholder,
input[type='url'].inline:focus:-ms-input-placeholder,
input[type='url'].inline:hover:-ms-input-placeholder,
input[type='phone'].inline:focus:-ms-input-placeholder,
input[type='phone'].inline:hover:-ms-input-placeholder,
input[type='password'].inline:focus:-ms-input-placeholder,
input[type='password'].inline:hover:-ms-input-placeholder,
input[type='number'].inline:focus:-ms-input-placeholder,
input[type='number'].inline:hover:-ms-input-placeholder,
input[type='time'].inline:focus:-ms-input-placeholder,
input[type='time'].inline:hover:-ms-input-placeholder,
select.inline:focus:-ms-input-placeholder,
select.inline:hover:-ms-input-placeholder,
textarea.inline:focus:-ms-input-placeholder,
textarea.inline:hover:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.input-field.inline::-webkit-input-placeholder,
input[type='text'].inline::-webkit-input-placeholder,
input[type='email'].inline::-webkit-input-placeholder,
input[type='url'].inline::-webkit-input-placeholder,
input[type='phone'].inline::-webkit-input-placeholder,
input[type='password'].inline::-webkit-input-placeholder,
input[type='number'].inline::-webkit-input-placeholder,
input[type='time'].inline::-webkit-input-placeholder,
select.inline::-webkit-input-placeholder,
textarea.inline::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.input-field.inline:-moz-placeholder,
input[type='text'].inline:-moz-placeholder,
input[type='email'].inline:-moz-placeholder,
input[type='url'].inline:-moz-placeholder,
input[type='phone'].inline:-moz-placeholder,
input[type='password'].inline:-moz-placeholder,
input[type='number'].inline:-moz-placeholder,
input[type='time'].inline:-moz-placeholder,
select.inline:-moz-placeholder,
textarea.inline:-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.input-field.inline::-moz-placeholder,
input[type='text'].inline::-moz-placeholder,
input[type='email'].inline::-moz-placeholder,
input[type='url'].inline::-moz-placeholder,
input[type='phone'].inline::-moz-placeholder,
input[type='password'].inline::-moz-placeholder,
input[type='number'].inline::-moz-placeholder,
input[type='time'].inline::-moz-placeholder,
select.inline::-moz-placeholder,
textarea.inline::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.input-field.inline:-ms-input-placeholder,
input[type='text'].inline:-ms-input-placeholder,
input[type='email'].inline:-ms-input-placeholder,
input[type='url'].inline:-ms-input-placeholder,
input[type='phone'].inline:-ms-input-placeholder,
input[type='password'].inline:-ms-input-placeholder,
input[type='number'].inline:-ms-input-placeholder,
input[type='time'].inline:-ms-input-placeholder,
select.inline:-ms-input-placeholder,
textarea.inline:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.input-field.inline.color-light,
input[type='text'].inline.color-light,
input[type='email'].inline.color-light,
input[type='url'].inline.color-light,
input[type='phone'].inline.color-light,
input[type='password'].inline.color-light,
input[type='number'].inline.color-light,
input[type='time'].inline.color-light,
select.inline.color-light,
textarea.inline.color-light {
  border-bottom-color: #000000;
}
.input-field.inline.color-dark,
input[type='text'].inline.color-dark,
input[type='email'].inline.color-dark,
input[type='url'].inline.color-dark,
input[type='phone'].inline.color-dark,
input[type='password'].inline.color-dark,
input[type='number'].inline.color-dark,
input[type='time'].inline.color-dark,
select.inline.color-dark,
textarea.inline.color-dark {
  border-bottom-color: #ffffff;
}
.chosen-container input {
  position: static;
}
.form-group textarea:disabled,
input[type='text']:disabled,
input[type='email']:disabled,
input[type='url']:disabled,
input[type='phone']:disabled,
input[type='password']:disabled,
input[type='number']:disabled,
input[type='time']:disabled,
select:disabled,
textarea:disabled {
  background-color: #eaeaea;
}
input[type='text']:focus.parsley-error,
input[type='email']:focus.parsley-error,
input[type='url']:focus.parsley-error,
input[type='phone']:focus.parsley-error,
input[type='password']:focus.parsley-error,
input[type='number']:focus.parsley-error,
input[type='time']:focus.parsley-error,
select:focus.parsley-error,
textarea:focus.parsley-error {
  border-color: #ba4444;
}
input[type='text']::-ms-clear,
input[type='email']::-ms-clear,
input[type='url']::-ms-clear,
input[type='phone']::-ms-clear,
input[type='number']::-ms-clear,
input[type='time']::-ms-clear {
  display: none;
}
input[type='password']::-ms-reveal {
  display: none;
}
select {
  padding-right: 5px;
  padding-right: 0.3125rem;
}
textarea {
  padding-right: 5px;
  padding-right: 0.3125rem;
  min-height: 74px;
  min-height: 4.625rem;
}
textarea[readonly],
input[readonly],
textarea[disabled],
input[disabled] {
  background-color: #aaaaaa;
}
.option-group,
optgroup,
.chosen-container .chosen-results li.group-result {
  margin-top: 4px;
  margin-top: 0.25rem;
  font-weight: bold;
}
.option-group:first-child {
  margin-top: 0;
}
form .row {
  position: relative;
  margin-top: 4px;
  margin-top: 0.25rem;
}
form .row:first-child {
  margin-top: 0;
}
/*
 * States
 */
.state-disabled,
.form-group textarea:disabled,
input[type='text']:disabled,
input[type='email']:disabled,
input[type='url']:disabled,
input[type='phone']:disabled,
input[type='password']:disabled,
input[type='number']:disabled,
input[type='time']:disabled,
select:disabled,
textarea:disabled,
.ui-state-disabled {
  cursor: default;
}
.state-hidden {
  display: none;
}
/*
 * Element types
 */
.standard-dropdown,
.dropdown-menu,
.tooltipster-sidetip .tooltipster-box,
.ui-menu.ui-widget-content,
.breadcrumbs .ellipsis-dropdown,
.chosen-container .chosen-drop,
.tree-dropdown-parent .tree-container {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  background-color: white;
}
.standard-dropdown > li,
.ui-menu.ui-widget-content > li,
.breadcrumbs .ellipsis-dropdown > li,
.chosen-container .chosen-results li,
.tree-dropdown-parent .tree-container > li {
  padding: 5px 6px;
  padding: 0.3125rem 6px;
  padding: 5px 0.375rem;
  padding: 0.3125rem 0.375rem;
  list-style: none;
  line-height: 15px;
  line-height: 0.9375rem;
}
.standard-dropdown > li:hover,
.standard-dropdown > li:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > button:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > button:focus,
.ui-menu.ui-widget-content > li:hover,
.ui-menu.ui-widget-content > li:focus,
.ui-menu.ui-widget-content .ui-state-focus,
.breadcrumbs .ellipsis-dropdown > li:hover,
.breadcrumbs .ellipsis-dropdown > li:focus,
.chosen-container .chosen-results li.highlighted,
.tree-dropdown-parent .tree-container > li:hover,
.tree-dropdown-parent .tree-container > li:focus,
.dropdown-menu > li > textarea.url:hover,
.dropdown-menu > li > textarea.url:focus,
.dropdown-menu > li > input.url:hover,
.dropdown-menu > li > input.url:focus {
  background-color: #335e92;
  color: #ffffff;
}
.standard-dropdown > li:hover a,
.standard-dropdown > li:focus a,
.standard-dropdown > li:hover textarea.url,
.standard-dropdown > li:focus textarea.url,
.standard-dropdown > li:hover input.url,
.standard-dropdown > li:focus input.url,
.ui-menu.ui-widget-content > li:hover a,
.ui-menu.ui-widget-content > li:focus a,
.breadcrumbs .ellipsis-dropdown > li:hover a,
.breadcrumbs .ellipsis-dropdown > li:focus a,
.tree-dropdown-parent .tree-container > li:hover a,
.tree-dropdown-parent .tree-container > li:focus a {
  color: inherit;
}
.standard-dropdown > li a,
.standard-dropdown > li textarea.url,
.standard-dropdown > li input.url,
.ui-menu.ui-widget-content > li a,
.breadcrumbs .ellipsis-dropdown > li a,
.tree-dropdown-parent .tree-container > li a {
  display: block;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-menu.ui-widget-content > li {
  padding: 0;
}
.open .dropdown-text-closed {
  display: none;
}
.open .dropdown-text-open {
  display: inline-block;
}
.close .dropdown-text-closed {
  display: inline-block;
}
.close .dropdown-text-open {
  display: none;
}
.ui-personal-indicator {
  color: #555555;
}
.fixed-width-icon {
  width: 1.28571429em;
  text-align: center;
  display: inline-block;
}
.aside-left {
  float: left;
}
.aside-right {
  float: right;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right,
.dialog-wrapper .dialog-footer {
  text-align: right;
}
.aside-center {
  margin: auto;
}
.tag-container > .tag {
  margin-right: 2px;
}
.process-toolbar button .label-icon {
  vertical-align: initial;
}
@media (max-width: 900px) {
  .toolbar-enabled #page-content #page-toolbar {
    display: block;
  }
}
@media print {
  .full-height {
    height: auto;
  }
  .full-height body {
    height: auto;
  }
  .full-height #page-content {
    min-height: 0;
  }
  .full-height #page-wrapper {
    height: auto;
  }
  .full-height,
  .full-height body {
    overflow: visible !important;
  }
  .inline-toolbar .vertical-separator {
    display: none;
  }
  .button-group {
    display: none;
  }
  .toolbar-enabled #page-toolbar,
  #HomeMenuToggler,
  #HomeButton,
  .menu_blocks_table,
  .entity-toolbar,
  #content .toolbar-group,
  #content .button-group,
  #page-header,
  .homesearch .search-filter-content {
    display: none;
  }
  #current-organization,
  #current_organization_chosen {
    position: absolute;
    right: 0;
    top: 5px;
  }
  #page-content .tile .tile-content {
    position: static;
  }
  .gridster {
    padding-left: 4px;
    padding-right: 4px;
  }
  #page-content .tile {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    width: auto;
    margin: 0;
    margin-bottom: 10px;
    height: auto;
  }
  .fixed-header #page-header,
  .fixed-header .diagram-canvas .diagram-banner {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}
@media (max-width: 880px) {
  html #page-header,
  #page-footer.centered-content,
  #page-content.centered-content {
    width: auto;
    padding: 4px;
    padding: 0.25rem;
  }
}
@media (max-width: 824px) {
  #page-content .gridster {
    height: auto !important;
    width: 100% !important;
    padding-left: 0 !important;
  }
  #page-content .tile {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    width: auto;
    margin: 0;
    margin-bottom: 16px;
  }
  #page-content .tile:not([data-tilename='imageTile']) {
    height: auto;
  }
  #page-content .tile a.tile-button,
  #page-content .tile textarea.url.tile-button,
  #page-content .tile input.url.tile-button {
    flex-direction: column-reverse;
  }
  #page-content .tile a.tile-button span.tile-button-text,
  #page-content .tile textarea.url.tile-button span.tile-button-text,
  #page-content .tile input.url.tile-button span.tile-button-text {
    bottom: 0px;
  }
  #page-content .tile .tile-content {
    position: static;
  }
  #page-content .tile .tile-button span {
    display: block;
    clear: both;
  }
  #page-content .tile .tile-button .tile-button-text {
    position: relative;
  }
}
@media (max-width: 480px) {
  #header_smartass4 #current-organization {
    position: relative;
    left: auto;
    right: auto;
    top: -4px;
    display: block;
    margin-left: auto;
    margin-bottom: 2px;
    margin-bottom: 0.125rem;
  }
}
@media (max-width: 880px) {
  .gridster {
    width: 592px;
    margin: auto !important;
  }
  .tile.process-tile {
    top: 4px;
    left: 300px;
  }
  .tile.routine-tile {
    top: 300px;
    left: 4px;
  }
  .tile.guide-tile {
    top: 596px;
  }
  .tile.main-diagram-tile {
    width: 584px;
    top: 1040px;
    left: 4px;
  }
}
@media (max-width: 900px) {
  .label-icon,
  .inline-toolbar > .button-group .label-icon,
  .entity-toolbar > .button-group .label-icon {
    display: none;
  }
  .entity-content .content-group.span-50 {
    display: block;
    width: 100%;
    margin: 5px 0px;
    margin: 0.3125rem 0px;
    margin: 5px 0rem;
    margin: 0.3125rem 0rem;
  }
  .entity-toolbar .button-group {
    min-width: 50px;
    min-width: 3.125rem;
  }
}
.breadcrumbs {
  line-height: normal;
  vertical-align: top;
}
.breadcrumbs .breadcrumb-separator {
  position: relative;
  top: 2px;
  color: #555;
}
.breadcrumbs .current-page a,
.breadcrumbs .current-page textarea.url,
.breadcrumbs .current-page input.url {
  cursor: default;
  color: black;
  font-weight: 100;
}
.breadcrumbs .current-page a:hover > .breadcrumb-separator + span,
.breadcrumbs .current-page textarea.url:hover > .breadcrumb-separator + span,
.breadcrumbs .current-page input.url:hover > .breadcrumb-separator + span {
  text-decoration: none;
}
.breadcrumbs > li,
.breadcrumbs .breadcrumb-group > li {
  position: relative;
  display: inline-block;
  background-color: transparent;
  height: 90%;
  margin-left: 0.3914em;
  /* SMARTASS4 REBRANDING
        .padding(0.35em, (0.4*@breadcrumb-size));
        */
  text-align: center;
  vertical-align: middle;
  max-width: 325px;
  max-width: 20.3125rem;
}
.breadcrumbs > li:first-child .breadcrumb-separator,
.breadcrumbs .breadcrumb-group > li:first-child .breadcrumb-separator {
  display: none;
}
.breadcrumbs > li:hover a > .breadcrumb-separator + span,
.breadcrumbs .breadcrumb-group > li:hover a > .breadcrumb-separator + span,
.breadcrumbs > li:hover textarea.url > .breadcrumb-separator + span,
.breadcrumbs .breadcrumb-group > li:hover textarea.url > .breadcrumb-separator + span,
.breadcrumbs > li:hover input.url > .breadcrumb-separator + span,
.breadcrumbs .breadcrumb-group > li:hover input.url > .breadcrumb-separator + span {
  text-decoration: underline;
}
.breadcrumbs > li > a,
.breadcrumbs .breadcrumb-group > li > a,
.breadcrumbs > li > textarea.url,
.breadcrumbs .breadcrumb-group > li > textarea.url,
.breadcrumbs > li > input.url,
.breadcrumbs .breadcrumb-group > li > input.url {
  color: inherit;
  display: inline-block;
  vertical-align: top;
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: #154c70;
}
.breadcrumbs > li > a.breadcrumb-icon-container,
.breadcrumbs .breadcrumb-group > li > a.breadcrumb-icon-container,
.breadcrumbs > li > textarea.url.breadcrumb-icon-container,
.breadcrumbs .breadcrumb-group > li > textarea.url.breadcrumb-icon-container,
.breadcrumbs > li > input.url.breadcrumb-icon-container,
.breadcrumbs .breadcrumb-group > li > input.url.breadcrumb-icon-container {
  text-overflow: clip;
}
.breadcrumbs .breadcrumb-icon {
  font-size: 150%;
  vertical-align: middle;
  line-height: inherit;
}
.breadcrumbs .ellipsis-text {
  position: relative;
  top: 2px;
  top: 0.125rem;
}
.breadcrumbs .ellipsis-dropdown {
  position: absolute;
  top: 100%;
  left: -1rem;
  width: 200px;
  width: 12.5rem;
  text-align: left;
}
.breadcrumbs .close .ellipsis-dropdown {
  display: none;
}
.breadcrumb-group {
  display: inline-block;
}
.breadcrumb-group:first-child > li:first-child {
  height: 100%;
  margin-left: 0;
  margin-right: 0.412em;
  font-size: 111%;
  /* SMARTASS 4
            padding-top: 0.41em;
            padding-bottom: 0.41em;
            */
}
.breadcrumb-group:first-child > li:first-child > a,
.breadcrumb-group:first-child > li:first-child > textarea.url,
.breadcrumb-group:first-child > li:first-child > input.url {
  text-overflow: initial;
  overflow: visible;
}
.breadcrumb-group:first-child > li:first-child.icon-breadcrumb {
  font-size: 100%;
  padding-top: 0.18em;
  padding-bottom: 0.18em;
}
.breadcrumb-group.state-empty {
  display: none;
}
@media print {
  .breadcrumbs .breadcrumb-icon {
    display: none;
  }
}
/* BEFORE SMARTASS 4
 @breadcrumb-bg: #416B9C;
 @breadcrumb-size: 1.03em;
 @breadcrumb-size-large: 1.16em;
 .breadcrumbs {
    &:extend(ol.reset, ul.reset, .reset);
    > li, .breadcrumb-group > li {
        &:hover {
            a {
                &:extend(.reset:hover);
            }
        }
        > a {
            &:extend(.breadcrumb all);
            color: inherit;
            display: inline-block;
            vertical-align: top;
            max-height: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
        }
        position: relative;
        display: inline-block;
        background-color: @breadcrumb-bg;
        height: 90%;
        // line-height: 2.5em;
        .margin(0, (0.38*@breadcrumb-size));
        .padding(0.35em, (0.4*@breadcrumb-size));
        text-align: center;
        vertical-align: middle;
        .max-width(325px);
    }
    .breadcrumb-icon {
        font-size: 200%;
    }
    .ellipsis-text {
        position: relative;
        .top(2px);
    }
    .ellipsis-dropdown {
        &:extend(ol.reset, ul.reset, .reset, .standard-dropdown all);
        position: absolute;
        top: 100%;
        left: -1rem;
        .width(200px);
        text-align: left;
    }
    .close {
        .ellipsis-dropdown {
            display: none;
        }
    }
    line-height: normal;
    vertical-align: top;
    &.color-light {
        > li, .breadcrumb-group > li {
        	background-color: white;
            > a {
                .breadcrumb-color(white);
            }
        }
    }
    &.color-dark {
        > li, .breadcrumb-group > li {
        	background-color: @button-bg;
            > a {
                .breadcrumb-color(@button-bg);
            }
        }
    }
}
.breadcrumb-group {
    &:extend(ol.reset, ul.reset, .reset);
    &:first-child {
        > li:first-child {
            > a {
                &:before {
                    content: none;
                }
                &:after {
                    .border-top-width((1 * @breadcrumb-size-large));
                    .border-bottom-width((1 * @breadcrumb-size-large));
                    .border-left-width((0.5 * @breadcrumb-size-large));
                    .right(-(0.5 * @breadcrumb-size-large));
                }
                text-overflow: initial;
                overflow: visible;
            }
            height: 100%;
            margin-left: 0;
            margin-right: (0.4*@breadcrumb-size);
            font-size: 111%;
            padding-top: 0.41em;
            padding-bottom: 0.41em;
            &.icon-breadcrumb
            {
                font-size: 100%;
	            padding-top: 0.18em;
                padding-bottom: 0.18em;
            }
        }
    }
    &.state-empty {
        display: none;
    }
    display: inline-block;
}
.breadcrumb {
    .breadcrumb-all(@breadcrumb-bg);
}
.breadcrumb-all(@color) {
    &:before {
        content:"";
        position: absolute;
        top: 0;
        bottom: 0;
        // .margin-top((-1 * @breadcrumb-size));
        border-top: solid @color;
        border-right: 0px solid @color;
        border-bottom: solid @color;
        border-left: solid rgba(0, 0, 0, 0);
        .border-top-width((1.0 * @breadcrumb-size));
        .border-bottom-width((1.0 * @breadcrumb-size));
        .border-left-width((0.5 * @breadcrumb-size));
        // -0.49 gives room for error when resizing page
        right: 100%;
        // Width 1px fixes problems when resizing the page 
    }
    &:after {
        content:"";
        position: absolute;
        top: 0;
        bottom: 0;
        // .margin-top((-1.5 * @breadcrumb-size));
        border-top: solid rgba(0, 0, 0, 0);
        border-bottom: solid rgba(0, 0, 0, 0);
        border-left: solid @color;
        .border-top-width((1.0 * @breadcrumb-size));
        .border-bottom-width((1.0 * @breadcrumb-size));
        .border-left-width((0.5 * @breadcrumb-size));
        // -0.49 gives room for error when resizing page
        left: 100%;
        // Width 1px fixes problems when resizing the page 
    }
}
.breadcrumb-color(@color) {
    &:before {
        border-top-color: @color;
        border-right-color: @color;
        border-bottom-color: @color;
    }
    &:after {
        border-left-color: @color;
    }
}
*/
/********************************************
 * 
 * 				BASE STYLESHEET START
 * 
 ********************************************/
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
/********************************************
 * 
 * 				BASE STYLESHEET END
 * 
 ********************************************/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  border: 1px solid #208d53;
}
input.parsley-error,
select.parsley-error,
select.parsley-error + .chosen-container,
textarea.parsley-error {
  border: 1px solid #ba4444;
}
.parsley-errors-list {
  display: none;
  margin: 2px 0 3px 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in-;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
  display: none;
}
.tile-more-info {
  display: none;
}
.tile-contracted .tile-list-element {
  display: none !important;
}
.tile.tile-more-info .tile-content {
  bottom: 28px;
  padding: 0;
  overflow: hidden;
}
.tile.tile-more-info.tile-contracted .tile-content {
  bottom: 0;
}
.tile .tile-bottom-bar {
  position: absolute;
  bottom: -1px;
  right: 1px;
  left: 1px;
  text-align: center;
  height: 27px;
  cursor: pointer;
  font-size: 11pt;
  line-height: 26px;
}
.tile .tile-result-info.tile-result-hidden,
.tile .tile-result-info.tile-total-results {
  display: none;
}
.tile.tile-contracted .tile-bottom-bar {
  top: 45px;
  height: auto;
  line-height: 41px;
  border: 0;
}
.tile.tile-contracted .tile-bottom-bar .tile-result-info {
  height: 100%;
}
.tile.tile-contracted .tile-bottom-bar span {
  vertical-align: middle;
  line-height: normal;
}
.tile.tile-contracted .tile-result-info,
.tile.tile-expanded .tile-result-info {
  display: none;
}
.tile.tile-contracted .tile-result-info.tile-result-hidden {
  display: block;
}
.tile.tile-expanded .tile-result-info.tile-total-results {
  display: block;
}
.tile.tile-more-info.tile-expanded .tile-content {
  overflow-y: scroll;
}
.tile.tile-more-info .tile-list-element {
  margin-bottom: 3px;
}
.tile.tile-more-info .tile-list-element {
  margin-bottom: 0px;
}
procydo-portal .tile.tile-more-info.tile-expanded .tile-list-element {
  margin-bottom: 5px;
}
.tile.tile-empty.tile-more-info {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* Good browsers */
  opacity: 0.9;
}
.tile.tile-empty.tile-more-info .tile-header,
.tile.tile-empty.tile-more-info .tile-bottom-bar {
  cursor: auto !important;
}
.modern-grid-container {
  display: grid;
  grid-template-columns: repeat(12, 8.3333%);
}
.modern-grid-container .span-1 {
  grid-column: auto / span 1;
}
.modern-grid-container .span-2 {
  grid-column: auto / span 2;
}
.modern-grid-container .span-3 {
  grid-column: auto / span 3;
}
.modern-grid-container .span-4 {
  grid-column: auto / span 4;
}
.modern-grid-container .span-5 {
  grid-column: auto / span 5;
}
.modern-grid-container .span-6 {
  grid-column: auto / span 6;
}
.modern-grid-container .span-7 {
  grid-column: auto / span 7;
}
.modern-grid-container .span-8 {
  grid-column: auto / span 8;
}
.modern-grid-container .span-9 {
  grid-column: auto / span 9;
}
.modern-grid-container .span-10 {
  grid-column: auto / span 10;
}
.modern-grid-container .span-11 {
  grid-column: auto / span 11;
}
.modern-grid-container .span-12 {
  grid-column: auto / span 12;
}
.grid-container .span-5 {
  width: 3%;
}
.grid-container .span-10 {
  width: 8%;
}
.grid-container .span-15 {
  width: 13%;
}
.grid-container .span-20 {
  width: 18%;
}
.grid-container .span-25 {
  width: 23%;
}
.grid-container .span-30 {
  width: 28%;
}
.grid-container .span-35 {
  width: 33%;
}
.grid-container .span-40 {
  width: 38%;
}
.grid-container .span-45 {
  width: 43%;
}
.grid-container .span-50 {
  width: 48%;
}
.grid-container .span-55 {
  width: 53%;
}
.grid-container .span-60 {
  width: 58%;
}
.grid-container .span-65 {
  width: 63%;
}
.grid-container .span-70 {
  width: 68%;
}
.grid-container .span-75 {
  width: 73%;
}
.grid-container .span-80 {
  width: 78%;
}
.grid-container .span-85 {
  width: 83%;
}
.grid-container .span-90 {
  width: 88%;
}
.grid-container .span-95 {
  width: 93%;
}
.grid-container [class^="span-"],
.grid-container [class*=" span-"] {
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
}
.grid-container [class^="span-"]:first-child,
.grid-container [class*=" span-"]:first-child {
  margin-left: 0;
}
.grid-container [class^="span-"].span-100,
.grid-container [class*=" span-"].span-100 {
  display: block;
}
.grid-container.gutterless-grid .span-5 {
  width: 5%;
}
.grid-container.gutterless-grid .span-10 {
  width: 10%;
}
.grid-container.gutterless-grid .span-15 {
  width: 15%;
}
.grid-container.gutterless-grid .span-20 {
  width: 20%;
}
.grid-container.gutterless-grid .span-25 {
  width: 25%;
}
.grid-container.gutterless-grid .span-30 {
  width: 30%;
}
.grid-container.gutterless-grid .span-35 {
  width: 35%;
}
.grid-container.gutterless-grid .span-40 {
  width: 40%;
}
.grid-container.gutterless-grid .span-45 {
  width: 45%;
}
.grid-container.gutterless-grid .span-50 {
  width: 50%;
}
.grid-container.gutterless-grid .span-55 {
  width: 55%;
}
.grid-container.gutterless-grid .span-60 {
  width: 60%;
}
.grid-container.gutterless-grid .span-65 {
  width: 65%;
}
.grid-container.gutterless-grid .span-70 {
  width: 70%;
}
.grid-container.gutterless-grid .span-75 {
  width: 75%;
}
.grid-container.gutterless-grid .span-80 {
  width: 80%;
}
.grid-container.gutterless-grid .span-85 {
  width: 85%;
}
.grid-container.gutterless-grid .span-90 {
  width: 90%;
}
.grid-container.gutterless-grid .span-95 {
  width: 95%;
}
.grid-container.gutterless-grid [class^="span-"],
.grid-container.gutterless-grid [class*=" span-"] {
  margin-left: 0;
}
.flex-content {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.toolbar-container {
  display: table-cell;
  position: relative;
  height: 100%;
  vertical-align: top;
}
.grouped-buttons {
  display: inline-block;
  vertical-align: middle;
}
.button-group-header {
  text-align: center;
  vertical-align: top;
  background-color: #154c70;
  color: #ffffff;
}
.button-group-list {
  display: block;
  width: 100%;
}
.button-group-list button {
  line-height: normal;
  font-size: inherit;
  border-width: 0px;
  text-align: left;
  padding: 5px 10px;
  padding: 0.3125rem 10px;
  padding: 5px 0.625rem;
  padding: 0.3125rem 0.625rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.button-group-list button .label-icon {
  font-size: inherit;
}
.button-group-list button .more-indicator {
  position: absolute;
  bottom: 1px;
  bottom: 0.0625rem;
  left: 1px;
  left: 0.0625rem;
  font-size: 9px;
  font-size: 0.5625rem;
}
.button-group-list button.separator-left:after {
  content: none;
}
.button-group-list li {
  position: relative;
  display: inline-block;
}
#toolbarContainer button:hover {
  color: #ffffff;
}
.text-button {
  color: #1f4e79;
  display: inline-block;
  width: 75px;
  width: 4.6875rem;
  margin: 2px;
  margin: 0.125rem;
  text-align: left;
  padding-left: 1px;
  padding-left: 0.0625rem;
}
.text-button:first-child:before {
  content: none;
}
.text-button:last-child {
  display: block;
}
#page-toolbar {
  width: 880px;
  width: 55rem;
  display: none;
  margin: 0 auto;
  height: auto;
  position: relative;
  clear: both;
}
#page-toolbar.full-width {
  width: 100%;
}
#page-toolbar,
#page-toolbar .toolbar-view {
  border-top: 0;
}
#toolbar-new,
#toolbar-configure {
  height: 100%;
  vertical-align: middle;
  display: table-cell;
}
#toolbar-new .button-group-list,
#toolbar-configure .button-group-list {
  display: table;
}
#toolbar-new .button-group-list > li,
#toolbar-configure .button-group-list > li {
  display: table-cell;
}
#toolbar-center {
  display: table-cell;
  width: 100%;
}
#toolbar-configure button.state-pressed-persist {
  background-color: #3f4f5f;
  position: relative;
  border-bottom: 1px solid #3f4f5f;
  top: 1px;
}
#toolbar-configure button.state-pressed-persist:after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0px;
  right: 0px;
  background-color: #3f4f5f;
}
#toolbarContainer {
  color: #1f4e79;
  width: 100%;
}
#toolbar-new,
#toolbar-configure,
.toolbar-filled-section,
#page-toolbar.toolbar-filled-section,
.toolbar-filled-section .toolbar-view {
  background-color: #154c70;
  color: #ffffff;
}
#toolbar-new button,
#toolbar-configure button,
.toolbar-filled-section button,
#page-toolbar.toolbar-filled-section button,
.toolbar-filled-section .toolbar-view button {
  color: white;
}
#page-toolbar .tabSelector.state-selected,
.toolbar-view .tabSelector.state-selected {
  background-color: #f5f5f5;
  color: #000000;
  cursor: auto;
}
#page-toolbar .tabSelector,
.toolbar-view .tabSelector {
  cursor: pointer;
  width: 100px;
  width: 6.25rem;
  height: 22px;
  height: 1.375rem;
  line-height: 22px;
  line-height: 1.375rem;
  text-align: center;
  vertical-align: top;
  display: inline-block;
}
#page-toolbar .tabSelector:before,
.toolbar-view .tabSelector:before {
  content: attr(id);
  vertical-align: middle;
}
#page-toolbar .toolbar-tab,
.toolbar-view .toolbar-tab {
  background-color: #f5f5f5;
  color: #000000;
  height: 13px;
  height: 0.8125rem;
  border: 1px solid #aaaaaa;
  border-top-color: transparent;
}
#page-toolbar .toolbar-group,
.toolbar-view .toolbar-group {
  display: inline;
  max-height: 50%;
}
#page-toolbar .toolbar-static-button,
.toolbar-view .toolbar-static-button {
  background-color: #154c70;
  color: #ffffff;
  height: 100%;
  display: inline;
  position: relative;
  right: 0px;
  max-width: 50%;
}
#page-toolbar .toolbar-static-button [class^="icon-"],
.toolbar-view .toolbar-static-button [class^="icon-"],
#page-toolbar .toolbar-static-button [class*=" icon-"],
.toolbar-view .toolbar-static-button [class*=" icon-"],
#page-toolbar .toolbar-static-button .icon-font-class,
.toolbar-view .toolbar-static-button .icon-font-class,
#page-toolbar .toolbar-static-button .icon-font-class,
.toolbar-view .toolbar-static-button .icon-font-class,
#page-toolbar .toolbar-static-button .list-item.entity-selectable:hover .list-thumbnail-icon,
.toolbar-view .toolbar-static-button .list-item.entity-selectable:hover .list-thumbnail-icon,
#page-toolbar .toolbar-static-button .list-item.entity-selectable:hover .list-thumbnail-icon,
.toolbar-view .toolbar-static-button .list-item.entity-selectable:hover .list-thumbnail-icon,
#page-toolbar .toolbar-static-button .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.toolbar-view .toolbar-static-button .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
#page-toolbar .toolbar-static-button .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.toolbar-view .toolbar-static-button .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
#page-toolbar .toolbar-static-button .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.toolbar-view .toolbar-static-button .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
#page-toolbar .toolbar-static-button .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.toolbar-view .toolbar-static-button .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
#page-toolbar .toolbar-static-button .entity-history-list > li:before,
.toolbar-view .toolbar-static-button .entity-history-list > li:before,
#page-toolbar .toolbar-static-button .entity-history-list > li:before,
.toolbar-view .toolbar-static-button .entity-history-list > li:before,
#page-toolbar .toolbar-static-button .ui-icon,
.toolbar-view .toolbar-static-button .ui-icon,
#page-toolbar .toolbar-static-button .ui-icon,
.toolbar-view .toolbar-static-button .ui-icon,
#page-toolbar .toolbar-static-button .state-checked:after,
.toolbar-view .toolbar-static-button .state-checked:after,
#page-toolbar .toolbar-static-button .state-checked:after,
.toolbar-view .toolbar-static-button .state-checked:after,
#page-toolbar .toolbar-static-button .jstree-default .jstree-checkbox,
.toolbar-view .toolbar-static-button .jstree-default .jstree-checkbox,
#page-toolbar .toolbar-static-button .jstree-default .jstree-checkbox,
.toolbar-view .toolbar-static-button .jstree-default .jstree-checkbox,
#page-toolbar .toolbar-static-button .jstree-default .jstree-themeicon,
.toolbar-view .toolbar-static-button .jstree-default .jstree-themeicon,
#page-toolbar .toolbar-static-button .jstree-default .jstree-themeicon,
.toolbar-view .toolbar-static-button .jstree-default .jstree-themeicon,
#page-toolbar .toolbar-static-button .tile-text.icon:before,
.toolbar-view .toolbar-static-button .tile-text.icon:before,
#page-toolbar .toolbar-static-button .tile-text.icon:before,
.toolbar-view .toolbar-static-button .tile-text.icon:before,
#page-toolbar .toolbar-static-button .ui-datepicker-next > .ui-icon,
.toolbar-view .toolbar-static-button .ui-datepicker-next > .ui-icon,
#page-toolbar .toolbar-static-button .ui-datepicker-next > .ui-icon,
.toolbar-view .toolbar-static-button .ui-datepicker-next > .ui-icon,
#page-toolbar .toolbar-static-button .ui-datepicker-prev > .ui-icon,
.toolbar-view .toolbar-static-button .ui-datepicker-prev > .ui-icon,
#page-toolbar .toolbar-static-button .ui-datepicker-prev > .ui-icon,
.toolbar-view .toolbar-static-button .ui-datepicker-prev > .ui-icon,
#page-toolbar .toolbar-static-button .entity-history-list > li:before,
.toolbar-view .toolbar-static-button .entity-history-list > li:before,
#page-toolbar .toolbar-static-button .entity-history-list > li:before,
.toolbar-view .toolbar-static-button .entity-history-list > li:before {
  position: absolute;
  bottom: 0px;
}
#page-toolbar .toolbar-dynamic-button,
.toolbar-view .toolbar-dynamic-button {
  background-color: #154c70;
  color: #ffffff;
  height: 50%;
  display: inline;
  position: relative;
  right: 0px;
}
/*
#static-toolbar
{
	display: inline-block;
	@height: @page-toolbar-height;


	vertical-align: top;

}

#dynamicTools
{
	display: inline-block;
}
*/
@media (max-width: 880px) {
  #page-toolbar {
    width: 100%;
  }
}
@media (max-width: 900px) {
  #page-content #toolbar-new,
  #page-content #toolbar-configure,
  #page-content .toolbar-container,
  #page-content #toolbar-new,
  #page-content #toolbar-configure,
  #page-content .button-group-list li,
  #page-content .label-icon {
    display: inline-block;
  }
  #page-content #toolbarContainer {
    width: auto;
  }
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a,
.chosen-container textarea.url,
.chosen-container input.url {
  cursor: pointer;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../../img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../img/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('../../img/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../../img/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  list-style: none;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  /*  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
 */
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  /*  font-weight: bold; */
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../../img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
  text-decoration: none;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../../img/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../../img/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../../img/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
.chosen-container a,
.chosen-container textarea.url,
.chosen-container input.url {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: auto;
}
.chosen-container-single .chosen-drop,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices li.search-field input[type="text"],
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-active.chosen-with-drop .chosen-single {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
}
.chosen-container-multi .chosen-choices li.search-choice {
  margin: 0;
  margin-left: 3px;
  margin-left: 0.1875rem;
  margin-top: 3px;
  margin-top: 0.1875rem;
  padding: 0;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 5px;
  padding-left: 0.3125rem;
  height: 1.5em;
  line-height: 1.4em;
}
/* NEed to remove this for smartass codebase */
.chosen-container-single .chosen-single {
  background: none;
  background-color: transparent;
}
.chosen-container-multi .chosen-choices {
  background-image: none;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 6px;
}
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-multi .chosen-choices li.search-choice li.search-choice-disabled {
  background: none;
  background-color: #f5f5f5;
}
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-single .chosen-single {
  box-shadow: none;
}
.chosen-container-single.chosen-with-drop .chosen-single div b {
  background: inherit;
}
.chosen-container-single .chosen-single div b {
  position: relative;
  text-align: left;
  background: inherit;
  background-image: none !important;
}
.chosen-container-single .chosen-single div b:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
}
.chosen-container {
  font-size: inherit;
  background-color: white;
}
.chosen-container-single .chosen-single {
  height: auto;
  line-height: initial;
  background: none;
  background-color: transparent;
}
.chosen-container-single .chosen-single span {
  margin-right: 26px;
  margin-right: 1.625rem;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
  margin-right: 2.375rem;
}
.chosen-container-single .chosen-single abbr {
  top: 6px;
  top: 0.375rem;
  right: 26px;
  right: 1.625rem;
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
}
.chosen-container-single .chosen-single div {
  width: 18px;
  width: 1.125rem;
}
.chosen-container-single .chosen-search {
  padding: 3px 4px;
  padding: 0.1875rem 4px;
  padding: 3px 0.25rem;
  padding: 0.1875rem 0.25rem;
}
.chosen-container-single .chosen-search input[type="text"] {
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  padding-left: 5px;
  padding-left: 0.3125rem;
}
.chosen-container .chosen-results {
  margin: 0;
  max-height: 240px;
  max-height: 15rem;
  padding: 4px 0px;
  padding: 0.25rem 0px;
  padding: 4px 0rem;
  padding: 0.25rem 0rem;
}
.chosen-container .chosen-results li {
  text-overflow: ellipsis;
  overflow: hidden;
}
body .chosen-container .chosen-results li {
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
.search-choice {
  max-width: 96%;
  overflow: hidden;
}
.search-choice > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.chosen-container .inline-toolbar {
  font-size: 90%;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  background-image: none;
}
.chosen-container.inline {
  background: transparent;
  color: inherit;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}
.chosen-container.inline.chosen-container-active.chosen-with-drop .chosen-single {
  background-color: transparent;
}
.chosen-container.inline .chosen-single {
  background-color: transparent;
  border: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.chosen-container.inline.chosen-container-multi .chosen-choices {
  background: transparent;
  color: inherit;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.chosen-container.inline.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  background: transparent;
  color: inherit;
}
.chosen-container.inline.chosen-container-multi.chosen-container-active .chosen-choices {
  background-color: white;
  border-bottom: 0;
}
.chosen-container.inline:hover.chosen-container-multi {
  color: black;
}
.chosen-container.inline:hover.chosen-container-multi .chosen-choices {
  background-color: white;
}
.checkbox,
.checkbox-wrapper input[type=checkbox],
.checkbox-wrapper input[type=radio] {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  cursor: pointer;
}
.standard-button .checkbox-wrapper .input-helper,
.button-group .checkbox-wrapper .input-helper,
.standard-button.checkbox-wrapper .input-helper,
.button-group.checkbox-wrapper .input-helper,
.inverted-button .checkbox-wrapper .input-helper,
.inverted-button.checkbox-wrapper .input-helper,
button .checkbox-wrapper .input-helper,
button.checkbox-wrapper .input-helper,
.button .checkbox-wrapper .input-helper,
.button.checkbox-wrapper .input-helper,
.flat-button .checkbox-wrapper .input-helper,
.flat-button.checkbox-wrapper .input-helper,
.procydo-theme a .checkbox-wrapper .input-helper,
.procydo-theme a.checkbox-wrapper .input-helper,
.procydo-theme span .checkbox-wrapper .input-helper,
.procydo-theme span.checkbox-wrapper .input-helper,
.standard-table.light-table > .table-content > table th .button-group .checkbox-wrapper .input-helper,
.standard-table.light-table > .table-content > table th .button-group.checkbox-wrapper .input-helper,
table.standard-table.light-table th .button-group .checkbox-wrapper .input-helper,
table.standard-table.light-table th .button-group.checkbox-wrapper .input-helper,
.tag-remove .checkbox-wrapper .input-helper,
.tag-remove.checkbox-wrapper .input-helper,
.procydo-theme textarea.url .checkbox-wrapper .input-helper,
.procydo-theme textarea.url.checkbox-wrapper .input-helper,
.procydo-theme input.url .checkbox-wrapper .input-helper,
.procydo-theme input.url.checkbox-wrapper .input-helper,
.text-button .checkbox-wrapper .input-helper,
.text-button.checkbox-wrapper .input-helper {
  margin: 0;
}
.standard-button .checkbox-wrapper:hover .input-helper,
.button-group .checkbox-wrapper:hover .input-helper,
.standard-button.checkbox-wrapper:hover .input-helper,
.button-group.checkbox-wrapper:hover .input-helper,
.inverted-button .checkbox-wrapper:hover .input-helper,
.inverted-button.checkbox-wrapper:hover .input-helper,
button .checkbox-wrapper:hover .input-helper,
button.checkbox-wrapper:hover .input-helper,
.button .checkbox-wrapper:hover .input-helper,
.button.checkbox-wrapper:hover .input-helper,
.flat-button .checkbox-wrapper:hover .input-helper,
.flat-button.checkbox-wrapper:hover .input-helper,
.procydo-theme a .checkbox-wrapper:hover .input-helper,
.procydo-theme a.checkbox-wrapper:hover .input-helper,
.procydo-theme span .checkbox-wrapper:hover .input-helper,
.procydo-theme span.checkbox-wrapper:hover .input-helper,
.standard-table.light-table > .table-content > table th .button-group .checkbox-wrapper:hover .input-helper,
.standard-table.light-table > .table-content > table th .button-group.checkbox-wrapper:hover .input-helper,
table.standard-table.light-table th .button-group .checkbox-wrapper:hover .input-helper,
table.standard-table.light-table th .button-group.checkbox-wrapper:hover .input-helper,
.tag-remove .checkbox-wrapper:hover .input-helper,
.tag-remove.checkbox-wrapper:hover .input-helper,
.procydo-theme textarea.url .checkbox-wrapper:hover .input-helper,
.procydo-theme textarea.url.checkbox-wrapper:hover .input-helper,
.procydo-theme input.url .checkbox-wrapper:hover .input-helper,
.procydo-theme input.url.checkbox-wrapper:hover .input-helper,
.text-button .checkbox-wrapper:hover .input-helper,
.text-button.checkbox-wrapper:hover .input-helper {
  border-color: #ffffff;
}
.standard-button .checkbox-wrapper:hover .checkbox-check,
.button-group .checkbox-wrapper:hover .checkbox-check,
.standard-button.checkbox-wrapper:hover .checkbox-check,
.button-group.checkbox-wrapper:hover .checkbox-check,
.inverted-button .checkbox-wrapper:hover .checkbox-check,
.inverted-button.checkbox-wrapper:hover .checkbox-check,
button .checkbox-wrapper:hover .checkbox-check,
button.checkbox-wrapper:hover .checkbox-check,
.button .checkbox-wrapper:hover .checkbox-check,
.button.checkbox-wrapper:hover .checkbox-check,
.flat-button .checkbox-wrapper:hover .checkbox-check,
.flat-button.checkbox-wrapper:hover .checkbox-check,
.procydo-theme a .checkbox-wrapper:hover .checkbox-check,
.procydo-theme a.checkbox-wrapper:hover .checkbox-check,
.procydo-theme span .checkbox-wrapper:hover .checkbox-check,
.procydo-theme span.checkbox-wrapper:hover .checkbox-check,
.standard-table.light-table > .table-content > table th .button-group .checkbox-wrapper:hover .checkbox-check,
.standard-table.light-table > .table-content > table th .button-group.checkbox-wrapper:hover .checkbox-check,
table.standard-table.light-table th .button-group .checkbox-wrapper:hover .checkbox-check,
table.standard-table.light-table th .button-group.checkbox-wrapper:hover .checkbox-check,
.tag-remove .checkbox-wrapper:hover .checkbox-check,
.tag-remove.checkbox-wrapper:hover .checkbox-check,
.procydo-theme textarea.url .checkbox-wrapper:hover .checkbox-check,
.procydo-theme textarea.url.checkbox-wrapper:hover .checkbox-check,
.procydo-theme input.url .checkbox-wrapper:hover .checkbox-check,
.procydo-theme input.url.checkbox-wrapper:hover .checkbox-check,
.text-button .checkbox-wrapper:hover .checkbox-check,
.text-button.checkbox-wrapper:hover .checkbox-check {
  color: inherit;
}
.checkbox-wrapper {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-wrapper.checkbox-state-unchecked .checkbox-check,
.checkbox-wrapper .checkbox-state-unchecked .checkbox-check {
  display: none;
}
.checkbox-wrapper .checkbox-check {
  display: none;
  position: absolute;
  color: #555555;
}
.checkbox-wrapper.checkbox-state-checked .checkbox-check,
.checkbox-wrapper .checkbox-state-checked .checkbox-check {
  display: block;
}
.checkbox-wrapper.checkbox-state-checked .input-helper,
.checkbox-wrapper .checkbox-state-checked .input-helper {
  border-color: #1f4e79;
}
.checkbox-wrapper.checkbox-state-checked input[type=radio] + .input-helper,
.checkbox-wrapper .checkbox-state-checked input[type=radio] + .input-helper,
.checkbox-wrapper.checkbox-state-checked input[type=radio] + css3-container + .input-helper,
.checkbox-wrapper .checkbox-state-checked input[type=radio] + css3-container + .input-helper {
  background-color: #1f4e79;
  background-color: rgba(0, 0, 0, 0);
}
.checkbox-wrapper input[type=radio] + .input-helper,
.checkbox-wrapper input[type=radio] + css3-container + .input-helper {
  -webkit-border-radius: 0.5em;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0.5em;
  -moz-background-clip: padding;
  border-radius: 0.5em;
  background-clip: padding-box;
  width: 1em;
  height: 1em;
  top: 0.09em;
  overflow: hidden;
  position: relative;
  zoom: 1;
  z-index: 0;
  behavior: url(css/CSS3POLYFILL.jsp);
}
.checkbox-wrapper input[type=radio] + .input-helper .checkbox-check,
.checkbox-wrapper input[type=radio] + css3-container + .input-helper .checkbox-check {
  position: relative;
  /* 
				Purposely targetting all but IE8. IE8 will fallback to a filled circle rather than a circle within a circle.
			*/
  border: 0.15em solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 0.5em;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0.5em;
  -moz-background-clip: padding;
  border-radius: 0.5em;
  background-clip: padding-box;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-color: #1f4e79;
}
.checkbox-wrapper input[type=checkbox] + .input-helper {
  width: 0.9em;
  height: 0.9em;
  left: -0.04em;
}
.checkbox-wrapper input[type=checkbox] + .input-helper .checkbox-check {
  font-size: 0.8em;
  top: 0.005em;
  left: 0.005em;
}
.checkbox-wrapper input[disabled] + .input-helper {
  cursor: default;
}
.checkbox-wrapper .input-helper,
.checkbox-wrapper .checkbox-label {
  position: relative;
  cursor: pointer;
}
.checkbox-wrapper .input-helper {
  width: 1em;
  height: 1em;
  border: 0.1em solid #aaaaaa;
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.checkbox-wrapper .checkbox-label {
  margin-right: 0.5em;
  margin-left: 0.5em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  top: -0.05em;
}
.checkbox-wrapper label,
.checkbox-wrapperlabel {
  cursor: pointer;
}
li.checkbox-wrapper,
li .checkbox-wrapper {
  width: 100%;
  margin-top: 0.25em;
}
li.checkbox-wrapper:first-child,
li .checkbox-wrapper:first-child {
  margin-top: 0;
}
li.checkbox-wrapper label,
li .checkbox-wrapper label {
  overflow: hidden;
  padding-top: 1px;
  padding-bottom: 1px;
  display: block;
  position: relative;
}
li.checkbox-wrapper label .vertical-separator,
li .checkbox-wrapper label .vertical-separator {
  top: 25%;
  bottom: 25%;
}
li.checkbox-state-checked {
  outline: 1px solid #335e92;
  background-color: #f5f5f5;
}
.wizard-container {
  vertical-align: baseline;
  padding-left: 0.5em;
  padding-right: 0.5em;
  position: relative;
}
.wizard-accept.accept-unavailable {
  display: none;
}
.wizard-content {
  clear: both;
  margin-top: 0.2em;
}
.wizard-header,
.wizard-container-header {
  height: 1.5em;
  padding-bottom: 0.1em;
  display: block;
}
.wizard-header .header-text,
.wizard-header .header-guide {
  background-color: white;
}
.wizard-header .header-text {
  float: left;
  padding-right: 0.2em;
}
.wizard-header .header-guide {
  float: right;
}
.wizard-header.header-no-text {
  height: 1em;
}
.wizard-result {
  margin-bottom: 0.6em;
}
.wizard-container-header {
  height: auto;
}
.wizard-footer {
  position: absolute;
  bottom: 0;
  right: 0.5em;
  left: 0.5em;
  display: block;
}
.wizard-footer .wizard-toolbar {
  border-top: 1px solid #aaaaaa;
}
.wizard-footer .footer-right,
.wizard-footer .footer-left {
  vertical-align: top;
  display: table-cell;
}
.wizard-footer .footer-right .button-group,
.wizard-footer .footer-left .button-group {
  width: 100%;
  text-align: left;
}
.wizard-footer .footer-left {
  padding-top: 0.2em;
}
.action-menu {
  text-decoration: none;
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style: none;
  position: relative;
}
.action-menu:hover {
  text-decoration: none;
}
.action-menu .action-menu-item {
  display: inline-block;
}
/* SMARTASS 4 REBRANDING
@media (min-width: @huge-screen) 
{

	.toolbar-container
	{
		display: block;	
	}
}
*/
/* Smartass 4 rebrand
@media (min-width: @huge-screen) 
{


	.grouped-buttons
	{
		display:block;
	}
	
	#page-toolbar > [class ^= "span-"], [class *= " span-"]
	{
		width:100%;
	}
	
	#toolbarContainer
	{
		background-color: white;
	}
	
	
	.button-group-header
	{
		.bg-contrast(@content-bg, "text");
		text-align:center;
		width:100%;
		font-size: 110%;
	}
	
	#toolbar-configure
	{
		.button-group-header
		{
		border-top: 1px solid @content-border;
		}
	}
	
	
	.button-group-list
	{
		@content-height: @page-toolbar-height - @header-height;
				border-top: solid @text-color-dark 1px;
	
		
		li
		{
			display:block;
			
		
			button
			{
				display: block;
				.height(45px);
				width: 100% !important;
				.label-icon
				{
					font-size: 110%;
				}
				&:after
				{
//					TODO: better implementation that isnt a copy.
					left: 20%;
					right: 20%;
					height: 1px;
					top: 1px;
					bottom: auto;
					width: auto;
					
				}
					
			}
			
		}
		&:first-child
		{	
			button:after
			{
				content: none;
			}
		}
	}
}
*/
/* SMARTASS 4 REBRANDING
@media (min-width: @huge-screen) 
{

	#page-toolbar {
	.width (185px);
	border: solid @content-border 1px;
	.top(35px);
	height:auto;
	
	}
	
 
}

*/
.entity-share-wizard {
  min-height: 350px;
  min-height: 21.875rem;
  font-size: 18px;
  font-size: 1.125rem;
  padding-bottom: 4em;
}
.entity-share-wizard .url {
  font-size: 0.9em;
  width: 100%;
  display: block;
  resize: none;
  padding-right: 2em;
}
.entity-share-wizard .wizard-accept.button-group {
  position: absolute;
  top: -1.9em;
  right: 0em;
  font-size: 1em;
  height: 1.2em;
  width: auto;
  padding: 0.1em 0.4em;
}
.entity-share-wizard .wizard-accept.button-group:before {
  display: none;
}
.entity-share-wizard .footer-left {
  padding-right: 0.2em;
}
.entity-share-wizard .footer-right {
  width: 1%;
}
.global-loading-indicator {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  z-index: 100;
  background-color: #CBCBCB;
  box-shadow: 0px 0px 2px #CBCBCB;
}
.global-loading-indicator .loading-bar {
  height: 100%;
  background-color: #1F4E79;
  box-shadow: 0px 0px 2px #898989;
}
.global-loading-indicator.state-error .loading-bar {
  background-color: #EF0000;
  box-shadow: 0px 0px 2px #802020;
}
.global-loading-indicator.state-success .loading-bar {
  background-color: #63BE00;
  box-shadow: 0px 0px 2px #298020;
}
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-node {
  white-space: nowrap;
}
.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-hidden,
.jstree-node.jstree-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul,
.vakata-context ol {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul,
.vakata-context ol {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul,
.vakata-context .vakata-context-right ol {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
}
.vakata-context li > a,
.vakata-context li > textarea.url,
.vakata-context li > input.url {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover,
.vakata-context li > textarea.url:hover,
.vakata-context li > input.url:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent,
.vakata-context li > textarea.url.vakata-context-parent,
.vakata-context li > input.url.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus,
.vakata-context li > textarea.url:focus,
.vakata-context li > input.url:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a,
.vakata-context .vakata-context-hover > textarea.url,
.vakata-context .vakata-context-hover > input.url {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover,
.vakata-context .vakata-context-separator > textarea.url,
.vakata-context .vakata-context-separator > textarea.url:hover,
.vakata-context .vakata-context-separator > input.url,
.vakata-context .vakata-context-separator > input.url:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover,
.vakata-context .vakata-contextmenu-disabled textarea.url,
.vakata-context .vakata-contextmenu-disabled textarea.url:hover,
.vakata-context .vakata-contextmenu-disabled input.url,
.vakata-context .vakata-contextmenu-disabled input.url:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context li > a > i,
.vakata-context li > textarea.url > i,
.vakata-context li > input.url > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty,
.vakata-context li > textarea.url > i:empty,
.vakata-context li > input.url > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep,
.vakata-context li > textarea.url .vakata-contextmenu-sep,
.vakata-context li > input.url .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul,
.vakata-context-rtl ol {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent,
.vakata-context-rtl li > textarea.url.vakata-context-parent,
.vakata-context-rtl li > input.url.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a,
.vakata-context-rtl .vakata-context-separator > textarea.url,
.vakata-context-rtl .vakata-context-separator > input.url {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul,
.vakata-context-rtl .vakata-context-left ol {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i,
.vakata-context-rtl li > textarea.url > i,
.vakata-context-rtl li > input.url > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep,
.vakata-context-rtl li > textarea.url .vakata-contextmenu-sep,
.vakata-context-rtl li > input.url .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}
.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.jstree-default .jstree-wholerow {
  height: 24px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default .jstree-last {
  background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default > .jstree-striped {
  background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default .jstree-file {
  background: url("32px.png") -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
  background: url("32px.png") -260px -4px no-repeat;
}
.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}
.jstree-default .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default-small .jstree-file {
  background: url("32px.png") -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
  background: url("32px.png") -263px -7px no-repeat;
}
.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}
.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}
.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default-large .jstree-file {
  background: url("32px.png") -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
  background: url("32px.png") -256px 0px no-repeat;
}
.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}
#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}
.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/
  }
  .jstree-default-responsive .jstree-icon {
    background-image: url("40px.png");
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
    background: transparent;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0px !important;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("40px.png");
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url("40px.png") 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url("40px.png") -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
.tree-search-container .chosen-drop {
  display: none;
}
.tree-dropdown-parent .tree-container {
  max-height: 240px;
  max-height: 15rem;
  overflow-y: scroll;
  color: black;
  display: none;
  position: absolute;
  top: 100%;
  margin-top: -1px;
  border-top: none;
  right: 0;
  left: 0;
  z-index: 9999;
}
.tree-parent-container.tree-dropdown-parent {
  position: relative;
}
.tree-dropdown-parent .jstree-default .jstree-icon {
  color: #1f4e79;
}
.jstree-default .jstree-checkbox,
.jstree-default .jstree-themeicon {
  background: none;
  color: inherit;
  font-size: 17px;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-hovered .jstree-icon {
  color: white;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.jstree-default .jstree-icon:empty.no-icon {
  width: 5px;
}
.jstree-grid-wrapper .jstree-wholerow,
.jstree-grid-wrapper .jstree-grid-cell {
  border-bottom: 1px solid #E4E4E4;
}
.tree-container .jstree-grid-midwrapper {
  display: table;
  width: 100%;
}
.jstree-grid-cell.tree-container {
  padding-left: 0;
}
.tree-parent-container .jstree-default .jstree-wholerow-hovered {
  background-color: #335e92;
}
.tree-parent-container .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background-color: #335e92;
}
.tree-parent-container.tree-dropdown-parent .tree-container {
  background-color: white;
  border: 1px solid #aaaaaa;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  padding: 4px;
  padding: 0.4rem;
}
.procydo-admin {
  display: block;
  /**
 * OLKD
 */
}
.procydo-admin #tab-content-organizations {
  background-color: white;
  border: 1px solid #aaaaaa;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  border-top: none;
  padding: 5px;
  padding: 0.3125rem;
}
.procydo-admin #tab-content-organizations form {
  border: 1px solid #aaaaaa;
  padding: 5px;
  padding: 0.3125rem;
}
.procydo-admin #tab-content-organizations form > div {
  margin-top: 5px;
  margin-top: 0.3125rem;
}
.procydo-admin #tab-content-organizations form > div:first-child {
  margin-top: 0;
}
.procydo-admin #tab-content-organizations form:first-child {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.procydo-admin #tab-content-users {
  background-color: white;
  margin-top: 5px;
  margin-top: 0.3125rem;
}
.procydo-admin table .button-cell > .editing:first-child {
  display: none;
}
.procydo-admin table .button-cell .button-group {
  padding: 0;
}
.procydo-admin table .button-cell .button-group.more-info {
  font-size: 12pt;
  margin-right: 5px;
}
.procydo-admin .dataTables_wrapper {
  border: 1px solid #aaaaaa;
  position: relative;
  padding-top: 38px;
  padding-bottom: 38px;
  background-color: #154c70;
  color: #ffffff;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: auto;
  max-width: 100%;
  min-width: 459px;
  display: block;
  width: 100%;
}
.procydo-admin .dataTables_wrapper select {
  color: black;
}
.procydo-admin .dataTables_wrapper table {
  background-color: #ffffff;
  color: #000000;
}
.procydo-admin .dataTables_wrapper label {
  font-size: 15px;
  font-size: 0.9375rem;
  min-height: 32px;
  display: inline-block;
  line-height: 32px;
}
.procydo-admin .dataTables_wrapper input,
.procydo-admin .dataTables_wrapper select {
  margin-left: 0;
}
.procydo-admin .dataTables_wrapper .dataTables_info {
  height: 32px;
  line-height: 32px;
  position: absolute;
  right: 8px;
  bottom: 3px;
}
.procydo-admin .dataTables_wrapper .dataTables_paginate {
  position: absolute;
  left: 3px;
  bottom: 3px;
  height: 32px;
}
.procydo-admin .dataTables_wrapper .dataTables_paginate a,
.procydo-admin .dataTables_wrapper .dataTables_paginate textarea.url,
.procydo-admin .dataTables_wrapper .dataTables_paginate input.url {
  cursor: pointer;
  padding-left: 10px;
  margin-right: 10px;
  height: 100%;
  display: inline-block;
  line-height: 32px;
  border-left: 1px solid #ddd;
}
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container-single .chzn-single div b {
  background: url('../img/chosen-sprite.png') no-repeat 0px 3px;
}
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container {
  width: 60px !important;
  vertical-align: baseline;
  height: 25px;
  margin-left: 2px;
  margin-right: 2px;
}
.procydo-admin .dataTables_wrapper .dataTables_filter input {
  height: 20px;
  height: 1.25rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
}
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 3px;
}
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container-single .chzn-single {
  line-height: 25px;
}
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container a,
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container textarea.url,
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container input.url {
  height: 25px;
}
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container a span,
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container textarea.url span,
.procydo-admin .dataTables_wrapper .dataTables_length .chzn-container input.url span {
  height: 25px;
  line-height: 25px;
}
.procydo-admin .dataTables_wrapper .paginate_button {
  color: inherit;
}
.procydo-admin .dataTables_wrapper .context-chooser + .chzn-container {
  position: absolute;
  top: 15px;
  right: 15px;
}
.procydo-admin .dataTables_wrapper .dataTables_paginate a:first-child,
.procydo-admin .dataTables_wrapper .dataTables_paginate textarea.url:first-child,
.procydo-admin .dataTables_wrapper .dataTables_paginate input.url:first-child {
  margin-left: 5px;
  padding-left: 0;
  border-left: 0;
}
.procydo-admin .dataTables_wrapper .dataTables_filter {
  position: absolute;
  right: 6px;
  top: 2.5px;
}
.procydo-admin .dataTables_wrapper .dataTables_length {
  position: absolute;
  left: 8px;
  top: 2.5px;
}
.procydo-admin .tabs {
  margin: 0;
  padding: 0 10px;
  padding: 0 0.625rem;
  list-style: none;
  text-align: right;
}
.procydo-admin .tabs > li {
  text-align: center;
  display: inline-block;
}
.procydo-admin .tabs > li a,
.procydo-admin .tabs > li textarea.url,
.procydo-admin .tabs > li input.url {
  color: white;
}
.procydo-admin .tabs > li.ui-tabs-active {
  display: none;
}
.procydo-admin .fixed-toolbar.fixed-header #page-wrapper {
  padding-top: 72px;
  padding-top: 4.5rem;
}
.procydo-admin th input[type='text'],
.procydo-admin th input[type='text'],
.procydo-admin th input[type='email'],
.procydo-admin th input[type='url'],
.procydo-admin th input[type='phone'],
.procydo-admin th input[type='password'],
.procydo-admin th input[type='number'],
.procydo-admin th input[type='time'],
.procydo-admin th select,
.procydo-admin th textarea,
.procydo-admin td input[type='text'],
.procydo-admin td input[type='text'],
.procydo-admin td input[type='email'],
.procydo-admin td input[type='url'],
.procydo-admin td input[type='phone'],
.procydo-admin td input[type='password'],
.procydo-admin td input[type='number'],
.procydo-admin td input[type='time'],
.procydo-admin td select,
.procydo-admin td textarea {
  margin-left: 0;
  padding: 5px;
  width: 100%;
}
.procydo-admin .chzn-container.chzn-container-multi {
  height: auto;
}
.procydo-admin .chosen-choices {
  min-height: 32px;
}
.procydo-admin .search-field {
  min-height: 28px;
  min-width: 212px;
}
.procydo-admin .search-field input {
  min-height: 28px;
  min-width: 100%;
}
.procydo-admin h1 {
  border-bottom: 1px solid #e6e6e6;
  font-weight: normal;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 2.5px;
}
.procydo-admin th.sorting {
  cursor: pointer;
  position: relative;
}
.procydo-admin th:first-child {
  border-left: 0;
}
.procydo-admin .editing {
  display: none;
}
.procydo-admin tr.form {
  font-size: 16px;
  font-size: 1rem;
}
.procydo-admin tr.form th {
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  border-top: none;
  text-align: left;
}
.procydo-admin .context-chooser + .chzn-container {
  position: relative;
  top: 0;
  right: 0;
  margin-bottom: 7.5px;
}
.procydo-admin .link-editor {
  position: relative;
  min-width: 325px;
}
.procydo-admin .link-editor .link-editor-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.procydo-admin .link-editor .link-editor-links > li {
  /*
		display: inline-block;
		margin: 0px 5px;
	*/
}
.procydo-admin .link-editor .link-editor-links li label {
  display: block;
  border-bottom: 1px solid silver;
  padding-bottom: 4px;
  padding-top: 4px;
  line-height: normal;
}
.procydo-admin .link-editor .link-editor-links li label > * {
  display: inline-block;
}
.procydo-admin .link-editor .link-editor-text {
  width: 40%;
}
.procydo-admin .link-editor .link-editor-content {
  width: 55%;
  float: right;
}
.procydo-admin .link-editor .link-editor-content .chosen-container {
  width: auto !important;
}
.procydo-admin .link-editor .link-editor-links li label .chosen-container {
  display: block;
}
.procydo-admin .link-editor .search-choice {
  display: none;
}
.procydo-admin .link-editor .chosen-container-multi {
  min-width: 100%;
}
.procydo-admin .link-editor .chosen-container-multi .chzn-choices {
  height: auto;
}
.upload-section .topbar {
  overflow: auto;
  margin-bottom: 5px;
}
.upload-section .topbar button.remove {
  float: right;
}
.upload-section .upload-container .vertical-separator {
  position: relative;
  margin-left: 5px;
}
.upload-section .upload-container .loading-icon-holder {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.upload-section .upload-container .loading-icon-holder img {
  width: 20px;
}
.upload-section .upload-container .list-action-bar .btn {
  margin: 0 0 5px 5px;
}
.upload-section .upload-container .list-action-bar .flat-button {
  width: auto;
  padding: 0 4px;
}
.upload-section .upload-container .list-action-bar .flat-button .label-icon {
  margin-left: 5px;
}
.upload-section .upload-container .list-action-bar .upload-hide-button {
  display: none;
}
.upload-section .upload-container .result {
  display: none;
}
.upload-section .upload-container .result .button-holder {
  margin-top: 10px;
}
.upload-section .upload-container .result .button-holder .btn {
  margin-right: 5px;
}
.upload-section .upload-container .loading-icon-label {
  vertical-align: super;
  margin-left: 5px;
}
#commands-holder {
  display: none;
  overflow: auto;
}
#commands-holder #upload-all {
  float: right;
  display: none;
}
.details-title-heading {
  margin: 0;
  padding: 10px 25px;
  font-size: 32px;
  font-weight: 100;
  text-align: center;
}
.details-title-heading .details-title-icon {
  float: right;
  position: relative;
  top: 7px;
}
.details-title-info {
  text-align: center;
  font-size: 16px;
}
@media (max-width: 600px) {
  .upload-section .list-thumbnail {
    display: none;
  }
  .upload-section .list-action-bar {
    text-align: left;
  }
  .upload-section .list-name {
    display: block;
  }
  .upload-section .list-date {
    float: none;
  }
}
/*
	Positions
*/
.properties.classic-table-layout .table-wrapper {
  border: none;
}
/*
	Routines
*/
.list-title .guide-input {
  width: 300px;
  width: 18.75rem;
}
/*

*/
.tile {
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  /* >IE10 touchscreen fix */
  -ms-touch-action: none;
  background-color: #e9eced;
}
.tile-content {
  overflow-y: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 0;
  padding: 0;
}
.tile-content.tile-reload {
  cursor: pointer;
}
.tile-content.fullwidth {
  width: 100%;
  margin: 0;
}
.tile-content.fullwidth .tile-group-content {
  text-align: center;
}
.tile-content.fullwidth .tile-group-content > * {
  text-align: left;
}
.tile-content .tile-reload,
.tile-content .tile-error {
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -34.5px;
  position: absolute;
  font-size: 60pt;
  display: none;
  color: #c7c7c7;
}
.tile-content .tile-error {
  display: block;
}
.tile-content .tile-empty {
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12pt;
  color: #a0a0a0;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tile-group {
  display: inline-block;
  vertical-align: top;
  margin: 40px;
}
.tile-group:first-child {
  margin-top: 10px;
}
.tile-content .tile-text {
  display: inline-block;
  width: auto;
}
.tile-header:hover,
.tile-header,
.tile-header:active,
.tile-header:visited {
  text-decoration: none;
}
.tile-header span {
  margin-right: 10px;
}
.tile-header .tile-header-button {
  right: 5px;
  top: 12px;
  position: absolute;
  cursor: pointer;
}
.tile-header .tile-header-button:hover {
  color: #1f4e79;
}
.tile-header {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 14pt;
  font-family: 'Segoe UI Light', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  text-align: left;
  padding: 0px 10px;
  z-index: 1;
  overflow: visible;
  border: 1px solid transparent;
  color: #154c70;
}
.tile iframe {
  width: 100%;
  height: 100%;
}
.tile .tile-no-header {
  top: 0;
}
.tile .tile-button {
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.tile .tile-button span {
  display: table-cell;
}
.tile a.tile-button,
.tile textarea.url.tile-button,
.tile input.url.tile-button {
  color: inherit;
  font-size: 15pt;
}
.tile .tile-button .tile-button-text {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.tile .tile-button .tile-button-icon {
  font-size: 60pt;
  vertical-align: middle;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.tile .tile-button.image {
  display: inline-block;
}
.tile .tile-button .tile-button-icon.image {
  display: inline-block;
  height: 100%;
}
.tile .tile-button img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  flex: none;
}
.tile .loading {
  height: 0;
}
.tile-content .tile-list-element {
  display: block;
  height: 42px;
  line-height: 40px;
  overflow: hidden;
  /*border: 1px solid rgb(104, 104, 104);*/
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  position: relative;
  text-decoration: none;
}
.tile-content .tile-list-element .prosydo-progress-parent {
  margin-top: 9px;
  height: 20px;
}
.tile-content .tile-list-element .prosydo-progress-parent .prosydo-progress {
  line-height: 1;
}
.tile-content .tile-list-element .tile-list-element-content {
  display: block;
  height: 100%;
  text-decoration: none;
  outline: none;
  /*color: black;*/
  color: #3f3f3f;
  padding-left: 10px;
  width: 100%;
}
.tile-content .tile-list-element .tile-list-element-content .guide-title {
  text-overflow: ellipsis;
  width: inherit;
  white-space: pre;
  display: block;
  overflow: hidden;
}
.tile-content .tile-list-element .tile-list-element-content .has-subtitles {
  font-weight: bold;
  display: block;
  font-size: 9pt;
}
.tile-content .tile-list-element.tile-list-button-element .tile-list-element-content {
  padding-right: 45px;
}
.tile-content .tile-list-element .tile-list-element-button {
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  margin-top: -13px;
  right: 6px;
  height: 26px;
  padding: 0;
  line-height: 24px;
  font-size: 21px;
  width: 27px;
  text-align: center;
}
.tile-content .tile-list-element .tile-list-element-button.checkbox-wrapper {
  font-size: 30px;
}
.tile-content .tile-list-element .tile-list-element-button.checkbox-wrapper .input-helper {
  margin: 0;
}
.tile-content .tile-list-element .tile-list-element-button.checkbox-wrapper .input-helper .checkbox-check {
  font-size: 70%;
}
.tile-content .tile-list-element .tile-list-element-button.flat-button {
  top: 0;
  margin-top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  line-height: inherit;
}
.tile-content .tile-list-group.card,
.tile-content .tile-list-element.card {
  margin-left: 1px;
  margin-right: 1px;
}
.tile-content .tile-list-group.card {
  margin-bottom: 5px;
}
.tile-content .tile-list-group .tile-list-group-title:before {
  font-size: 16px;
  position: absolute;
  left: 7px;
  top: 0px;
}
.tile-content .tile-list-group:first-child .tile-list-group-title {
  margin-top: 0;
}
.tile-content .tile-list-group .tile-list-group-title {
  display: block;
  font-family: 'Segoe UI Semibold', 'OpenSansSemibold', 'Open Sans Semibold', Verdana, Arial, Helvetica, sans-serif;
  height: 30px;
  line-height: 30px;
  background-color: #f8f8f8;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 600;
  margin: 1px 0px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  position: relative;
  color: #154c70;
}
.tile-content .tile-list-group .tile-list-group-title:hover {
  text-decoration: none;
}
.tile .tile-content .tile-column-layout .tile-list-element-column {
  display: inline-block;
}
.tile .tile-content .tile-column-layout.tile-two-column .tile-list-element-column {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding: 0 10px;
  width: 49.5%;
  height: 100%;
  vertical-align: top;
}
.tile .tile-content .tile-description-layout.tile-list-element {
  height: 80px;
  padding: 5px;
  overflow: hidden;
}
.tile .tile-content .tile-description-layout .tile-list-element-content {
  line-height: normal;
  position: relative;
}
.tile .tile-content .tile-description-layout.tile-list-element .tile-list-element-content > span {
  display: block;
}
.tile .tile-content .tile-description-layout.tile-list-element .tile-list-element-description {
  position: absolute;
  top: 24px;
  bottom: 0;
  right: 0;
  left: 0;
}
.tile .tile-content .tile-description-layout.tile-list-element .tile-list-element-description .tile-description-item {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 25px;
  width: 100%;
  height: 100%;
}
.tile .tile-content .tile-description-layout.tile-list-element .tile-list-element-description > p {
  margin: 0;
  overflow: hidden;
  height: 20px;
}
.tile .tile-content .tile-description-layout.tile-list-element .tile-list-element-description > p.inset .icon {
  margin-left: 25px;
}
.tile .tile-content .tile-description-layout.tile-list-element .tile-list-element-description > p.inset .tile-description-item {
  padding-left: 48px;
}
.tile .tile-content .tile-description-layout.tile-list-element p .icon {
  margin-left: 2px;
  margin-right: 8px;
  display: inline-block;
  font-size: 11pt;
  position: absolute;
  margin-top: 2.5px;
}
/* Small Description Layout */
.tile .tile-content .tile-description-layout.tile-small-layout.tile-list-element {
  padding: 2px 10px;
  height: 71px;
}
.tile .tile-content .tile-description-layout.tile-list-element .tile-list-element-title {
  font-size: 13pt;
  overflow: hidden;
  height: 24px;
  color: #000;
}
.tile .tile-content .tile-list-element .tile-list-element-description p {
  font-size: 11pt;
  padding-top: 2px;
  color: #3f3f3f;
}
.prosydo-progress-parent {
  background-color: white;
  position: relative;
  white-space: nowrap;
  height: 23px;
  color: #fff;
  border: solid 1px #20538d;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  vertical-align: middle;
  margin-left: 45px;
}
.prosydo-progress {
  -webkit-transition: 0.8s ease all;
  -moz-transition: 0.8s ease all;
  -o-transition: 0.8s ease all;
  transition: 0.8s ease all;
  height: 100%;
  line-height: 2;
  font-size: 0.9em;
  background: #4479ba;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.prosydo-progress > span {
  background-color: #f9f9f9;
  color: #555;
  text-shadow: none;
  font-size: 14px;
  border: 1px solid #808080;
  padding: 0;
  width: 45px;
  text-align: center;
  font-weight: 600;
  display: inline-block;
  line-height: 19px;
  margin-right: 1px;
  position: absolute;
  right: 100%;
  top: -1px;
  bottom: -1px;
  border-right: 0;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.prosydo-progress-parent.prosydo-state-full {
  border: solid 1px #208d53;
}
.prosydo-progress-parent.prosydo-state-full .prosydo-progress > span.icon {
  display: inline-block;
  font-size: 33px;
  text-align: center;
  padding: 0;
  text-indent: 6px;
}
.prosydo-progress-parent.prosydo-state-full .prosydo-progress > span.icon:before {
  position: relative;
  left: -3px;
  top: -3px;
}
.prosydo-progress-parent.prosydo-state-full .prosydo-progress {
  width: 100%;
  background: #50a838;
}
.fade-in .prosydo-progress-parent.guide-player-progress-bar {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s,
    opacity 0s;
  -moz-transition: visibility 0s,
    opacity 0s;
  -o-transition: visibility 0s,
    opacity 0s;
  transition: visibility 0s,
    opacity 0s;
}
.prosydo-progress-parent.guide-player-progress-bar {
  margin-left: 0px;
  z-index: 1000;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s, opacity 0.5s ease-out;
  -moz-transition: visibility 0s, opacity 0.5s ease-out;
  -o-transition: visibility 0s, opacity 0.5s ease-out;
  transition: visibility 0s, opacity 0.5s ease-out;
  padding: 2px;
  background-color: rgba(212, 212, 212, 0.8);
  border: none;
  box-shadow: none;
  height: 12px;
}
body.textguide-page.progress-bar .player-header,
body.textguide-page.progress-bar .player-full-page {
  margin-top: 12px;
}
.prosydo-progress-parent.guide-player-progress-bar .prosydo-progress {
  border-radius: 8px;
  box-shadow: none;
}
.tab-content-container {
  background-color: #ffffff;
  border: solid #d2d2d2 1px;
}
.tab-content-container .tab-content {
  display: none;
}
.tab-content-container .tab-content.state-active {
  display: block;
}
.tab-container {
  border-bottom-width: 0;
  position: relative;
  bottom: -1px;
}
.tab-container.tab-container-large {
  font-size: 110%;
}
.tab-container.tab-container-small {
  font-size: 90%;
}
.tab-container.upside-down {
  border-bottom-width: 1px;
  border-top-width: 0;
}
.tab-container.upside-down .tab {
  border-top-width: 0;
}
.tab-container.color-dark {
  border: 1px solid #154c70;
}
.tab-container.color-dark .tab {
  border-right: 1px solid #154c70;
  background-color: transparent;
}
.tab-container.color-dark .tab.state-active {
  background-color: #154c70;
  color: #ffffff;
}
.tab-container .tab {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  position: relative;
  border: 1px solid #d2d2d2;
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
  cursor: pointer;
  background-color: #eee;
}
.tab-container .tab.state-active {
  background-color: #ffffff;
}
.tab-container .tab.state-active.state-inactive {
  color: #d0dce4;
}
.tab-container .tab.state-inactive {
  color: #555;
}
.tab-container .tab a,
.tab-container .tab button,
.tab-container .tab textarea.url,
.tab-container .tab input.url {
  border: none;
  font-size: 0.875rem;
  display: block;
  padding: 0.5rem 0.875rem;
  color: inherit;
  border-radius: inherit;
}
.tab-container .tab a:hover,
.tab-container .tab button:hover,
.tab-container .tab textarea.url:hover,
.tab-container .tab input.url:hover {
  text-decoration: none;
}
.tab-container .tab .tab-label {
  vertical-align: top;
}
.tab-container .tab .tab-icon {
  font-size: 125%;
  margin-right: 0.6em;
}
.tab-container .tab .icon-process {
  top: 2px;
  position: relative;
}
.search-field {
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.search-container .search-field-wrapper {
  height: 100%;
  margin-right: auto;
  overflow: hidden;
  position: relative;
}
.search-container .search-field-wrapper .clear-button {
  position: absolute;
  right: 0;
  margin-right: 12px;
}
.search-container .search-field-wrapper .search-field {
  color: #000000;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 4px;
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: moz-auto;
  /* moz- prefix required for older version of firefox*/
  -ms-user-select: auto;
  user-select: auto;
}
.search-toolbar {
  float: right;
  height: 100%;
  margin-left: 10px;
  margin-left: 0.625rem;
  line-height: 30px;
  line-height: 1.875rem;
  color: #ffffff;
}
.search-toolbar button {
  text-align: center;
  font-size: 18pt;
  background: none;
  outline: none;
  border: none;
  height: 100%;
  vertical-align: top;
  line-height: inherit;
  color: inherit;
  min-width: 35px;
  min-width: 2.1875rem;
}
.search-toolbar .search-button {
  width: auto;
  height: 100%;
}
.search-toolbar .filter-button .button-icon {
  font-size: 17pt;
}
.search-compact .filter-button .button-icon {
  font-size: initial;
}
.search-toolbar .filter-button .icon-filter,
.search-toolbar .search-button .icon-search {
  vertical-align: initial;
}
.search-filter-container.dropdown-menu {
  padding-top: 12px;
  padding-top: 0.75rem;
  border-top: 0;
}
.search-filter-container {
  padding: 0 6px;
  padding: 0 0.375rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  display: none;
}
.search-filter-container .toggle-ascending,
.search-filter-container .toggle-descending {
  font-size: 12px;
  padding: 0;
  padding-right: 3px;
  line-height: 16px;
}
.search-filter-container .col {
  padding: 0 6px;
  padding: 0 0.375rem;
}
.search-filter-container .table-layout.table-root {
  margin-top: 6px;
  margin-top: 0.375rem;
}
.search-filter-container .table-layout.table-root:first-child {
  margin-top: 0;
}
.search-filter-container.state-active {
  display: block;
}
.search-filter-container select {
  background-color: transparent;
  border-width: 0;
  border-bottom-width: 1px;
}
.search-filter-container select optgroup {
  border-bottom-width: 0;
  border-top-width: 1px;
}
.search-filter-container select optgroup:first-child {
  border-top-width: 0;
}
.search-filter-container select,
.search-filter-container select input {
  width: 100%;
}
.search-filter-container .hasDatepicker {
  z-index: 2;
}
.search-field.ui-autocomplete-input:focus {
  background-color: white;
}
@media (max-width: 480px) {
  .search-header button.search-button {
    padding-left: 5px;
    padding-left: 0.3125rem;
    padding-right: 5px;
    padding-right: 0.3125rem;
    width: auto;
  }
}
.search-field-wrapper .ui-helper-hidden-accessible {
  display: none;
}
.ui-menu.search-suggestion-list {
  padding: 0;
}
.ui-menu.search-suggestion-list .ui-menu-item > a,
.ui-menu.search-suggestion-list .ui-menu-item > textarea.url,
.ui-menu.search-suggestion-list .ui-menu-item > input.url {
  padding: 0;
  border-top: 1px solid #F2F2F2;
}
.modal-with-popover .ui-menu.search-suggestion-list {
  z-index: 660006;
  /* because of tinymces weird index */
}
.ui-menu.search-suggestion-list .ui-menu-item {
  display: block;
  margin-right: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.ui-menu .ui-menu-item a.entity-link,
.ui-menu .ui-menu-item textarea.url.entity-link,
.ui-menu .ui-menu-item input.url.entity-link {
  padding: 5px;
}
.ui-menu.search-suggestion-list .ui-menu-item > a.ui-state-focus,
.ui-menu.search-suggestion-list .ui-menu-item > textarea.url.ui-state-focus,
.ui-menu.search-suggestion-list .ui-menu-item > input.url.ui-state-focus {
  margin: 0;
}
.ui-menu.search-suggestion-list .suggestion-icon,
.ui-menu.search-suggestion-list .suggestion-text,
.ui-menu.search-suggestion-list .suggestion-buttons {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  line-height: 25px;
  line-height: 2.5rem;
}
.ui-menu.search-suggestion-list .suggestion-text {
  padding-left: 8px;
  padding-left: 0.8rem;
  color: #555;
}
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus .suggestion-text {
  color: white;
}
.ui-menu.search-suggestion-list .suggestion-text b {
  font-weight: 500;
  color: black;
  font-family: "Segoe UI";
}
.ui-menu.search-suggestion-list .suggestion-buttons {
  float: right;
  position: relative;
}
.ui-menu.search-suggestion-list .suggestion-icon {
  color: #555;
  font-size: 120%;
  width: 30px;
  width: 3rem;
  text-align: center;
}
.ui-menu.search-suggestion-list .ui-menu-item:hover {
  background-color: transparent;
}
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus .suggestion-text,
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus b,
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus .button-group,
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus .suggestion-icon {
  color: white;
}
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus a b,
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus textarea.url b,
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus input.url b {
  text-decoration: underline;
}
.ui-menu.search-suggestion-list .ui-menu-item .ui-state-focus .vertical-separator {
  background-color: white;
}
.ui-menu .ui-menu-item a.button-group,
.ui-menu .ui-menu-item textarea.url.button-group,
.ui-menu .ui-menu-item input.url.button-group {
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
  padding-top: 0;
  padding-bottom: 0;
  line-height: inherit;
}
.ui-menu.search-suggestion-list .suggestion-buttons {
  line-height: 33px;
}
.ui-menu .ui-menu-item.suggestion-helper {
  padding-left: 7px;
  padding-bottom: 3px;
  line-height: 2.5rem;
}
.ui-menu .ui-menu-item.suggestion-helper a,
.ui-menu .ui-menu-item.suggestion-helper textarea.url,
.ui-menu .ui-menu-item.suggestion-helper input.url {
  color: #ABABAB;
  font-size: 12pt;
  font-style: italic;
}
.ui-menu .ui-menu-item.suggestion-helper a.ui-state-focus,
.ui-menu .ui-menu-item.suggestion-helper textarea.url.ui-state-focus,
.ui-menu .ui-menu-item.suggestion-helper input.url.ui-state-focus {
  text-decoration: underline;
}
.ui-menu .ui-menu-item.suggestion-helper a.ui-state-focus,
.ui-menu .ui-menu-item.suggestion-helper textarea.url.ui-state-focus,
.ui-menu .ui-menu-item.suggestion-helper input.url.ui-state-focus {
  color: #454545;
  background-color: #fff;
}
/*! gridster.js - v0.5.4 - 2014-07-16
* http://gridster.net/
* Copyright (c) 2014 ducksboard; Licensed MIT */
.gridster {
  position: relative;
}
.gridster > * {
  margin: 0 auto;
  -webkit-transition: height 0.4s, width 0.4s;
  -moz-transition: height 0.4s, width 0.4s;
  -o-transition: height 0.4s, width 0.4s;
  -ms-transition: height 0.4s, width 0.4s;
  transition: height 0.4s, width 0.4s;
}
.gridster .gs-w {
  z-index: 2;
  position: absolute;
}
.ready .gs-w:not(.preview-holder) {
  -webkit-transition: opacity 0.3s, left 0.3s, top 0.3s;
  -moz-transition: opacity 0.3s, left 0.3s, top 0.3s;
  -o-transition: opacity 0.3s, left 0.3s, top 0.3s;
  transition: opacity 0.3s, left 0.3s, top 0.3s;
}
.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
  -webkit-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  -moz-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  -o-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
}
.gridster .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #fff;
  border-color: #fff;
  opacity: 0.3;
}
.gridster .player-revert {
  z-index: 10!important;
  -webkit-transition: left 0.3s, top 0.3s !important;
  -moz-transition: left 0.3s, top 0.3s !important;
  -o-transition: left 0.3s, top 0.3s !important;
  transition: left 0.3s, top 0.3s !important;
}
.gridster .dragging,
.gridster .resizing {
  z-index: 10!important;
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important;
}
.gs-resize-handle {
  position: absolute;
  z-index: 1;
}
.gs-resize-handle-both {
  width: 20px;
  height: 20px;
  bottom: -8px;
  right: -8px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  background-position: top left;
  background-repeat: no-repeat;
  cursor: se-resize;
  z-index: 20;
}
.gs-resize-handle-x {
  top: 0;
  bottom: 13px;
  right: -5px;
  width: 10px;
  cursor: e-resize;
}
.gs-resize-handle-y {
  left: 0;
  right: 13px;
  bottom: -5px;
  height: 10px;
  cursor: s-resize;
}
.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
  opacity: 1;
}
.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
  opacity: 0;
}
.gs-resize-disabled .gs-resize-handle {
  display: none!important;
}
[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
  display: none !important;
}
/* Uncomment this if you set helper : "clone" in draggable options */
/*.gridster .player {
  opacity:0;
}
*/
.procydo-portal,
.procydo-portal body {
  height: 100%;
  margin: 0;
}
#page-bottom {
  height: 64px;
  margin-top: -64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#body-wrapper {
  min-height: 100%;
  margin: 0;
  padding: 0;
}
.css3-polyfill {
  position: relative;
  zoom: 1;
  z-index: 0;
  behavior: url(css/CSS3POLYFILL.jsp);
}
.gridster {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.gridster > li.preview-holder {
  background-color: #e2e2e2;
  outline: 2px solid #b3b3b3;
}
.procydo-portal {
  /*
	.search-filter-content, .search-wrapper
	{
		.margin(0, @widget-margin);
	}
	*/
  /* headings got some scuffed line-height from tinymces css */
}
.procydo-portal #page-content,
.procydo-portal #page-footer {
  width: 888px;
  width: 55.5rem;
  max-width: 100%;
}
.procydo-portal ul.gridster,
.procydo-portal ol.gridster {
  height: auto;
}
.procydo-portal .mce-content-body h1,
.procydo-portal .mce-content-body h2,
.procydo-portal .mce-content-body h3,
.procydo-portal .mce-content-body h4,
.procydo-portal .mce-content-body h5,
.procydo-portal .mce-content-body h6 {
  line-height: 20px;
}
#cboxContent .contextbar {
  position: absolute;
  top: 1px;
  right: 32px;
}
#cboxContent .contextbar > .flat-button {
  display: inline-block;
  margin: 0;
  height: 26px;
  line-height: 26px;
  font-size: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  width: 32px;
  padding: 0;
  color: white;
  font-size: 15px;
}
#cboxContent .contextbar > .flat-button:after {
  background-color: white;
}
#cboxContent .contextbar > .flat-button:hover {
  background-color: inherit;
  color: white;
}
.procydo-portal #page-toolbar {
  margin-bottom: 5px;
}
/*some portal styles*/
.procydo-portal ul.gridster li .tile-header,
.procydo-portal ol.gridster li .tile-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.procydo-portal ul.gridster li[data-tilename='coursesTile'] .tile-header,
.procydo-portal ol.gridster li[data-tilename='coursesTile'] .tile-header {
  width: 90%;
}
.procydo-portal ul.gridster li .tile-content,
.procydo-portal ol.gridster li .tile-content {
  -webkit-border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 1px;
  -moz-background-clip: padding;
  border-radius: 1px;
  background-clip: padding-box;
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  overflow-y: auto;
  bottom: 0px !important;
}
.procydo-portal ol.gridster.edit-active li .tile-content a > *,
.procydo-portal ol.gridster.edit-active li .tile-content textarea.url > *,
.procydo-portal ol.gridster.edit-active li .tile-content input.url > * {
  pointer-events: none;
}
.procydo-portal ul.gridster li .tile-content .tile-list-element-content .fa,
.procydo-portal ol.gridster li .tile-content .tile-list-element-content .fa {
  margin-right: 5px;
}
.procydo-portal ul.gridster li .message-tile.scroll-wrapper,
.procydo-portal ol.gridster li .message-tile.scroll-wrapper {
  background-color: transparent;
}
.procydo-portal ul.gridster li .coursetable,
.procydo-portal ol.gridster li .coursetable {
  width: 96%;
  margin-top: 10px;
}
.coursetable .tag {
  margin-top: 4px;
  margin-left: 4px;
}
.procydo-portal ul.gridster li .tile-content .tile-course-list,
.procydo-portal ol.gridster li .tile-content .tile-course-list {
  height: auto;
}
.procydo-portal ul.gridster li .tile-content .tile-course-list.tile-list-element-content,
.procydo-portal ol.gridster li .tile-content .tile-course-list.tile-list-element-content {
  position: relative;
}
.tile .tile-content .tile-description-layout.tile-list-element.tile-course-list .tile-list-element-description {
  top: 0px;
  position: relative;
}
.procydo-portal #toolbar-new.grouped-buttons .button-group-list,
.procydo-portal #toolbar-center.grouped-buttons .button-group-list,
.procydo-portal #options,
.procydo-portal #toolbar-configure.grouped-buttons .button-group-list #cancel-edit {
  display: none;
}
.procydo-portal .editportalhint {
  display: inline-block;
  margin-left: 10px;
  color: #a2a2a2;
  line-height: 36px;
}
@media (max-width: 570px) {
  .procydo-portal .editportalhint {
    line-height: initial;
    margin-top: 5px;
  }
}
.procydo-portal .colorboxcontainer {
  width: 100%;
  margin: auto;
}
.procydo-portal #topiccontainer {
  border: 1px solid #eee;
  border-top: 0px;
}
.procydo-portal #portalnamecontainer {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.widget-view ul.widgetlist,
.procydo-portal ul.widgetlist,
.widget-view ol.widgetlist,
.procydo-portal ol.widgetlist {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin: auto;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  list-style-type: none;
  padding-left: 0px;
  margin-top: 10px;
}
.widget-view ul.widgetlist li.widgetitem,
.procydo-portal ul.widgetlist li.widgetitem,
.widget-view ol.widgetlist li.widgetitem,
.procydo-portal ol.widgetlist li.widgetitem {
  padding: 0px 10px 0px 10px;
  display: block;
  line-height: 40px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.widget-view ul.widgetlist li.widgetitem.open:hover,
.procydo-portal ul.widgetlist li.widgetitem.open:hover,
.widget-view ol.widgetlist li.widgetitem.open:hover,
.procydo-portal ol.widgetlist li.widgetitem.open:hover {
  background-color: #fff;
}
.widget-view ul.widgetlist li.widgetitem.open,
.procydo-portal ul.widgetlist li.widgetitem.open,
.widget-view ol.widgetlist li.widgetitem.open,
.procydo-portal ol.widgetlist li.widgetitem.open {
  padding-bottom: 20px;
  margin-top: 10px;
}
.widget-view ul.widgetlist li.widgetitem.open span.widget-title,
.procydo-portal ul.widgetlist li.widgetitem.open span.widget-title,
.widget-view ol.widgetlist li.widgetitem.open span.widget-title,
.procydo-portal ol.widgetlist li.widgetitem.open span.widget-title {
  font-size: 14pt;
  font-weight: 600;
}
.widget-view ul.widgetlist li.widgetitem fieldset,
.procydo-portal ul.widgetlist li.widgetitem fieldset,
.widget-view ol.widgetlist li.widgetitem fieldset,
.procydo-portal ol.widgetlist li.widgetitem fieldset {
  padding: 0px 0px;
  border: 0px;
  /* this is to prevent another rule from setting chosen to inline flex from bundle.css */
}
.widget-view ul.widgetlist li.widgetitem fieldset .form-control,
.procydo-portal ul.widgetlist li.widgetitem fieldset .form-control,
.widget-view ul.widgetlist li.widgetitem fieldset .chosen-container-multi .chosen-choices,
.procydo-portal ul.widgetlist li.widgetitem fieldset .chosen-container-multi .chosen-choices,
.widget-view ol.widgetlist li.widgetitem fieldset .form-control,
.procydo-portal ol.widgetlist li.widgetitem fieldset .form-control,
.widget-view ol.widgetlist li.widgetitem fieldset .chosen-container-multi .chosen-choices,
.procydo-portal ol.widgetlist li.widgetitem fieldset .chosen-container-multi .chosen-choices {
  display: block;
}
.widget-view ul.widgetlist li.widgetitem fieldset .tree-dropdown-parent .tree-container,
.procydo-portal ul.widgetlist li.widgetitem fieldset .tree-dropdown-parent .tree-container,
.widget-view ol.widgetlist li.widgetitem fieldset .tree-dropdown-parent .tree-container,
.procydo-portal ol.widgetlist li.widgetitem fieldset .tree-dropdown-parent .tree-container {
  top: 0;
}
.widget-view ul.widgetlist li.widgetitem fieldset .form-group,
.procydo-portal ul.widgetlist li.widgetitem fieldset .form-group,
.widget-view ol.widgetlist li.widgetitem fieldset .form-group,
.procydo-portal ol.widgetlist li.widgetitem fieldset .form-group {
  margin-bottom: 0;
}
.widget-view ul.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex,
.procydo-portal ul.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex,
.widget-view ol.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex,
.procydo-portal ol.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex {
  display: flex;
}
.widget-view ul.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex span[data-editor],
.procydo-portal ul.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex span[data-editor],
.widget-view ol.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex span[data-editor],
.procydo-portal ol.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex span[data-editor] {
  order: 0;
}
.widget-view ul.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex label,
.procydo-portal ul.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex label,
.widget-view ol.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex label,
.procydo-portal ol.widgetlist li.widgetitem fieldset .form-group.checkbox-to-left.flex label {
  order: 1;
}
.widget-view ul.widgetlist li.widgetitem fieldset .form-group label,
.procydo-portal ul.widgetlist li.widgetitem fieldset .form-group label,
.widget-view ol.widgetlist li.widgetitem fieldset .form-group label,
.procydo-portal ol.widgetlist li.widgetitem fieldset .form-group label {
  margin-bottom: 0;
  line-height: normal;
}
.widget-view ul.widgetlist li.widgetitem:hover,
.procydo-portal ul.widgetlist li.widgetitem:hover,
.widget-view ol.widgetlist li.widgetitem:hover,
.procydo-portal ol.widgetlist li.widgetitem:hover {
  background-color: #eef9ff;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  cursor: pointer;
}
.procydo-portal #widgetcontainer li.widgetitem .tree-dropdown-parent .tree-container {
  position: relative;
}
.procydo-portal ul.widgetlist li .info,
.procydo-portal ol.widgetlist li .info {
  line-height: 16pt;
}
.procydo-portal .widgetlist li .widget-title .icon {
  margin-right: 10px;
}
.procydo-portal .widgetlist li .options {
  display: none;
}
.procydo-portal .widgetlist li .options .flat-button {
  padding: 5px;
  clear: both;
  display: block;
}
.procydo-portal div.info.content.card {
  padding: 7px;
}
.procydo-portal .tile-list-element.inactive,
.procydo-portal .tile-list-element.inactive:hover,
.procydo-portal .tile-list-element.inactive.tile-list-hover a,
.procydo-portal .tile-list-element.inactive.tile-list-hover textarea.url,
.procydo-portal .tile-list-element.inactive.tile-list-hover input.url {
  background-color: #eee;
  cursor: not-allowed;
  color: #454545;
}
ul.gridster li .miniStat,
ol.gridster li .miniStat {
  padding-left: 5px;
  height: 50%;
  background-color: #a8d9ee;
  color: #f9f9f9;
  cursor: default;
  overflow: hidden;
}
ul.gridster li .miniStat.fullheight,
ol.gridster li .miniStat.fullheight {
  height: 100%;
}
ul.gridster li .miniStat.fullheight.roi .value,
ol.gridster li .miniStat.fullheight.roi .value {
  font-size: 18pt;
}
ul.gridster li .chartloader,
ol.gridster li .chartloader {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: table-cell;
  position: absolute;
  vertical-align: middle;
  text-align: center;
  z-index: 1;
}
ul.gridster li .chartloader .content,
ol.gridster li .chartloader .content {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 20px;
  display: inline-block;
  border-radius: 2px;
  margin-top: 20px;
  color: #fff;
  font-size: 16pt;
}
ul.gridster li .chartloader .content i,
ol.gridster li .chartloader .content i {
  margin-left: 5px;
}
ul.gridster li .miniStat:first-child,
ol.gridster li .miniStat:first-child {
  border-bottom: 1px dashed #f9f9f9;
}
ul.gridster li .miniStat h3,
ol.gridster li .miniStat h3 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: lighter;
}
ul.gridster li .miniStat .value,
ol.gridster li .miniStat .value {
  font-size: 24pt;
}
ul.gridster li .miniStat.fullheight h3,
ol.gridster li .miniStat.fullheight h3 {
  font-size: 16pt;
  padding-top: 28px;
}
ul.gridster li .miniStat.fullheight div.value,
ol.gridster li .miniStat.fullheight div.value {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  line-height: normal;
}
/* ActionMenuView for widgets */
.edit-widget-dialog {
  border-top: 0px;
  /* this is to prevent another rule from setting chosen to inline flex from bundle.css */
}
.edit-widget-dialog .dialog-close span {
  color: white;
}
.edit-widget-dialog .form-control,
.edit-widget-dialog .chosen-container-multi .chosen-choices {
  display: block;
}
.owned-process:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 5px;
  background-color: #00a300;
  border: 1px solid #008a00;
}
/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/
ul.simple-pagination,
ol.simple-pagination {
  list-style: none;
}
.simple-pagination.centered-content {
  text-align: center;
}
.simple-pagination {
  display: block;
  overflow: hidden;
  padding: 0 5px 5px 0;
  margin: 0;
}
.simple-pagination ul,
.simple-pagination ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.simple-pagination li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/
.procydo-theme a,
.procydo-theme span,
.procydo-theme textarea.url,
.procydo-theme input.url {
  min-width: 31px;
  float: left;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  text-align: center;
  padding: 0 7px;
  margin: 0 5px 0 0;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  background-color: #1f4e79;
  color: #ffffff;
  /* Old browsers */
}
.procydo-theme .current {
  cursor: default;
  background-color: #f5f5f5;
  border: 1px solid #aaaaaa;
  color: #555;
}
.procydo-theme .current:hover {
  color: #555;
}
.procydo-theme .ellipse {
  color: #555;
  background: none;
  border: none;
  box-shadow: none;
  font-weight: bold;
  cursor: default;
}
.procydo-theme .ellipse:hover {
  background: none;
}
/********************************************
 * 
 * 				BASE STYLESHEET START
 * 
 ********************************************/
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a,
.ui-datepicker td textarea.url,
.ui-datepicker td input.url {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/********************************************
 * 
 * 				BASE STYLESHEET END
 * 
 ********************************************/
.datepicker-container {
  position: relative;
  left: -6px;
  left: -0.375rem;
  display: none;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  right: 2px;
}
.ui-datepicker-next > .ui-icon {
  text-indent: 5px;
  text-indent: 0.3125rem;
}
.ui-datepicker-prev > .ui-icon {
  text-indent: 5px;
  text-indent: 0.3125rem;
}
.ui-datepicker table {
  table-layout: fixed;
}
.ui-datepicker table table tbody tr:hover {
  outline: none;
}
.ui-datepicker td {
  padding: 0;
}
.ui-datepicker td.ui-state-disabled a,
.ui-datepicker td.ui-state-disabled textarea.url,
.ui-datepicker td.ui-state-disabled input.url {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  -moz-opacity: 0.35;
  opacity: 0.35;
  border-color: transparent;
}
.ui-datepicker td a,
.ui-datepicker td textarea.url,
.ui-datepicker td input.url {
  padding: 1px 2px 1px 2px;
  background-color: #f5f5f5;
  border: 1px solid #aaaaaa;
}
.ui-datepicker td a:hover,
.ui-datepicker td a.ui-state-active,
.ui-datepicker td textarea.url:hover,
.ui-datepicker td textarea.url.ui-state-active,
.ui-datepicker td input.url:hover,
.ui-datepicker td input.url.ui-state-active {
  border-color: black;
}
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.css3-polyfill {
  position: relative;
  zoom: 1;
  z-index: 0;
  behavior: url(css/CSS3POLYFILL.jsp);
}
.search-aside,
.main-content {
  margin: 0;
  padding-top: 4px;
  padding-top: 0.25rem;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
}
#page-content.search-content .main-content {
  min-height: 462px;
  min-height: 28.875rem;
}
.table-layout {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.table-layout .row {
  display: table-row;
}
.table-layout .col {
  display: table-cell;
  width: 100%;
  /* expand so much it can */
}
.main-process-container {
  border-bottom: 1px solid #e0e0e0;
}
.tab .total-results {
  margin-right: 0.25em;
}
#header_smartass4 #current-organization {
  display: none !important;
}
@media (max-width: 600px) {
  .search-filter-container .col {
    display: block;
    padding-bottom: 5px;
    padding-bottom: 0.3125rem;
  }
}
@media (max-width: 480px) {
  .tab-container .tab {
    display: inline-block;
  }
}
.show {
  display: inline-block;
}
.view-state-empty {
  font-family: 'Segoe UI Light', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 30px;
  font-size: 3rem;
  margin-top: 3px;
  margin-top: 0.3rem;
  margin-bottom: 8px;
  margin-bottom: 0.8rem;
}
.view-state-empty {
  text-align: center;
}
.view-state-empty a,
.view-state-empty textarea.url,
.view-state-empty input.url {
  color: #154c70;
  font-size: 14pt;
  display: block;
  text-decoration: underline;
}
.view-state-empty a:focus,
.view-state-empty a:hover,
.view-state-empty textarea.url:focus,
.view-state-empty textarea.url:hover,
.view-state-empty input.url:focus,
.view-state-empty input.url:hover {
  color: #335e92;
  text-decoration: underline;
}
.topicHeader {
  color: #154c70;
  font-weight: bold;
  text-align: center;
  font-size: 14pt;
  margin-bottom: 10px;
  margin-top: 5px;
  font-family: 'Segoe UI Semilight', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
.topicHeader .fa {
  margin-right: 7px;
}
.search-result-container-div {
  display: flex;
  width: 98%;
  padding: 0 1%;
  align-items: stretch;
  justify-content: center;
  margin: auto;
}
.search-result-container-div .aside-center {
  margin: 0;
  width: 100%;
  max-width: 888px;
  order: 2;
  flex-shrink: 0;
}
.search-result-container-div .search-aside {
  min-width: 239px;
  width: 100%;
  flex-shrink: 2;
}
.search-result-container-div .search-aside.aside-right,
.search-result-container-div .search-aside.aside-left {
  float: none;
  position: relative;
}
.search-result-container-div .search-aside.aside-right {
  order: 3;
}
.search-result-container-div .search-aside.aside-left {
  order: 1;
  display: flex;
  justify-content: flex-start;
}
.search-result-container-div .search-aside.aside-left > div {
  margin-left: auto !important;
}
.search-result-container-div.using-no-aside .search-aside.unused {
  display: none;
}
@media (min-width: 1144px) and (max-width: 1400px) {
  .search-result-container-div {
    width: 888px;
    max-width: 100%;
  }
  .search-result-container-div .aside-center {
    flex-shrink: 1;
  }
  .search-result-container-div .search-aside.unused {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1144px) {
  .search-result-container-div {
    width: 100%;
  }
  .search-result-container-div .aside-center {
    flex-shrink: 1;
  }
  .search-result-container-div .search-aside.unused {
    display: none;
  }
}
@media (max-width: 769px) {
  .search-result-container-div.using-aside-right {
    flex-direction: column-reverse;
  }
  .search-result-container-div.using-aside-left {
    flex-direction: column;
  }
  .search-result-container-div > div:not(.unused) {
    width: 100%;
    height: auto;
  }
  .search-result-container-div > div:not(.unused).aside-left {
    justify-content: flex-start;
  }
  .search-result-container-div > div:not(.unused).aside-left > div {
    margin-left: 0px !important;
  }
  .search-result-container-div .search-aside.unused {
    display: none;
  }
}
.search-aside {
  min-height: 221px;
  overflow: auto;
  border: 1px solid #c3c3c3;
  margin-top: 5px;
  margin-top: 0.3125rem;
}
.search-aside.search-left {
  margin-right: 10px;
  margin-right: 0.625rem;
}
.search-aside.search-right {
  margin-left: 10px;
  margin-left: 0.625rem;
}
.collapsible.reset,
.collapsible-table.reset,
.collapsible.button-group,
.collapsible.standard-button,
.collapsible.inverted-button,
.collapsiblebutton,
.collapsible.button,
.collapsible.flat-button,
.collapsible.procydo-theme a,
.collapsible.procydo-theme span,
.collapsible.standard-table.light-table > .table-content > table th .button-group,
.collapsibletable.standard-table.light-table th .button-group,
.collapsible.tag-remove,
.collapsible.procydo-theme textarea.url,
.collapsible.procydo-theme input.url,
.collapsible.text-button {
  margin: 0;
}
.mini-search #header_smartass4,
.mini-search .search-tab-container {
  display: none;
}
.mini-search .search-header .search-container {
  background: transparent !important;
}
.mini-search .search-container .search-field-wrapper {
  padding-left: 0;
}
.mini-search .icon-search.search-button {
  background-color: #154c70;
}
.mini-search .search-toolbar.button-toolbar,
.mini-search .search-toolbar.inline-toolbar,
.mini-search .search-toolbar.wizard-footer .footer-right,
.mini-search .search-toolbar.entity-toolbar {
  margin-right: 2px;
}
.mini-search .search-header .search-field-wrapper .search-field {
  background-color: white;
  border: 1px solid #b9b9b9;
}
.mini-search .filter-button {
  display: none;
}
.search-compact .procydo-theme a,
.search-compact .procydo-theme span,
.search-compact .procydo-theme textarea.url,
.search-compact .procydo-theme input.url {
  margin-right: 2px;
  line-height: 18px;
}
.search-compact .list-item {
  margin: 0;
}
.search-compact .main-content {
  padding: 0;
}
.search-compact .search-toolbar .search-button {
  width: auto;
}
.search-compact .search-toolbar button {
  margin-left: 3px;
  height: auto;
  width: auto;
  min-width: 0;
  line-height: initial;
}
.search-compact .search-toolbar button .button-icon {
  vertical-align: initial;
}
.search-compact .search-header .search-field-wrapper {
  padding: 0;
}
.search-compact .search-header .search-field-wrapper .search-field {
  background-color: #ffffff;
  border: 1px #e0e0e0 solid;
}
.search-compact .search-header .search-container {
  position: relative;
  background-color: inherit;
  color: inherit;
}
.search-compact .search-header .search-toolbar {
  margin: 0;
  position: absolute;
  right: 0;
  padding: 1px 3px;
  z-index: 1;
}
.group-selection-header {
  margin-top: 20px;
}
#title-section .breadcrumbs:first-child {
  margin-top: 3px;
  margin-top: 0.1875rem;
}
#info-section {
  z-index: 2;
  min-height: 0;
  height: auto;
  width: auto;
  min-width: 0;
}
#enable-editing {
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  padding-left: 5px;
  padding-left: 0.3125rem;
}
#enable-editing .button-icon {
  vertical-align: baseline;
  position: relative;
  top: 1px;
  font-size: inherit;
}
#page-header #enable-editing.flat-button {
  font-size: 16px;
  font-size: 1rem;
}
.toolbar-enabled #info-section {
  display: none;
}
#page-content > .table-wrapper {
  display: inline-block;
  width: 100%;
}
.state-sorting .group-content {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.state-sorting .perspective-group-item.open {
  padding-bottom: 0;
}
.state-sorting .perspective-group-item.open .content {
  min-height: 40px;
  min-height: 2.5rem;
}
.css3-polyfill {
  position: relative;
  zoom: 1;
  z-index: 0;
  behavior: url(css/CSS3POLYFILL.jsp);
}
#page-header > div {
  height: 100%;
}
.ui-stortable-helper + .entity-sort-placeholder {
  margin-top: 0;
}
.entity-state-empty {
  display: none;
}
.entity-draggable-handle {
  cursor: move;
  width: 21px;
  width: 1.3125rem;
  overflow: hidden;
  display: inline-block;
}
.entity-draggable-handle.entity-draggable-handle-vertical {
  cursor: ns-resize;
}
.entity-draggable-handle .entity-draggable-icon {
  vertical-align: top;
  line-height: inherit;
  text-align: center;
  color: #bababa;
  font-size: 18px;
}
.ui-sortable .collapsible .entity-heading-high,
.collapsible .ui-draggable .entity-heading-high,
.ui-sortable .collapsible-table .entity-heading-high,
.collapsible-table .ui-draggable .entity-heading-high {
  padding-left: 25px;
  padding-left: 1.5625rem;
  position: relative;
}
.list-title .entity-draggable-handle {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #EBEBEB;
  border-right: 1px solid #dbdbdb;
}
.entity-sort-placeholder {
  zoom: 1;
  filter: alpha(opacity=40);
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.state-create-mode .ui-selection-indicator {
  display: inline-block;
  visibility: none;
}
.entity-content {
  background-color: white;
  border: 1px solid #aaaaaa;
  border-top: none;
  padding-top: 5px;
  padding-top: 0.3125rem;
}
.entity-content .entity-history-list {
  max-height: 300px;
  max-height: 18.75rem;
  overflow: auto;
}
.entity-content .entity-heading-low,
.entity-content #page-header .breadcrumbs,
.collapsible .entity-more-heading,
.collapsible-table .entity-more-heading {
  padding-left: 15px;
  padding-left: 0.9375rem;
  background-color: #f5f5f5;
  font-size: 17px;
  font-size: 1.0625rem;
  color: #000000;
  border: 0;
}
.entity-content .entity-heading-low:first-child,
.entity-content #page-header .breadcrumbs:first-child {
  margin-top: 0;
}
.entity-content .entity-heading-low [class^="icon-"],
.entity-content .entity-heading-low [class*=" icon-"],
.entity-content .entity-heading-low .icon-font-class,
.entity-content .entity-heading-low .icon-font-class,
.entity-content #page-header .breadcrumbs [class^="icon-"],
.entity-content #page-header .breadcrumbs [class*=" icon-"],
.entity-content .entity-heading-low .list-item.entity-selectable:hover .list-thumbnail-icon,
.entity-content .entity-heading-low .list-item.entity-selectable:hover .list-thumbnail-icon,
.entity-content .entity-heading-low .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.entity-content .entity-heading-low .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.entity-content .entity-heading-low .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.entity-content .entity-heading-low .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.entity-content .entity-heading-low .entity-history-list > li:before,
.entity-content .entity-heading-low .entity-history-list > li:before,
.entity-content .entity-heading-low .ui-icon,
.entity-content .entity-heading-low .ui-icon,
.entity-content .entity-heading-low .state-checked:after,
.entity-content .entity-heading-low .state-checked:after,
.entity-content .entity-heading-low .jstree-default .jstree-checkbox,
.entity-content .entity-heading-low .jstree-default .jstree-checkbox,
.entity-content .entity-heading-low .jstree-default .jstree-themeicon,
.entity-content .entity-heading-low .jstree-default .jstree-themeicon,
.entity-content .entity-heading-low .tile-text.icon:before,
.entity-content .entity-heading-low .tile-text.icon:before,
.entity-content .entity-heading-low .ui-datepicker-next > .ui-icon,
.entity-content .entity-heading-low .ui-datepicker-next > .ui-icon,
.entity-content .entity-heading-low .ui-datepicker-prev > .ui-icon,
.entity-content .entity-heading-low .ui-datepicker-prev > .ui-icon,
.entity-content .entity-heading-low .entity-history-list > li:before,
.entity-content .entity-heading-low .entity-history-list > li:before {
  font-size: 97%;
}
.entity-content .collapsible-table,
.entity-content .entity-toolbar {
  margin: 0 5px;
  margin: 0 0.3125rem;
}
.entity-toolbar {
  position: relative;
  text-align: right;
  height: 35px;
  height: 2.1875rem;
  border-top: 1px solid #aaaaaa;
}
.entity-toolbar > .flat-button {
  height: 100%;
  min-width: 130px;
  min-width: 8.125rem;
}
.entity-toolbar > .btn {
  margin-top: 3px;
  margin-top: 0.1875rem;
}
.entity-description-group {
  margin-top: 8px;
  margin-top: 0.5rem;
}
.group-heading {
  margin-bottom: 0;
  text-indent: 0;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: inherit;
  overflow: hidden;
}
.group-heading .inline-toolbar {
  float: right;
}
.group-heading .inline-toolbar .flat-button {
  font-size: inherit;
}
.group-title {
  font-weight: inherit;
}
.group-content,
.group-content.collapsible,
.group-content.collapsible-table {
  margin-top: 5px;
  margin-top: 0.3125rem;
  position: relative;
}
.group-content.loading-indicator-parent,
.group-content.collapsible.loading-indicator-parent,
.group-content.collapsible-table.loading-indicator-parent {
  position: static;
}
.classic-table-layout .collapsible-content {
  padding: 0;
}
.grouped-table-layout .group-heading {
  padding: 2px 20px;
  padding: 0.125rem 20px;
  padding: 2px 1.25rem;
  padding: 0.125rem 1.25rem;
}
.grouped-table-layout .group-heading:first-child {
  margin-top: 0;
}
.grouped-table-layout .collapsible-content {
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}
.grouped-table-layout .collapsible-content > li {
  margin-top: 0;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.grouped-table-layout .group-content {
  margin: 0px 45px;
  margin: 0rem 45px;
  margin: 0px 2.8125rem;
  margin: 0rem 2.8125rem;
}
.grouped-table-layout .group-content li {
  max-height: 30px;
  max-height: 1.875rem;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  margin: 0;
}
.grouped-table-layout .group-content li:first-child {
  border-top-width: 1px;
}
.grouped-table-layout .group-content li > * {
  padding: 3px 10px;
  padding: 0.1875rem 10px;
  padding: 3px 0.625rem;
  padding: 0.1875rem 0.625rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.grouped-table-layout .group-content li > .inline-toolbar {
  padding: 0;
  text-overflow: inherit;
  white-space: normal;
}
.grouped-table-layout .group-content .button-group {
  height: 100%;
}
.grouped-table-layout .group-content td .button-group {
  line-height: 25px;
  line-height: 1.5625rem;
  height: 25px;
  height: 1.5625rem;
}
.collapsible .entity-more-heading,
.collapsible-table .entity-more-heading {
  border-bottom: none;
  background-color: inherit;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #aaaaaa;
  padding-top: 4px;
  padding-top: 0.25rem;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}
.collapsible .entity-more-heading [class^="icon-"],
.collapsible .entity-more-heading [class*=" icon-"],
.collapsible .entity-more-heading .icon-font-class,
.collapsible .entity-more-heading .icon-font-class,
.collapsible-table .entity-more-heading [class^="icon-"],
.collapsible-table .entity-more-heading [class*=" icon-"],
.collapsible .entity-more-heading .list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .entity-more-heading .list-item.entity-selectable:hover .list-thumbnail-icon,
.collapsible .entity-more-heading .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .entity-more-heading .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.collapsible .entity-more-heading .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .entity-more-heading .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.collapsible .entity-more-heading .entity-history-list > li:before,
.collapsible .entity-more-heading .entity-history-list > li:before,
.collapsible .entity-more-heading .ui-icon,
.collapsible .entity-more-heading .ui-icon,
.collapsible .entity-more-heading .state-checked:after,
.collapsible .entity-more-heading .state-checked:after,
.collapsible .entity-more-heading .jstree-default .jstree-checkbox,
.collapsible .entity-more-heading .jstree-default .jstree-checkbox,
.collapsible .entity-more-heading .jstree-default .jstree-themeicon,
.collapsible .entity-more-heading .jstree-default .jstree-themeicon,
.collapsible .entity-more-heading .tile-text.icon:before,
.collapsible .entity-more-heading .tile-text.icon:before,
.collapsible .entity-more-heading .ui-datepicker-next > .ui-icon,
.collapsible .entity-more-heading .ui-datepicker-next > .ui-icon,
.collapsible .entity-more-heading .ui-datepicker-prev > .ui-icon,
.collapsible .entity-more-heading .ui-datepicker-prev > .ui-icon,
.collapsible .entity-more-heading .entity-history-list > li:before,
.collapsible .entity-more-heading .entity-history-list > li:before {
  font-size: 20px;
  font-size: 1.25rem;
}
.collapsible .entity-more-heading .collapsible-text-closed,
.collapsible .entity-more-heading .collapsible-text-open,
.collapsible-table .entity-more-heading .collapsible-text-closed,
.collapsible-table .entity-more-heading .collapsible-text-open {
  vertical-align: top;
}
.collapsible .entity-heading-low,
.collapsible-table .entity-heading-low,
.collapsible #page-header .breadcrumbs,
#page-header .breadcrumbs {
  border-width: 0;
}
.collapsible .entity-high-list,
.collapsible-table .entity-high-list {
  padding: 5px;
  padding: 0.3125rem;
  padding-bottom: 1px;
  padding-bottom: 0.0625rem;
}
.collapsible .entity-high-list > .open,
.collapsible-table .entity-high-list > .open {
  -webkit-box-shadow: 0px 0px 9px #aaa;
  -moz-box-shadow: 0px 0px 9px #aaa;
  box-shadow: 0px 0px 9px #aaa;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-transition-property: -webkit--webkit-box-shadow, -moz--webkit-box-shadow, -webkit-box-shadow;
  -moz-transition-property: -webkit--moz-box-shadow, -moz--moz-box-shadow, -moz-box-shadow;
  -o-transition-property: -webkit-box-shadow, -moz-box-shadow, box-shadow;
  transition-property: -webkit-box-shadow, -moz-box-shadow, box-shadow;
}
.state-create-mode {
  padding: 10px;
  padding: 0.625rem;
  cursor: pointer;
}
.state-create-mode .collapsible-text-closed:before,
.state-create-mode .collapsible-text-open:before {
  margin-right: 10px;
  margin-right: 0.625rem;
  margin-left: 2px;
  margin-left: 0.125rem;
}
.state-create-mode .entity-heading-low:not(.open),
.state-create-mode #page-header .breadcrumbs:not(.open) {
  border: none;
}
.process-info-content .entity-toolbar > .flat-button {
  min-width: 80px;
  min-width: 8rem;
  padding-right: 20px;
  padding-right: 2rem;
}
.process-info-content .entity-toolbar > .flat-button .icon-pencil,
.process-info-content .entity-toolbar > .flat-button .icon-clock {
  font-size: 16pt;
}
@media (max-width: 975px) {
  html.perspective-page {
    font-size: 9px;
  }
}
@media (max-width: 900px) {
  .perspective-page #page-content {
    width: 700px;
    width: 43.75rem;
  }
}
/* SMARTASS 4 REBRANDING
@media (min-width: @huge-screen) 
{
	.fixed-toolbar.fixed-header {
		#page-toolbar {

			.left((@page-width + 200px));
			//right:20px;
		}
	
		#page-wrapper {
			.padding-top (@page-header-height);
		
		}
	}
 
}
*/
/*
  backgrid
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT license.
*/
.backgrid-container {
  position: relative;
  display: block;
  width: 100%;
  height: 465px;
  padding: 0;
  overflow: auto;
  border: 0;
}
/*
.backgrid {
  background-color: transparent;
  border-collapse: collapse;
}
*/
.entity-input-field {
  display: none;
}
.entity-input:not(.inline) .entity-input-unset {
  width: 4%;
}
.entity-input:not(.inline) .entity-input-label {
  width: 96%;
}
.entity-input {
  height: 1.75em;
  margin: 0.3em;
}
.entity-input.inline {
  display: inline-block;
}
.entity-input .entity-input-unset,
.entity-input .entity-input-edit {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  font-size: 1em;
}
.entity-input .entity-input-unset {
  line-height: 1.73em;
}
.entity-input .entity-input-edit {
  margin-top: 4px;
  float: right;
}
.entity-input:hover,
.entity-input:focus,
.entity-input:focus-within {
  background-color: transparent;
}
.entity-input .entity-input-edit.flat-button:hover {
  background-color: transparent;
}
.entity-input .entity-input-unset {
  line-height: 1.73em;
  width: 4%;
}
.entity-input.no-value .entity-input-label {
  width: 100%;
}
.entity-input .entity-input-label {
  display: inline-block;
}
.entity-input.state-pressed .entity-input-label .state-pressed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.entity-input .button-group .button-icon {
  vertical-align: inherit;
}
.entity-input-label,
.entity-input-text {
  overflow: hidden;
  margin-right: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
button.entity-input-text {
  border: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  line-height: 0;
  max-width: 400px;
}
button.entity-input-text:hover,
button.entity-input-text:focus {
  background-color: transparent;
}
button.entity-input-text:hover span.entity-input-icon,
button.entity-input-text:focus span.entity-input-icon {
  color: black;
}
button.entity-input-text .entity-input-text {
  line-height: unset;
}
button.entity-input-text .entity-input-icon {
  margin-left: 5px;
}
.entity-input-label {
  text-align: left;
  line-height: normal;
  height: 100%;
  padding: 0.2em;
  cursor: pointer;
  padding-top: 0.1em;
}
.tooltipster-base .entity-picker {
  max-width: 480px;
}
.tooltipster-base .entity-picker .dialog-body {
  min-height: 342px;
}
.dialog-wrapper.tooltip-popover {
  width: 400px;
  max-width: 100%;
}
.dialog-wrapper.tooltip-popover.dialog-wrapper-large {
  width: 480px;
}
.dialog-wrapper .dialog-title {
  position: relative;
  background-color: #154c70;
  color: #ffffff;
}
.dialog-wrapper .dialog-title .dialog-close {
  position: absolute;
  border: 0;
  right: 0;
  top: 1px;
  bottom: 1px;
  width: 40px;
  width: 2.5rem;
}
.dialog-wrapper .dialog-title .dialog-close,
.dialog-wrapper .dialog-title .dialog-close:hover {
  color: inherit;
}
.dialog-wrapper .dialog-footer {
  border-top: 1px solid #eee;
  padding: 4px;
  padding: 0.25rem;
}
.dialog-wrapper .dialog-body.dialog-body-padded {
  padding: 4px;
  padding: 0.25rem;
}
.entity-picker .search-container {
  position: relative;
}
.entity-picker .create-menu-section {
  position: relative;
}
.entity-picker .create-menu-section > .dropdown-menu {
  right: 0;
}
.entity-picker .current-selections {
  padding: 2px;
  padding: 0.125rem;
}
.entity-picker .search-filter-content {
  padding: 4px;
  padding: 0.25rem;
}
.entity-picker .search-footer {
  border-top: 1px solid #eee;
  padding-top: 4px;
  padding-top: 0.25rem;
}
.entity-picker .search-footer .simple-pagination {
  padding: 0;
}
.entity-picker .full-editor-button-container {
  padding: 3px;
  padding: 0.1875rem;
}
/*! jQuery UI - v1.10.4 - 2014-03-19
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
}
.ui-state-disabled {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  -moz-opacity: 0.35;
  opacity: 0.35;
}
.publish.state-checked {
  position: relative;
  border: solid #154c70;
  border-width: 2px;
  border-width: 0.125rem;
}
.publish.state-checked > * {
  position: relative;
  top: -2px;
  top: -0.125rem;
}
.add-subprocess {
  float: right;
  font-size: 125%;
  width: 47px;
  width: 2.9375rem;
}
.versions {
  min-width: 55px;
  min-width: 3.4375rem;
}
.entity-history-container > .card-warning {
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  margin: 0 15px;
  margin: 0 0.9375rem;
}
.entity-history-list {
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  list-style-type: none;
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.entity-history-list > li {
  position: relative;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  border-left: solid #154c70;
  border-left-width: 5px;
  border-left-width: 0.3125rem;
  margin: 0 !important;
}
.entity-history-list > li.history-highlight {
  border-color: #f77129;
}
.entity-history-list > li.history-highlight .history-time {
  color: #f77129;
}
.entity-history-list > li.history-highlight:before {
  color: #f77129;
}
.entity-history-list > li.history-highlight ~ li {
  zoom: 1;
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  border-color: #555555;
}
.entity-history-list > li.history-highlight ~ li.entity-history-start {
  border-color: transparent;
}
.entity-history-list > li.history-highlight ~ li.entity-history-start:before {
  border-color: #555555;
}
.entity-history-list > li.history-highlight ~ li .history-time {
  color: #555555;
}
.entity-history-list > li.history-highlight ~ li:before {
  color: #555555;
}
.entity-history-list > li:first-child {
  padding-top: 0;
}
.entity-history-list > li:first-child:before {
  top: 0;
}
.entity-history-list > li:before {
  position: absolute;
  left: -10px;
  left: -0.625rem;
  top: 15px;
  z-index: 1;
  background-color: #FFF;
  color: #154c70;
}
.entity-history-list > li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  left: 1.25rem;
  width: 50%;
  border-bottom: 1px solid #f2f2f2;
}
.entity-history-list > li.entity-history-start {
  border-left-color: transparent;
}
.entity-history-list > li.entity-history-start:before {
  content: "";
  width: 8px;
  height: 20px;
  background-color: transparent;
  border-left: 5px solid #154c70;
  border-left-width: 5px;
  border-left-width: 0.3125rem;
  border-bottom: 5px solid #154c70;
  border-bottom-width: 5px;
  border-bottom-width: 0.3125rem;
  left: -5px;
  left: -0.3125rem;
  top: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomleft: 5px;
  -moz-background-clip: padding;
  border-bottom-left-radius: 5px;
  background-clip: padding-box;
}
.entity-history-list > li.entity-history-start:after {
  content: none;
}
.entity-history-list > li .history-time {
  text-transform: uppercase;
  font-weight: bold;
  color: #154C70;
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  top: -1px;
  top: -0.0625rem;
  background-color: #FFF;
}
.diagram-canvas .error-box {
  margin-top: 1%;
}
.diagram-canvas .diagram-role-activities .diagram-guide-complete .diagram-guide-progress > div {
  background-color: #50a838;
}
.diagram-canvas .diagram-role-activities .diagram-guide-complete .contextbar.top .icon.diagram-entity-link {
  background: #50a838;
  border: none;
}
.diagram-canvas .diagram-role-activities .diagram-guide-complete .contextbar.top .icon.diagram-entity-link:after {
  border-bottom-color: #208d53;
}
.diagram-canvas.diagram-fullscreen {
  background-color: #f5f5f5;
  z-index: 2;
}
.diagram-canvas.diagram-fullscreen .diagram-content-wrapper {
  overflow: visible;
}
html.canvas.diagram-draft .diagram-content {
  border-color: #b59090;
}
.parsley-errors-list {
  display: none;
}
body .diagram-activity-tooltip {
  border-width: 1px;
  padding: 1px 4px;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: inherit;
  background: white;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}
body .diagram-activity-tooltip .diagram-tooltip-name {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 1px;
  font-size: 13px;
  color: #555;
  font-family: 'Segoe UI Semibold', 'OpenSansSemibold', 'Open Sans Semibold', Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 1px;
}
.css3-polyfill {
  position: relative;
  zoom: 1;
  z-index: 0;
  behavior: url(css/CSS3POLYFILL.jsp);
}
.diagram-role-no-positions {
  display: none;
  visibility: hidden;
}
.toolbar-group {
  display: inline-block;
  height: 100%;
}
#share-wizard {
  overflow-y: scroll;
}
#share-wizard .wizard-accept.button-group {
  right: -29em;
}
#share-wizard .wizard-cancel {
  display: none;
}
#share-wizard .wizard-footer {
  border-top: none;
}
.diagram-process-header .checkbox-wrapper input[type='checkbox'] + .input-helper .checkbox-check {
  top: -0.05em;
  left: -0.05em;
}
.diagram-process-header .checkbox-wrapper input[type='checkbox'] + .input-helper {
  top: 0.2em;
}
.diagram-process-header .checkbox-wrapper .input-helper {
  top: 0.56em;
}
.diagram-canvas .diagram-content-text {
  border: 1px dashed #aaa;
  text-align: center;
}
.diagram-canvas .diagram-content-text button {
  color: inherit;
}
.diagram-canvas .diagram-content-text button h2 {
  margin-top: 0;
}
.diagram-canvas .diagram-content-text button:hover {
  color: inherit;
}
.diagram-canvas .diagram-content-text button:hover img {
  border-style: solid;
  border-color: #555;
}
.diagram-canvas .diagram-type-selector ul,
.diagram-canvas .diagram-type-selector ol {
  padding: 5px;
}
.diagram-canvas .diagram-type-selector .diagram-type-choice {
  display: inline-block;
  list-style-type: none;
  margin-right: 5px;
}
.diagram-canvas .diagram-type-selector img {
  height: 80px;
  padding: 5px;
  border: 1px dashed #aaa;
}
.diagram-canvas .diagram-type-selector button {
  border: none;
}
.diagram-canvas .diagram-type-selector button:hover {
  background-color: transparent;
}
.diagram-canvas .diagram-type-selector #copy-choice h2 {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.diagram-canvas .diagram-type-selector #copy-choice h2 + span {
  color: #555;
  font-size: 24px;
}
.diagram-activity-external tr.diagram-edit-form td {
  font-size: inherit;
}
.diagram-canvas .diagram-process-header .breadcrumbs {
  display: inline-block;
}
.diagram-canvas .diagram-process-header .breadcrumbs .current-page {
  display: none;
}
.diagram-canvas .diagram-process-header .breadcrumbs > li:first-child {
  margin-left: 0;
}
.diagram-canvas .diagram-process-header .breadcrumbs .ellipsis-dropdown li:hover a,
.diagram-canvas .diagram-process-header .breadcrumbs .ellipsis-dropdown li:hover textarea.url,
.diagram-canvas .diagram-process-header .breadcrumbs .ellipsis-dropdown li:hover input.url {
  color: white;
}
.diagram-canvas .diagram-process-header .breadcrumbs .ellipsis-dropdown li a,
.diagram-canvas .diagram-process-header .breadcrumbs .ellipsis-dropdown li textarea.url,
.diagram-canvas .diagram-process-header .breadcrumbs .ellipsis-dropdown li input.url {
  color: inherit;
}
.diagram-canvas.diagram-zoomed.diagram-modern-renderer .diagram-zoomed {
  transform: scale(2.32);
  z-index: 999999;
  /*
                .diagram-activity-output
                {
                    left: 100% !important;
                    right: auto !important;
                    top: 0 !important;
                    bottom: 0 !important;
                }
                .diagram-activity-input
                {
                    right: 100% !important;
                    left: auto !important;
                    top: 0 !important;
                    bottom: 0 !important;
                }*/
}
.diagram-canvas.diagram-low-scale.diagram-modern-renderer .diagram-activity:hover .diagram-activity-name {
  color: #555;
}
.diagram-canvas.diagram-low-scale .diagram-activity .diagram-activity-name {
  color: transparent;
}
.diagram-canvas.diagram-no-header .diagram-content-wrapper {
  padding-top: 0;
}
.diagram-canvas.diagram-full-page .diagram-content-wrapper {
  overflow: visible;
  padding-bottom: 0;
}
.diagram-canvas.diagram-header-small .diagram-process-header.ui-accordion-header .button-group {
  vertical-align: top;
}
.diagram-canvas.diagram-header-small .diagram-process-header.ui-accordion-header .toolbar-group:first-child {
  padding-right: 0;
}
.diagram-canvas.diagram-header-small .diagram-content-wrapper {
  margin-top: 0;
}
.diagram-canvas .diagram-activity-external {
  font-size: 100%;
}
.diagram-canvas .diagram-activity-external.diagram-external-editmode,
.diagram-canvas .diagram-activity-external.diagram-external-editmode:hover {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.diagram-canvas .diagram-activity-external.diagram-external-editmode td,
.diagram-canvas .diagram-activity-external.diagram-external-editmode th {
  font-size: 120%;
}
.diagram-canvas .diagram-activity-external th.button-cell > :first-child,
.diagram-canvas .diagram-activity-external td.button-cell > :first-child {
  display: table;
  width: 100%;
}
.diagram-canvas .diagram-activity-external th.button-cell .button-icon,
.diagram-canvas .diagram-activity-external td.button-cell .button-icon {
  vertical-align: middle;
  display: table-cell;
}
.diagram-canvas.diagram-edit .diagram-role-title {
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.diagram-canvas.diagram-edit .diagram-role-title .inline-toolbar {
  height: 30px;
}
.diagram-canvas.diagram-edit .diagram-role-title .diagram-role-userposition {
  line-height: 30px;
}
.diagram-canvas .diagram-role-title {
  background: #f5f5f5;
  -webkit-box-shadow: 1px 1px 1px #f5f5f5, -1px 1px 1px #f5f5f5;
  -moz-box-shadow: 1px 1px 1px #f5f5f5, -1px 1px 1px #f5f5f5;
  box-shadow: 1px 1px 1px #f5f5f5, -1px 1px 1px #f5f5f5;
  color: #555;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  font-size: 11pt;
}
.diagram-canvas .diagram-role-title .diagram-role-sort {
  width: 20px;
  text-align: center;
  font-size: 10pt;
}
.diagram-canvas .diagram-role-title .diagram-role-sort > div {
  color: #555;
  height: 15px;
  line-height: 15px;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.diagram-canvas .diagram-role-title .diagram-role-sort > div[class^='icon-'],
.diagram-canvas .diagram-role-title .diagram-role-sort > div[class*=' icon-'],
.diagram-canvas .diagram-role-title .diagram-role-sort > div.icon-font-class,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.icon-font-class,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.list-item.entity-selectable:hover .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.list-item.entity-selectable:hover .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.entity-history-list > li:before,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.entity-history-list > li:before,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.ui-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.ui-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.state-checked:after,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.state-checked:after,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.jstree-default .jstree-checkbox,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.jstree-default .jstree-checkbox,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.jstree-default .jstree-themeicon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.jstree-default .jstree-themeicon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.tile-text.icon:before,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.tile-text.icon:before,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.ui-datepicker-next > .ui-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.ui-datepicker-next > .ui-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.ui-datepicker-prev > .ui-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.ui-datepicker-prev > .ui-icon,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.entity-history-list > li:before,
.diagram-canvas .diagram-role-title .diagram-role-sort > div.entity-history-list > li:before {
  font-size: inherit;
}
.diagram-canvas .diagram-role-title .left-wrapper .diagram-role-edit-form {
  height: 30px;
}
.diagram-canvas .diagram-role-title .left-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.diagram-canvas .diagram-role-title .left-wrapper > * {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  max-height: 100%;
}
.diagram-canvas .diagram-role-title .diagram-role-userposition {
  margin-left: 10px;
  line-height: 29px;
  padding-top: 1px;
}
.diagram-canvas .diagram-role-title .inline-toolbar {
  position: relative;
  margin-top: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  color: #555;
}
.diagram-canvas .diagram-role-title .inline-toolbar .diagram-role-no-positions {
  display: none;
}
.diagram-canvas .diagram-role-title .inline-toolbar .button-group {
  vertical-align: top;
  line-height: inherit;
}
.diagram-canvas .diagram-role-title .inline-toolbar .button-group [class^='icon-'],
.diagram-canvas .diagram-role-title .inline-toolbar .button-group [class*=' icon-'],
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .icon-font-class,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .icon-font-class,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .list-item.entity-selectable:hover .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .list-item.entity-selectable:hover .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .entity-history-list > li:before,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .entity-history-list > li:before,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .ui-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .ui-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .state-checked:after,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .state-checked:after,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .jstree-default .jstree-checkbox,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .jstree-default .jstree-checkbox,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .jstree-default .jstree-themeicon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .jstree-default .jstree-themeicon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .tile-text.icon:before,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .tile-text.icon:before,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .ui-datepicker-next > .ui-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .ui-datepicker-next > .ui-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .ui-datepicker-prev > .ui-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .ui-datepicker-prev > .ui-icon,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .entity-history-list > li:before,
.diagram-canvas .diagram-role-title .inline-toolbar .button-group .entity-history-list > li:before {
  font-size: inherit;
}
.diagram-canvas .diagram-role-title .diagram-role-positions.toolbar {
  color: black;
  font-size: 16px;
  font-size: 1rem;
}
.diagram-canvas .diagram-role-title .diagram-role-positions.button-group .label-icon {
  font-size: 70%;
}
.diagram-canvas .diagram-role-title input {
  height: 100%;
  position: relative;
  left: -1px;
  padding-bottom: 1px;
}
.diagram-canvas .contextbar {
  position: absolute;
}
.diagram-canvas .editing {
  display: none !important;
}
.diagram-canvas .button-group.icon {
  display: inline-table;
}
.diagram-canvas .button-group.icon:before {
  display: table-cell;
  vertical-align: middle;
}
.diagram-canvas .contextbar.inline-toolbar .toolbar-group > .button-group,
.diagram-canvas .contextbar.inline-toolbar > .button-group {
  height: 100%;
}
.diagram-canvas .vertical-separator {
  background-color: #c0c0c0;
}
.diagram-canvas .button-group {
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.diagram-page #page-wrapper {
  width: 100%;
  display: block;
  margin: 0;
  height: 100%;
  overflow-y: visible;
}
.snap-overlay.snap-overlay-visible {
  display: block;
  visibility: visible;
  opacity: 1;
}
.snap-overlay {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999999 !important;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  pointer-events: none;
  -webkit-transition: 0.05s ease opacity;
  -moz-transition: 0.05s ease opacity;
  -o-transition: 0.05s ease opacity;
  transition: 0.05s ease opacity;
}
.snap-overlay:after {
  content: '';
  position: absolute;
  background-position: 50% 50%;
}
#snap-y-overlay:after {
  height: 4px;
  left: 0;
  right: 0;
  top: 50%;
  margin-bottom: -1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAADCAYAAACqPZ51AAAAL0lEQVQYV2NkQAK/8jSMkflsk26chfEZYQyQor/MjGeQFTL//W8CUwxXCFKAz0QAqRYQBMLeKD8AAAAASUVORK5CYII=) repeat-x;
}
#snap-x-overlay:after {
  width: 4px;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-right: -1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAKCAYAAABxJ+R3AAAAK0lEQVQYV2NkQAKMGJxfeRrGbJNunGUEMf4yM55h/vvfhFgOyDS4ATjtAQDSEB8XOD6s5QAAAABJRU5ErkJggg==) repeat-y;
}
html.canvas {
  height: 100%;
}
html.canvas body {
  height: 100%;
}
.diagram-canvas .ui-state-default a.flat-button,
.diagram-canvas .ui-state-default a:link.flat-button,
.diagram-canvas .ui-state-default a:visited.flat-button,
.diagram-canvas .ui-state-default textarea.url.flat-button,
.diagram-canvas .ui-state-default textarea.url:link.flat-button,
.diagram-canvas .ui-state-default textarea.url:visited.flat-button,
.diagram-canvas .ui-state-default input.url.flat-button,
.diagram-canvas .ui-state-default input.url:link.flat-button,
.diagram-canvas .ui-state-default input.url:visited.flat-button {
  color: #1f4e79;
}
.diagram-canvas .ui-state-default a.flat-button:hover,
.diagram-canvas .ui-state-default a:link.flat-button:hover,
.diagram-canvas .ui-state-default a:visited.flat-button:hover,
.diagram-canvas .ui-state-default textarea.url.flat-button:hover,
.diagram-canvas .ui-state-default textarea.url:link.flat-button:hover,
.diagram-canvas .ui-state-default textarea.url:visited.flat-button:hover,
.diagram-canvas .ui-state-default input.url.flat-button:hover,
.diagram-canvas .ui-state-default input.url:link.flat-button:hover,
.diagram-canvas .ui-state-default input.url:visited.flat-button:hover {
  color: white;
}
#page-wrapper > div {
  word-wrap: normal;
  word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.diagram-canvas,
div.diagram-canvas,
#page-wrapper > div.diagram-canvas {
  height: 100%;
  display: block;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}
.diagram-canvas .diagram-content,
#page-wrapper > .diagram-canvas .diagram-content {
  padding: 15px;
  /*  margin-left: auto;
    margin-right: auto;
*/
  background-color: white;
  z-index: 1;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  position: relative;
  text-align: left;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.diagram-canvas .diagram-content {
  border: 1px solid transparent;
  font-size: 13px;
  font-size: 0.8125rem;
}
.diagram-canvas .diagram-content-wrapper {
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 0px;
  padding-bottom: 35px;
  background-color: transparent;
  overflow: auto;
}
.diagram-canvas .diagram-process,
.diagram-canvas #page-toolbar,
.diagram-canvas .diagram-banner {
  width: 100%;
  max-width: 1433px;
  margin: auto;
}
.diagram-canvas .diagram-process {
  background-color: white;
  text-align: left;
}
.diagram-canvas .diagram-process .diagram-process-info-bar {
  margin-left: 15px;
}
.diagram-canvas .diagram-process .diagram-process-info-bar .button-group {
  min-width: 0;
  height: 100%;
}
.diagram-canvas .diagram-process .diagram-process-info-bar .button-group:before {
  vertical-align: middle;
  display: table-cell;
}
.diagram-canvas .diagram-process .diagram-process-info-bar .button {
  vertical-align: middle;
}
.diagram-canvas .diagram-top-toolbar,
.diagram-canvas .diagram-process-content.ui-accordion-content {
  border: 0;
  padding: 0;
  overflow: hidden !important;
  /*todo: remove*/
  background: none;
  background-color: #f5f5f5;
  font-size: 11pt;
  color: #555;
  height: 46px;
  clear: both;
}
.diagram-canvas .diagram-process-content ul,
.diagram-canvas .diagram-process-content ol {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  border-top: 1px solid #dbdbdb;
}
.diagram-canvas .diagram-process-content ul li,
.diagram-canvas .diagram-process-content ol li {
  color: #a5a5a5;
  display: inline-block;
  border-right: 1px solid #dbdbdb;
  margin: 2px 0;
  padding: 0;
  padding-right: 10px;
  padding-left: 6px;
  list-style-type: none;
  font-size: 13pt;
}
.diagram-canvas .diagram-content .diagram-content-empty {
  color: #aaa;
  height: 165px;
  font-size: 30pt;
  line-height: 165px;
}
.diagram-canvas .diagram-content .diagram-content-empty > span {
  line-height: 1.25;
  display: inline-block;
  /* height: 100%; */
  vertical-align: middle;
  margin-bottom: 10px;
}
.diagram-canvas .diagram-process-content .diagram-faded {
  font-style: italic;
  color: #a5a5a5;
}
.diagram-canvas .diagram-process-content ul li > div,
.diagram-canvas .diagram-process-content ol li > div {
  margin-left: 15px;
  color: #555;
  font-size: 11pt;
}
.diagram-canvas .diagram-process-content ul li:last-child,
.diagram-canvas .diagram-process-content ol li:last-child {
  border-right: none;
}
/**
*       TIMELINE todo: fix
*/
#l1 {
  left: 10%;
}
#l2 {
  left: 40%;
}
#l3 {
  left: 50%;
}
#l4 {
  left: 70%;
}
.diagram-timeline {
  height: 29px;
  padding-top: 29px;
}
.diagram-timeline > div {
  margin-left: 10px;
  margin-right: 10px;
  height: 0px;
  border-bottom: 1.5px solid #c0c0c0;
  z-index: 1;
  position: relative;
}
.diagram-timeline label {
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  height: 54px;
  width: 100px;
  text-align: center;
  position: absolute;
  bottom: -27px;
  outline: 2px solid transparent;
  z-index: 2;
}
.diagram-timeline label > div {
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  line-height: 20px;
}
.diagram-timeline label > div:first-child {
  line-height: 34px;
  bottom: 0;
  top: auto;
  position: absolute;
}
/*
.diagram-timeline input[type=radio]:before {
  content: "\e034";
    opacity: 1.0;
}

.diagram-timeline input[type=radio]:checked:before {
  content: "\e035";
  opacity: 1.0;
}*/
.diagram-timeline input[type='radio'] {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  font-family: 'icomoon';
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  position: absolute;
}
.diagram-timeline label:hover {
  outline: 2px solid #53a9ff;
  z-index: 3;
}
.diagram-timeline label input {
  position: absolute;
  bottom: 19px;
  left: 44px;
}
/*
        TIMELINE END
*/
.diagram-canvas .diagram-process-header .breadcrumbs {
  font-size: 12px;
  font-family: 'Segoe UI', 'OpenSansRegular', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  line-height: 22px;
}
.diagram-canvas .diagram-nav-container {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  list-style: none;
  vertical-align: initial;
  line-height: initial;
}
.diagram-canvas .diagram-nav-container li {
  display: inline-block;
}
.diagram-canvas .diagram-nav-container .flat-button {
  vertical-align: inherit;
  line-height: inherit;
}
.diagram-process-header .contextbar {
  right: 0px;
  top: 0;
  white-space: nowrap;
  padding-right: 10px;
  font-size: 20px;
}
.diagram-process-header .contextbar .button-group.fixed-width {
  width: 2em;
}
.diagram-canvas.diagram-prosydo-user .diagram-activity.diagram-entity-link {
  cursor: pointer;
}
.diagram-canvas .diagram-activity,
.diagram-canvas .diagram-activity-palette {
  width: 117px;
  height: 70px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  display: block;
  position: absolute;
  z-index: 5;
}
.diagram-canvas .diagram-activity.entity-selected {
  z-index: 2005;
}
.diagram-canvas .diagram-activity.entity-selected.hover {
  z-index: 2005;
}
.diagram-activity .activityName,
.diagram-activity .diagram-activity-name {
  color: #555;
}
.diagram-activity .diagram-edit-form .activityName,
.diagram-activity .diagram-edit-form .activity-description-field {
  text-align: center;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 64px;
  padding: 0;
  font-size: 13px;
  overflow-x: hidden;
  margin-bottom: 2px;
}
.diagram-activity.diagram-activity-edit {
  min-width: 150px;
}
.diagram-activity .diagram-edit-form {
  padding: 2.5px;
  min-height: 100%;
}
.diagram-activity .diagram-edit-form.diagram-activity-edit-form {
  background-color: #f1f1f1;
  border: 1px solid #aaa;
  padding: 1px;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  min-width: 150px;
}
.diagram-activity .diagram-edit-form.vertical-separator,
.diagram-activity .diagram-edit-form.horizontal-separator {
  min-height: 0;
  padding: 0;
  position: absolute;
}
.diagram-activity .diagram-activity-edit-form .chosen-container,
.diagram-activity > .chosen-container {
  text-align: left;
  background-color: white;
  font-size: 115%;
}
.diagram-connector-indicator-vertical {
  cursor: col-resize;
}
.diagram-connector-indicator-horizontal {
  cursor: row-resize;
}
.jsplumb-drag-selected {
  outline: 2px dashed #154c70;
}
._jsPlumb_overlay,
._jsPlumb_connector {
  visibility: visible;
  min-height: 10px;
}
._jsPlumb_overlay.diagram-jump-label._jsPlumb_hover {
  border-color: #d8d8d8;
  outline: 1px solid #d8d8d8;
  z-index: 2003;
}
._jsPlumb_overlay.diagram-jump-label,
.diagram-canvas .diagram-activity-text .diagram-activity-name,
.diagram-activity-floating-label,
.diagram-canvas .diagram-activity-milestone .diagram-activity-name,
.diagram-canvas .diagram-activity-stop .diagram-activity-name,
.diagram-canvas .diagram-activity-start .diagram-activity-name {
  background-color: #f8f8f8;
  background-color: rgba(248, 248, 248, 0.95);
  border: 1px solid #e0e0e0;
  padding: 1px 4px 1px 4px;
  vertical-align: middle;
  box-sizing: border-box;
  color: #555;
  z-index: 4;
  min-height: 24px;
  min-width: 24px;
}
.diagram-role-activities .diagram-jump-label .contextbar,
#page-wrapper .diagram-role-activities .diagram-jump-label .contextbar {
  position: absolute;
  top: -33px;
  bottom: 0;
  right: -4px;
  left: auto;
  width: 60px;
  height: 33px;
  text-align: right;
}
.diagram-jump-label-text {
  pointer-events: none;
}
.diagram-jump-label input::placeholder,
.diagram-jump-label input::-webkit-input-placeholder,
.diagram-jump-label input:-ms-input-placeholder,
.diagram-jump-label input:-moz-placeholder {
  color: #555;
}
.diagram-activity-external tbody tr td.button-cell {
  width: 20px;
  height: 20px;
  text-align: center;
}
.diagram-activity-external tbody tr {
  background-color: white;
}
.diagram-activity-external tr td {
  height: 18px;
  white-space: nowrap;
  font-size: 10pt;
  padding-top: 0;
  padding-bottom: 0;
}
.diagram-canvas .diagram-activity-external {
  text-align: right;
  width: auto;
  position: absolute;
  min-width: 150px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin: 0;
  display: none;
  cursor: default;
  line-height: normal;
}
.diagram-canvas .diagram-activity-external .button-group {
  font-size: inherit;
}
table.diagram-activity-external:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.diagram-canvas .diagram-activity-external th {
  font-size: 11pt;
  height: 20px;
  vertical-align: middle;
  padding: 4px;
  text-align: center;
  background-color: white;
  color: black;
}
.diagram-canvas .diagram-activity-external th .button-group {
  color: #1f4e79;
}
.diagram-canvas .diagram-activity-external th .button-group:hover {
  color: white;
}
.diagram-canvas .diagram-activity-external th .button-group.state-pressed-persist {
  color: white;
}
.diagram-activity-hotspot {
  background-color: transparent;
  border: 4px solid #aaaaaa;
  position: absolute;
}
.diagram-activity-hotspot.hover {
  border-color: #555;
}
.diagram-activity-hotspot.center {
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  top: 50%;
  margin-left: -20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.diagram-canvas .diagram-activity-name {
  white-space: pre-wrap;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-height: 100%;
  line-height: 1.25;
  padding: 0 2px;
  word-wrap: break-word;
  vertical-align: middle;
}
.diagram-canvas .diagram-activity-content {
  max-height: 100%;
  height: 100%;
  overflow: hidden;
}
.diagram-role {
  border-bottom: 1px solid #e5e5e5;
}
.diagram-role:first-child,
.diagram-static-role.diagram-state-empty:first-child + .diagram-role {
  border-top: 1px solid #e5e5e5;
}
.diagram-static-role.diagram-state-empty {
  height: 0;
  border: 0;
}
.diagram-static-role.diagram-state-empty .diagram-role-activities {
  margin: 0;
  border: 0;
}
.diagram-static-role.diagram-state-empty .diagram-activity {
  margin-bottom: -15px;
}
.diagram-canvas .diagram-role-activities {
  /* Opera/IE 8+ */
  min-height: 69px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.diagram-canvas .diagram-activity .contextbar {
  top: -9px;
  left: 0;
  right: 0;
  z-index: 3;
  line-height: normal;
  text-align: right;
}
.diagram-canvas .diagram-role-activities .contextbar .button {
  padding: 4px;
  margin: 0;
  width: auto;
  height: auto;
  line-height: normal;
}
.diagram-canvas .diagram-role-activities .contextbar.top .icon.diagram-entity-link {
  text-align: right;
  margin: 0;
  width: auto;
  height: auto;
  border: 0;
  outline: 0;
  line-height: normal;
  position: relative;
  left: -4px;
  top: -10px;
  padding: 1px 4px;
  padding-bottom: 2px;
  background: #1f4e79;
  color: #fff;
  border: solid 1px #20538d;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  text-decoration: none;
  font-size: 20px;
}
.diagram-canvas .diagram-role-activities .contextbar.top .icon.diagram-entity-link:after {
  bottom: 10px;
  content: '';
  left: -3px;
  position: absolute;
  border: 13px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid #1f4e79;
  border-right: 0px solid rgba(0, 0, 0, 0);
  border-left-width: 3px;
}
.diagram-canvas .diagram-guide-progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background-color: transparent;
}
.diagram-canvas .diagram-guide-progress > div {
  width: 0;
  background-color: #1f4e79;
  -webkit-box-shadow: 0px 0px 1px black;
  -moz-box-shadow: 0px 0px 1px black;
  box-shadow: 0px 0px 1px black;
  height: 100%;
}
.diagram-canvas .diagram-guide-complete.diagram-guide-progress > div {
  background-color: #50a838;
}
.diagram-canvas .diagram-connection-mode .diagram-activity .contextbar.toolbar {
  display: none;
}
.diagram-canvas.diagram-edit .diagram-activity.entity-last-selected .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.diagram-activity-in-progress .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.entity-last-selected.diagram-state-locked .contextbar.toolbar,
.diagram-canvas.diagram-edit .diagram-activity.diagram-activity-in-progress.diagram-state-locked .contextbar.toolbar {
  display: block;
  transition: none;
}
.diagram-canvas .diagram-activity.entity-last-selected {
  /*outline: 1px solid lighten(@accent-color, 20%);*/
  outline: 4px solid #f77129;
  border-radius: 4px;
}
.diagram-canvas .diagram-activity.jsplumb-drag .contextbar.toolbar {
  display: none;
}
.diagram-canvas .diagram-activity .contextbar.toolbar {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: opacity 195ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: opacity 195ms cubic-bezier(0.4, 0, 0.2, 1), -moz-transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 195ms cubic-bezier(0.4, 0, 0.2, 1), -o-transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 195ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 195ms cubic-bezier(0.4, 0, 0.2, 1),-moz-transform 195ms cubic-bezier(0.4, 0, 0.2, 1),-o-transform 195ms cubic-bezier(0.4, 0, 0.2, 1),transform 195ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -ms-transform-origin: center left;
  -o-transform-origin: center left;
  transform-origin: center left;
  bottom: auto;
  line-height: 0px;
  text-align: right;
  box-shadow: #888888 0px 1px 4px;
  top: -1px;
  right: -45px;
  left: auto;
  background-color: #f5f5f5;
  border: 1px solid #aaaaaa;
  width: auto;
  position: absolute;
}
.diagram-canvas .diagram-activity .contextbar.toolbar .button-group {
  margin: 0;
  margin-bottom: 1px;
  height: 30px;
  min-height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: top;
  display: table;
  padding: 0;
  font-size: 18px;
}
.diagram-role-title {
  font-family: 'Segoe UI Semilight', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.diagram-role-name {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 5px;
  background-color: rgba(245, 245, 245, 0.85);
  z-index: 4;
  position: relative;
  vertical-align: top;
}
.diagram-edit-form {
  position: relative;
}
.diagram-role-activities .diagram-edit-form input {
  margin-top: 6px;
}
.diagram-canvas .diagram-activity textarea {
  margin: 0;
}
.diagram-loading {
  position: absolute;
  width: 100px;
}
.diagram-loading-spinner {
  height: 85px;
}
.diagram-loading-spinner .loading {
  left: 50px !important;
}
.diagram-loading-progressbar {
  width: 100%;
  height: 10px;
  border: 1px solid #aaa;
}
.diagram-current-progress {
  vertical-align: top;
  display: inline-block;
  height: 100%;
  background-color: #4479ba;
  border-right: 1px solid #20538d;
}
.ui-draggable {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-draggable.ui-draggable-dragging {
  z-index: 2001;
}
.diagram-activity-hotspot {
  cursor: pointer;
  z-index: 6;
}
.jsPlumb_endpoint {
  z-index: -1;
}
.diagram-drop-hover rect {
  stroke: #555;
}
._jsPlumb_endpoint_drop_allowed.diagram-drop-hover {
  outline: none;
}
.diagram-drop-hover {
  outline: 3px solid #555;
}
.diagram-canvas .contextbar .toolbar {
  width: 265px;
  position: absolute;
  left: 0px;
  top: 20px;
  padding-top: 15px;
  z-index: 3000;
}
.diagram-role-positions .chosen-container {
  background-color: white;
  height: auto;
  color: black;
}
.diagram-role-positions .chosen-drop {
  z-index: 2010;
  text-align: left;
}
/*
.diagram-role-positions .chosen-container-multi .chosen-choices li.search-choice
{
    text-align: left;
    margin: 3px 3px 3px 5px;
    min-width: 120px;
    max-width: 240px;
}
.diagram-role-positions .chosen-container-multi .chosen-choices li span
{
    display: inline-block;
    overflow: hidden;
    max-width: 200px;
}
.diagram-canvas .search-field
{
    margin: 1px;
}
.diagram-canvas .search-field input, #page-wrapper .diagram-canvas .search-field input
{
    width: auto;
    height: 15px;
    padding: 5px;
    box-sizing:content-box;
}

.diagram-canvas .diagram-role-positions .chosen-results
{
    width: 100%;
}

.diagram-canvas .diagram-role-positions .chosen-choices
{
    height: 100% !important;
    width: 100%;
}
.chosen-container .chosen-results .group-option {
    padding-right: 15px;
}*/
/*
    RESET
*/
.diagram-canvas .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
* .diagram-canvas .ui-accordion {
  border-bottom: 1px solid #e5e5e5;
}
* .diagram-canvas * .ui-accordion-content {
  margin: 0;
  padding: 5px 0;
}
/*  TODO: this is a placeholder implementation for the proof-of-concept
*/
* .diagram-canvas * .ui-accordion-content input {
  width: auto;
}
* .diagram-canvas * .ui-accordion-header {
  border: 0;
  color: inherit;
  background: transparent;
  min-height: auto;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  font-size: inherit;
}
* .diagram-canvas * .ui-accordion-content {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  border-left: 0;
  border-right: 0;
}
.diagram-canvas .diagram-role-activites.diagram-droppable-active {
  -webkit-transition: all 0.2s ease-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.2s ease-out;
  /* Firefox 4-15 */
  -o-transition: all 0.2s ease-out;
  /* Opera 10.50–12.00 */
  transition: all 0.2s ease-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.diagram-canvas .diagram-role-activities.diagram-droppable-hover.diagram-droppable-active {
  border-left: 5px solid #555;
  border-right: 5px solid #555;
}
.diagram-canvas .diagram-role-activities.diagram-droppable-active {
  border-left: 5px solid #c0c0c0;
  border-right: 5px solid #c0c0c0;
}
/**
 *
 *  EDIT
 * todo: move all edit code here
 */
.diagram-canvas .diagram-activity > *,
.diagram-canvas .diagram-activity .diagram-activity-content > * {
  z-index: 3;
}
/*
.diagram-canvas .diagram-activity .diagram-activity-hitbox
{
    z-index: -1;
}
.diagram-canvas .diagram-activity.hover .diagram-activity-hitbox
{
    height: 175%;
    width: 175%;
    position: absolute;
    top: -37.5%;
    left: -25%;
}*/
.diagram-canvas .diagram-activity.hover {
  z-index: 2004;
}
._jsPlumb_connector {
  z-index: 3;
}
.diagram-connection-mode .diagram-jump-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.diagram-connection-mode ._jsPlumb_connector {
  z-index: 4;
}
/*
._jsPlumb_connector._jsPlumb_hover
{
    z-index: 6;
}
*/
.diagram-canvas .diagram-connection-mode ._jsPlumb_endpoint._jsPlumb_hover {
  z-index: 3002 !important;
}
.diagram-jump-label.hover {
  z-index: 7;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td {
  max-height: 18px;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td.diagram-jump-label {
  max-width: 184px;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td.button-cell {
  height: 24px;
  width: 24px;
  text-align: center;
  vertical-align: middle;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td.button-cell .button-group {
  width: 20px;
  padding: 0;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td.button-cell .button {
  height: 24px;
  width: 24px;
  margin: 0;
  padding: 0;
  line-height: 24px;
  font-size: 13pt;
  display: inline-block;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td[colspan='2'].button-cell .button,
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td[colspan='4'].button-cell .button {
  width: 100%;
  box-sizing: border-box;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td textarea {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  min-width: 100px;
  max-height: 64px;
  margin-right: 0;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td div.chosen-container {
  width: 100%;
  display: block;
  margin-top: 5px;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr td div.chosen-container .chosen-single-with-drop {
  min-width: 400px;
}
.diagram-canvas .diagram-role-activities .diagram-activity .diagram-activity-external tbody tr.diagram-edit-form td {
  vertical-align: top;
}
.diagram-canvas .diagram-activity * .chosen-container {
  z-index: auto;
}
.diagram-canvas .diagram-activity form > * {
  z-index: auto;
}
.diagram-canvas .diagram-activity-external th.button-cell {
  padding: 0;
  min-width: 40px;
}
.diagram-canvas .diagram-activity-external th.button-cell .button {
  padding: 5px;
  margin: 0;
  font-size: 14pt;
}
.diagram-canvas ._jsPlumb_endpoint {
  z-index: 1;
}
.diagram-connection-mode .diagram-canvas ._jsPlumb_endpoint {
  z-index: 2015;
}
.diagram-canvas .placeholder {
  color: #aaa;
}
._jsPlumb_connector._jsPlumb_hover {
  z-index: 2002;
}
.diagram-connection-mode ._jsPlumb_overlay.diagram-jump-label._jsPlumb_hover {
  border-color: #555;
  outline-color: #555;
  z-index: 3001;
}
.diagram-connection-mode ._jsPlumb_overlay.diagram-jump-label .contextbar {
  display: none;
  left: 100%;
  width: 60px;
  margin-left: 3px;
  margin-top: -2px;
  top: 0;
}
.diagram-connection-mode ._jsPlumb_overlay.diagram-jump-label .contextbar .btn {
  margin-right: 1px;
}
.diagram-button-group {
  display: inline-block;
  height: 32px;
  width: auto;
  line-height: 1px;
  vertical-align: baseline;
  margin-left: 5px;
}
.diagram-button-group > div {
  vertical-align: top;
  margin-left: 0;
  display: inline-block;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  border: solid 1px #20538d;
}
.contextbar .diagram-button-group > div.button.icon {
  margin-left: 0;
}
.diagram-button-group > div.diagram-guide-nr {
  line-height: 27px;
  background-color: #20538d;
  color: white;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-right: 1px solid #434550;
}
.diagram-button-group.diagram-state-new {
  outline: 2px solid #9ad146;
}
.diagram-button-group.diagram-state-new > div.diagram-guide-nr {
  background-color: #3a831d;
}
.diagram-button-group.diagram-state-new > .button {
  background: #5dba44 !important;
  border: solid 1px #208d53 !important;
}
.diagram-button-group.diagram-state-new > .button.hover {
  background: #5d9435 !important;
  border: solid 1px #60772a !important;
}
.diagram-button-group.diagram-state-new > .button.hover.pressed {
  background: #2e8136 !important;
  border: solid 1px #415f20 !important;
}
.diagram-canvas .diagram-guide-inbox .diagram-guide {
  display: inline-block;
  height: 104px;
  width: 104px;
  text-align: center;
  border-right: 4px solid #e2e2e2;
  padding: 5px 11px 5px 11px;
  box-sizing: border-box;
  transition: 0.2s ease background-color;
  background-color: #f5f5f5;
}
.diagram-canvas .diagram-content-wrapper .diagram-guide-dragging {
  width: 75px;
  height: 75px;
  color: #555;
  font-size: 34pt;
  display: inline-block;
  z-index: 999999;
  text-align: center;
  line-height: 75px;
}
.diagram-canvas .diagram-content-wrapper .diagram-guide-dragging:after {
  content: '';
  position: absolute;
  right: -20px;
  bottom: -20px;
  height: 0;
  width: 0;
  border-top: 25px solid transparent;
  border-right: 25px solid #555;
}
.diagram-canvas .diagram-guide-inbox .diagram-guide.hover {
  background-color: #ddd;
}
.diagram-canvas .diagram-guide-inbox .diagram-guide:first-child,
.diagram-canvas .diagram-content-wrapper .diagram-guide.ui-draggable {
  border-left: 4px solid #e2e2e2;
  padding-left: 11px;
}
.diagram-canvas .diagram-guide .diagram-guide-thumbnail {
  height: 75%;
  width: 100%;
  border: 1px solid #e2e2e2;
  color: #555;
  font-size: 34pt;
  line-height: 73px;
  vertical-align: middle;
}
.diagram-canvas .diagram-guide .diagram-guide-title {
  height: 25%;
  width: 100%;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.diagram-canvas .diagram-guide-inbox .diagram-guide-inbox-pageleft,
.diagram-canvas .diagram-guide-inbox .diagram-guide-inbox-pageright {
  position: absolute;
  width: 55px;
  top: 0;
  bottom: 0;
  background-color: #e2e2e2;
  color: #555;
  text-align: center;
  line-height: 105px;
  font-size: 20pt;
  cursor: pointer;
  transition: 0.2s ease all;
}
.diagram-canvas .diagram-guide-inbox .diagram-guide-inbox-pageleft.hover,
.diagram-canvas .diagram-guide-inbox .diagram-guide-inbox-pageright.hover {
  background-color: #ccc;
  color: black;
}
.diagram-canvas .diagram-guide-wrapper {
  position: relative;
  left: 0;
}
.diagram-canvas .diagram-guide-inbox .diagram-guide-inbox-pageleft {
  left: 0;
}
.diagram-canvas .diagram-guide-inbox .diagram-guide-inbox-pageright {
  right: 0;
}
.diagram-canvas .diagram-guide-inbox .diagram-guide-inbox-content {
  position: absolute;
  left: 55px;
  right: 55px;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
}
.diagram-canvas .diagram-guide-inbox {
  position: relative;
}
.diagram-canvas .diagram-activity-role-edit-field + .chosen-container {
  line-height: normal;
  position: absolute;
  top: 100%;
  margin-top: 3px;
  text-align: left;
  min-height: 0;
  height: auto;
  padding: 0;
  left: -1px;
  right: -1px;
  width: auto !important;
}
.diagram-canvas.diagram-banner-active .diagram-process,
.diagram-canvas.diagram-banner-active .diagram-process-content.ui-accordion-content {
  border-bottom: none;
}
.diagram-canvas .diagram-banner {
  display: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: #f5f5f5;
  border-bottom: 1px solid transparent;
  border-top: 1px solid #e5e5e5;
  color: #555;
  font-size: 16px;
  line-height: 30px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.diagram-canvas .diagram-banner .diagram-banner-text {
  padding-left: 32px;
  padding-right: 32px;
  overflow: hidden;
}
.diagram-canvas .diagram-banner .diagram-banner-text .diagram-banner-icon span {
  vertical-align: middle;
}
.diagram-canvas .diagram-banner .diagram-banner-text span {
  vertical-align: top;
}
.diagram-canvas .diagram-banner .diagram-banner-text span a,
.diagram-canvas .diagram-banner .diagram-banner-text span textarea.url,
.diagram-canvas .diagram-banner .diagram-banner-text span input.url {
  vertical-align: top;
  font-weight: 500;
  text-decoration: underline;
}
.diagram-canvas .diagram-banner .diagram-banner-icon {
  height: 100%;
  width: 32px;
  font-size: 1.5em;
  text-align: center;
  margin-right: 5px;
}
.diagram-canvas .diagram-banner .diagram-banner-buttons {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  text-align: right;
}
.diagram-canvas .diagram-banner .diagram-banner-buttons .button {
  width: auto;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  padding-left: 7px;
  padding-right: 7px;
  font-size: inherit;
  color: inherit;
  vertical-align: top;
}
.diagram-canvas .diagram-banner .diagram-banner-buttons .diagram-banner-close {
  width: 30px;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
.diagram-canvas .diagram-banner .diagram-banner-buttons .diagram-banner-close .icon-remove {
  vertical-align: top;
  line-height: inherit;
}
.diagram-canvas .diagram-banner .diagram-banner-buttons .diagram-banner-close:hover {
  background-color: #555;
  color: white;
}
.diagram-canvas .diagram-banner .diagram-banner-buttons .button:after {
  background-color: #555;
}
.diagram-canvas .diagram-banner .diagram-banner-buttons .button:hover {
  background-color: #555;
  color: #f5f5f5;
}
.diagram-canvas .diagram-banner.diagram-banner-error {
  border-color: #ad8383;
  background-color: #fecbcb;
  color: #b81b1b;
}
.diagram-canvas .diagram-banner-error .diagram-banner-buttons .button:after {
  background-color: #ad8383;
}
.diagram-canvas .diagram-banner-error .diagram-banner-buttons .button:hover {
  background-color: #b81b1b;
  color: #fecbcb;
}
.diagram-canvas .diagram-banner-error .diagram-banner-buttons .button:hover:after {
  display: none;
}
.diagram-canvas.diagram-banner-active .diagram-banner {
  display: block;
}
.diagram-preview .diagram-process-header .contextbar {
  padding-right: 0;
}
.diagram-preview .diagram-process-header {
  padding-left: 0;
}
.diagram-preview .diagram-canvas .diagram-role-title {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.diagram-preview .diagram-process .breadcrumbs {
  display: none !important;
}
.test {
  visibility: visible;
}
/*
.diagram-connection-mode .diagram-activity .contextbar.toolbar
{
    display: none !important;
}
*/
/***********************************************************************
 **						ACTIVITY TYPE: PROCESS						   *
 ***********************************************************************
 **/
.diagram-canvas .diagram-activity-process {
  width: 85px;
  height: 68px;
  line-height: 60px;
  padding-left: 15px;
  padding-right: 16px;
  padding-bottom: 2px;
}
.diagram-canvas .diagram-activity-process .diagram-activity-name {
  vertical-align: middle;
}
* .diagram-canvas * .diagram-activity.diagram-activity-process .contextbar.toolbar {
  top: 0px;
  left: auto;
  bottom: auto;
  right: -45px;
}
.diagram-canvas .diagram-activity.diagram-activity-process .contextbar {
  top: -10px;
  width: auto;
  right: 15px;
  left: 15px;
}
/***********************************************************************
 **						ACTIVITY TYPE: PROCESS DASHED				   *
 ***********************************************************************
 **/
.diagram-canvas .diagram-activity-process-dashed {
  width: 85px;
  height: 68px;
  line-height: 60px;
  padding-left: 15px;
  padding-right: 17px;
  padding-bottom: 2px;
}
.diagram-canvas .diagram-activity-process-dashed .diagram-activity-name {
  vertical-align: middle;
}
* .diagram-canvas * .diagram-activity.diagram-activity-process-dashed .contextbar.toolbar {
  top: 0px;
  left: auto;
  bottom: auto;
  right: -45px;
}
.diagram-canvas .diagram-activity.diagram-activity-process-dashed .contextbar {
  top: -10px;
  width: auto;
  right: 15px;
  left: 15px;
}
/***********************************************************************
 **						ACTIVITY TYPE: SYSTEM						   *
 ***********************************************************************
 **/
.diagram-canvas .diagram-activity-system {
  width: 93px;
  height: 68px;
  line-height: 60px;
  padding-left: 5px;
  padding-right: 17px;
  padding-bottom: 2px;
}
.diagram-canvas .diagram-activity-system .diagram-activity-name {
  vertical-align: middle;
}
* .diagram-canvas * .diagram-activity.diagram-activity-system .contextbar.toolbar {
  top: 0px;
  left: auto;
  bottom: auto;
  right: -45px;
}
.diagram-canvas .diagram-activity.diagram-activity-system .contextbar {
  top: -10px;
  width: auto;
  right: 15px;
  left: 15px;
}
/***********************************************************************
 **						ACTIVITY TYPE: DOCUMENT						   *
 ***********************************************************************
 **/
.diagram-canvas .diagram-activity-document {
  width: 117px;
  height: 72px;
  line-height: 41px;
  padding: 0;
}
.diagram-canvas .diagram-activity-document .diagram-activity-content {
  max-height: 52px;
  overflow: hidden;
}
* .diagram-canvas * .diagram-activity.diagram-activity-document .contextbar {
  top: -11px;
  left: 8px;
  right: 0;
  width: auto;
}
* .diagram-canvas * .diagram-activity.diagram-activity-document .contextbar.toolbar {
  top: 0px;
  left: auto;
  bottom: auto;
  right: -45px;
}
/***********************************************************************
 **						ACTIVITY TYPE: DECISION						   *
 ***********************************************************************
 **/
/**		
  *		Symbol (activity) layout
  */
.diagram-canvas .diagram-activity-decision.diagram-activity-decision-medium {
  width: 78px;
  height: 38px;
  line-height: 26px;
  padding-top: 20px;
  padding-bottom: 18px;
  padding-left: 13px;
  padding-right: 13px;
}
.diagram-canvas .diagram-activity-decision.diagram-activity-decision-large,
.diagram-canvas .diagram-activity-decision.diagram-activity-palette {
  width: 94px;
  height: 38px;
  line-height: 1;
  padding-top: 24px;
  padding-bottom: 22px;
  padding-left: 13.5px;
  padding-right: 11.5px;
}
.diagram-canvas .diagram-activity-decision.diagram-activity-decision-small {
  width: 64px;
  height: 24px;
  line-height: 1;
  padding-top: 22px;
  padding-bottom: 18px;
  padding-left: 13.5px;
  padding-right: 13.5px;
}
.diagram-canvas .diagram-activity-decision .diagram-activity-name {
  vertical-align: middle;
  padding: 0;
}
.diagram-canvas .diagram-activity.diagram-activity-decision .contextbar {
  top: -3px;
}
.diagram-canvas .diagram-activity.diagram-activity-decision .contextbar .diagram-entity-link:after {
  display: none;
}
/***********************************************************************
 **						ACTIVITY TYPE: EXTERNAL STORAGE				   *
 ***********************************************************************
 **/
.diagram-canvas .diagram-activity-extstorage {
  line-height: 44px;
}
.diagram-activity.diagram-activity-extstorage {
  width: 107px;
  height: 60px;
  padding-left: 12px;
  padding-top: 12px;
}
.diagram-canvas .diagram-activity-extstorage .diagram-activity-name {
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 3px;
}
* .diagram-canvas * .diagram-activity.diagram-activity-extstorage .contextbar.toolbar {
  top: 0px;
  left: auto;
  bottom: auto;
}
.diagram-canvas .diagram-activity-milestone {
  width: 62px;
  height: auto;
  line-height: 1;
}
.diagram-canvas .diagram-role-activity-palette .diagram-activity-palette.diagram-activity-milestone {
  height: 62px;
}
.diagram-canvas .diagram-activity.diagram-activity-milestone .contextbar {
  top: -3px;
  z-index: 4;
}
.diagram-canvas .diagram-activity.diagram-activity-milestone .diagram-activity-external {
  z-index: 5;
}
.diagram-canvas .diagram-activity.diagram-activity-milestone .contextbar .diagram-entity-link:after {
  display: none;
}
.diagram-canvas .diagram-activity-start,
.diagram-canvas .diagram-activity-stop {
  width: 73px;
  height: auto;
  line-height: 1;
}
.diagram-canvas .diagram-role-activity-palette .diagram-activity-palette.diagram-activity-start,
.diagram-canvas .diagram-role-activity-palette .diagram-activity-palette.diagram-activity-stop {
  height: 77px;
}
.diagram-canvas .diagram-activity-stop:after,
.diagram-canvas .diagram-activity-start:after {
  position: absolute;
  left: 1px;
  top: 3px;
}
.diagram-canvas .diagram-activity-stop .contextbar,
.diagram-canvas .diagram-activity-start .contextbar {
  top: -3px;
  z-index: 4;
}
.diagram-canvas .diagram-activity-stop .contextbar .diagram-entity-link:after,
.diagram-canvas .diagram-activity-start .contextbar .diagram-entity-link:after {
  display: none;
}
.diagram-canvas .diagram-activity-stop .diagram-activity-external,
.diagram-canvas .diagram-activity-start .diagram-activity-external {
  z-index: 5;
}
.diagram-canvas .diagram-activity-connector {
  width: 18px;
  height: 18px;
  padding: 0;
  background-color: transparent;
  border: 2px solid transparent;
}
.diagram-canvas .diagram-activity-connector .diagram-activity-hitbox,
.diagram-canvas .diagram-activity-connector .diagram-activity-content,
.diagram-canvas .diagram-activity-connector .diagram-activity-description,
.diagram-canvas .diagram-activity-connector .diagram-activity-external {
  display: none;
  visibility: hidden;
}
.diagram-canvas.diagram-edit .diagram-activity-connector {
  background-color: #f5f5f5;
  cursor: move;
  border-radius: 2px;
  border: 2px solid #454545;
}
.diagram-canvas.diagram-edit .diagram-activity-connector:before {
  color: #454545;
  position: absolute;
  left: 0;
  right: 0;
  line-height: 19px;
  top: 0;
  bottom: 0;
  text-align: center;
  font-size: 15px;
}
.diagram-canvas .diagram-activity-text {
  line-height: 1;
  width: auto;
  height: auto;
  min-height: 56px;
  min-width: 55px;
  display: table;
}
.diagram-canvas .diagram-activity-text .diagram-activity-content {
  width: auto;
  height: auto;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.diagram-canvas .diagram-activity-text .diagram-activity-name {
  line-height: 1;
  width: auto;
  height: auto;
  padding: 3px 3px 2px 2px;
  text-align: left;
}
.diagram-canvas .diagram-activity-text.diagram-activity-palette .diagram-activity-name,
.diagram-canvas .diagram-activity-text.diagram-activity-palette .diagram-activity-content {
  display: block;
  height: 60px;
  width: 100%;
}
.diagram-canvas .diagram-activity-text.diagram-activity-palette .diagram-activity-name {
  border-width: 3px;
}
.diagram-canvas .diagram-activity-text .diagram-edit-form .activityName {
  text-align: left;
}
.diagram-canvas .diagram-activity-text.diagram-activity-edit {
  min-width: 150px;
}
.diagram-activity-floating-label,
.diagram-canvas .diagram-activity-milestone .diagram-activity-name,
.diagram-canvas .diagram-activity-stop .diagram-activity-name,
.diagram-canvas .diagram-activity-start .diagram-activity-name {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  margin-top: 90%;
  min-height: 18px;
}
.diagram-canvas .diagram-activity,
.diagram-canvas .diagram-activity-palette {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.diagram-canvas .diagram-activity:after {
  pointer-events: none;
  height: 80px;
  overflow: visible;
}
.diagram-canvas .diagram-activity-standard {
  line-height: 65px;
}
.diagram-canvas .diagram-activity-standard .diagram-activity-name {
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 3px;
}
.diagram-canvas .diagram-role-activity-palette .diagram-activity-palette,
.diagram-canvas .diagram-role-activity-palette .diagram-activity-palette.diagram-activity-standard {
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  text-align: center;
  position: relative;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
  font-size: 1.35em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.diagram-canvas .diagram-activity-palette .diagram-activity-name {
  overflow: visible;
  z-index: 4;
}
.diagram-canvas .diagram-activity-palette .diagram-activity-name,
.diagram-canvas .diagram-activity-palette .diagram-activity-content {
  display: none;
}
.diagram-canvas .diagram-activity.diagram-activity-standard {
  width: 119px;
  height: 72px;
}
.diagram-canvas > .diagram-palette {
  width: 186px;
  top: 43px;
  bottom: 0;
  background-color: #f5f5f5;
  overflow-y: auto;
}
.diagram-canvas .diagram-palette {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  width: 140px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3000;
  border-left: 1px solid #AAA;
  text-align: center;
}
.diagram-canvas .diagram-palette .diagram-palette-choice-title {
  margin: 5px;
}
.diagram-canvas .diagram-activity-description {
  display: none;
}
.diagram-canvas.diagram-edit .diagram-activity {
  cursor: move;
}
@media print {
  .diagram-canvas .diagram-content-wrapper {
    margin-top: 0;
  }
  .diagram-canvas .diagram-role-title,
  .diagram-canvas .diagram-activity-standard {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .diagram-canvas .diagram-activity .contextbar,
  .diagram-canvas .diagram-activity-external thead {
    display: none;
  }
  .canvas body,
  .diagram-canvas .diagram-content,
  #page-wrapper > .diagram-canvas .diagram-content {
    border: 0;
    padding: 0;
    margin: 0 !important;
  }
  .diagram-canvas .breadcrumbs li:first-child + li .breadcrumb-separator {
    display: none;
  }
  #page-wrapper,
  .diagram-canvas {
    overflow: visible;
    height: auto;
  }
}
/* currently 1432 */
@media (max-width: 1432px) {
  .diagram-canvas .diagram-content,
  #page-wrapper > .diagram-canvas .diagram-content {
    padding: 0;
  }
  .diagram-canvas .diagram-content .diagram-static-role:first-child,
  #page-wrapper > .diagram-canvas .diagram-content .diagram-static-role:first-child {
    border-top-color: transparent;
  }
  .diagram-canvas .diagram-content .diagram-role-activities,
  #page-wrapper > .diagram-canvas .diagram-content .diagram-role-activities {
    border-color: transparent;
  }
}
@media (max-width: 900px) {
  .fixed-header .diagram-canvas .diagram-process {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .diagram-canvas .diagram-process-header.ui-accordion-header {
    padding-right: 0;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 35px;
  }
  .diagram-canvas .diagram-process .diagram-process-info-bar {
    margin: 0;
    float: left;
  }
  .diagram-process-header .inline-toolbar .button-group {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .diagram-process-header .contextbar {
    float: right;
    position: relative;
    right: 0;
  }
  html.diagram-preview body {
    padding-top: 0;
  }
  .diagram-preview .diagram-canvas .diagram-process-header .inline-toolbar .button-group {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
  }
  .diagram-preview .diagram-canvas .diagram-process-header .contextbar {
    position: absolute;
    float: none;
    right: 0;
    top: 0;
  }
  .fixed-header body {
    padding-top: 75px;
  }
  .diagram-canvas.diagram-banner-active {
    padding-top: 48px;
  }
  .diagram-canvas .diagram-banner {
    height: auto;
    line-height: 20px;
    font-size: 11px;
  }
}
@media (max-width: 600px) {
  .fixed-header body {
    padding-top: 118px;
  }
  .inline-toolbar {
    text-align: center;
  }
  .diagram-canvas.diagram-banner-active {
    padding-top: 150px;
  }
}
.procydo-dialog #page-content {
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  margin: auto;
  width: auto;
  padding: 4px;
  padding: 0.25rem;
}
.no-padding {
  padding: 0;
}
.grouped-table-layout td .prosydo-progress-parent {
  border-width: 0;
  background-color: transparent;
  height: 25px;
}
.grouped-table-layout td .prosydo-progress-parent .prosydo-progress > span {
  left: auto;
  bottom: auto;
  top: auto;
  border-width: 0;
  margin-top: -1px;
  margin-right: 0;
  border-right: 1px solid #aaaaaa;
  line-height: 26px;
  line-height: 1.625rem;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
td .prosydo-progress-parent {
  min-width: 200px;
  min-width: 12.5rem;
}
.widget .initial-form {
  background-color: #f2f2f2;
}
.widget .initial-form .form-container {
  margin: auto;
  background-color: #fff;
}
/*
	tinymce modals should not be above normal modals
.mce-window.mce-in
{
	z-index: 91 !important; 
}

#mce-modal-block
{
	z-index: 90 !important;
} 
*/
.textguide-page .modal {
  z-index: 66001;
}
.textguide-page .modal-backdrop {
  z-index: 66000;
}
.modal-with-popover .tooltipster-show {
  z-index: 660005 !important;
}
.section-picker-dialog {
  max-width: 100%;
  width: 760px;
}
.section-picker-dialog span[class^='icon-'],
.section-picker-dialog span[class*=' icon-'],
.section-picker-dialog span.icon-font-class,
.section-picker-dialog span.icon-font-class,
.section-picker-dialog span.list-item.entity-selectable:hover .list-thumbnail-icon,
.section-picker-dialog span.list-item.entity-selectable:hover .list-thumbnail-icon,
.section-picker-dialog span.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.section-picker-dialog span.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.section-picker-dialog span.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.section-picker-dialog span.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.section-picker-dialog span.entity-history-list > li:before,
.section-picker-dialog span.entity-history-list > li:before,
.section-picker-dialog span.ui-icon,
.section-picker-dialog span.ui-icon,
.section-picker-dialog span.state-checked:after,
.section-picker-dialog span.state-checked:after,
.section-picker-dialog span.jstree-default .jstree-checkbox,
.section-picker-dialog span.jstree-default .jstree-checkbox,
.section-picker-dialog span.jstree-default .jstree-themeicon,
.section-picker-dialog span.jstree-default .jstree-themeicon,
.section-picker-dialog span.tile-text.icon:before,
.section-picker-dialog span.tile-text.icon:before,
.section-picker-dialog span.ui-datepicker-next > .ui-icon,
.section-picker-dialog span.ui-datepicker-next > .ui-icon,
.section-picker-dialog span.ui-datepicker-prev > .ui-icon,
.section-picker-dialog span.ui-datepicker-prev > .ui-icon,
.section-picker-dialog span.entity-history-list > li:before,
.section-picker-dialog span.entity-history-list > li:before {
  font-size: inherit;
  color: inherit;
}
.section-picker-dialog .list-actions .list-action.btn .button-icon {
  font-size: 21px;
}
.cell-picker-dialog .list-actions .list-action.btn .button-icon {
  font-size: 21px;
}
.sections-container .action-buttons .list-action {
  min-width: auto;
}
.sections-container .action-buttons .list-action .button-icon {
  color: inherit;
}
.textguide-editor .modal .modal-dialog {
  border-top: none;
}
.textguide-editor .modal span[class^='icon-'],
.textguide-editor .modal span[class*=' icon-'],
.textguide-editor .modal span.icon-font-class,
.textguide-editor .modal span.icon-font-class,
.textguide-editor .modal span.list-item.entity-selectable:hover .list-thumbnail-icon,
.textguide-editor .modal span.list-item.entity-selectable:hover .list-thumbnail-icon,
.textguide-editor .modal span.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.textguide-editor .modal span.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.textguide-editor .modal span.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.textguide-editor .modal span.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.textguide-editor .modal span.entity-history-list > li:before,
.textguide-editor .modal span.entity-history-list > li:before,
.textguide-editor .modal span.ui-icon,
.textguide-editor .modal span.ui-icon,
.textguide-editor .modal span.state-checked:after,
.textguide-editor .modal span.state-checked:after,
.textguide-editor .modal span.jstree-default .jstree-checkbox,
.textguide-editor .modal span.jstree-default .jstree-checkbox,
.textguide-editor .modal span.jstree-default .jstree-themeicon,
.textguide-editor .modal span.jstree-default .jstree-themeicon,
.textguide-editor .modal span.tile-text.icon:before,
.textguide-editor .modal span.tile-text.icon:before,
.textguide-editor .modal span.ui-datepicker-next > .ui-icon,
.textguide-editor .modal span.ui-datepicker-next > .ui-icon,
.textguide-editor .modal span.ui-datepicker-prev > .ui-icon,
.textguide-editor .modal span.ui-datepicker-prev > .ui-icon,
.textguide-editor .modal span.entity-history-list > li:before,
.textguide-editor .modal span.entity-history-list > li:before {
  color: inherit;
}
.textguide-editor fieldset.details-card {
  padding: 10px 33px;
}
.textguide-editor .modal .button-group span[class^='icon-'],
.textguide-editor .modal .entity-input-label span[class^='icon-'],
.textguide-editor .modal .button-group span[class*=' icon-'],
.textguide-editor .modal .entity-input-label span[class*=' icon-'],
.textguide-editor .modal .button-group span.icon-font-class,
.textguide-editor .modal .entity-input-label span.icon-font-class,
.textguide-editor .modal .button-group span.icon-font-class,
.textguide-editor .modal .entity-input-label span.icon-font-class,
.textguide-editor .modal .button-group span.list-item.entity-selectable:hover .list-thumbnail-icon,
.textguide-editor .modal .entity-input-label span.list-item.entity-selectable:hover .list-thumbnail-icon,
.textguide-editor .modal .button-group span.list-item.entity-selectable:hover .list-thumbnail-icon,
.textguide-editor .modal .entity-input-label span.list-item.entity-selectable:hover .list-thumbnail-icon,
.textguide-editor .modal .button-group span.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.textguide-editor .modal .entity-input-label span.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.textguide-editor .modal .button-group span.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.textguide-editor .modal .entity-input-label span.list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.textguide-editor .modal .button-group span.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.textguide-editor .modal .entity-input-label span.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.textguide-editor .modal .button-group span.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.textguide-editor .modal .entity-input-label span.list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.textguide-editor .modal .button-group span.entity-history-list > li:before,
.textguide-editor .modal .entity-input-label span.entity-history-list > li:before,
.textguide-editor .modal .button-group span.entity-history-list > li:before,
.textguide-editor .modal .entity-input-label span.entity-history-list > li:before,
.textguide-editor .modal .button-group span.ui-icon,
.textguide-editor .modal .entity-input-label span.ui-icon,
.textguide-editor .modal .button-group span.ui-icon,
.textguide-editor .modal .entity-input-label span.ui-icon,
.textguide-editor .modal .button-group span.state-checked:after,
.textguide-editor .modal .entity-input-label span.state-checked:after,
.textguide-editor .modal .button-group span.state-checked:after,
.textguide-editor .modal .entity-input-label span.state-checked:after,
.textguide-editor .modal .button-group span.jstree-default .jstree-checkbox,
.textguide-editor .modal .entity-input-label span.jstree-default .jstree-checkbox,
.textguide-editor .modal .button-group span.jstree-default .jstree-checkbox,
.textguide-editor .modal .entity-input-label span.jstree-default .jstree-checkbox,
.textguide-editor .modal .button-group span.jstree-default .jstree-themeicon,
.textguide-editor .modal .entity-input-label span.jstree-default .jstree-themeicon,
.textguide-editor .modal .button-group span.jstree-default .jstree-themeicon,
.textguide-editor .modal .entity-input-label span.jstree-default .jstree-themeicon,
.textguide-editor .modal .button-group span.tile-text.icon:before,
.textguide-editor .modal .entity-input-label span.tile-text.icon:before,
.textguide-editor .modal .button-group span.tile-text.icon:before,
.textguide-editor .modal .entity-input-label span.tile-text.icon:before,
.textguide-editor .modal .button-group span.ui-datepicker-next > .ui-icon,
.textguide-editor .modal .entity-input-label span.ui-datepicker-next > .ui-icon,
.textguide-editor .modal .button-group span.ui-datepicker-next > .ui-icon,
.textguide-editor .modal .entity-input-label span.ui-datepicker-next > .ui-icon,
.textguide-editor .modal .button-group span.ui-datepicker-prev > .ui-icon,
.textguide-editor .modal .entity-input-label span.ui-datepicker-prev > .ui-icon,
.textguide-editor .modal .button-group span.ui-datepicker-prev > .ui-icon,
.textguide-editor .modal .entity-input-label span.ui-datepicker-prev > .ui-icon,
.textguide-editor .modal .button-group span.entity-history-list > li:before,
.textguide-editor .modal .entity-input-label span.entity-history-list > li:before,
.textguide-editor .modal .button-group span.entity-history-list > li:before,
.textguide-editor .modal .entity-input-label span.entity-history-list > li:before {
  font-size: 14px;
}
.section-types-skeleton > ul,
.section-types-skeleton > ol {
  justify-content: space-around;
}
.section-types-header {
  font-weight: bold;
}
.section-skeleton-symbol {
  cursor: pointer;
  margin: 15px;
  text-align: center;
}
.section-skeleton-symbol > button,
.section-skeleton-symbol > button:hover {
  border: 0;
  color: #454545;
  background-color: transparent;
}
.section-editor-add {
  height: 150px;
  height: 9.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
}
.section-editor-add.cell-add {
  min-height: 200px;
  height: 100%;
  border: 2px solid #2586c6;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.section-editor-add.section-add {
  border: 2px dashed #e0e0e0;
  border-top: 0;
}
.section-editor-add.section-add,
.section-editor-add.section-add:hover {
  background-color: #f2f2f2;
}
.section-editor-add,
.section-editor-add:hover {
  background-color: inherit;
  color: inherit;
}
.section-add .section-editor-add-icon-container,
.insert-section .section-editor-add-icon-container {
  background-color: #146c14;
  color: #ffffff;
}
.cell-add .section-editor-add-icon-container {
  background-color: #154c70;
  color: #ffffff;
}
.section-editor-add-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 100px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100px;
  -moz-background-clip: padding;
  border-radius: 100px;
  background-clip: padding-box;
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
}
.section-editor-add-icon-container span {
  color: white;
  margin-top: 2px;
}
.section-editor.editable {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAAAAACMIRMSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAACcSURBVCjPfZFRDsAgCEO9/zVJi/9eYFDR7Eckm0Z5VsqYTsRgTKaBSTA3hq/XiKN5w5dFQH9bPYVF5R4S+oLCm9q3M/Khed+S5OCb2jqugFiTJvPCJwVppGJyO9/15k7reHA4E5W7vRss5miiXtxp4cfw+p41dh7i9sdUD9eptHPDlYvyb1avUjNKbpz/95dF56qnWBpeK6uONXV9ecJ3gGajItwAAAAASUVORK5CYII=) repeat;
  border: 1px solid #e5e5e5;
}
.section-editor.editable.debug .primary-editor .sections .section .section-sibling {
  border: 1px dotted #f77129;
}
.section-editor.editable.debug .primary-editor .cells .cell .content {
  border: 1px dotted #be83bc;
}
.section-editor.editable.preview {
  z-index: 98;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
}
.section-editor.editable.preview .section.empty:before {
  display: none !important;
}
.section-editor.editable.preview .primary-editor {
  margin-top: 60px;
  /* give space to toolbar */
}
.section-editor.editable.preview .primary-toolbar {
  padding: 0px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: 35px;
  height: 3.5rem;
}
.section-editor.editable .primary-toolbar {
  display: block;
  /*this is needed since sections.less set display:none; on edit-controls default */
}
.section-editor.editable .primary-editor {
  padding: 21px 42px;
}
.section-editor.editable .sections .highlight-identifier {
  /* both for .cell and .section */
  display: none;
  position: absolute;
  top: -18px;
  right: 3px;
  font-size: 12px;
  line-height: 12px;
  padding: 3px;
}
.section-editor.editable .sections .dragging {
  /* for sortable for .cell and .section */
  opacity: 0.5;
}
.section-editor.editable .sections .placeholder {
  /* for sortable for .cell and .section */
  background-color: #f2f2f2;
  min-height: 42px;
  border: 1px dashed #f77129;
}
.section-editor.editable .sections .section:before {
  display: none;
}
.section-editor.editable .sections .section.empty:before {
  display: block;
  position: absolute;
  content: attr(data-empty-text);
  color: #a0a0a0;
  z-index: 1;
  margin: auto;
  line-height: 50px;
  padding-left: 10px;
  font-size: 10pt;
  font-style: italic;
}
.section-editor.editable .sections .section.empty .section-sibling {
  background-color: transparent !important;
  z-index: 2;
}
.section-editor.editable .sections .section.entity-last-selected .section-sibling > .action-buttons,
.section-editor.editable .sections .section:hover .section-sibling > .action-buttons {
  display: block;
}
.section-editor.editable .sections .section.entity-last-selected .section-sibling {
  border: 2px solid #146c14;
}
.section-editor.editable .sections .section.entity-last-selected .section-sibling > .highlight-identifier {
  background-color: #146c14;
  color: #fff;
}
.section-editor.editable .sections .section.entity-last-selected .cells .cell {
  border-style: dashed;
  border-color: #154c70;
}
.section-editor.editable .sections .section.entity-last-selected .cells .cell.entity-selected {
  border-style: solid;
}
.section-editor.editable .sections .section:focus {
  outline: 0;
}
.section-editor.editable .sections .section:focus .section-sibling {
  outline: 0;
}
.section-editor.editable .sections .section:hover .insert-section {
  display: flex;
}
.section-editor.editable .sections .section:hover .section-sibling {
  border: 2px solid #146c14;
  border-color: #146c14;
}
.section-editor.editable .sections .section:hover .section-sibling > .highlight-identifier {
  background-color: #146c14;
  color: #000;
}
.section-editor.editable .sections .section .section-sibling {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px transparent;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.section-editor.editable .sections .section .section-sibling:not(.image) .action-buttons .action-menu-item .edit-section-bg-image {
  display: none;
}
.section-editor.editable .sections .section .section-sibling > .action-buttons {
  top: -2px;
  right: 100%;
  -webkit-border-radius: 4px 0 0 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  border-radius: 4px 0 0 4px;
  background-clip: padding-box;
  background: #146c14;
}
.section-editor.editable .sections .section.too-wide-section-warning .section-sibling {
  border-color: #ba4444;
  border-style: solid;
}
.section-editor.editable .sections .section.too-wide-section-warning .section-sibling > .highlight-identifier {
  display: block;
  color: #fff;
  background-color: #ba4444;
}
.section-editor.editable .sections .section.too-wide-section-warning .section-sibling > .highlight-identifier .section-message {
  font-weight: bold;
}
.section-editor.editable .sections .section .cell {
  border: 2px solid transparent;
}
.section-editor.editable .sections .section .cell .content-toolbar {
  position: absolute;
  top: -95px;
}
.section-editor.editable .sections .section .cell:hover {
  border-style: dashed;
  border-color: #146c14;
}
.section-editor.editable .sections .section .cell:hover .section-editor-add {
  border: 0;
}
.section-editor.editable .sections .section .cell:hover > .highlight-identifier {
  background-color: #146c14;
  color: #000;
}
.section-editor.editable .sections .section .cell.entity-last-selected,
.section-editor.editable .sections .section .cell:hover,
.section-editor.editable .sections .section .cell.hover-active {
  outline: 0;
  border: 2px solid #154c70;
}
.section-editor.editable .sections .section .cell.entity-last-selected:last-child > .action-buttons,
.section-editor.editable .sections .section .cell:hover:last-child > .action-buttons,
.section-editor.editable .sections .section .cell.hover-active:last-child > .action-buttons {
  margin: -2px 0;
}
.section-editor.editable .sections .section .cell.entity-last-selected > .highlight-identifier,
.section-editor.editable .sections .section .cell:hover > .highlight-identifier,
.section-editor.editable .sections .section .cell.hover-active > .highlight-identifier {
  background-color: #146c14;
  color: #fff;
}
.section-editor.editable .sections .section .cell.show-action-menu > .action-buttons {
  display: block;
  left: 100%;
  margin: -2px 0;
  padding: 0px;
  padding: 0rem;
  -webkit-border-radius: 0 4px 4px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #154c70;
}
.section-editor.editable .sections .section .cell.show-action-menu > .action-buttons:not(.image) .action-menu-item .edit-cell-bg-image {
  display: none;
}
.section-editor.editable .sections .section .cell.show-action-menu > .action-buttons.image {
  z-index: 2;
}
.section-editor.editable .sections .section .insert-section {
  position: absolute;
  z-index: 1;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  border-top: 2px solid transparent;
}
.section-editor.editable .sections .section .insert-section button {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  position: absolute;
  z-index: 1;
  top: -25px;
  border-color: #1a771a;
}
.section-editor.editable .sections .section .insert-section:hover {
  border-top: 2px dashed #e0e0e0;
}
.section-editor.editable .sections .section:last-of-type .insert-section.after {
  display: none !important;
}
.section-editor.editable .sections .section.document-section .cells .cell,
.section-editor.editable .sections .section.document-section .cells .cell.entity-selected {
  border: none;
}
.section-editor.editable .sections .action-buttons {
  z-index: 2;
  display: none;
  position: absolute;
  top: 0;
  width: 32px;
  padding: 5.5px 0px;
}
.section-editor.editable .sections .action-buttons .action-menu-item {
  display: block;
}
.section-editor.editable .sections .action-buttons .list-action.btn,
.section-editor.editable .sections .action-buttons .list-action.menu-button {
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  padding: 0;
  width: 100%;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  vertical-align: top;
  padding: 6px 0px;
}
.section-editor.editable .sections .action-buttons .list-action.btn .button-icon,
.section-editor.editable .sections .action-buttons .list-action.menu-button .button-icon {
  vertical-align: top;
}
.section-editor.editable .sections .action-buttons button,
.section-editor.editable .sections .action-buttons .btn {
  /*
				width: 35px;
				height: 35px;
				line-height:35px;
				font-size: 20px;
				cursor:hand;
				text-align:center;
				/*color:@button-color;
				background-color:@button-bg-color;*/
}
.section-editor.editable .sections .action-buttons button:hover,
.section-editor.editable .sections .action-buttons div.btn:hover {
  /*color:#000;
				background-color:@button-bg-hover-color;*/
}
.widgetitem.selected {
  border: 2px solid green;
}
.no-search .chosen-search {
  display: none;
}
input.padding-horizontal,
input.padding-vertical {
  height: 42px;
}
/*
 * Pills
 * A simple, responsive, and tiny CSS grid for humans who don't like memorising all those cryptic codes like col-*-6 or something.
 * https://github.com/rohitkrai03/pills
 * Copyright 2015, Rohit Rai
 */
html,
body {
  margin: 0;
  padding: 0;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  display: block;
  margin: 0 auto;
  *zoom: 1;
}
.row::before,
.row::after {
  content: "";
  display: table;
  line-height: 0;
}
.row::after {
  clear: both;
}
.row .row {
  max-width: 100%;
  min-width: 100%;
}
.row .column,
.row .columns {
  float: left;
  padding: 10px;
  width: 100%;
}
.row .column:first-of-type,
.row .columns:first-of-type {
  padding-left: 20px;
}
.row .column:last-of-type,
.row .columns:last-of-type {
  padding-right: 20px;
}
.wide {
  max-width: 1180px;
}
.wider {
  max-width: 1366px;
}
.free-width {
  max-width: none;
}
.column img,
.columns img {
  max-width: 100%;
}
.column .column:first-of-type,
.column .columns:first-of-type,
.columns .column:first-of-type,
.columns .columns:first-of-type {
  padding-left: 0;
}
.column .column:last-of-type,
.column .columns:last-of-type,
.columns .column:last-of-type,
.columns .columns:last-of-type {
  padding-right: 0;
}
.column .row:first-of-type > .column,
.column .row:first-of-type > .columns,
.columns .row:first-of-type > .column,
.columns .row:first-of-type > .columns {
  padding-top: 0;
}
.column .row:last-of-type > .column,
.column .row:last-of-type > .columns,
.columns .row:last-of-type > .column,
.columns .row:last-of-type > .columns {
  padding-bottom: 0;
}
.column.no-padding,
.columns.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.column.one,
.columns.one {
  width: 8.33333%;
}
.column.two,
.columns.two {
  width: 16.66667%;
}
.column.three,
.columns.three {
  width: 25%;
}
.column.four,
.columns.four {
  width: 33.33333%;
}
.column.five,
.columns.five {
  width: 41.66667%;
}
.column.six,
.columns.six {
  width: 50%;
}
.column.seven,
.columns.seven {
  width: 58.33333%;
}
.column.eight,
.columns.eight {
  width: 66.66667%;
}
.column.nine,
.columns.nine {
  width: 75%;
}
.column.ten,
.columns.ten {
  width: 83.33333%;
}
.column.eleven,
.columns.eleven {
  width: 91.66667%;
}
.column.twelve,
.columns.twelve {
  width: 100%;
}
.column.whole,
.column.w-1-1,
.columns.whole,
.columns.w-1-1 {
  width: 100%;
}
.column.half,
.column.w-1-2,
.columns.half,
.columns.w-1-2 {
  width: 50%;
}
.column.one-third,
.column.w-1-3,
.columns.one-third,
.columns.w-1-3 {
  width: 33.33333%;
}
.column.two-thirds,
.column.w-2-3,
.columns.two-thirds,
.columns.w-2-3 {
  width: 66.66667%;
}
.column.one-quarter,
.column.one-fourth,
.column.w-1-4,
.columns.one-quarter,
.columns.one-fourth,
.columns.w-1-4 {
  width: 25%;
}
.column.three-quarters,
.column.three-fourths,
.column.w-3-4,
.columns.three-quarters,
.columns.three-fourths,
.columns.w-3-4 {
  width: 75%;
}
.column.one-fifth,
.column.w-1-5,
.columns.one-fifth,
.columns.w-1-5 {
  width: 20%;
}
.column.two-fifths,
.column.w-2-5,
.columns.two-fifths,
.columns.w-2-5 {
  width: 40%;
}
.column.three-fifths,
.column.w-3-5,
.columns.three-fifths,
.columns.w-3-5 {
  width: 60%;
}
.column.four-fifths,
.column.w-4-5,
.columns.four-fifths,
.columns.w-4-5 {
  width: 80%;
}
.offset.by-one {
  margin-left: 8.33333%;
}
.offset.by-two {
  margin-left: 16.66667%;
}
.offset.by-three {
  margin-left: 25%;
}
.offset.by-four {
  margin-left: 33.33333%;
}
.offset.by-five {
  margin-left: 41.66667%;
}
.offset.by-six {
  margin-left: 50%;
}
.offset.by-seven {
  margin-left: 58.33333%;
}
.offset.by-eight {
  margin-left: 66.66667%;
}
.offset.by-nine {
  margin-left: 75%;
}
.offset.by-ten {
  margin-left: 83.33333%;
}
.offset.by-eleven {
  margin-left: 91.66667%;
}
.offset.by-half {
  margin-left: 50%;
}
.offset.by-one-third {
  margin-left: 33.33333%;
}
.offset.by-two-thirds {
  margin-left: 66.66667%;
}
.offset.by-one-quarter,
.offset.by-one-fourth {
  margin-left: 25%;
}
.offset.by-three-quarters,
.offset.by-three-fourths {
  margin-left: 75%;
}
.offset.by-one-fifth {
  margin-left: 20%;
}
.offset.by-two-fifths {
  margin-left: 40%;
}
.offset.by-three-fifths {
  margin-left: 60%;
}
.offset.by-four-fifths {
  margin-left: 80%;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right,
.dialog-wrapper .dialog-footer {
  text-align: right;
}
.pull-left {
  float: left;
}
.only-on-mobiles {
  display: none !important;
}
.hide {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
@media screen and (max-width: 599px) {
  .row:not(.no-stacking-on-mobiles) > .column,
  .row:not(.no-stacking-on-mobiles) > .columns {
    padding-left: 20px;
    padding-right: 20px;
    width: 100% !important;
  }
  .column .row .column,
  .column .row .columns,
  .columns .row .column,
  .columns .row .columns {
    padding-left: 0px;
    padding-right: 0px;
  }
  .center-on-mobiles {
    text-align: center !important;
  }
  .hide-on-mobiles {
    display: none !important;
  }
  .only-on-mobiles {
    display: block !important;
  }
}
@media screen and (min-width: 1180px) {
  .wide .row,
  .row .wide {
    margin: 0 auto;
    max-width: 1180px;
  }
}
@media screen and (min-width: 1366px) {
  .wider .row,
  .row .wider {
    margin: 0 auto;
    max-width: 1366px;
  }
}
.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}
.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}
.html-widget {
  /* add tags here that get overriden by ic5 branding*/
}
.html-widget p,
.html-widget div,
.html-widget span,
.html-widget ul,
.html-widget li,
.html-widget table td,
.html-widget ol {
  color: inherit;
  font-family: inherit;
  line-height: normal;
  font-weight: inherit;
}
.html-widget div.tinymce,
.html-widget p,
.html-widget span,
.html-widget li,
.html-widget a,
.html-widget textarea.url,
.html-widget input.url {
  font-size: inherit;
}
.html-widget a,
.html-widget textarea.url,
.html-widget input.url {
  font-family: inherit;
}
.html-widget strong {
  color: inherit;
  font-family: inherit;
  line-height: normal;
  font-weight: 700;
}
.html-widget strong span,
.html-widget strong p {
  font-weight: inherit;
}
.html-widget span a,
.html-widget span textarea.url,
.html-widget span input.url {
  font-size: inherit;
}
.html-widget ul li,
.html-widget ol li,
.html-widget ol li {
  margin-bottom: 4px;
}
.html-widget ul,
.html-widget ol {
  list-style-type: disc;
  font-size: inherit;
}
.html-widget ol {
  list-style-type: decimal;
  font-size: inherit;
}
.html-widget img,
.html-widget video,
.html-widget audio {
  max-width: 100%;
}
.html-widget img {
  height: auto !important;
}
.html-widget h1 span,
.html-widget h2 span,
.html-widget h3 span,
.html-widget h4 span,
.html-widget h5 span,
.html-widget h6 span,
.html-widget p span,
.html-widget pre span {
  font-size: inherit;
}
.html-widget .image-cell {
  text-align: center;
  word-break: break-word;
}
.html-widget .image-cell br {
  display: none;
}
.html-widget .image-cell.img-align-left {
  text-align: left;
}
.html-widget .image-cell.img-align-left img {
  display: inline-block;
}
.html-widget .image-cell.img-align-center {
  text-align: center;
}
.html-widget .image-cell.img-align-center img {
  display: inline-block;
}
.html-widget .image-cell.img-align-right {
  text-align: right;
}
.html-widget .image-cell.img-align-right img {
  display: inline-block;
}
.html-widget .image-cell img {
  margin: auto;
  display: block;
}
.html-widget .image-cell .caption {
  margin: 0;
  font-size: 11pt;
  text-align: center;
  font-style: italic;
}
.html-widget .image-cell .image-placeholder {
  background-color: #f2f2f2;
  padding: 90px 0;
  text-align: center;
  border-radius: 2px;
}
.html-widget .image-cell .image-placeholder.tge-placeholder {
  border: 1px solid #e2e2e2;
}
.html-widget .mce-edit-focus {
  outline: 0;
}
.html-widget .tinymce.plugin-placeholder:before {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  color: #a0a0a0;
}
.html-widget .tinymce {
  word-break: break-word;
  word-wrap: break-word;
}
.html-widget .tinymce > *:first-child {
  margin-top: 0;
}
.html-widget .tinymce > *:last-of-type:not(.mce-resizehandle) {
  margin-bottom: 0;
}
/* fix for progressbar margin on anchor links */
.text-step-content .sections [id^='ic_toc_link']:before {
  content: '';
  display: block;
  height: 23px;
  margin: -23px 0 0;
}
.preview .html-widget .content.empty:before,
.preview .html-widget .section.empty:before {
  display: none !important;
}
.mce-tinymce-inline {
  z-index: 1;
}
/* Hide placeholders if it's not edited */
.sections .tge-placeholder {
  display: none;
}
.section-editor.editable .tge-placeholder {
  display: block;
  color: #9e9e9e;
  outline: 0;
  border: 0;
}
.row .columns:first-of-type,
.row .column:first-of-type {
  padding-left: 10px;
}
.row .columns:last-of-type,
.row .column:last-of-type {
  padding-right: 10px;
}
/* 
    TODO:
    Convert to less 
*/
.hotSpotImageWrapper {
  position: relative;
  overflow: visible;
  display: inline-block;
}
.hotSpotInner {
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
}
.hotSpotQuestionMark {
  width: 16px;
  height: 16px;
  background: transparent no-repeat 0px 0px;
}
/*.hotSpotQuestionMark { width:12px;height:12px;background: transparent url(<%= request.getContextPath() %>/players/textguideplayer/HotSpotQuestionMarkSmall.png) no-repeat 0px 0px; }*/
.hotSpotMarker {
  border: 2px solid #f05a3f;
}
.hotSpotCustomMarker {
  border: 2px solid #fff;
  background-color: #f05a3f;
  color: #fff;
  font-size: 8pt;
  padding: 2px 4px 2px 4px;
  cursor: default;
  white-space: nowrap;
}
.callout-widget {
  display: flex;
}
.callout-widget .callout {
  position: relative;
  min-height: 35px;
  flex-grow: 1;
}
.callout-widget.top {
  flex-direction: column-reverse;
}
.callout-widget.top .pointer-container {
  transform: translateY(-20px);
  height: 20px;
}
.callout-widget.bottom {
  flex-direction: column;
}
.callout-widget.bottom .pointer-container {
  height: 20px;
}
.callout-widget.left {
  flex-direction: row-reverse;
}
.callout-widget.left .pointer-container {
  min-width: 20px;
  transform: translateX(-20px);
}
.callout-widget.right {
  flex-direction: row;
}
.callout-widget.right .pointer-container {
  min-width: 20px;
}
.callout-widget .tinymce[data-mce-placeholder]:before {
  margin-left: 15px;
}
.pointer-container {
  position: relative;
}
.pointer {
  width: 20px;
  height: 20px;
  border: 20px solid transparent;
  /*z-index: 99;  when previewing, the preview thing has z-index: 98 */
}
.iframe-widget {
  position: relative;
}
.iframe-widget iframe {
  width: 100%;
  min-height: 100px;
}
.iframe-widget .embeded-code iframe {
  max-width: 100%;
}
.guide-widget iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.guide-widget .change-guide:hover {
  cursor: pointer;
}
.section-editor.editable .tge-placeholder.no-guide-yet {
  background-color: #f2f2f2;
  border: 1px solid #e2e2e2;
  padding: 8px;
  color: #9E9E9E;
  text-align: center;
}
.section-editor.editable .tge-placeholder.no-guide-yet p {
  text-decoration: underline;
}
.guide-widget-embed {
  position: absolute;
}
.navigation {
  text-align: center;
  padding: 15px 10px;
  position: relative;
  display: flex;
  align-items: center;
}
.navigation:after {
  clear: both;
  display: table;
  content: "";
}
.navigation .navigation-button {
  display: inline-block;
  border: 0;
}
.navigation .navigation-button:hover {
  cursor: pointer;
}
.navigation .navigation-button.next {
  flex: 3;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  padding: 5px;
}
.navigation .navigation-button.next .navigation-title {
  margin-right: 15px;
}
.navigation .navigation-button.home {
  flex: 1;
  padding: 0 5px;
}
.navigation .navigation-button.previous {
  flex: 3;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  padding: 5px;
}
.navigation .navigation-button.previous .navigation-title {
  margin-left: 15px;
}
.navigation .navigation-button .icon {
  font-size: 42pt;
  vertical-align: middle;
  color: inherit;
}
.navigation .navigation-button .navigation-title {
  vertical-align: middle;
  font-size: 22pt;
  display: inline-block;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: normal;
  color: inherit;
}
@media screen and (max-width: 560px) {
  .navigation .navigation-button .navigation-title {
    width: 80%;
  }
}
.navigation .navigation-button .navigation-title:hover {
  cursor: pointer;
}
@media only screen and (max-width: 1120px) {
  .navigation .navigation-button .navigation-title {
    width: 80%;
  }
}
@media only screen and (max-width: 1700px) {
  .navigation .navigation-button.previous,
  .navigation .navigation-button.next {
    width: 46%;
  }
}
@media only screen and (max-width: 769px) {
  .navigation .navigation-button.previous,
  .navigation .navigation-button.next {
    width: 42%;
  }
  .navigation .navigation-button .navigation-title {
    display: none;
  }
}
.sections {
  margin: auto;
  position: relative;
  background-color: white;
}
.sections .highlight-identifier {
  display: none;
}
.sections .section {
  position: relative;
  margin: auto;
}
.sections .section .section-sibling {
  position: absolute;
  width: 100%;
  height: 100%;
}
.sections .section .section-sibling .background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-size: cover;
}
.sections .section .section-sibling .background-image img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.sections .section .section-sibling .background-image.editing {
  overflow: visible;
  z-index: 2;
}
.sections .section .section-sibling .background-image.editing .section-content-copy-for-focus {
  z-index: 10000;
  width: 100%;
  height: 100%;
  outline: 100vmax solid rgba(0, 0, 0, 0.7);
  display: block;
  position: absolute;
  pointer-events: none;
}
.sections .section .section-sibling .background-image.editing .section-content-copy-for-border {
  z-index: 10000;
  width: 100%;
  height: 100%;
  outline: 1px dotted white;
  display: block;
  position: absolute;
  pointer-events: none;
}
.sections .section .section-sibling .background-image.editing .section-content-copy-for-click {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: block;
}
.sections .section .cells {
  display: flex;
  flex-wrap: nowrap;
  width: 98%;
  margin: auto;
  position: relative;
}
.sections .section .cells .cell {
  min-height: 80px;
  position: relative;
  display: flex;
  padding: 0;
  margin: 20px 10px;
}
.sections .section .cells .cell .content {
  width: 100%;
  position: relative;
}
.sections .section .cells .cell .background-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  background-size: cover;
}
.sections .section .cells .cell .background-image img {
  position: absolute;
  max-width: none;
}
.sections .section .cells .cell .background-image.editing {
  overflow: visible;
  z-index: 2;
  pointer-events: all;
}
.sections .section .cells .cell .background-image.editing .cell-content-copy-for-focus {
  z-index: 10000;
  width: 100%;
  height: 100%;
  outline: 100vmax solid rgba(0, 0, 0, 0.7);
  display: block;
  position: absolute;
  pointer-events: none;
}
.sections .section .cells .cell .background-image.editing .cell-content-copy-for-border {
  z-index: 10000;
  width: 100%;
  height: 100%;
  outline: 1px dotted white;
  display: block;
  position: absolute;
  pointer-events: none;
}
.sections .section .cells .cell .background-image.editing .cell-content-copy-for-click {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: block;
}
.sections .section .cells .cell .background-image .cell-content-copy-for-focus {
  display: none;
}
.sections .section .cells .cell .background-image .cell-content-copy-for-border {
  display: none;
}
.sections .section .cells .cell .background-image .cell-content-copy-for-click {
  display: none;
}
.sections .section .cells .cell .document-widget .file-list-add {
  display: none;
}
.sections .section .cells .cell .document-widget .file-list-content .list-item {
  background-color: transparent;
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.05);
}
.sections .section .cells .cell .document-widget .file-list-content .list-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sections .section .cells .cell .document-widget .file-list-content .list-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: default;
}
.modal-dialog.editable .dialog-body > div {
  border: 1px solid #e5e5e5;
}
.modal-dialog.editable .dialog-body > div:first-of-type {
  border-bottom: none;
  overflow: auto;
}
.modal-dialog.editable .dialog-body > div:last-of-type {
  border-top: none;
}
.modal-dialog.editable .dialog-body > div:only-of-type {
  border: 1px solid #e5e5e5;
}
.modal-dialog.editable .dialog-body fieldset.details-card {
  margin-top: 0;
  border: none;
  padding-bottom: 0;
}
.modal-dialog.editable .dialog-body .success-message {
  margin-top: 15px;
}
@media screen and (max-width: 980px) {
  .sections .section .cells {
    flex-wrap: wrap;
  }
  .row:not(.no-stacking-on-mobiles) .column,
  .row:not(.no-stacking-on-mobiles) .columns {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
}
/* So it can be ovvriden in htmleditor, else is just bold*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}
.compact-editor .editor-info,
.compact-editor .editor-settings {
  float: none;
  width: auto;
  display: block;
}
.compact-editor .content-info-text {
  display: none;
}
.compact-editor#general {
  overflow: visible;
}
.compact-editor#general > .tab-container {
  padding-left: 5px;
  display: block;
}
.compact-editor#general > .tab-container .tab {
  position: relative;
  bottom: -2px;
}
.compact-editor#general > .tab-container .tab.state-active {
  padding-bottom: 2px;
}
.compact-editor #topics .topic-tree-maxheight,
.compact-editor #topics {
  overflow: visible;
}
.compact-editor #topics > div > p {
  display: none;
}
.compact-editor .editor-settings .tab-container .tab {
  display: none;
}
.compact-editor .editor-settings .tab-container .tab:first-child {
  border-color: #e5e5e5;
  border-left: 0;
  border-right: 0;
  display: block;
}
.compact-editor .editor-settings .tab-container .tab [href='#topics'] {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
}
.compact-editor .editor-settings .tab-container .tab [href='#topics'] > span {
  display: none;
}
.compact-editor .editor-settings .tab-content-container {
  border-color: #e5e5e5;
  border: 0;
}
.compact-editor .editor-settings .tab-content-container #topics {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 5px 15px;
  padding: 0.3125rem 15px;
  padding: 5px 0.9375rem;
  padding: 0.3125rem 0.9375rem;
  padding-top: 0;
}
.compact-editor .editor-info .help-inline {
  display: none;
}
.compact-editor .editor-info .details-small-section,
.compact-editor .editor-settings .details-small-section,
.compact-editor .editor-content .details-small-section {
  border-left: 0;
  border-right: 0;
  padding: 5px 15px;
  padding: 0.3125rem 15px;
  padding: 5px 0.9375rem;
  padding: 0.3125rem 0.9375rem;
}
.compact-editor .editor-info .card-header,
.compact-editor .editor-settings .card-header,
.compact-editor .editor-content .card-header {
  display: none;
}
.compact-editor#general,
.compact-editor #steps,
.compact-editor #advancedForEditor {
  padding: 0;
}
#editor-info-tab-content:after {
  content: '';
  display: table;
  clear: both;
}
.editor-info {
  width: 50%;
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.editor-settings {
  display: inline-block;
  float: left;
  max-width: 680px;
}
.editor-settings button.btn .button-label {
  margin-left: 5px;
}
.choose-editor {
  max-width: 500px;
  width: 100%;
  margin: 15px auto;
  padding: 0;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  z-index: 11;
  position: absolute;
  left: 0;
  right: 0;
  top: 150px;
}
.card-title {
  text-align: left;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}
.card-title h2 {
  font-weight: 500;
  margin: 0;
}
.card-content {
  padding: 10px 20px;
}
.card-content .small-title {
  font-size: 12pt;
  display: block;
  font-weight: 500;
}
.card-content .choose-buttons {
  margin-top: 35px;
  margin-bottom: 10px;
  text-align: center;
}
.card-content .choose-buttons .choose-button {
  display: inline-block;
  text-align: center;
  width: 40%;
  vertical-align: top;
  margin: 0 20px;
}
.card-content .choose-buttons .choose-button:hover {
  cursor: pointer;
}
.card-content .choose-buttons .choose-button .icon {
  font-size: 120pt;
  display: block;
  color: #717171;
}
.card-content .choose-buttons .choose-button .button-text {
  width: 140px;
  display: block;
  margin: 10px auto 5px;
}
@media screen and (max-width: 460px) {
  .card-content .choose-buttons .choose-button {
    width: 100%;
    margin-bottom: 25px;
  }
}
#general {
  padding-top: 10px;
}
#general > .tab-container {
  display: none;
}
#general,
#topics,
#documents,
#steps,
#restrictions,
#advancedForEditor,
#url-holder {
  padding: 16px;
  width: auto;
  overflow: hidden;
}
#url-holder #file-url-warning .btn {
  margin-bottom: 10px;
}
#url-holder #file-url-warning .btn:hover {
  cursor: pointer;
}
.topic-tree-maxheight {
  max-height: 210px;
  overflow: auto;
}
.editor-info .header h2 {
  display: inline-block;
}
.editor-info #convert {
  width: auto;
  margin-right: 5px;
}
.editor-info .smallheader4,
.editor-content .smallheader4 {
  color: #000000;
}
.editor-content #steps {
  padding-left: 0;
}
.editor-content #steps .title h3 {
  margin-bottom: 0;
}
.editor-content #steps .upload-files-list .list-item {
  min-height: 40px;
  min-height: 4rem;
  margin-left: 1px;
  margin-left: 0.1rem;
  margin-right: 1px;
  margin-right: 0.1rem;
  margin-bottom: 5px;
  -webkit-transition: ease-out 0.2s;
  -moz-transition: ease-out 0.2s;
  -o-transition: ease-out 0.2s;
  transition: ease-out 0.2s;
}
.editor-content #steps .list-action-bar {
  padding-bottom: 5px;
}
.editor-content #steps .list-action-bar .flat-button {
  position: relative;
  color: #1f4e79;
  font-size: 25px;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  display: inline-table;
  margin-right: 1px;
  border-radius: 2px;
}
.editor-content #steps .list-action-bar .flat-button:hover {
  color: white;
  background-color: #1f4e79;
}
.editor-content #steps .list-action-bar .upload-hide-button .button-icon {
  vertical-align: sub;
}
.editor-content #steps .list-action-bar .label-icon {
  margin-left: 3px;
}
.editor-content #steps .list-action-bar .vertical-separator {
  width: auto;
}
.editor-content #steps #videostepsinput {
  background-color: #f2f2f2;
  border: none;
}
.editor-content #steps #videostepsinput .step-content {
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  margin-bottom: 10px;
  max-width: 670px;
}
.editor-content #steps #videostepsinput .step-content > .title:not(.bgtitle),
.editor-content #steps #videostepsinput .step-content > .steptext,
.editor-content #steps #videostepsinput .step-content > .file-info-container {
  margin-left: 25px;
}
.editor-content #steps #videostepsinput .step-content > .title:not(.bgtitle) .upload-files-list.detailed-list,
.editor-content #steps #videostepsinput .step-content > .steptext .upload-files-list.detailed-list,
.editor-content #steps #videostepsinput .step-content > .file-info-container .upload-files-list.detailed-list {
  border: 2px dashed #cecece;
}
.editor-content #steps #videostepsinput .step-content > .step-info {
  padding: 10px 10px 0 10px;
}
.editor-content #steps #videostepsinput .step-content > .step-info > .file-info-container {
  position: relative;
  margin-bottom: 10px;
  font-size: 10pt;
  border: 0;
  color: #000000;
  background-color: #ffffff;
  text-shadow: none;
  margin-top: 8px;
  width: 100%;
  margin: 0;
}
.editor-content #steps #videostepsinput .step-content > .step-info > .file-info-container .uploadview .list-content,
.editor-content #steps #videostepsinput .step-content > .step-info > .file-info-container .uploadview .list-thumbnail-larger {
  display: block;
}
.editor-content #steps #videostepsinput .step-content > .step-info > .file-info-container .upload-file-input {
  display: none;
}
.editor-content #steps #videostepsinput .step-content > .step-info > .file-info-container .recording {
  display: inline;
  float: left;
}
.editor-content #steps #videostepsinput .step-content > .step-info .choose-content button {
  display: inline-block;
  height: auto;
  width: 49%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.editor-content #steps #videostepsinput .step-content > .step-info .choose-content button span.icon {
  display: block;
  font-size: 36px;
  color: #454545;
}
.editor-content #steps #videostepsinput .step-content > .step-info .choose-content button span.text {
  display: block;
  font-weight: bold;
  color: #454545;
}
.editor-content #steps #videostepsinput .step-content > .step-info .choose-content button.record-screen {
  margin-right: 1%;
}
.editor-content #steps #videostepsinput .step-content > .step-info .choose-content button.record-screen span.icon {
  color: #e71c1c;
}
.editor-content #steps #videostepsinput .step-content > .step-info .title {
  margin-top: 8px;
}
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container table {
  table-layout: fixed;
}
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container table tr th:nth-child(1),
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container table tr th:nth-child(6),
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container table tr th:nth-child(7) {
  /* headers for cells with buttons */
  width: 80px;
}
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container table tr td:nth-child(1),
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container table tr td:nth-child(6),
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container table tr td:nth-child(7) {
  /* cells with buttons */
  text-align: center;
  padding: 0;
}
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container .ic-button {
  margin: 4px 0;
  height: auto;
  padding: 7px;
}
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container .no-primary-input {
  padding: 10px 0px 0px 32px;
}
.editor-content #steps #videostepsinput .step-content > .step-info .subtitles-container .no-primary-input input {
  margin-right: 5px;
}
.editor-content #steps #videostepsinput .step-content .list-thumbnail {
  text-align: left;
}
.editor-content #steps #videostepsinput .step-content .list-thumbnail video {
  width: 100%;
}
.editor-content #steps #videostepsinput .step-content .list-thumbnail canvas {
  width: auto;
}
.editor-content #steps #videostepsinput .step-content .bgtitle {
  cursor: move;
  padding: 5px 5px 5px 10px;
  color: white;
}
.editor-content #steps #videostepsinput .step-content .bgtitle .remove-step {
  float: right;
  cursor: pointer;
  font-size: 18px;
  border: none;
}
.editor-content #steps #videostepsinput .step-content .bgtitle .remove-step:focus-visible {
  outline: var(#1f4e79);
  outline-offset: 2px;
}
.editor-content #steps #videostepsinput .step-content .steptext {
  margin: 0;
}
.editor-content #steps #videostepsinput .step-content .readInValue {
  margin-left: 2.5%;
}
.editor-content #steps #videostepsinput .step-content .readInValue .recorded-movie-file {
  display: none;
}
.editor-content #steps #videostepsinput .step-content .uploadview {
  width: 100%;
}
.editor-content #steps #videostepsinput .step-content.ui-sortable-helper .bgtitle {
  background-color: #1f4e79;
}
.editor-content #steps #videostepsinput .file-info-container .readInValue {
  text-align: left;
}
.editor-content #steps #videostepsinput .file-info-container input {
  color: #000000;
}
.editor-content #steps #videostepsinput .file-info-container div {
  font-size: 11pt;
}
.editor-content #steps #videostepsinput .recording-container {
  margin-top: 6px;
}
.editor-content #steps #videostepsinput .recording-container .ic-button .icon {
  color: #e71c1c;
  margin-right: 3px;
}
.editor-content #steps #videostepsinput .recording-container .start-recording .icon {
  color: #e71c1c;
  font-size: 14pt;
}
.editor-content #steps #videostepsinput .recording-container .start-recording .text {
  font-weight: bold;
}
@keyframes live {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.editor-content #steps #videostepsinput .recording-container .start-recording.recording-active span.icon {
  animation: live 1.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}
.editor-content #steps #videostepsinput .recording-container .stop-recording .icon {
  color: #e71c1c;
}
.editor-content #steps #videostepsinput .remove-step:hover {
  color: #ff3737;
}
.editor-content #steps #videostepsinput .go-to-thmbtime {
  display: inline-block;
  margin-bottom: 5px;
  color: #1f4e79;
  text-decoration: underline;
}
.editor-content #steps #videostepsinput .go-to-thmbtime:hover {
  color: #3f4f5f;
}
.editor-content .player-decision-holder {
  max-width: 670px;
}
.editor-content .player-decision-holder .player {
  display: inline-block;
  width: 45%;
  text-align: center;
}
.editor-content .player-decision-holder .player img {
  border: 1px solid #959595;
  max-width: 100%;
}
.editor-content .player-decision-holder .player-holder {
  padding: 10px;
}
.editor-content .player-decision-holder #compact-player-holder {
  float: right;
}
.editor-content .player-decision-holder #standard-player-holder {
  float: left;
}
#page-content input[type='text']:focus,
#page-content input[type='email']:focus,
#page-content input[type='url']:focus,
#page-content input[type='phone']:focus,
#page-content input[type='password']:focus,
#page-content input[type='number']:focus,
#page-content input[type='time']:focus,
#page-content select:focus,
#page-content textarea:focus {
  border: 1px #bababa solid;
}
#page-content input[type='text']:focus.parsley-error,
#page-content input[type='email']:focus.parsley-error,
#page-content input[type='url']:focus.parsley-error,
#page-content input[type='phone']:focus.parsley-error,
#page-content input[type='password']:focus.parsley-error,
#page-content input[type='number']:focus.parsley-error,
#page-content input[type='time']:focus.parsley-error,
#page-content select:focus.parsley-error,
#page-content textarea:focus.parsley-error {
  border-color: #b91d47;
}
#page-content input[type='text']:focus.parsley-success,
#page-content input[type='email']:focus.parsley-success,
#page-content input[type='url']:focus.parsley-success,
#page-content input[type='phone']:focus.parsley-success,
#page-content input[type='password']:focus.parsley-success,
#page-content input[type='number']:focus.parsley-success,
#page-content input[type='time']:focus.parsley-success,
#page-content select:focus.parsley-success,
#page-content textarea:focus.parsley-success {
  border-color: #00a300;
}
#general .table4 {
  padding: 10px;
}
#general #summaryentry {
  display: inline-block;
  width: 70%;
}
#general #keyphrasesentry {
  display: inline-block;
  width: 29%;
}
.panel-container .table4 {
  padding: 10px;
}
.panel-container .highlight {
  border: 7px solid #f77129;
  padding: 4px;
  background-color: #fff;
  -webkit-transition-property: border;
  -moz-transition-property: border;
  transition-property: border;
  -webkit-transition-duration: 0.5s, 0.5s;
  -moz-transition-duration: 0.5s, 0.5s;
  transition-duration: 0.5s, 0.5s;
}
#advancedForEditor #languageentry,
#advancedForEditor #convertentry {
  width: auto;
  padding-right: 8px;
}
#advancedForEditor #convertentry {
  margin-bottom: 10px;
}
#advancedForEditor #convertentry #convert {
  width: auto;
}
#advancedForEditor .smallheader4 {
  color: black;
}
#advancedForEditor .thumbnail-wrapper .thumbnail-image-holder .image {
  border: 1px solid #eee;
}
#advancedForEditor .thumbnail-wrapper .thumbnail-image-holder .remove-thumbnail {
  /* Will be hidden if there is no Guide.png */
  display: none;
  vertical-align: top;
}
#advancedForEditor .thumbnail-wrapper .thumbnail-image-holder .remove-thumbnail:hover {
  cursor: pointer;
}
.editor-settings #startqgeautomaticallyentry {
  margin-top: 15px;
}
.form-group.inline {
  display: inline-block;
}
.form-group.inline-checkbox {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  margin-left: 30px;
}
.checkbox-to-left label {
  display: inline-block;
  margin: 5px 10px 0 0;
  vertical-align: middle;
}
.checkbox-to-left input {
  float: left;
  height: 30px;
  margin-right: 8px;
}
.thumbnail-wrapper button.btn.remove-thumbnail span.label-icon {
  line-height: 20px !important;
}
span.existingMediaURL {
  font-weight: 500;
  font-size: 11pt;
}
.guide-editor-id {
  float: right;
  color: #a5a5a5;
}
.required-field {
  border: 1px solid #ba4444 !important;
}
.parsley-errors-list.filled {
  display: block;
  text-align: center;
}
.perspective-group-item .parsley-errors-list.filled {
  display: block;
  text-align: center;
  position: absolute;
  z-index: 3;
}
.parsley-required {
  margin: 8px auto 0;
  position: relative;
  background: #ba4444;
  border-radius: 2px;
  padding: 10px;
  color: white;
  text-align: center;
  display: inline-block;
  font-size: 10pt;
}
.parsley-required:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ba4444;
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#settings-container {
  max-width: 710px;
  max-width: 44.375rem;
}
#settings-container #predefined-restrictions {
  max-width: 600px;
}
#settings-container .tab-container .tab.state-active {
  background-color: white;
  border-left: 1px solid #d2d2d2;
}
/* For lower screenresolutions */
@media (max-width: 600px) {
  #page-toolbar {
    margin: 0;
    border: 0;
  }
  #steps .list-date {
    float: left;
  }
  #steps .list-action-bar {
    text-align: left;
  }
}
@media (max-width: 480px) {
  .editor-info .header h2 {
    display: none;
  }
  #general .editor-info #summaryentry,
  #general .editor-info #keyphrasesentry {
    float: none;
    width: 100%;
  }
  .table4 .smallheader4 {
    border-bottom: 0;
  }
  .editor-content #steps {
    padding: 6px;
  }
  .step-content .list-thumbnail,
  .step-content .list-content {
    display: block;
  }
  .step-content .list-description {
    margin: 15px 0 10px 0;
  }
  .step-content .list-title {
    text-align: left;
    font-size: 9pt;
  }
  .step-content .list-title .list-date {
    font-size: 100%;
  }
  .editor-content .player-decision-holder #compact-player-holder {
    float: none;
  }
  .editor-content .player-decision-holder #standard-player-holder {
    margin-top: 15px;
    float: none;
  }
  .editor-content .player img {
    width: 100%;
  }
  .editor-content .player-decision-holder .player {
    width: 100%;
  }
}
@media (max-width: 900px) {
  #steps .label-icon,
  #steps .inline-toolbar > .button-group .label-icon,
  #steps .entity-toolbar > .button-group .label-icon {
    display: inline-block;
  }
}
@media (max-width: 1370px) {
  #editor-info-tab-content .editor-info {
    width: 60%;
  }
}
@media (max-width: 1120px) {
  #editor-info-tab-content .editor-info {
    width: 100%;
  }
}
/*** TextGuide ***/
.editor-content .mce-btn button:hover {
  background-color: white;
}
/*** Topics for smaller devices ***/
@media (max-width: 768px) {
  #page-content .jstree-default-responsive .jstree-wholerow {
    border: none;
    background: initial;
  }
  #page-content .jstree-default-responsive .jstree-anchor {
    font-weight: normal;
    font-size: intial;
    text-shadow: none;
  }
  #page-content .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: none;
  }
  #page-content #topics-container .jstree-container-ul .jstree-node .jstree-contextmenubtn {
    padding-top: 9px;
    font-size: 22px;
  }
  #page-content #topics-container .jstree-container-ul .jstree-node .icon-holder {
    margin-top: 12px;
  }
  #page-content .treeview-container .jstree-anchor {
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #page-content .tree-parent-container .jstree-default .jstree-wholerow-hovered {
    background-color: #335e92;
  }
  #page-content .vakata-context.jstree-contextmenu li a,
  #page-content .vakata-context.jstree-contextmenu li textarea.url,
  #page-content .vakata-context.jstree-contextmenu li input.url {
    font-size: 12pt;
    padding: 6px 25px;
  }
}
/* PaddingBOX */
.padding-holder input {
  width: 40%;
  display: inline-block;
}
.padding-holder select {
  padding: 5px;
  width: auto;
}
.textguide-page.progress-bar .player-header,
.textguide-page.progress-bar .player-full-page {
  margin-top: 23px;
  /* for progressbar */
}
.textguide-page .search-filter-container .table-layout .row .col {
  width: 50%;
}
.svg-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 1024px;
  height: 768px;
}
.ms-edge-bug-hide {
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 0;
  visibility: hidden;
}
/* TinyMCE */
.primary-editor .tinymce .smartass_faq_question {
  background-color: #eff;
  border: 1px dotted #bab;
  padding: 8px 8px 8px 35px;
  margin: 8px 0px 8px 0px;
  position: relative;
}
.primary-editor .tinymce .smartass_faq_answer {
  background-color: #caffce;
  border: 1px dotted #bab;
  padding: 8px 8px 8px 35px;
  margin: 8px 0px 8px 15px;
  position: relative;
}
.primary-editor .tinymce .smartass_faq_question:before,
.primary-editor .tinymce .smartass_faq_answer:before {
  font-family: 'infocaption-icomoon';
  position: absolute;
  left: 5px;
  top: 50%;
  font-size: 20px;
  border: 1px solid transparent;
  color: white;
  border-radius: 20px;
  text-align: center;
  line-height: normal;
}
.primary-editor .tinymce .smartass_faq_question:before {
  content: '\ea9c';
  margin-top: -13px;
  padding: 4px 4px;
  font-size: 16px;
  background-color: #68ceff;
}
.primary-editor .tinymce .smartass_faq_answer:before {
  content: '\ea05';
  margin-top: -13px;
  padding: 3px 3px 3px 5px;
  font-size: 16px;
  background-color: #208d53;
}
.primary-editor .tinymce .smartass_faq p {
  margin: 0;
}
body .overlay {
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 10;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.documents-container .file-list .file-list-content .list-item {
  display: flex;
  align-items: center;
}
.documents-container .file-list .file-list-content .list-item .list-content {
  display: flex;
  align-items: center;
}
.documents-container .file-list .file-list-content .list-item .list-content .list-title {
  margin: 0px;
}
.documents-container .file-list .file-list-content .list-item .list-content .aside-right {
  margin-left: auto;
}
.documents-container .file-list .file-list-content .list-item .list-content .action-menu-item .ic-button {
  min-width: 32px;
}
/* 
 */
/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}
.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
/* Styling;
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connect {
  background: #3FB8AF;
  border-radius: 4px;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.textguide-page {
  min-height: auto;
}
.player-composite-wrapper {
  margin: 0 15px;
}
.player-header {
  display: none;
}
.player-composite.player-full-page .player-header {
  position: relative;
  z-index: 2;
  display: block;
}
.player-composite.no-header {
  padding-top: 0;
}
.player-composite .sections .entity-selectable {
  cursor: auto;
  outline: 0;
}
.player-composite .sections .entity-selectable .section-sibling {
  outline: 0;
}
.player-composite .sections .entity-selectable .section-sibling.image .background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.player-composite .sections .entity-selectable .section-sibling.image .background-image img {
  position: absolute;
}
.fullwidth .player-composite .player-composite-wrapper {
  margin: 0;
}
.player-rate {
  background-color: #f5f5f5;
}
.player-rate .player-rate-positive,
.player-rate .player-rate-negative {
  font-size: 16px;
  padding: 10px;
  border: 0;
  text-align: center;
  margin-left: 5px;
}
.player-rate .player-rate-positive {
  -webkit-border-radius: 25px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 25px;
  -moz-background-clip: padding;
  border-radius: 25px;
  background-clip: padding-box;
}
.player-rate .player-rate-positive:hover {
  background-color: #adfdad;
}
.player-rate .player-rate-negative {
  -webkit-border-radius: 25px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 25px;
  -moz-background-clip: padding;
  border-radius: 25px;
  background-clip: padding-box;
}
.player-rate .player-rate-negative:hover {
  background-color: #fffaa0;
}
.palette-content .palette-types {
  width: 100%;
  border: 0;
  padding: 2px;
  border-bottom: 1px solid #e5e5e5;
}
.palette-content .palette-items .palette-item {
  border-top: 1px solid #e5e5e5;
  padding: 7px 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  min-height: 50px;
}
.palette-content .palette-items .palette-item:first-child {
  border-top: 0;
}
.step-editor-view .step-video-container {
  background-color: #555;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33) inset;
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33) inset;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33) inset;
  padding: 30px 0;
}
.step-editor-view .step-video-container video {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
  margin: 0 auto;
  display: block;
  border: 1px solid rgba(224, 224, 224, 0.5);
}
.step-editor-view .step-container {
  position: relative;
}
.step-editor-view .step-element-container {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
}
.step-editor-view .step-element-container .rm-visible-element {
  position: absolute;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
/*
#tocHolder { display: none; border:1px solid #ccc;  }
#tocTitle { }
#tocToggler { font-family: Arial; font-size: 16px; font-weight: bold; }
#tocHolder a:hover { text-decoration: underline; }
#tocTogglerHolder, #tocTogglerHolder a { font-family: Verdana; font-size: 10px; font-weight: none; }
ul { list-style-image: none; list-style-type: disc; }
#toc ul { list-style-image: none; list-style-type: none; width:auto; margin-left: 0px; padding-left: 16px; }
#toc li { padding: 1px; }
#toc ul a:hover { text-decoration: underline; }
*/
.player-toc-content {
  padding: 16px;
  margin: 16px 0 0 0;
}
.player-toc-content .toc-list ul,
.player-toc-content .toc-list ol {
  list-style-image: none;
  list-style-type: none;
  width: auto;
  margin-left: 0px;
  padding-left: 16px;
}
.player-toc-content .toc-list ul li,
.player-toc-content .toc-list ol li {
  padding: 1px;
}
.player-toc-content .toc-list ul li a,
.player-toc-content .toc-list ol li a,
.player-toc-content .toc-list ul li textarea.url,
.player-toc-content .toc-list ul li input.url {
  color: #154c70;
}
.player-toc-content .toc-list ul li a:hover,
.player-toc-content .toc-list ol li a:hover,
.player-toc-content .toc-list ul li textarea.url:hover,
.player-toc-content .toc-list ul li input.url:hover {
  text-decoration: underline;
}
.resize-handle,
.trackbar-highlight-row .trackbar-highlight .trackbar-highlight-handle,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-w,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-n,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-s,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-e,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-sw,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-nw,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-se,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-ne {
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  background-color: #f5f5f5;
  width: 12px;
  height: 12px;
  border: 2px solid #aaaaaa;
}
.trackbar-highlight-row.entity-selectable {
  cursor: default;
}
.trackbar-highlight-row.entity-selected .trackbar-highlight {
  background-color: #fcf9c0;
}
.trackbar-highlight-row .trackbar-highlight {
  cursor: move;
  height: 15px;
}
.trackbar-highlight-row .trackbar-highlight .trackbar-highlight-container {
  margin-top: 2px;
}
.trackbar-highlight-row .trackbar-highlight .rm-visible-element {
  margin: auto;
}
.trackbar-highlight-row .trackbar-highlight .trackbar-highlight-handle {
  position: relative;
  top: 1px;
}
.trackbar-highlight-row .trackbar-highlight .trackbar-highlight-handle-left {
  float: left;
  left: -6px;
  cursor: w-resize;
}
.trackbar-highlight-row .trackbar-highlight .trackbar-highlight-handle-right {
  cursor: e-resize;
  float: right;
  right: -6px;
}
.rm-visible-element {
  position: relative;
}
.rm-visible-element.entity-selected .rm-edit-layer {
  display: block;
}
.rm-visible-element .rm-render-layer {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  display: inline-block;
}
.rm-visible-element .rm-edit-layer {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.rm-visible-element .rm-edit-layer .rm-rotate-handle {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 16px;
  height: 50px;
  top: -50px;
  text-align: center;
  color: #f5f5f5;
  -webkit-text-stroke: 1.5px #aaa;
  text-stroke: 1.5px #aaa;
  font-size: 1.2em;
}
.rm-visible-element .rm-edit-layer .rm-rotate-handle:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 6.5px;
  top: 22px;
  width: 0;
  border: 1px solid #aaa;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  outline: 2px solid #aaa;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-w,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-n,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-s,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-e,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-sw,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-nw,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-se,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-ne {
  position: absolute;
  z-index: 2;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-n,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-s {
  margin: 0 auto;
  left: 0;
  right: 0;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-n,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-nw,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-ne {
  top: -6.5px;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-s,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-se,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-sw {
  bottom: -6.5px;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-e,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-w {
  margin: auto 0;
  top: 0;
  bottom: 0;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-e,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-se,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-ne {
  right: -6.5px;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-w,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-sw,
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-nw {
  left: -6.5px;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-w {
  cursor: w-resize;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-s {
  cursor: s-resize;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-e {
  cursor: e-resize;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-n {
  cursor: n-resize;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-nw {
  cursor: nw-resize;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-ne {
  cursor: ne-resize;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-se {
  cursor: se-resize;
}
.rm-visible-element .rm-edit-layer .rm-bounding-box .rm-resize-sw {
  cursor: sw-resize;
}
.rm-visible-element,
.rm-visible-element .rm-svg-layer {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.step-trackbar-container {
  position: relative;
}
.advanced-trackbar-buttons {
  position: absolute;
  top: -64px;
  left: 0;
  right: 0;
  padding: 5px;
}
.advanced-trackbar-slider {
  background-color: #dbdbdb;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
  z-index: 1;
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}
.advanced-trackbar-slider .noUi-marker {
  background-color: #dbdbdb;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-origin:nth-child(5) .noUi-handle {
  -webkit-border-bottom-left-radius: 1000px;
  -moz-border-radius-bottomleft: 1000px;
  border-bottom-left-radius: 1000px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 0;
  -moz-background-clip: padding;
  border-bottom-right-radius: 0;
  background-clip: padding-box;
  left: -34px;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-origin:nth-child(5) .noUi-handle .noUi-tooltip {
  left: -25%;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle.noUi-handle-lower,
.advanced-trackbar-slider.noUi-horizontal .noUi-origin:nth-child(5) .noUi-handle {
  border: 1px solid pink;
  box-shadow: inset 0 0 1px #154c70, inset 0 1px 7px #154c70, 0 3px 6px -3px #bbb;
  background-color: #154c70;
  border-color: #154c70;
  transform: none;
  width: 34px;
  margin: 0;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle.noUi-handle-lower .noUi-tooltip,
.advanced-trackbar-slider.noUi-horizontal .noUi-origin:nth-child(5) .noUi-handle .noUi-tooltip {
  transform: none;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle.noUi-handle-lower:before,
.advanced-trackbar-slider.noUi-horizontal .noUi-origin:nth-child(5) .noUi-handle:before,
.advanced-trackbar-slider.noUi-horizontal .noUi-handle.noUi-handle-lower:after,
.advanced-trackbar-slider.noUi-horizontal .noUi-origin:nth-child(5) .noUi-handle:after {
  margin: 0;
  transform: none;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle {
  position: absolute;
  top: auto;
  bottom: 100%;
  left: 0;
  cursor: col-resize;
  transform: rotate(-45deg);
  width: 28px;
  margin-left: -12px;
  margin-top: -22px;
  box-shadow: inset 0 0 1px #f77129, inset 0 1px 7px #f77129, 0 3px 6px -3px #bbb;
  background-color: #f77129;
  border-color: #f77129;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomleft: 0;
  -moz-background-clip: padding;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle:before,
.advanced-trackbar-slider.noUi-horizontal .noUi-handle:after {
  transform: rotate(45deg);
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle:before {
  margin-left: -1px;
  margin-top: 2px;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle:after {
  margin-left: -6px;
  margin-top: 0px;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle.noUi-handle-upper {
  display: none;
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle .noUi-tooltip {
  display: none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.advanced-trackbar-slider.noUi-horizontal .noUi-handle:hover .noUi-tooltip {
  display: block;
}
.advanced-trackbar-slider .noUi-marker-horizontal.noUi-marker {
  bottom: 0;
}
.advanced-trackbar-slider .noUi-pips-horizontal {
  background-color: #f5f5f5;
  pointer-events: none;
  top: -30px;
  left: 0;
  right: 0;
  height: 29px;
  padding: 0;
  border-bottom: 2px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
}
.advanced-trackbar-slider .noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.advanced-trackbar-slider .noUI-origin:first-child + .noUi-connect {
  border: 0;
}
.advanced-trackbar-slider .noUi-origin:first-child {
  z-index: 1;
}
.advanced-trackbar-slider .noUi-connect:nth-child(4) {
  border-left: 3px solid #fdd3bc;
  border-right: 1px solid #429fdc;
}
.advanced-trackbar-slider .noUi-connect:nth-child(2) {
  border-left: 1px solid #429fdc;
}
.advanced-trackbar-slider .noUi-connect {
  background-color: white;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.advanced-trackbar-slider .noUi-base {
  position: relative;
  z-index: 2;
  top: -1px;
}
.advanced-trackbar-highlight-container {
  position: relative;
  z-index: 2;
  margin-top: 29px;
  padding: 2px 0 3px 0;
  min-height: 15px;
}
.rm-svg-layer {
  vertical-align: top;
}
.rm-html-layer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.rm-html-layer * {
  position: absolute;
}
/* TinyMCE FAQ */
.player-composite .smartass_faq {
  padding: 10px 25px;
  position: relative;
  margin: 0;
}
.player-composite .smartass_faq p {
  margin: 0;
}
.player-composite .smartass_faq_question {
  border: 0;
  display: block;
  width: 100%;
  text-align: inherit;
}
.player-composite .smartass_faq_question:hover {
  cursor: pointer;
}
.player-composite .smartass_faq_question.collapsed:before {
  content: "\e68c";
  margin-top: -14px;
  padding: 3px 3px 3px 0;
  font-size: 24px;
}
.player-composite .smartass_faq_question.expanded:before {
  content: "\e68d";
  margin-top: -14px;
  padding: 3px 3px 3px 0;
  font-size: 24px;
}
.player-composite .smartass_faq_question span {
  font-weight: bold;
}
.player-composite .smartass_faq_answer {
  margin-left: 5px;
}
.player-composite .smartass_faq_answer.expanded {
  display: block;
}
.player-composite .smartass_faq_answer.collapsed {
  display: none;
}
.player-composite .smartass_faq_question.expanded:before,
.player-composite .smartass_faq_question.expanded:after,
.player-composite .smartass_faq_question.collapsed:before,
.player-composite .smartass_faq_question.collapsed:after {
  font-family: "infocaption-icomoon";
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 20px;
  border: 1px solid transparent;
  color: #454545;
  border-radius: 20px;
  text-align: center;
  line-height: normal;
}
.player-composite hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
}
.jobs-main-view table.backgrid.job-list {
  width: 100%;
}
.jobs-main-view .backgrid .active-icon {
  color: green;
  font-size: 18pt;
}
.jobs-main-view #job-result {
  margin-top: 10px;
  margin-bottom: 10px;
}
.jobs-main-view #job-result #run-result td {
  max-width: 311px;
}
.jobs-main-view .back-button {
  padding-left: 20px;
}
.job-list ul,
.job-list ol {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 0px;
}
.job-list ul .title,
.job-list ol .title {
  font-size: 12pt;
}
.job-list ul .description,
.job-list ol .description {
  font-size: 9pt;
}
.job-list ul li:hover,
.job-list ol li:hover {
  background-color: #eef9ff;
}
.job-list ul li,
.job-list ol li {
  padding: 10px;
}
.job-list ul li .list-thumbnail,
.job-list ol li .list-thumbnail {
  display: flex;
}
.job-list ul li .list-thumbnail [class^='icon-'],
.job-list ul li .list-thumbnail .icon-font-class,
.job-list ol li .list-thumbnail [class^='icon-'],
.job-list ul li .list-thumbnail .list-item.entity-selectable:hover .list-thumbnail-icon,
.job-list ul li .list-thumbnail .list-item.entity-selectable.entity-selected .list-thumbnail-icon,
.job-list ul li .list-thumbnail .list-item.entity-selectable.entity-selected:hover .list-thumbnail-icon,
.job-list ul li .list-thumbnail .entity-history-list > li:before,
.job-list ul li .list-thumbnail .ui-icon,
.job-list ul li .list-thumbnail .state-checked:after,
.job-list ul li .list-thumbnail .jstree-default .jstree-checkbox,
.job-list ul li .list-thumbnail .jstree-default .jstree-themeicon,
.job-list ul li .list-thumbnail .tile-text.icon:before,
.job-list ul li .list-thumbnail .ui-datepicker-next > .ui-icon,
.job-list ul li .list-thumbnail .ui-datepicker-prev > .ui-icon,
.job-list ul li .list-thumbnail .entity-history-list > li:before {
  font-size: 16px;
}
.job-list ul li .list-content,
.job-list ol li .list-content {
  display: flex;
  flex-direction: column;
}
.job-list ul li .list-thumbnail-icon,
.job-list ol li .list-thumbnail-icon {
  padding: 10px;
}
.job-list ul li a,
.job-list ol li a,
.job-list ul li textarea.url,
.job-list ul li input.url {
  display: flex;
  align-items: center;
}
.job-list ul li a .details-title,
.job-list ol li a .details-title,
.job-list ul li textarea.url .details-title,
.job-list ul li input.url .details-title {
  padding-left: 0px;
  clear: both;
  display: block;
}
.manage-groups-header {
  position: relative;
  text-align: center;
}
.manage-groups-header h1.lightheader {
  font-family: 'Segoe UI Light', 'OpenSansLight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 100;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-top: 5px;
}
.manage-groups-header h1.align-left {
  text-align: left;
}
.manage-groups-header #back-to-groups {
  text-align: left;
  position: absolute;
  left: 5px;
  top: 10px;
}
.manage-groups-header #back-to-groups a,
.manage-groups-header #back-to-groups textarea.url,
.manage-groups-header #back-to-groups input.url {
  color: #154c70;
  font-size: 15pt;
}
.content-holder.update-group {
  max-width: 760px;
}
.content-holder #group-holder .form-search .search {
  margin-left: 5px;
}
.content-holder #group-holder .form-search input {
  padding-left: 30px !important;
}
.content-holder #group-holder .table-header {
  position: relative;
}
.content-holder #group-holder .table-header .form-search {
  position: absolute;
  right: 4px;
  top: 12px;
}
.content-holder #group-holder .table-header .form-search .search {
  margin-top: -8px;
}
.content-holder #group-holder table.backgrid {
  width: 100%;
}
.content-holder #group-holder table.backgrid th.name {
  padding: 30px 15px;
}
.content-holder .manage-groups-content {
  position: relative;
}
.content-holder .manage-groups-content .form-content .details-card {
  max-width: 100%;
}
.content-holder .manage-groups-content #available-list-holder,
.content-holder .manage-groups-content #attached-list-holder {
  display: inline-block;
  width: 44%;
}
.content-holder .manage-groups-content #available-list-holder #available-list,
.content-holder .manage-groups-content #attached-list-holder #available-list,
.content-holder .manage-groups-content #available-list-holder #attached-list,
.content-holder .manage-groups-content #attached-list-holder #attached-list {
  width: 100%;
  height: 300px;
}
.content-holder .manage-groups-content .update-group-message {
  display: none;
  margin-bottom: 10px;
}
.content-holder .manage-groups-content .manage-list-button-holder {
  width: 10%;
  text-align: center;
  padding: 10px;
  display: inline-block;
  position: relative;
  top: -130px;
}
.content-holder .manage-groups-content .manage-list-button-holder .manage-group-button {
  width: 100%;
  margin-top: 5px;
}
.content-holder .manage-groups-content .manage-list-button-holder .manage-group-button.disabled {
  background-color: #eaeaea;
}
.content-holder .manage-groups-content .manage-list-button-holder .manage-group-button.disabled .icon {
  color: #a9a9a9;
}
.content-holder .manage-groups-content .manage-list-button-holder .manage-group-button .icon {
  vertical-align: middle;
}
.content-holder .manage-groups-content .update-button-holder {
  text-align: center;
  padding: 10px;
  margin-top: 10px;
}
.content-holder .manage-groups-content .details-small-section #users-allowed-to-add {
  vertical-align: middle;
}
.content-holder .manage-groups-content .circles-holder {
  text-align: center;
  margin-bottom: 25px;
}
.content-holder .manage-groups-content .circles-holder #connected-list-circle {
  position: relative;
  width: 245px;
  display: inline-block;
}
.content-holder .manage-groups-content .circles-holder #connected-list-circle .procent {
  position: absolute;
  top: 26%;
  left: 30%;
  font-weight: bold;
  font-size: 18pt;
  width: 100px;
  text-align: center;
}
.content-holder .manage-groups-content .circles-holder #connected-list-circle .connected-circle-label {
  display: inline-block;
  width: 100%;
}
.content-holder .manage-groups-content #commands .btn {
  vertical-align: middle;
}
.content-holder #create-new-group {
  margin: 10px;
  display: inline-block;
}
.content-holder #create-new-group .button-icon {
  vertical-align: middle;
  margin-right: 5px;
}
.content-holder #create-new-group .label-icon {
  display: inline-block;
  margin-bottom: 2px;
}
/* log template */
.log-view .details-title {
  padding-left: 20px;
}
.log-view .log-list {
  max-width: 1600px;
}
.log-view #toolbar {
  padding: 3px;
  padding-left: 30px;
}
.log-view #toolbar .datepicker {
  border-color: #fff;
  width: 120px;
  text-decoration: underline;
  color: #154c70;
  z-index: 2;
}
.log-view #toolbar #logtypes {
  width: 250px;
}
.log-view #toolbar .log-header {
  padding: 10px;
}
.log-view .form-group input[readonly].not-editable,
.log-view .form-group textarea[readonly].not-editable {
  background-color: #fff;
  border: 0px;
  max-width: 500px;
}
/* Graphic */
.details-title-heading .details-title-icon-image {
  float: right;
  top: -2px;
  position: relative;
  width: 50px;
}
.graphic-content {
  max-width: 760px;
  margin-bottom: 20px;
}
.graphic-content .details-small-section {
  position: relative;
  overflow: auto;
}
.graphic-content .details-small-section p {
  font-size: 16pt;
  font-weight: 100;
}
.graphic-content .details-small-section .step {
  display: inline-block;
  text-align: center;
  font-weight: 100;
  font-size: 22pt;
  float: left;
}
.graphic-content .details-small-section .fonts-holder {
  display: inline-block;
  margin-top: 15px;
}
.graphic-content .details-small-section .img-holder {
  display: inline-block;
  margin-right: 25px;
}
.graphic-content .details-small-section .img-holder:first-child {
  margin-left: 80px;
}
.graphic-content .details-small-section .hmm-holder {
  margin-top: 15px;
}
.graphic-content .details-small-section .hmm-holder img {
  width: 45px;
  margin-left: 40px;
}
.graphic-content .details-small-section .icon-holder {
  margin-top: 30px;
  width: 600px;
  float: right;
}
.graphic-content .details-small-section .icon-holder .img-holder {
  margin-left: 25px;
}
.graphic-content .details-small-section .icon-holder .img-holder img {
  width: 50px;
  margin-bottom: 5px;
}
.graphic-content .details-small-section .icon-holder .icn-header-title {
  position: relative;
  top: -30px;
  font-size: 16pt;
  font-weight: 100;
  font-family: 'Segoe UI';
  width: 23%;
  display: inline-block;
}
.graphic-content .details-small-section .icon-holder .img-content {
  display: inline-block;
  width: 55%;
}
.graphic-section {
  position: relative;
}
.graphic-section .color-circle-holder {
  text-align: center;
  margin-top: 25px;
}
.graphic-section .color-circle-holder .color-circle {
  width: 60px;
  display: inline-block;
  margin-right: 10px;
}
.graphic-section .color-circle-holder .color-circle .circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
}
.graphic-section .color-circle-holder .color-circle .light-orange {
  background-color: #F8CBAD;
}
.graphic-section .color-circle-holder .color-circle .light-green {
  background-color: #A9D18E;
}
.graphic-section .color-circle-holder .color-circle .light-yellow {
  background-color: #FFD966;
}
.graphic-section .color-circle-holder .color-circle .light-blue {
  background-color: #9dc3e6;
}
.graphic-section .color-circle-holder .color-circle .dark-blue {
  background-color: #5b9bd5;
}
.graphic-section .color-circle-holder .color-circle .gray {
  background-color: #A6A6A6;
}
.graphic-section .color-circle-holder .color-circle input[type=radio] {
  width: 16px;
  height: 16px;
  margin-top: 10px;
}
.graphic-section .upload-container {
  width: 400px;
  display: inline-block;
  margin-left: 100px;
  margin-top: 30px;
}
.graphic-section .radio-buttons {
  margin-right: 10px;
  vertical-align: middle;
}
.log-view .back-button {
  padding-left: 20px;
}
.back-button span.icon-reply {
  padding-right: 6px;
}
@media (max-width: 560px) {
  .content-holder .manage-groups-content #available-list-holder,
  .content-holder .manage-groups-content #attached-list-holder {
    width: 100%;
  }
  .content-holder .manage-groups-content .manage-list-button-holder {
    top: 0;
    width: 100%;
  }
}
.mark-read-content {
  max-width: 825px;
}
.details-card .mark-read-section {
  padding-bottom: 0;
  padding-top: 0;
}
.details-card .mark-read-section .backgrid {
  width: 100%;
}
.details-card .mark-read-section #result-holder {
  display: none;
}
.details-card .mark-read-section .guides-section {
  margin-bottom: 2px;
  overflow: auto;
}
.details-card .mark-read-section .guides-section .table-footer {
  display: none;
}
.details-card .mark-read-section .incorrect-guides-section {
  padding: 10px 6px;
}
.details-card .mark-read-section .guide-row {
  padding: 6px;
}
.details-card .mark-read-section .guide-row:nth-child(odd) {
  background-color: #FBFBFB;
}
.details-card .mark-read-section .guide-row:nth-child(even) {
  background-color: #f1f1f1;
}
.details-card .mark-read-section .guide-row .guide-link .icon {
  font-size: 16pt;
  vertical-align: text-bottom;
  width: 20px;
  display: inline-block;
}
.details-card .mark-read-section .guide-row .guide-link .guide-title {
  text-decoration: underline;
}
.details-card .mark-read-section .options-section {
  border-top: none;
}
.details-card .mark-read-section .options-section fieldset {
  margin-top: 0;
  border: none;
}
.details-card .mark-read-section .options-section .form-group {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}
.details-card .mark-read-section .options-section .form-group .disabled-label {
  color: #ccc;
}
.details-card .mark-read-section .options-section .inline-checkbox {
  display: inline-block;
  width: 18%;
  vertical-align: middle;
  margin-left: 60px;
}
.details-card .options-section {
  padding-bottom: 0;
  padding-top: 0;
}
.details-card .options-section .use-r-and-u label {
  display: inline-block;
}
#atlwdg-trigger {
  z-index: 1000000;
}
/*# sourceMappingURL=super-main.css.map */