/* ---------- General CSS ---------- */
body {
  color: #201f35;
}
a,
a:hover,
a:visited {
  color: #808080;
  text-decoration: none;
}
a i,
a i:visited {
  color: #58595b;
}
a i:hover {
  opacity: 0.8;
}
.content h1 {
  color: #3f4043;
}
.content h2 {
  color: #58595b;
}
.ms-Icon--waffle,
.ms-Icon--waffle:visited {
  color: white;
}
.dxtcLite_Stroomt > .dxtc-content/* quick fix to clear padding in tab pages - TODO: use theme builder */ {
  padding: 0px !important;
  padding-top: 6px !important;
}
.stroomt_pane .dxtcLite_Stroomt {
  color: #201f35;
}
/* DevExpress TreeView: general CSS tweak to hide the root node without hiding the children */

.dxtvControl_Stroomt.dxtv-control.dx-acc-r {
  margin-left: -32px;
}
.dxtvControl_Stroomt.dxtv-control.dx-acc-r > div > ul > li > span {
  display: none !important;
}
.dxtvControl_Stroomt.dxtv-control.dx-acc-r > div > ul > li > a {
  display: none !important;
}
.dxtvControl_Stroomt.dxtv-control.dx-acc-r > div > ul > li > b {
  display: none !important;
}
/* This is a hack to re-enable the DevExpress tree arrows when in accessibility mode */

.dxtv-elb > a.dx-acc {
  background-image: url(/DXR.axd?r=104_228-de9Bu) !important;
}
/* override background: none !important to show pager buttons again */

.dxpLite_Stroomt .dx-acc-s,
.dxpLite_Stroomt dx-acc-s > img {
  background-image: url('/DXR.axd?r=104_113-nyGhv') !important;
}
/*  
.dxtv-elb > a.dx-acc.dxtv-expanded {
    background-color: lightpink;
}

.dxtv-elb > a.dx-acc.dxtv-collapsed {
    background-color: lightyellow;
}
*/

/* DevExpress GridView: overrule background color pager buttons CREF: the PNG sprite contains a transparent background color */

.dxgvControl_Stroomt .dxWeb_pNext_Stroomt {
  background-color: #2c2c2c;
}
.dxgvControl_Stroomt .dxWeb_pNextDisabled_Stroomt {
  background-color: #2c2c2c;
}
.dxgvControl_Stroomt .dxWeb_pPrev_Stroomt {
  background-color: #2c2c2c;
}
.dxgvControl_Stroomt .dxWeb_pPrevDisabled_Stroomt {
  background-color: #2c2c2c;
}
.dxgvPagerBottomPanel_Stroomt .dxp-dropDownButton {
  background-color: #2c2c2c;
}
.dxgvPagerBottomPanel_Stroomt .dxp-dropDownButton.dxp-hoverDropDownButton {
  background-color: #2c2c2c;
  opacity: 1;
  background-image: none;
}
.dxeCalendarFooter_Stroomt {
  padding-left: 10px;
}
.dxeCalendarButton_Stroomt.stroomt_button_dx {
  margin-left: 10px;
}
/* Tweak to fix DevExpress overlap in gridview filter with checkbox */

table[id^="dashboard_"] tr.dxeListBoxItemRow_Stroomt td.dxeListBoxItem_Stroomt.dxeT {
  padding-left: 32px !important;
}
a.stroomt_hide_logo i {
  font-size: 12px;
  padding: 12px;
  color: transparent !important;
}
a.stroomt_hide_logo i:hover {
  color: #2c2c2c !important;
}
.stroomt_debug_info {
  display: none;
  /* inline or none, inline shows some debug info */
  margin-left: 2em;
  color: red;
  font-variant: small-caps;
}
.stroomt_debug_data {
  margin-left: 1em;
  color: dodgerblue;
  font-variant: small-caps;
  font-size: 12px;
}
/* TODO: reorganise CSS, create subclasses, remove unused classes, use em not px, rename stroomt prefix */

.stroomt_accordion_message {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: black;
  background-color: #fff18f;
  padding: 14px 20px;
  font-size: 14px;
  display: none;
  height: 100%;
}
.stroomt_pane {
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 30px;
  font-family: 'Calibri', sans-serif;
  color: #201f35;
}
.stroomt_pane_popup {
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: 'Calibri', sans-serif;
  color: #201f35;
}
.stroomt_pane_title {
  margin-top: 20px;
  font-size: 32px;
  color: #3f4043;
}
.stroomt_pane_title_icon {
  margin-left: 6px;
  font-size: 12px;
}
.stroomt_pane_title_icon_lg {
  margin-left: 6px;
  font-size: 32px;
}
.stroomt_pane_title_redirect {
  font-variant: small-caps;
  font-size: 12px;
  margin-left: 10px;
  border: 1px solid black;
  cursor: help;
  white-space: nowrap;
}
.stroomt_pane_subtitle {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 2px;
  font-size: 14px;
  color: #58595b;
}
.stroomt_pane_subtitle_icon {
  margin-left: 6px;
  font-size: 12px;
}
.stroomt_pane_subtitle_header_col {
  padding-left: 0px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
  opacity: 0.7;
}
.stroomt_pane_subtitle_value_col {
  padding-left: 20px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}
.stroomt_pane_content {
  margin-top: 20px;
}
.stroomt_pane_content_header {
  margin-top: 20px;
  font-size: 24px;
  color: #58595b;
}
.stroomt_pane_zoom_icon {
  margin-left: 1em;
  font-size: 14px;
}
.stroomt_pane_shadow_text {
  padding: 1em;
  background-color: #fdfdfd;
  box-shadow: 4px 4px 16px #888888;
  border: solid 1px black;
}
.stroomt_pane_shadow_text_thin {
  padding: 1em;
  background-color: #fdfdfd;
  box-shadow: 3px 3px 16px #cccccc;
  border: solid 1px lightgray;
}
.stroomt_pane_shadow_box {
  padding: 0px;
  background-color: #fdfdfd;
  box-shadow: 4px 4px 16px #888888;
  border: solid 1px black;
}
.stroomt_pane_shadow_box_thin {
  padding: 0px;
  background-color: white;
  box-shadow: 0px 2px 16px #eeeeee;
  border: dotted 1px #dddddd;
}
.stroomt_pane_content_section {
  margin-top: 20px;
  font-size: 16px;
  /*line-height:24px; */

}
.stroomt_pane_content_text {
  font-size: 18px;
}
.stroomt_pane_content_icon {
  margin-left: 6px;
  font-size: 12px;
  display: none;
}
.stroomt_pane_content_notification_table {
  width: 100%;
}
.stroomt_pane_content_notification_item {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #d1d3d4;
  border: 1px;
  border-style: solid;
  border-radius: 5px;
}
.stroomt_pane_content_notification_glyph {
  font-size: 32px;
  width: 48px;
  padding: 10px;
}
.stroomt_pane_content_notification_text {
  font-size: 16px;
  padding: 10px;
}
.stroomt_pane_content_notification_button {
  padding: 10px;
}
.stroomt_pane_hidden_content {
  display: none;
}
.stroomt_pane_divider {
  width: 100%;
  border-bottom: solid 1px #d1d3d4;
  margin-bottom: 20px;
  padding-top: 20px;
}
.stroomt_pane_divider_hidden {
  width: 100%;
  border-bottom: solid 1px transparent;
  margin-bottom: 0px;
  padding-top: 0px;
}
.stroomt_pane_divider_bottom {
  width: 100%;
  border-bottom: solid 1px #d1d3d4;
}
.stroomt_form {
  font-size: 16px;
  color: #58595b;
}
.stroomt_form_settings {
  overflow: auto;
  max-height: 600px;
  padding: 1em 1.25em;
}
.stroomt_form_favorites {
  margin-bottom: 1em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  padding-top: 0em;
}
.stroomt_form_tasks {
  margin-bottom: 1em;
  padding-left: 0.6em;
  padding-right: 0.6em;
}
/* REMARK: DO NOT USE THE NEXT CLASSES ANYMORE - OBSOLETE SOON */

.stroomt_form_content_control {
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}
.stroomt_form_content_header {
  font-weight: bold;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}
.stroomt_form_content_question {
  font-weight: normal;
  padding-top: 1em;
}
.stroomt_form_content_submit {
  padding-top: 1em;
}
.stroomt_form_content_note {
  display: inline;
  padding-left: 1em;
  color: #58595b;
  font-variant: small-caps;
  font-size: 0.6em;
}
/* END REMARK */

.stroomt_topic_icon {
  margin-right: 4px;
}
.stroomt_preview_popup_icon_sm,
.stroomt_preview_popup_icon {
  margin-left: 0.5em;
  cursor: pointer;
  color: black;
}
.stroomt_preview_popup_icon_sm {
  font-size: 11px;
}
.stroomt_preview_popup_icon {
  font-size: 14px;
}
.stroomt_file_icon {
  margin-right: 0.5em;
  color: black;
  font-size: 14px;
}
.stroomt_margins_10 {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 10%;
  margin-right: 10%;
}
.stroomt_margins_5 {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 5%;
  margin-right: 5%;
}
.stroomt_margins_2 {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 2%;
  margin-right: 2%;
}
.stroomt_margins_shadow {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1px;
  margin-right: 1em;
}
.stroomt_chart_context_menu_item {
  margin-left: 1.5em;
}
.stroomt_chart_context_menu_icon {
  font-size: 1em;
  margin-right: 0.5em;
  color: #3f4043;
}
.stroomt_tree_context_menu {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 11px;
  color: #808080;
}
.stroomt_color_scheme_cell {
  padding: 0px;
  width: 20px;
  height: 20px;
  border: none;
}
.stroomt_color_scheme_color_0 {
  background-color: #808080;
  width: 20px;
  height: 20px;
}
.stroomt_color_scheme_color_1 {
  background-color: #fff18f;
}
.stroomt_color_scheme_color_2 {
  background-color: #2c2c2c;
}
.stroomt_color_scheme_color_3 {
  background-color: #58595b;
}
.stroomt_color_scheme_color_4 {
  background-color: #a7a9ac;
}
.stroomt_color_scheme_color_5 {
  background-color: #d1d3d4;
}
/* Bootstrap Accordion */

.panel-group .panel {
  box-shadow: none;
}
.panel-group .panel-default {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.panel-group .panel-heading {
  padding: 0px;
  border: none;
}
.panel-group .panel-title a {
  padding: 10px;
  width: 100%;
  display: block;
  background-color: #d1d3d4;
}
.panel-group .panel-title a i {
  width: 30px;
  text-align: center;
  height: 100%;
  display: inline-block;
}
.panel-group .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.panel-group .table {
  margin-bottom: 0px;
}
.panel-heading a {
  text-decoration: none;
  /* for IE */

}
.panel-heading a:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: right;
  color: grey;
}
.panel-heading a:after:hover {
  text-decoration: none !important;
  /* fails in IE */

}
.panel-heading .collapsed:after {
  content: "\f067";
}
.panel-heading .collapsed:after:hover {
  text-decoration: none !important;
  /* fails in IE */

}
.panel-group .panel-group {
  margin-top: 4px;
  margin-bottom: 0px;
}
.panel-group .panel-group .panel-title a {
  background-color: #ededee;
  padding-left: 40px;
}
/* Extra levels */

.panel-group .panel-group .panel-group {
  margin-top: 4px;
  margin-bottom: 0px;
}
.panel-group .panel-group .panel-group .panel-title a {
  background-color: #d1d3d4;
  /*#f7f7f7;*/
  padding-left: 60px;
}
.panel-group .panel-group .panel-group {
  margin-top: 4px;
  margin-bottom: 0px;
}
.panel-group .panel-group .panel-group .panel-title a {
  background-color: #ededee;
  /*#fcfcfc;*/
  padding-left: 80px;
}
.panel-body {
  background-color: #f7f7f7;
  /*#ffcceb;*/

}
/* dashboard */

.favorites tr {
  height: 2em;
}
.favorites tr td {
  padding: 3px;
}
.favorites tr:nth-child(even) {
  background-color: #fdfdfd;
  margin: 5px;
}
.favorites tr:nth-child(odd) {
  background-color: #ededee;
  margin: 5px;
}
.favorites tr td.version {
  align-content: center;
}
.favorites tr td.new {
  align-content: center;
  width: 1em;
}
.favorites tr td.command {
  align-content: center;
  width: 2em;
}
.favorites tr td.command a {
  color: black;
}
.favorites tr td span.parent {
  font-style: italic;
}
.feedback .details {
  background-color: white;
  margin: 4px;
  border-style: none;
  border-width: 0px;
  font-size: 14px;
}
.feedback .details td {
  padding-left: 4px;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 4px;
}
.feedback .details td.header {
  vertical-align: top;
}
.feedback .details td.header label {
  margin-bottom: 0px;
}
.feedback .tools a {
  cursor: pointer;
  margin-left: 0.5em;
}
.feedback .details td.value {
  vertical-align: top;
}
.feedback tr.master-detail:nth-child(4n+0) {
  background-color: #fdfdfd;
}
.feedback tr.master-detail:nth-child(4n+1) {
  background-color: #ededee;
}
.feedback tr.master-detail:nth-child(4n+2) {
  background-color: #ededee;
}
.feedback tr.master-detail:nth-child(4n+3) {
  background-color: #fdfdfd;
}
.feedback a {
  cursor: pointer;
}
.feedback a.expander:after {
  font-family: 'FontAwesome';
  content: "\f068";
  color: gray;
  float: right;
}
.feedback a.expander:after:hover {
  text-decoration: none !important;
  /* fails in IE */

}
.feedback a.expander.collapsed:after {
  content: "\f067";
}
.feedback a.expander.collapsed:after:hover {
  text-decoration: none !important;
  /* fails in IE */

}
.feedback a.expander {
  text-decoration: none !important;
}
.feedback .master-detail-hidden-content {
  padding: 0 !important;
}
.tasks .details {
  background-color: white;
  margin: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  font-size: 14px;
}
.tasks .details td {
  padding-left: 4px;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 4px;
}
.tasks .details td.header {
  vertical-align: top;
}
.tasks .details td.header label {
  margin-bottom: 0px;
}
.tasks .details td.value {
  vertical-align: top;
}
.tasks tr.master-detail:nth-child(4n+0) {
  background-color: #fdfdfd;
}
.tasks tr.master-detail:nth-child(4n+1) {
  background-color: #ededee;
}
.tasks tr.master-detail:nth-child(4n+2) {
  background-color: #ededee;
}
.tasks tr.master-detail:nth-child(4n+3) {
  background-color: #fdfdfd;
}
.tasks a.expander:after {
  font-family: 'FontAwesome';
  content: "\f068";
  color: gray;
  float: right;
}
.tasks a.expander:after:hover {
  text-decoration: none !important;
  /* fails in IE */

}
.tasks a.expander.collapsed:after {
  content: "\f067";
}
.tasks a.expander.collapsed:after:hover {
  text-decoration: none !important;
  /* fails in IE */

}
.tasks a {
  cursor: pointer;
}
.tasks a.expander {
  text-decoration: none !important;
}
.tasks .master-detail-hidden-content {
  padding: 0 !important;
}
.subscriptions tr {
  height: 2em;
}
.subscriptions tr td {
  padding: 3px;
}
.subscriptions tr:nth-child(even) {
  background-color: #fdfdfd;
  margin: 5px;
}
.subscriptions tr:nth-child(odd) {
  background-color: #ededee;
  margin: 5px;
}
.subscriptions tr td.version {
  align-content: center;
}
.subscriptions tr td.new {
  align-content: center;
  width: 1em;
}
.subscriptions tr td.command {
  align-content: center;
  width: 2em;
}
.subscriptions tr td.command a {
  color: black;
}
.subscriptions tr td span.parent {
  font-style: italic;
}
/* input */

.input-grid-details-container {
  margin-left: 5px;
}
.input-grid-header-container {
  margin-bottom: 16px;
  font-size: 14px;
  padding-top: 4px;
}
.input-grid-header-caption {
  color: black;
  font-size: 16px;
}
.input-grid-header-value {
  color: #707070;
  font-size: 12px;
}
.input-grid-header-input-summary {
  color: black;
  font-size: 16px;
  margin-top: 16px;
}
.input-grid-open-latest {
  font-size: 14px;
  text-align: center;
}
.scaling-svg-container {
  border: none 0px lightgray;
}
.scaling-container {
  border: none 0px lightgray;
}
table.stroomt-rules-matrix {
  background-color: white;
}
table.stroomt-rules-matrix td {
  padding: 5px;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  border: none;
}
table.stroomt-rules-matrix td img {
  display: inline;
}
table.stroomt-rules-matrix tr:first-child td a {
  color: white !important;
}
table.stroomt-rules-matrix tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-rules-matrix td:first-child {
  text-align: left;
}
table.stroomt-rules-matrix tr:first-child {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-matrix tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.stroomt-rules-matrix tr:nth-child(even) {
  background-color: #ededee;
}
table.stroomt-rules-matrix tr td {
  border-right: solid 1px #a7a9ac;
}
table.stroomt-rules-matrix tr td:last-child {
  border: none;
}
table.stroomt-rules-fields {
  background-color: white;
  border: solid 1px #a7a9ac;
}
table.stroomt-rules-fields td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  border: none;
}
table.stroomt-rules-fields td img {
  display: inline;
}
table.stroomt-rules-fields tr:first-child td a {
  color: white !important;
}
table.stroomt-rules-fields tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-rules-fields td:first-child {
  text-align: left;
}
table.stroomt-rules-fields tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.stroomt-rules-fields tr:nth-child(even) {
  background-color: #ededee;
}
table.stroomt-rules-fields tr td {
  border-right: dotted 1px #a7a9ac;
}
table.stroomt-rules-fields tr td:last-child {
  border: none;
}
table.stroomt-rules-fields td div.multi-value.multi-line {
  border-top: dotted 1px #a7a9ac;
}
table.stroomt-rules-fields td div:first-child.multi-value.multi-line {
  border-top: none;
}
table.stroomt-rules-fields tr.field-header-row {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-table-master-details {
  width: 100%;
  background-color: white;
  border: solid 1px #a7a9ac;
}
table.stroomt-rules-table-master-details td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: none;
}
table.stroomt-rules-table-master-details td img {
  display: inline;
}
table.stroomt-rules-table-master-details tr:nth-child(4n+0) {
  background-color: #ededee;
}
table.stroomt-rules-table-master-details tr:nth-child(4n+1) {
  background-color: #ededee;
}
table.stroomt-rules-table-master-details tr:nth-child(4n+2) {
  background-color: #fdfdfd;
}
table.stroomt-rules-table-master-details tr:nth-child(4n+3) {
  background-color: #fdfdfd;
}
table.stroomt-rules-table-master-details tr:first-child td a {
  color: white !important;
}
table.stroomt-rules-table-master-details tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-rules-table-master-details td:first-child {
  text-align: left;
}
table.stroomt-rules-table-master-details tr:first-child {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-table-master-details tr td {
  border-right: dotted 1px #a7a9ac;
}
table.stroomt-rules-table-master-details tr td:last-child {
  border: none;
}
.stroomt-rules-table-container {
  border-style: none !important;
  background-color: white !important;
}
table.stroomt-rules-table {
  width: 100%;
  background-color: white;
  border: solid 1px #a7a9ac;
}
table.stroomt-rules-table td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: none;
}
table.stroomt-rules-table td img {
  display: inline;
}
table.stroomt-rules-table tr:nth-child(2n+0) {
  background-color: #ededee;
}
table.stroomt-rules-table tr:nth-child(2n+1) {
  background-color: #fdfdfd;
}
table.stroomt-rules-table tr:first-child td a {
  color: white !important;
}
table.stroomt-rules-table tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-rules-table td:first-child {
  text-align: left;
}
table.stroomt-rules-table tr:first-child {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-table tr td {
  border-right: dotted 1px #a7a9ac;
}
table.stroomt-rules-table tr td:last-child {
  border: none;
}
table.stroomt-rules-notes-history {
  background-color: white;
  border: solid 1px #a7a9ac;
}
table.stroomt-rules-notes-history td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: none;
}
table.stroomt-rules-notes-history td img {
  display: inline;
}
table.stroomt-rules-notes-history tr:first-child {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-notes-history tr:first-child td a {
  color: white !important;
}
table.stroomt-rules-notes-history tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-rules-notes-history td:first-child {
  text-align: left;
}
table.stroomt-rules-notes-history tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.stroomt-rules-notes-history tr:nth-child(even) {
  background-color: #ededee;
}
table.stroomt-rules-notes-history tr td {
  border-right: dotted 1px #a7a9ac;
}
table.stroomt-rules-notes-history tr td:last-child {
  border: none;
}
table.stroomt-rules-notes-history td.text-column-wrap {
  max-width: 400px;
  white-space: normal;
  word-wrap: normal;
}
table.stroomt-rules-forms-history {
  background-color: white;
  border: solid 1px #a7a9ac;
}
table.stroomt-rules-forms-history td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: none;
}
table.stroomt-rules-forms-history td img {
  display: inline;
}
table.stroomt-rules-forms-history tr:first-child {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-forms-history tr:first-child td a {
  color: white !important;
}
table.stroomt-rules-forms-history tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-rules-forms-history td:first-child {
  text-align: left;
}
table.stroomt-rules-forms-history tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.stroomt-rules-forms-history tr:nth-child(even) {
  background-color: #ededee;
}
table.stroomt-rules-forms-history tr td {
  border-right: dotted 1px #a7a9ac;
}
table.stroomt-rules-forms-history tr td:last-child {
  border: none;
}
table.stroomt-rules-forms-history td.text-column-wrap {
  max-width: 400px;
  white-space: normal;
  word-wrap: normal;
}
.stroomt_popup_menu {
  background-color: #a7a9ac;
  padding: 0;
  margin: 0;
}
.stroomt_popup_menu div.menu_item {
  color: #FFFFFF;
  background-color: transparent;
  border-style: none;
  height: 48px;
  opacity: 1;
  display: block;
  margin: 0px;
  margin-left: 0px;
  margin-right: -3px;
  /* IE, FireFox: -3px TODO: Chrome */
  border-width: 0px;
}
.stroomt_popup_menu button {
  color: #FFFFFF;
  border-style: none;
  background-color: #58595b;
  height: 48px;
  width: 48px;
  opacity: 1;
  display: inline-block;
  margin: 0px;
  margin-left: 0px;
  margin-right: -3px;
  /* IE, FireFox: -3px TODO: Chrome */
  border-width: 0px;
}
.stroomt_popup_menu span {
  color: #FFFFFF;
  background-color: transparent;
  border-style: none;
  height: 48px;
  opacity: 0.8;
  display: inline-block;
  margin: 0px;
  margin-left: 10px;
  margin-right: -3px;
  /* IE, FireFox: -3px TODO: Chrome */
  border-width: 0px;
}
.stroomt_popup_menu div.menu_item:hover {
  background-color: #808080;
  border-style: none;
}
.stroomt_popup_menu button:hover {
  background-color: #808080;
}
.stroomt_chart_preview {
  width: 100px;
  height: 100px;
  border: solid 1px #2c2c2c;
  margin: 0px;
}
.stroomt_chart_preview:hover {
  opacity: 0.7;
}
.stroomt_chart_preview_close {
  width: 20px;
  height: 100px;
  border: none 0px;
  vertical-align: top;
}
.stroomt_charts_popup_menu {
  background-color: white;
  padding: 0;
  margin: 0;
}
.stroomt_charts_popup_menu div.menu_item {
  box-sizing: content-box;
  color: #58595b;
  background-color: white;
  height: 84px;
  max-height: 84px;
  opacity: 1;
  display: block;
  margin: 0px;
  margin-left: 0px;
  border: solid 1px #a7a9ac;
  border-bottom: none 0px #a7a9ac;
}
.stroomt_charts_popup_menu image,
.stroomt_charts_popup_menu img {
  color: #FFFFFF;
  background-color: white;
  height: 84px;
  width: 84px;
  max-height: 84px;
  max-width: 84px;
  opacity: 0.9;
  display: inline-block;
  margin: 0px;
  margin-left: 0px;
  border-right: solid 1px #a7a9ac;
}
.stroomt_charts_popup_menu div.menu_header {
  max-width: 260px;
  color: #2c2c2c;
  background-color: transparent;
  height: 84px;
  opacity: 1;
  display: inline-block;
  margin: 0px;
  margin-left: 5px;
  vertical-align: top;
}
.stroomt_charts_popup_menu div.menu_header .chart_type {
  font-size: 1.4em;
}
.stroomt_charts_popup_menu div.menu_header .chart_title {
  font-style: italic;
  font-size: 0.8em;
  word-wrap: break-word;
}
.stroomt_charts_popup_menu div.menu_item:hover {
  background-color: #f2f2f2;
}
.stroomt_charts_popup_menu div.menu_item:last-child {
  border-bottom: solid 1px #a7a9ac;
}
.stroomt_charts_popup_menu_button,
.stroomt_charts_zoom_button,
.stroomt_custom_frame_zoom_button {
  height: 32px;
  font-size: 14px;
  background-color: white;
  color: #58595b;
  border: solid 1px #a7a9ac;
  padding: 0px;
  margin: 0px;
  float: left;
  border-right: none 0px #a7a9ac;
}
.stroomt_charts_zoom_button_last,
.stroomt_custom_frame_zoom_button_last {
  border-right: solid 1px #a7a9ac;
}
.stroomt_charts_popup_menu_button:hover,
.stroomt_charts_zoom_button:hover,
.stroomt_custom_frame_zoom_button:hover {
  background-color: #f2f2f2;
}
.stroomt_charts_popup_menu_button {
  width: 32px;
}
.stroomt_charts_zoom_button {
  width: 32px;
}
.stroomt_charts_dropdown {
  height: 32px;
  width: 50%;
  overflow: hidden;
}
.stroomt_charts_dropdown_button,
.stroomt_tag_dropdown_button {
  background: none;
  background-color: #58595b;
  color: white;
  width: 24px;
}
.stroomt_charts_zoom_button.disabled {
  pointer-events: none;
}
.stroomt_charts_zoom_button.disabled i {
  opacity: 0.1;
}
.stroomt_charts_zoom_button.toggle-on {
  background-color: lightpink;
}
.stroomt_charts_zoom_button.custom-zoom-mode {
  background-color: #f2f2f2;
}
.stroomt_charts_zoom_button.custom-zoom-mode:hover {
  opacity: 0.8;
}
.stroomt_charts_dropdown_button_hover,
.stroomt_tag_dropdown_button_hover {
  background-color: #3f4043;
  width: 24px;
}
.stroomt_dropdown {
  height: 32px;
  overflow: hidden;
}
.stroomt_dropdown_button {
  background: none;
  background-color: #58595b;
  color: white;
  width: 32px;
}
.stroomt_dropdown_button_hover {
  background-color: #3f4043;
  width: 32px;
}
/*.stroomt_charts_popup_menu_container .dxdpLite_Stroomt.dxpc-mainDiv { border: none 0px white; }*/

/* HACK - TODO find alternative property in MVC popup control style settings */

table.stroomt-rules-showinfo {
  background-color: white;
  border: none;
}
table.stroomt-rules-showinfo td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: none;
}
table.stroomt-rules-showinfo td img {
  display: inline;
}
table.stroomt-rules-showinfo tr:first-child td a {
  color: white !important;
}
table.stroomt-rules-showinfo tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-rules-showinfo td:first-child {
  text-align: left;
}
table.stroomt-rules-showinfo tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.stroomt-rules-showinfo tr:nth-child(even) {
  background-color: #ededee;
}
table.stroomt-rules-showinfo tr td {
  border-right: dotted 1px #a7a9ac;
}
table.stroomt-rules-showinfo tr td:last-child {
  border: none;
}
table.stroomt-rules-showinfo tr.header-row {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-info-table {
  background-color: white;
  border: none;
  border-spacing: 1px 1px;
  font-size: 16px;
}
table.stroomt-rules-info-table td {
  padding: 5px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  border: none;
  min-width: 240px;
}
table.stroomt-rules-info-table.wider td {
  min-width: 360px;
}
table.stroomt-rules-info-table td span.small {
  font-size: 0.7em;
  margin-left: 1em;
}
table.stroomt-rules-info-table td:last-child {
  text-align: right;
}
table.stroomt-rules-info-table td:first-child {
  text-align: left;
}
table.stroomt-rules-info-table tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.stroomt-rules-info-table tr:nth-child(even) {
  background-color: #ededee;
}
table.stroomt-rules-info-table tr.header-row {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-info-basic {
  background-color: white;
  border-spacing: 1px 1px;
  font-size: 16px;
  border-collapse: collapse;
}
table.stroomt-rules-info-basic td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: none;
  min-width: 50px;
  font-weight: bold;
}
table.stroomt-bar-chart {
  background-color: white;
  border: none;
}
table.stroomt-bar-chart td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: none;
  padding-right: 20px;
}
table.stroomt-bar-chart td img {
  display: inline;
}
table.stroomt-bar-chart tr:first-child td a {
  color: white !important;
}
table.stroomt-bar-chart tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-bar-chart td:first-child {
  text-align: left;
}
table.stroomt-bar-chart tr:nth-child(odd) {
  background-color: #fdfdfd;
}
table.stroomt-bar-chart tr:nth-child(even) {
  background-color: #ededee;
}
table.stroomt-bar-chart tr td {
  border-right: dotted 1px #a7a9ac;
}
table.stroomt-bar-chart tr td:last-child {
  border: none;
}
table.stroomt-bar-chart tr.header-row {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-bar-chart tr.sub-header-row {
  background-color: #ededee;
  color: #000;
  border-bottom: none;
  font-weight: bold;
}
.stroomt-bar-chart-title,
.stroomt-admin-title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  color: #58595b;
}
.stroomt-bar-chart-percentage {
  display: inline-block;
  background-color: blue;
  color: blue;
}
.stroomt-log-settings-title,
.stroomt-settings-title {
  white-space: nowrap;
  background-color: #3f4043 !important;
  font-size: 16px !important;
  margin-top: 20px;
  margin-bottom: 15px;
  color: white;
  padding: 6px;
}
.stroomt-log-settings-subtitle,
.stroomt-settings-subtitle {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #58595b;
}
.stroomt-log-more-info {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: black;
}
.stroomt-tag-more-info {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: black;
}
table.stroomt-log-management-period td.stroomt-log-management-period {
  padding-top: 16px;
  padding-right: 8px;
  padding-left: 0px;
  padding-bottom: 16px;
}
table.stroomt-log-management-period td.stroomt-log-management-button {
  padding: 16px;
}
/* Forms */

table.stroomt-form-fields {
  background-color: white;
}
table.stroomt-form-fields td.stroomt-form-field-label {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  border: none;
  width: 350px;
}
table.stroomt-form-fields td.stroomt-form-field-value {
  padding: 3px;
  vertical-align: top;
}
tr.stroomt-form-field-value-row-plus i {
  float: left;
  padding: 3px;
  padding-left: 3px;
}
.stroomt-form-field-value-expired {
  margin-left: 10px;
  color: red;
  font-variant: small-caps;
  padding: 2px;
  font-size: 14px;
  border: 1px solid black;
  cursor: help;
}
.stroomt-form-field-value-motivation {
  width: 600px;
  min-height: 80px;
  white-space: pre-wrap;
}
/* Buttons */

.stroomt_button {
  background-color: #58595b;
  padding: 0px 20px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #fff;
  position: relative;
  outline: none;
  background-image: none;
}
.stroomt_anchor {
  padding: 0px 20px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  position: relative;
  outline: none;
  background-image: none;
  color: #808080 !important;
}
.stroomt_anchor:hover {
  text-decoration: none !important;
}
.stroomt_button.small,
.stroomt_anchor.small {
  height: 32px;
  line-height: 32px;
}
.stroomt_button.icon {
  padding-left: 60px;
  color: white;
}
.stroomt_button.icon i {
  height: 40px;
  width: 40px;
  text-align: center;
  background-color: #3f4043;
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 40px;
  color: #ffffff;
}
.stroomt_button.icon.small,
.stroomt_button.icon.small i {
  height: 32px;
  line-height: 32px;
}
.stroomt_button:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3f4043;
}
.stroomt_button.transparent {
  background-color: transparent;
  color: #808080;
}
.stroomt_button.iconOnly {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  padding: 0px;
  font-size: 18px;
}
.stroomt_button a i,
.stroomt_button a i:visited {
  color: white;
}
.stroomt_button.stroomt_sprite {
  background-color: transparent;
}
.stroomt_button.small.alarm {
  background-color: white;
  border-color: black;
  color: red;
}
.stroomt_button.small.alarm:hover {
  background-color: mistyrose;
}
.stroomt_button_dx {
  background-color: #2c2c2c;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  opacity: 1;
}
.stroomt_button_dx_hover {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt_button_dx_pressed {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt_button_dx_disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.stroomt_button_dx.popup {
  width: 80px;
  height: 32px;
}
.stroomt_button_dex.button_edit {
  height: 32px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.stroomt_button.dxbButton_Stroomt.dxbDisabled_Stroomt,
.stroomt_button.dxbButton_Stroomt.dxbDisabled_Stroomt:hover {
  opacity: 0.25 !important;
  background-image: none;
}
.stroomt_button_dx_alert,
.stroomt_button_dx_alert_hover,
.stroomt_button_dx_alert_pressed {
  background-color: #2c2c2c;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  opacity: 1;
  font-size: 14px;
}
.stroomt_button_dx_alert_hover,
.stroomt_button_dx_alert_disabled {
  opacity: 0.5;
}
.stroomt_button.dark {
  background-color: #58595b;
}
.stroomt_button.dark:hover {
  background-color: #3f4043;
}
.stroomt_button.darker {
  background-color: #3f4043;
}
.stroomt_button.darker {
  background-color: #2c2c2c;
}
.stroomt_button.darkest {
  background-color: #3f4043;
}
.stroomt_button.odd {
  background-color: #fdfdfd;
  color: black;
}
.stroomt_button.odd:hover {
  opacity: 0.8;
}
.stroomt_button.even {
  background-color: #ededee;
  color: black;
}
.stroomt_button.even:hover {
  background-color: #fdfdfd;
}
.stroomt_button.odd {
  background-color: #fdfdfd;
  color: black;
}
.stroomt_button.odd:hover {
  background-color: #ededee;
}
.stroomt_checkbox_dx label {
  vertical-align: middle;
}
.stroomt_forms_control_button_dx_relation {
  background-color: #2c2c2c;
  background-image: none;
  border: 1px solid #a7a9ac;
  margin-left: 0px !important;
  padding-left: 0px !important;
  opacity: 1;
}
.stroomt_forms_control_button_dx_relation_hover {
  opacity: 0.75;
}
.stroomt_forms_control_button_dx_relation_pressed {
  opacity: 0.5;
}
.stroomt_forms_control_button_dx_relation .dxb {
  padding-left: 0px !important;
}
.stroomt_forms_dropdown {
  height: 32px;
}
.stroomt_forms_dropdown_button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt_forms_dropdown_button_hover {
  background-color: #3f4043;
}
.stroomt_forms_dropdownedit {
  padding-left: 20px;
  height: 32px;
}
/* Stroomt textbox */

.stroomt-text-box input::selection {
  background-color: #d1d3d4 !important;
}
.stroomt-text-box input::-moz-selection {
  background-color: #d1d3d4 !important;
}
/* Stroomt button edit */

.stroomt-button-edit input::selection {
  background-color: #d1d3d4 !important;
}
.stroomt-button-edit input::-moz-selection {
  background-color: #d1d3d4 !important;
}
/* Stroomt spin edit */

.stroomt-spin-edit input::selection {
  background-color: #d1d3d4 !important;
}
.stroomt-spin-edit input::-moz-selection {
  background-color: #d1d3d4 !important;
}
/* Topic events header */

.stroomt_topic_events_user {
  font-size: 18px;
  color: black;
}
.stroomt_topic_events_user i {
  margin-right: 10px;
}
.stroomt_topic_events_date {
  font-size: 14px;
  color: black;
}
.stroomt_topic_events_type {
  font-size: 14px;
  color: black;
}
.stroomt_topic_events_type_col {
  vertical-align: top;
}
.stroomt_topic_events_type_icon {
  font-size: 14px;
  color: black;
}
.stroomt_topic_events_type_icon i {
  margin-right: 10px;
}
.stroomt_topic_events_version {
  font-size: 14px;
  color: black;
  /* font-variant:small-caps; */

}
.stroomt_topic_events_version.duplicate {
  color: orange;
}
.stroomt_topic_events_version.historic {
  color: red;
}
.stroomt_topic_events_version.future {
  color: forestgreen;
}
.stroomt_topic_events_version.reference {
  color: black;
}
/* Form task details */

.stroomt_form_task_details_section {
  margin-left: 0px;
  margin-bottom: 5px;
  width: 100%;
}
.stroomt_form_task_details_section_content {
  margin-left: 0px;
}
.stroomt_form_task_details_user {
  font-size: 18px;
}
.stroomt_form_task_details_user i {
  margin-right: 10px;
}
.stroomt_form_task_details_date {
  font-size: 14px;
}
.stroomt_form_task_details_type {
  font-size: 14px;
}
.stroomt_form_task_details_type_col {
  vertical-align: top;
}
.stroomt_form_task_details_type_icon {
  font-size: 14px;
}
.stroomt_form_task_details_type_icon i {
  margin-right: 10px;
}
.stroomt_form_task_details_file {
  margin-right: 1em;
}
.stroomt_form_task_details_file i {
  margin-right: 10px;
}
.stroomt_form_task_details_form_field_header {
  margin-right: 1em;
}
.stroomt_form_task_details_form_field_value {
  margin-right: 1em;
}
.stroomt_form_task_details_form_table {
  font-size: 12px;
  font-style: normal;
  color: #404040;
}
.stroomt_form_task_details_form_table.inputgrid {
  margin-left: 0px;
  font-size: 14px;
  color: black;
}
.stroomt_form_task_details_form_table.inputgrid a {
  color: #808080;
  text-decoration: none;
}
.stroomt_form_task_details_form_table.inputgrid a:hover {
  color: #808080;
  text-decoration: none;
}
.stroomt_form_task_details_form_table.inputgrid a:visited {
  color: #808080;
  text-decoration: none;
}
.stroomt_form_task_details_form_table.details {
  margin-left: 0px;
}
.stroomt_form_task_details_form_table.details a {
  color: #808080;
  text-decoration: none;
}
.stroomt_form_task_details_form_table.details a:hover {
  color: #808080;
  text-decoration: none;
}
.stroomt_form_task_details_form_table.details a:visited {
  color: #808080;
  text-decoration: none;
}
.stroomt_form_task_details_form_table.dashboard {
  margin-left: 0px;
  font-size: 14px;
  color: black;
}
.stroomt_form_task_details_form_table.dashboard a {
  color: #808080;
  text-decoration: none;
}
.stroomt_form_task_details_form_table.dashboard a:hover {
  color: #808080;
  text-decoration: none;
}
.stroomt_form_task_details_form_table.dashboard a:visited {
  color: #808080;
  text-decoration: none;
}
table.stroomt_form_task_details_form_table td.header {
  vertical-align: top;
}
table.stroomt_form_task_details_form_table td.value {
  vertical-align: top;
}
/* Note task details */

.stroomt_note_task_details_table {
  font-size: 12px;
  font-style: normal;
  color: #404040;
}
.stroomt_note_task_details_table.inputgrid {
  margin-left: 0px;
  font-size: 14px;
  color: black;
}
.stroomt_note_task_details_table.inputgrid a {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_table.inputgrid a:hover {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_table.inputgrid a:visited {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_table.details {
  margin-left: 0px;
}
.stroomt_note_task_details_table.details a {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_table.details a:hover {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_table.details a:visited {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_table.dashboard {
  margin-left: 0px;
  font-size: 14px;
  color: black;
}
.stroomt_note_task_details_table.dashboard a {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_table.dashboard a:hover {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_table.dashboard a:visited {
  color: #808080;
  text-decoration: none;
}
.stroomt_note_task_details_user {
  font-size: 18px;
}
.stroomt_note_task_details_user i {
  margin-right: 10px;
}
.stroomt_note_task_details_date {
  font-size: 14px;
}
.stroomt_note_task_details_type {
  font-size: 14px;
}
.stroomt_note_task_details_type_col {
  vertical-align: top;
}
.stroomt_note_task_details_type_icon {
  font-size: 14px;
}
.stroomt_note_task_details_type_icon i {
  margin-right: 10px;
}
.stroomt_note_task_details_file {
  margin-right: 1em;
}
.stroomt_note_task_details_file i {
  margin-right: 10px;
}
table.note-detail-attachments {
  width: 100%;
}
table.note-detail-attachments tr.note-detail-attachment-upload-control-row > td.note-detail-attachment-button-col {
  width: 30px;
}
table.note-detail-attachments tr.note-detail-attachment-upload-control-row > td.note-detail-attachment-button-col > a.note-detail-attachment-button {
  margin-left: 5px;
}
/* Notes */

.stroomt_notes_header_text {
  padding: 5px;
  padding-left: 0px;
  color: #2c2c2c;
  font-size: 16px;
  min-width: 200px;
  font-weight: bold;
}
.stroomt_notes_header_value {
  padding: 5px;
  padding-left: 0px;
  color: #58595b;
  font-size: 16px;
}
.stroomt_notes_content {
  color: #201f35;
}
.stroomt_notes_content_text {
  color: #2c2c2c;
}
.stroomt_notes_content_control {
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}
.stroomt_notes_content_header {
  padding-bottom: 0.25em;
  padding-top: 0.25em;
  color: #2c2c2c;
  font-weight: bold;
}
.stroomt_notes_content_question {
  font-weight: normal;
  padding-top: 1em;
}
.stroomt_notes_content_submit {
  padding-top: 1em;
}
.stroomt_notes_content_note {
  display: inline;
  padding-left: 1em;
  font-variant: small-caps;
  font-size: 0.6em;
}
.stroomt_notes_header_pre {
  width: 100%;
  min-height: 80px;
  white-space: pre-wrap;
}
.stroomt_notes_header_value_expired {
  margin-left: 10px;
  color: red;
  font-variant: small-caps;
  padding: 2px;
  font-size: 14px;
  border: 1px solid black;
  cursor: help;
}
/* Search */

.stroomt_search_button {
  padding: 0px;
}
.stroomt_search_button a {
  background-color: #58595b;
  padding: 0px 20px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  color: #fff;
  position: relative;
  outline: none;
  background-image: none;
  padding-left: 60px;
}
.stroomt_search_button a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3f4043;
}
.stroomt_search_button a:visited {
  color: #fff;
  text-decoration: none;
}
.stroomt_search_button i {
  height: 32px;
  width: 32px;
  text-align: center;
  background-color: #3f4043;
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 32px;
  color: white;
}
.stroomt_search_dropdown {
  height: 32px;
}
.stroomt_search_dropdown_button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt_search_dropdown_button_hover {
  background-color: #3f4043;
}
.stroomt_search_results {
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none;
}
.stroomt_search_results a,
a:hover,
a:visited {
  color: #808080;
}
.stroomt_search_result_header {
  margin-top: 20px;
}
.stroomt_search_result_description {
  margin-top: 15px;
}
.stroomt_search_result_description b {
  color: black;
  font-weight: bold;
}
.stroomt_search_result_footer {
  margin-bottom: 20px;
}
.stroomt_search_dropdownedit {
  padding-left: 20px;
  height: 32px;
}
.stroomt_admin_dropdown {
  height: 32px;
}
.stroomt_admin_dropdown_button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt_admin_dropdown_button_hover {
  background-color: #3f4043;
}
.stroomt_admin_dropdownedit {
  padding-left: 20px;
  height: 32px;
}
table.stroomt_search_options_table {
  width: 100%;
}
table.stroomt_search_options_table td {
  white-space: nowrap;
}
table.stroomt_search_options_table tr:not(:first-child) td > div {
  padding-top: 10px;
}
table.stroomt_search_options_table td:not(:first-child) > div {
  padding-left: 10px;
}
table.stroomt_search_options_table td:last-child {
  width: 100%;
}
/* TODO: matrix popup styles */

.stroomt_matrices_popup_menu {
  background-color: white;
  padding: 0;
  margin: 0;
}
.stroomt_matrices_popup_menu div.menu_item {
  box-sizing: content-box;
  color: #58595b;
  background-color: white;
  height: 84px;
  max-height: 84px;
  opacity: 1;
  display: block;
  margin: 0px;
  margin-left: 0px;
  border: solid 1px #a7a9ac;
  border-bottom: none 0px #a7a9ac;
}
.stroomt_matrices_popup_menu image,
.stroomt_matrices_popup_menu img {
  color: #FFFFFF;
  background-color: white;
  height: 84px;
  width: 84px;
  max-height: 84px;
  max-width: 84px;
  opacity: 0.9;
  display: inline-block;
  margin: 0px;
  margin-left: 0px;
  border-right: solid 1px #a7a9ac;
}
.stroomt_matrices_popup_menu div.menu_header {
  max-width: 260px;
  color: #2c2c2c;
  background-color: transparent;
  height: 84px;
  opacity: 1;
  display: inline-block;
  margin: 0px;
  margin-left: 5px;
  vertical-align: top;
}
.stroomt_matrices_popup_menu div.menu_header .matrix_type {
  font-size: 1.4em;
}
.stroomt_matrices_popup_menu div.menu_header .matrix_title {
  font-style: italic;
  font-size: 0.8em;
  word-wrap: break-word;
}
.stroomt_matrices_popup_menu div.menu_item:hover {
  background-color: rgba(236, 0, 140, 0.25);
}
.stroomt_matrices_popup_menu div.menu_item:last-child {
  border-bottom: solid 1px #a7a9ac;
}
.stroomt_matrices_popup_menu_button,
.stroomt_matrices_zoom_button {
  height: 32px;
  font-size: 14px;
  background-color: white;
  color: #58595b;
  border: solid 1px #a7a9ac;
  padding: 0px;
  margin: 0px;
  float: left;
  border-right: none 0px #a7a9ac;
}
.stroomt_matrices_zoom_button_last {
  border-right: solid 1px #a7a9ac;
}
.stroomt_matrices_popup_menu_button:hover,
.stroomt_matrices_zoom_button:hover {
  background-color: rgba(236, 0, 140, 0.25);
}
.stroomt_matrices_popup_menu_button {
  width: 84px;
}
.stroomt_matrices_zoom_button {
  width: 32px;
}
.stroomt_matrices_view_button {
  padding-left: 16px;
}
/* Matrices*/

.stroomt_matrices_button {
  padding: 0px;
}
.stroomt_matrices_button a {
  background-color: #58595b;
  padding: 0px 20px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  color: #fff;
  position: relative;
  outline: none;
  background-image: none;
  padding-left: 60px;
}
.stroomt_matrices_button a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3f4043;
}
.stroomt_matrices_button a:visited {
  color: #fff;
  text-decoration: none;
}
.stroomt_matrices_button i {
  height: 32px;
  width: 32px;
  text-align: center;
  background-color: #3f4043;
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 32px;
  color: white;
}
.stroomt_matrices_dropdown {
  height: 32px;
}
.stroomt_matrices_dropdown_button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt_matrices_dropdown_button_hover {
  background-color: #3f4043;
}
.stroomt_matrices_page_title {
  font-style: italic;
  font-size: 0.8em;
  word-wrap: break-word;
  padding: 5px;
  color: #2c2c2c;
}
/* Connections (M3, AX, SAP) Menu*/

.stroomt_connections_popup_menu_container {
  display: inline;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
.stroomt_connections_popup_menu_container img {
  vertical-align: top;
  padding: 3px;
}
.stroomt_connections_popup_menu_container i {
  padding: 3px;
}
.stroomt_connections_popup_menu_container ul {
  padding: 0;
  margin: 0;
  background-color: #F1F1F1;
  vertical-align: 1px;
  border-radius: 0px;
}
.stroomt_connections_popup_menu_container > a {
  border: solid 1px transparent;
  margin-right: 1px;
}
.stroomt_connections_popup_menu_container > a:hover {
  border: solid 1px #a7a9ac;
}
.stroomt_connections_popup_menu_container.open > a {
  border: solid 1px #a7a9ac;
  border-bottom: 0px;
}
.stroomt_connections_popup_menu li {
  border: solid 1px #a7a9ac;
  border-bottom: none 0px #a7a9ac;
  font-size: 16px;
}
.stroomt_connections_popup_menu li:last-child {
  border-bottom: solid 1px #a7a9ac;
}
.stroomt_connections_popup_menu img {
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 7px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.stroomt_connections_popup_menu span {
  vertical-align: -2px;
}
.dropdown-menu.stroomt_connections_popup_menu a {
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 4px;
  padding-top: 5px;
  margin: 0;
}
.dropdown-menu.stroomt_connections_popup_menu a:hover {
  background-color: #D6E5FE;
}
.stroomt_unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
}
/*Reports*/

.stroomt_reports_button {
  padding: 0px;
}
.stroomt_reports_button a {
  background-color: #58595b;
  padding: 0px 20px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  color: #fff;
  position: relative;
  outline: none;
  background-image: none;
  padding-left: 60px;
}
.stroomt_reports_button a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3f4043;
}
.stroomt_reports_button a:visited {
  color: #fff;
  text-decoration: none;
}
.stroomt_reports_button i {
  height: 32px;
  width: 32px;
  text-align: center;
  background-color: #3f4043;
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 32px;
  color: white;
}
.stroomt_reports_dropdown {
  height: 32px;
}
.stroomt_reports_dropdown_button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt_reports_dropdown_button_hover {
  background-color: #3f4043;
}
.stroomt_reports_zoom_button {
  height: 32px;
  font-size: 14px;
  background-color: white;
  color: #58595b;
  border: solid 1px #a7a9ac;
  padding: 0px;
  margin: 0px;
  float: left;
  border-right: none 0px #a7a9ac;
  width: 32px;
}
.stroomt_reports_zoom_button:hover {
  background-color: rgba(236, 0, 140, 0.25);
}
.stroomt_reports_zoom_button_last {
  border-right: solid 1px #a7a9ac;
}
iframe.stroomt_report_frame {
  overflow: hidden;
  border: none;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
/*Admin*/

.stroomt-admin-command-link {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.stroomt-admin-command-link:hover {
  color: #808080 !important;
  text-decoration: none !important;
}
.stroomt-admin-command-link-disabled {
  color: #808080 !important;
  opacity: 0.5 !important;
}
.stroomt-admin-command-link-disabled:hover {
  color: #808080 !important;
  opacity: 0.5 !important;
}
.stroomt-admin-textbox {
  font-size: 16px !important;
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  min-width: 100px;
}
.stroomt-admin-textbox-edit-tiny {
  min-width: 50px;
  width: 50px;
}
.stroomt-admin-textbox-edit-small {
  min-width: 100px;
  width: 100px;
}
.stroomt-admin-textbox-edit-medium {
  min-width: 200px;
  width: 200px;
}
.stroomt-admin-textbox-edit-large {
  min-width: 300px;
  width: 300px;
}
.stroomt-admin-textbox-edit-huge {
  min-width: 400px;
  width: 400px;
}
.stroomt-admin-users-list-link {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.stroomt-admin-users-list-link:hover {
  color: #808080 !important;
}
.stroomt-admin-dropdown {
  height: 32px;
}
.stroomt-admin-dropdown-button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt-admin-dropdown-button-hover {
  background-color: #3f4043;
}
.stroomt-admin-radiobuttonlist {
  padding-left: 0px !important;
  padding-top: 0px !important;
}
.stroomt-admin-general-label {
  white-space: nowrap;
  padding-top: 15px;
  width: 200px;
  padding-left: 8px;
}
.stroomt-admin-sharepoint-label {
  white-space: nowrap;
  padding-top: 15px;
  width: 400px;
  padding-left: 8px;
}
.stroomt-admin-process-mining-label {
  white-space: nowrap;
  padding-top: 15px;
  width: 400px;
  padding-left: 8px;
}
.stroomt-admin-powerbi-label {
  white-space: nowrap;
  padding-top: 15px;
  width: 400px;
  padding-left: 8px;
}
table.stroomt-admin-sharepoint-table {
  width: 100%;
  table-layout: fixed;
}
.stroomt-sharepoint-section {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.stroomt-sharepoint-section-header {
  white-space: nowrap;
  background-color: #2c2c2c !important;
  font-size: 16px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
  padding: 6px;
}
td.stroomt-admin-sharepoint-table-row-label {
  white-space: nowrap;
  padding-top: 15px;
  padding-left: 8px;
  width: 160px;
  font-size: 16px !important;
}
td.stroomt-admin-sharepoint-table-row-field {
  white-space: nowrap;
  padding-top: 15px;
  padding-left: 8px;
  width: 100%;
  font-size: 16px !important;
}
.stroomt-admin-sharepoint-setting-textbox-dx input {
  font-size: 16px !important;
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.stroomt-admin-sharepoint-table-textbox-caption {
  font-size: 16px !important;
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.stroomt-admin-sharepoint-management-listbox-popup-menu-item {
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
}
.stroomt-sharepoint-section-content-buttons {
  text-align: right;
  margin-top: 15px;
}
.stroomt-admin-sharepoint-gridview-footer {
  text-align: center;
}
table.stroomt-admin-sharepoint-versions {
  width: 100%;
  background-color: white;
  border: solid 1px #a7a9ac;
  border-collapse: collapse;
  table-layout: fixed;
}
table.stroomt-admin-sharepoint-versions td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: solid 1px #a7a9ac;
}
table.stroomt-admin-sharepoint-versions td.stroomt-admin-sharepoint-versions-id-column {
  display: none;
  width: 0px;
}
table.stroomt-admin-sharepoint-versions td.stroomt-admin-sharepoint-versions-checkbox-column {
  width: 64px;
  text-align: center;
}
table.stroomt-admin-sharepoint-versions td.stroomt-admin-sharepoint-versions-name-column {
  width: 50%;
  text-align: left;
}
table.stroomt-admin-sharepoint-versions td.stroomt-admin-sharepoint-versions-publication-status-column {
  width: 50%;
  text-align: left;
}
table.stroomt-admin-sharepoint-versions td.stroomt-admin-sharepoint-versions-synchronization-progress-column {
  width: 64px;
  text-align: center;
}
table.stroomt-admin-sharepoint-versions tr.stroomt-admin-sharepoint-versions-header {
  background-color: #3f4043;
  color: #fff;
}
table.stroomt-admin-sharepoint-versions div.stroomt-progress > div {
  display: none;
}
table.stroomt-admin-sharepoint-versions div.stroomt-progress.stroomt-progress-synchronizing > div.stroomt-progress-synchronizing {
  display: block;
}
table.stroomt-admin-sharepoint-versions div.stroomt-progress.stroomt-progress-synchronized > div.stroomt-progress-synchronized {
  display: block;
}
table.stroomt-admin-sharepoint-versions div.stroomt-progress.stroomt-progress-synchronize-error > div.stroomt-progress-synchronize-error {
  display: block;
}
table.stroomt-admin-sharepoint-taxonomy-publication-jobs {
  width: 100%;
  background-color: white;
  border: solid 1px #a7a9ac;
  border-collapse: collapse;
  table-layout: fixed;
}
table.stroomt-admin-sharepoint-taxonomy-publication-jobs td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: solid 1px #a7a9ac;
}
table.stroomt-admin-sharepoint-taxonomy-publication-jobs tr.stroomt-admin-sharepoint-taxonomy-publication-jobs-header {
  background-color: #3f4043;
  color: #fff;
}
table.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots {
  width: 100%;
  background-color: white;
  border: solid 1px #a7a9ac;
  border-collapse: collapse;
  table-layout: fixed;
}
table.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots tr.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots-header-row {
  background-color: #3f4043;
  color: #fff;
}
table.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots tr.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots-header-row td.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots-header-row-cell {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: solid 1px #a7a9ac;
}
table.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots tr.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots-data-row td.stroomt-admin-sharepoint-taxonomy-publication-job-details-roots-data-row-cell {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: solid 1px #a7a9ac;
}
.stroomt-admin-taxonomy-publication-form-content {
  font-family: Calibri, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
table.stroomt-admin-taxonomy-publication-form-content-section-table {
  width: 100%;
  border-style: none;
}
td.stroomt-admin-taxonomy-publication-form-content-section-table-control-column {
  width: 90%;
}
td.stroomt-admin-taxonomy-publication-form-content-section-table-buttons-column {
  width: 10%;
}
.stroomt-admin-sharepoint-taxonomy-publication-schedule-job-form-buttons {
  margin-top: 20px;
}
.stroomt-admin-taxonomy-publication-form-content-section {
  margin-top: 10px;
}
.stroomt-admin-taxonomy-publication-form-content-section-table-buttons-column-content {
  padding-left: 5px;
  padding-right: 5px;
}
/* process mining */

table.stroomt-admin-process-mining-table {
  width: 100%;
  table-layout: fixed;
}
.stroomt-process-mining-section {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.stroomt-process-mining-section-header {
  white-space: nowrap;
  background-color: #2c2c2c !important;
  font-size: 16px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
  padding: 6px;
}
td.stroomt-admin-process-mining-table-row-label {
  white-space: nowrap;
  padding-top: 15px;
  padding-left: 8px;
  width: 160px;
  font-size: 16px !important;
}
td.stroomt-admin-process-mining-table-row-field {
  white-space: nowrap;
  padding-top: 15px;
  padding-left: 8px;
  width: 100%;
  font-size: 16px !important;
}
.stroomt-process-mining-credentials-container.readonly {
  opacity: 0.5;
}
.stroomt-process-mining-credentials-container.hidden {
  display: none;
}
.stroomt-admin-process-mining-setting-textbox-dx input {
  font-size: 16px !important;
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.stroomt-admin-process-mining-table-textbox-caption {
  font-size: 16px !important;
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.stroomt-admin-process-mining-management-listbox-popup-menu-item {
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
}
.stroomt-process-mining-section-content-buttons {
  text-align: right;
  margin-top: 15px;
}
.stroomt-admin-process-mining-gridview-footer {
  text-align: center;
}
.stroomt-admin-process-mining-upload-drop-container-default {
  width: 100%;
  min-height: 410px;
  height: 410px;
  border: 1px dotted black;
  background-color: lightgray;
  opacity: 1;
  overflow: auto;
}
.stroomt-admin-process-mining-upload-drop-container-default pre {
  background-color: lightgray;
  margin-bottom: 0px;
  padding: 0px;
}
.stroomt-admin-process-mining-upload-drop-container-center {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightgray;
}
.stroomt-admin-process-mining-upload-drop-container-completed {
  background-color: lightgray;
}
.stroomt-admin-process-mining-upload-drop-container-failed {
  background-color: lightpink;
}
.stroomt-admin-process-mining-conformance-progress-container-default {
  width: 750px;
  min-height: 135px;
  height: 135px;
  border: 1px dotted black;
  background-color: lightgray;
  opacity: 1;
  overflow: auto;
}
.stroomt-admin-process-mining-conformance-progress-container-default pre {
  background-color: lightgray;
  margin-bottom: 0px;
  padding: 0px;
}
.stroomt-admin-process-mining-conformance-progress-container-completed {
  background-color: lightgray;
}
.stroomt-admin-process-mining-conformance-progress-container-failed {
  background-color: lightpink;
}
.stroomt-admin-process-mining-report-progress-container-default {
  width: 670px;
  min-height: 227px;
  height: 227px;
  border: 1px dotted black;
  background-color: lightgray;
  opacity: 1;
  overflow: auto;
}
.stroomt-admin-process-mining-report-progress-container-default pre {
  background-color: lightgray;
  margin-bottom: 0px;
  padding: 0px;
}
.stroomt-admin-process-mining-report-progress-container-completed {
  background-color: lightgray;
}
.stroomt-admin-process-mining-report-progress-container-failed {
  background-color: lightpink;
}
/* power bi embedded */

table.stroomt-admin-powerbi-table {
  width: 100%;
  table-layout: fixed;
}
.stroomt-powerbi-section {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.stroomt-powerbi-section-header {
  white-space: nowrap;
  background-color: #2c2c2c !important;
  font-size: 16px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
  padding: 6px;
}
td.stroomt-admin-powerbi-table-row-label {
  white-space: nowrap;
  padding-top: 15px;
  padding-left: 8px;
  width: 160px;
  font-size: 16px !important;
}
td.stroomt-admin-powerbi-table-row-field {
  white-space: nowrap;
  padding-top: 15px;
  padding-left: 8px;
  width: 100%;
  font-size: 16px !important;
}
.stroomt-powerbi-credentials-container.readonly {
  opacity: 0.5;
}
.stroomt-powerbi-credentials-container.hidden {
  display: none;
}
.stroomt-admin-powerbi-setting-textbox-dx input {
  font-size: 16px !important;
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.stroomt-admin-powerbi-table-textbox-caption {
  font-size: 16px !important;
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.stroomt-admin-powerbi-management-listbox-popup-menu-item {
  font-family: Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
}
.stroomt-powerbi-section-content-buttons {
  text-align: right;
  margin-top: 15px;
}
.stroomt-admin-powerbi-gridview-footer {
  text-align: center;
}
.stroomt-admin-powerbi-upload-drop-container-default {
  width: 100%;
  min-height: 410px;
  height: 410px;
  border: 1px dotted black;
  background-color: lightgray;
  opacity: 1;
  overflow: auto;
}
.stroomt-admin-powerbi-upload-drop-container-default pre {
  background-color: lightgray;
  margin-bottom: 0px;
  padding: 0px;
}
.stroomt-admin-powerbi-upload-drop-container-center {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightgray;
}
.stroomt-admin-powerbi-upload-drop-container-completed {
  background-color: lightgray;
}
.stroomt-admin-powerbi-upload-drop-container-failed {
  background-color: lightpink;
}
.stroomt-admin-powerbi-conformance-progress-container-default {
  width: 750px;
  min-height: 135px;
  height: 135px;
  border: 1px dotted black;
  background-color: lightgray;
  opacity: 1;
  overflow: auto;
}
.stroomt-admin-powerbi-conformance-progress-container-default pre {
  background-color: lightgray;
  margin-bottom: 0px;
  padding: 0px;
}
.stroomt-admin-powerbi-conformance-progress-container-completed {
  background-color: lightgray;
}
.stroomt-admin-powerbi-conformance-progress-container-failed {
  background-color: lightpink;
}
.stroomt-admin-powerbi-report-progress-container-default {
  width: 670px;
  min-height: 227px;
  height: 227px;
  border: 1px dotted black;
  background-color: lightgray;
  opacity: 1;
  overflow: auto;
}
.stroomt-admin-powerbi-report-progress-container-default pre {
  background-color: lightgray;
  margin-bottom: 0px;
  padding: 0px;
}
.stroomt-admin-powerbi-report-progress-container-completed {
  background-color: lightgray;
}
.stroomt-admin-powerbi-report-progress-container-failed {
  background-color: lightpink;
}
/*Input grid*/

.stroomt_input_hyperlink {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.stroomt_input_hyperlink:hover {
  color: #808080 !important;
}
.stroomt_jobinfo_hyperlink {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.stroomt_jobinfo_hyperlink:hover {
  color: #808080 !important;
}
/*Custom frame grid*/

.stroomt_custom_frame_hyperlink {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.stroomt_custom_frame_hyperlink:hover {
  color: #808080 !important;
}
.stroomt_custom_frame_label {
  color: #808080 !important;
  cursor: default !important;
  text-decoration: none !important;
}
.stroomt_custom_frame_label:hover {
  color: #808080 !important;
}
.stroomt_common_hyperlink {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.stroomt_common_hyperlink:hover {
  color: #808080 !important;
}
.stroomt_details_custom_frame_header {
  vertical-align: sub;
  padding: 2px 10px;
}
.stroomt_details_custom_frame_popout {
  margin-left: 10px;
  font-size: 10px;
}
/*SharePoint Documents*/

a.stroomt-sharepoint-document-link {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
a.stroomt-sharepoint-document-link:hover {
  color: #808080 !important;
}
/*Print*/

.stroomt_print_header_text {
  padding: 5px;
  padding-left: 0px;
  font-weight: bold;
}
.stroomt_print_option_group_text {
  font-weight: bold;
}
.stroomt_print_content {
  color: #201f35;
  margin-bottom: 20px;
}
.stroomt_print_content_footer {
  margin-top: 5px;
}
.stroomt_print_button {
  background-color: #2c2c2c;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  opacity: 1;
}
.stroomt_print_button:hover,
.stroomt_print_button_hover {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt_print_button_pressed {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
/*Tasks*/

.stroomt-create-tasks-button {
  background-color: #2c2c2c;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  opacity: 1;
}
.stroomt-create_tasks-button:hover,
.stroomt-create-tasks-button-hover {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt-create-tasks-button-pressed {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt-create-tasks-link {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.stroomt-create-tasks-link:hover {
  color: #808080 !important;
}
.stroomt-create-tasks-form-dropdown {
  height: 32px;
}
.stroomt-create-tasks-form-dropdown-button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt-create-tasks-form-dropdown-button-hover {
  background-color: #3f4043;
}
.stroomt-create-tasks-form-dropdownedit {
  padding-left: 20px;
  height: 32px;
}
.stroomt-create-tasks-form-dropdownedit-nulltext {
  padding-left: 0px !important;
}
.stroomt-create-tasks-form-dropdownedit-editor {
  cursor: none !important;
}
table.stroomt-create-tasks-form-table {
  width: 100%;
}
table.stroomt-create-tasks-form-table tr.stroomt-create-tasks-form-row > td.stroomt-create-tasks-form-label-col {
  white-space: nowrap;
  width: 25%;
  vertical-align: top;
}
table.stroomt-create-tasks-form-table tr.stroomt-create-tasks-form-row > td.stroomt-create-tasks-form-value-col {
  width: 75%;
  vertical-align: top;
}
table.stroomt-create-tasks-form-table tr.stroomt-create-tasks-form-row:not(:first-child) > td.stroomt-create-tasks-form-label-col {
  padding-top: 10px;
}
table.stroomt-create-tasks-form-table tr.stroomt-create-tasks-form-row:not(:first-child) > td.stroomt-create-tasks-form-value-col {
  padding-top: 10px;
}
.stroomt-export-to-excel-form-row > td.stroomt-create-tasks-form-label-col {
  white-space: nowrap;
  vertical-align: top;
}
.stroomt_create_tasks_radiobuttonlist td.dxe {
  padding-left: 0px;
}
.stroomt_create_tasks_delete_user_control_button {
  margin-left: 5px;
  margin-top: 8px;
}
.stroomt_create_tasks_delete_topics_control_button {
  margin-left: 5px;
  margin-top: 8px;
}
.stroomt_create_tasks_delete_user_control_button:hover {
  opacity: 0.7;
}
.stroomt_create_tasks_delete_topics_control_button:hover {
  opacity: 0.7;
}
table.task-chat-list {
  width: 100%;
}
table.task-chat-list tr.task-chat-list-item > td {
  padding-top: 15px;
  vertical-align: top;
}
table.task-chat-list td.task-chat-list-item-image-col {
  width: 16px;
}
table.task-chat-list td.task-chat-list-item-content-col {
  width: 100%;
  padding-left: 10px;
}
table.task-chat-list td.task-chat-list-item-content-col > div.task-chat-list-item-content-header {
  color: #000000;
}
table.task-chat-list td.task-chat-list-item-content-col > div.task-chat-list-item-content-comment {
  color: #707070;
  font-size: 14px;
}
table.task-chat-list td.task-chat-list-item-content-col > div.task-chat-list-item-content-comment > pre {
  font-family: Calibri, sans-serif;
  font-size: 13px;
  margin: 0px;
  padding: 5px;
  line-height: 1em;
}
.task-chat-list-item-first {
  padding-top: 0px !important;
}
.task-chat-divider {
  width: 100%;
  border-bottom: dotted 1px #d1d3d4;
  padding-top: 15px;
}
.task-flow-header {
  padding-top: 20px;
  margin-left: -3px;
}
.task-flow-table {
  padding-top: 10px;
}
.util-hide-detail {
  display: none;
}
.follow-up-detail {
  background-color: #ededee;
  color: #201f35;
  font-size: 12px;
  border: solid 1px #cccccc;
}
.follow-up-detail a {
  color: #808080;
}
.follow-up-detail a:hover {
  opacity: 0.7;
}
.stroomt-popup-header {
  background-color: #2c2c2c !important;
  background-image: none !important;
  color: white !important;
}
.stroomt-popup-combobox-dropdown {
  height: 32px;
}
.stroomt-popup-combobox_dropdown-button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt-popup-combobox-dropdown-button-hover {
  background-color: #3f4043;
}
/* Gridview odd-even row. Note: the order of these is important! */

.stroomt_gridview_header {
  background-color: #2c2c2c;
}
.stroomt_gridview_searchpanel {
  background-color: white;
}
.stroomt_gridview_odd_row {
  background-color: #fdfdfd;
}
.stroomt_gridview_even_row {
  background-color: #ededee;
}
.stroomt-treeview-selected-node {
  color: #808080;
  border: none;
}
/* Favorites */

.stroomt-favorites-hyperlink-button {
  background-color: #58595b;
  padding: 0px 20px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  color: #fff !important;
  position: relative;
  outline: none;
  background-image: none;
  text-decoration: none !important;
}
.stroomt-favorites-hyperlink-button:hover {
  text-decoration: none !important;
  color: #fff !important;
  background-color: #2c2c2c;
}
.stroomt-favorites-hyperlink-button:visited {
  text-decoration: none !important;
  color: #fff !important;
}
.stroomt-favorites-hyperlink-button-disabled {
  opacity: 0.5;
  background-color: #58595b;
}
.stroomt-favorites-hyperlink-button-disabled:hover {
  background-color: #58595b;
}
.stroomt-favorites-copy-url-button {
  text-decoration: none !important;
  color: black !important;
}
.stroomt-favorites-copy-url-button span {
  display: none;
}
/* Export */

.stroomt-export-to-excel-form-dropdown {
  height: 32px;
}
.stroomt-export-to-excel-form-dropdown-button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt-export-to-excel-form-dropdown-button-hover {
  background-color: #3f4043;
}
.stroomt-export-to-excel-form-help {
  padding-left: 6px;
  font-size: 16px;
  vertical-align: middle;
}
.stroomt-export-to-excel-form-help-api {
  padding-left: 6px;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  cursor: default;
}
table.stroomt-export-to-excel-form-table {
  width: 100%;
}
table.stroomt-export-to-excel-form-table tr.stroomt-export-to-excel-form-row > td.stroomt-export-to-excel-form-label-col {
  white-space: nowrap;
  width: 25%;
  font-size: 16px;
}
table.stroomt-export-to-excel-form-table tr.stroomt-export-to-excel-form-row > td.stroomt-export-to-excel-form-value-col {
  width: 75%;
  vertical-align: top;
}
table.stroomt-export-to-excel-form-table tr.stroomt-export-to-excel-form-row:not(:first-child) > td.stroomt-export-to-excel-form-label-col {
  padding-top: 10px;
}
table.stroomt-export-to-excel-form-table tr.stroomt-export-to-excel-form-row:not(:first-child) > td.stroomt-export-to-excel-form-value-col {
  padding-top: 10px;
}
.stroomt-export-to-excel-button {
  background-color: #2c2c2c;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  opacity: 1;
}
.stroomt-export-to-excel-button:hover,
.stroomt-export-to-excel-button-hover {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt-export-to-excel-button-pressed {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt-export-to-excel-button-disabled {
  opacity: 0.5;
  background-color: #2c2c2c;
}
.stroomt-export-to-excel-button-disabled:hover {
  opacity: 0.5;
  background-color: #2c2c2c;
}
.stroomt-export-to-excel-link {
  color: #808080 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.stroomt-export-to-excel-link:hover {
  color: #808080 !important;
}
/* Workflow */

.stroomt-workflow-input-container-rule {
  white-space: nowrap;
}
.stroomt-workflow-input-container-token {
  white-space: nowrap;
}
.stroomt-workflow-input-container-list {
  white-space: nowrap;
}
.stroomt-workflow-input-container-text {
  white-space: nowrap;
  cursor: pointer;
}
.stroomt-workflow-input-container-text i {
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  color: #8080ff;
}
.stroomt-workflow-input-container-text span {
  color: #ff3333;
  font-weight: bold;
}
.stroomt-workflow-input-container-text span.terminal {
  color: #0000ff;
}
.stroomt-workflow-input-container-date {
  white-space: nowrap;
  cursor: pointer;
}
.stroomt-workflow-input-container-date i {
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  color: #8080ff;
}
.stroomt-workflow-input-container-date span {
  color: #ff3333;
}
.stroomt-workflow-input-container-date span.terminal {
  color: #8080ff;
}
.stroomt-workflow-input-container-picker {
  white-space: nowrap;
  cursor: pointer;
}
.stroomt-workflow-input-container-picker i {
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  color: #8080ff;
}
.stroomt-workflow-input-container-picker span {
  color: #ff3333;
  text-decoration: none;
}
.stroomt-workflow-input-container-picker img {
  margin-right: 4px;
  vertical-align: sub;
}
.stroomt-workflow-input-container-rule span.terminal {
  color: #8080ff !important;
}
/* removing this rule has a huge performance impact */

.stroomt-workflow-input-container-picker span.terminal {
  color: #0000ff !important;
}
.stroomt-workflow-input-container-date span.terminal {
  color: #0000ff !important;
}
.stroomt-workflow-input-container-text span.terminal {
  color: #0000ff !important;
}
.stroomt-workflow-input-marker-begin {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}
.stroomt-workflow-input-marker-end {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  display: none;
}
.stroomt-workflow-input-select-begin-list {
  border: none;
  color: #ff3333;
  border-color: #ff3333;
}
.stroomt-workflow-input-select-begin-rule {
  border: none;
  color: #ff3333;
  border-color: #ff3333;
}
.stroomt-workflow-input-select-begin-list option {
  color: #ff3333 !important;
}
.stroomt-workflow-input-select-begin-list option.semantical {
  color: #cc0000 !important;
  font-style: italic !important;
}
.stroomt-workflow-input-select-begin-list.selected {
  display: none;
}
.stroomt-workflow-input-select-begin-rule option {
  color: #ff3333 !important;
}
.stroomt-workflow-input-select-begin-rule option.semantical {
  color: #cc0000 !important;
  font-style: italic !important;
}
.stroomt-workflow-input-select-begin-rule.single {
  display: none !important;
}
.stroomt-workflow-input-select-begin-rule.selected {
  display: none;
}
.stroomt-workflow-input-selected-option-list {
  display: none;
}
.stroomt-workflow-input-selected-option-list.selected {
  display: inherit;
}
.stroomt-workflow-input-selected-option-list.terminal {
  color: #0000ff !important;
  cursor: pointer;
}
.stroomt-workflow-input-selected-option-rule {
  display: none;
}
.stroomt-workflow-input-selected-option-rule.single {
  display: inherit;
}
.stroomt-workflow-input-selected-option-rule.selected {
  display: inherit;
}
.stroomt-workflow-summary-picker-input {
  color: black;
  cursor: default;
  font-weight: bold;
}
.stroomt-workflow-summary-picker-input img {
  margin-right: 4px;
  vertical-align: sub;
}
.stroomt-workflow-summary-text-input {
  color: black;
  cursor: default;
}
.stroomt-workflow-summary-text-input i {
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
}
.stroomt-workflow-summary-text-input span {
  color: black;
  font-weight: bold;
}
.stroomt-workflow-summary-date-input {
  color: black;
  cursor: default;
  font-weight: bold;
}
.stroomt-workflow-summary-date-input i {
  padding-left: 4px;
  padding-right: 4px;
}
.stroomt-workflow-summary-selected-option-list {
  color: black;
  font-weight: bold;
}
.stroomt-workflow-summary-selected-option-rule {
  color: black;
}
.stroomt-workflow-summary-selected-option-rule.terminal {
  color: black;
  font-weight: bold;
}
.stroomt-workflow-summary-validation-errors {
  color: red;
  padding-left: 10px;
  font-size: 14px;
  cursor: default;
}
.stroomt-workflow-summary-workload-message {
  color: #aaaaaa;
  padding-left: 5px;
  cursor: default;
}
a.stroomt-workflow-summary-manual-trigger {
  cursor: pointer;
  color: black;
}
.stroomt_workflow_dropdown {
  height: 32px;
}
.stroomt_workflow_dropdown_button {
  background: none;
  background-color: #58595b;
  color: white;
}
.stroomt_workflow_dropdown_button_hover {
  background-color: #3f4043;
}
.stroomt-workflow-more-info {
  margin-bottom: 30px;
}
.stroomt-workflow-rule-row-item > td {
  vertical-align: top;
  min-width: 30px;
}
.stroomt-workflow-rule-command {
  padding-right: 20px;
}
.stroomt-workflow-rule-command:hover {
  cursor: pointer;
}
.stroomt-workflow-rule-command-inactive {
  padding-right: 20px;
  cursor: default;
}
.stroomt_workflow_button a {
  background-color: #58595b;
  padding: 0px 20px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  color: #fff;
  position: relative;
  outline: none;
  background-image: none;
  padding-left: 60px;
}
.stroomt_workflow_button a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3f4043;
}
.stroomt_workflow_button a:visited {
  color: #fff;
  text-decoration: none;
}
.stroomt_workflow_button i {
  height: 32px;
  width: 32px;
  text-align: center;
  background-color: #3f4043;
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 32px;
  color: white;
}
.stroomt_workflow_button_dx {
  background-color: #58595b;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  opacity: 1;
  height: 32px;
  min-width: 200px;
}
.stroomt_workflow_button_dx_hover {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  height: 32px;
  min-width: 200px;
}
.stroomt_workflow_button_dx_pressed {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  height: 32px;
  min-width: 200px;
}
.stroomt_workflow_button_dx_disabled {
  opacity: 0.5;
}
.stroomt_log_button_dx {
  background-color: #58595b;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  opacity: 1;
  height: 32px;
  min-width: 150px;
}
.stroomt_log_button_dx_hover {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  height: 32px;
  min-width: 150px;
}
.stroomt_log_button_dx_pressed {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  height: 32px;
  min-width: 150px;
}
.stroomt_log_button_dx_disabled {
  opacity: 0.5;
}
.stroomt-log-settings-label {
  white-space: nowrap;
  padding-top: 15px;
  width: 200px;
  padding-left: 2px;
}
.stroomt-log-settings-label i {
  padding-left: 10px;
  cursor: help;
}
.stroomt-popup-footer {
  width: 100%;
  background: white;
}
.stroomt-popup-footer .stroomt_button_dx {
  margin: 5px 12px 5px 12px;
}
.stroomt-popup-footer.hide-border .stroomt_button_dx {
  margin-top: 1px;
}
.stroomt_mavim_manager_link {
  margin-left: 6px;
  padding: 3px;
}
.stroomt_mavim_manager_link:hover {
  opacity: 0.7;
}
span.o365cs-me-tile-nophoto-username {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  font-size: 15px;
  padding-left: 16px;
  padding-right: 16px;
}
.pagination {
  display: inline-block;
}
.pagination a {
  color: black;
  padding: 2px 8px;
  text-decoration: none;
  border: 1px solid #ddd;
}
.pagination a.active {
  background-color: #3f4043;
  color: #fff;
  border: 1px solid black;
}
.pagination a:hover:not(.active) {
  background-color: #ddd;
}
.pagination a:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination a:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.relation-topic-name {
  white-space: normal;
  word-break: break-word;
  vertical-align: bottom;
}
.stroomt-chart-table td {
  vertical-align: top;
  border: dashed 1px gray;
}
.stroomt-chart-table img {
  width: 150px;
  height: 150px;
  min-width: 150px;
  min-height: 150px;
}
.stroomt-admin-section-header {
  white-space: nowrap;
  background-color: #2c2c2c !important;
  font-size: 16px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
  padding: 6px;
}
.stroomt-flex-container {
  display: flex;
  flex-wrap: wrap;
}
.stroomt-flex-item {
  border: solid 1px lightgray;
  padding: 3px;
}
.stroomt-flex-item img {
  width: 150px;
  height: 150px;
  min-width: 150px;
  min-height: 150px;
}
.stroomt-flex-item div.remove {
  width: 150px;
  height: 150px;
  min-width: 150px;
  min-height: 150px;
}
table.stroomt-rules-table-composite {
  width: 100%;
  background-color: white;
  border: solid 1px #a7a9ac;
}
table.stroomt-rules-table-composite td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  border: none;
  border-bottom: dotted 1px #a7a9ac;
}
table.stroomt-rules-table-composite td img {
  display: inline;
}
table.stroomt-rules-table-composite tr:nth-child(2n+0) {
  background-color: #fdfdfd;
}
/* TEMP: use same colors for even and odd rows */

table.stroomt-rules-table-composite tr:nth-child(2n+1) {
  background-color: #fdfdfd;
}
table.stroomt-rules-table-composite td.composite-rowspan {
  background-color: #fdfdfd;
  border-bottom: dotted 1px #a7a9ac;
}
table.stroomt-rules-table-composite tr:first-child td a {
  color: white !important;
}
table.stroomt-rules-table-composite tr:first-child td a:hover {
  color: #808080 !important;
}
table.stroomt-rules-table-composite td:first-child {
  text-align: left;
}
table.stroomt-rules-table-composite tr:first-child {
  background-color: #3f4043;
  color: #fff;
  border-bottom: none;
}
table.stroomt-rules-table-composite tr td {
  border-right: dotted 1px #a7a9ac;
}
table.stroomt-rules-table-composite tr td:last-child {
  border: none;
  border-bottom: dotted 1px #a7a9ac;
}
.stroomt-mpm-filename {
  margin-left: 20px;
  font-variant: small-caps;
  font-size: 14px;
  font-weight: bold;
  color: black;
  cursor: help;
}
.stroomt-row-control {
  border-collapse: collapse !important;
}
.stroomt-row-header-even {
  background-color: #ededee !important;
}
.stroomt-row-header-odd {
  background-color: #fdfdfd !important;
}
.stroomt-command-button {
  height: 32px;
  font-size: 14px;
  background-color: white;
  color: #58595b;
  border: solid 1px #a7a9ac;
  float: left;
  min-width: 150px;
}
.stroomt-command-button:hover {
  background-color: #f2f2f2;
}
.stroomt-space-control.stroomt-hide {
  margin-top: 0px;
  margin-bottom: 0px;
}
.stroomt-space-control-margins.stroomt-hide {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px !important;
}
.stroomt-space-toggle {
  margin-right: 5px;
}
.stroomt-active {
  color: #a7a9ac;
}
.stroomt-space-control-tab.dxtc-flex.dxtc-top > .dxtc-stripContainer .dxtc-psi {
  align-self: inherit !important;
}
.stroomt-webhook-style-pane {
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: 'Calibri', sans-serif;
  color: #201f35;
}
.stroomt-webhook-style-section-header {
  width: 100%;
  border: solid 1px black;
  padding: 5px;
  margin-top: 2em;
  font-size: smaller;
  background-color: darkslategray;
  color: white;
}
.stroomt-webhook-style-header-text {
  padding: 5px;
  padding-left: 0px;
  font-weight: bold;
  margin-top: 0.5em;
  font-size: smaller;
}
.stroomt-webhook-style-pane pre {
  border: solid 1px lightgray;
  overflow: auto;
  height: 9em;
  min-height: 5em;
}
/* Under construction */

.stroomt_automate_section_header {
  width: 100%;
  border-bottom: solid 1px #d1d3d4;
  padding: 5px;
  padding-left: 0px;
  margin-top: 0.5em;
  font-size: smaller;
  font-weight: bold;
}
.stroomt_automate_header_text {
  padding: 5px;
  padding-left: 0px;
  font-weight: bold;
  margin-top: 0.5em;
  font-size: smaller;
}
.stroomt_automate_smaller_text {
  font-size: smaller;
}
.stroomt_automate_button {
  background-color: #2c2c2c;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
  opacity: 1;
}
.stroomt_automate_button:hover,
.stroomt_automate_button_hover {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt_automate_button_pressed {
  background-color: #3f4043;
  background-image: none;
  color: white;
  display: inline-block;
  position: relative;
  outline: none;
}
.stroomt_trigger_webhooks_header_text {
  padding: 5px;
  padding-left: 0px;
  color: #2c2c2c;
  font-size: 16px;
  min-width: 200px;
  font-weight: bold;
}
.stroomt_trigger_webhooks_header_value {
  padding: 5px;
  padding-left: 0px;
  color: #58595b;
  font-size: 16px;
}
.stroomt_tooltip {
  position: relative;
}
div.stroomt_tooltip:after {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top, #ffffff 5%, rgba(255, 255, 255, 0) 95%);
  pointer-events: none;
}
.stroomt-lms-container {
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: 'Calibri', sans-serif;
  color: #201f35;
}
.stroomt-lms-tabs {
  margin-top: 10px;
  margin-bottom: 20px;
}
.stroomt-lms-link-row {
  background-color: #2c2c2c;
  color: #ffffff;
}
.stroomt-lms-title {
  font-size: 24px;
  color: #3f4043;
}
div.stroomt-lms-title > i {
  margin-right: 10px;
}
.stroomt-lms-subtitle {
  margin-top: 10px;
  /*margin-bottom: 10px;*/
  margin-left: 2px;
  font-size: 16px;
  color: #58595b;
  margin-top: 1em;
}
.stroomt-lms-table {
  border: none;
}
table.stroomt-lms-table > tr {
  padding: 4px;
}
td.stroomt-lms-link-section-header {
  font-size: larger;
  font-weight: bold;
  padding-top: 1em;
  padding-bottom: 5px;
  min-width: 150px;
}
td.stroomt-lms-link-example {
  min-width: 600px;
  max-width: 600px;
  overflow: hidden;
  white-space: nowrap;
}
td.stroomt-lms-link-example > input {
  min-width: 400px;
  border: hidden;
}
td.stroomt-lms-link-caption,
td.stroomt-lms-link-example {
  padding: 5px;
  border: 1px solid gray;
}
td.stroomt-lms-link-caption {
  font-weight: normal;
  min-width: 150px;
}
td.stroomt-lms-link-copy,
td.stroomt-lms-link-launch {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid gray;
  min-width: 40px;
}
td.stroomt-lms-link-launch {
  font-size: smaller;
  min-width: 100px;
}
.stroomt-lms-link-copy:hover {
  color: blue;
  opacity: 0.8;
}
.stroomt-lms-navigate {
  margin-top: 20px;
}
.stroomt-lms-checkbox-container {
  border: none;
}
.stroomt-lms-checkbox {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 40px;
}
div.stroomt-lms-setting-control-container {
  margin-top: 20px;
}
div.stroomt-lms-setting-control-header {
  font-weight: bold;
  padding-bottom: 5px;
}
span.stroomt-lms-setting-control-subheader {
  font-size: small;
  margin-left: 8px;
  opacity: 0.65;
  float: right;
  padding-top: 0.3em;
  padding-right: 3px;
}
span.stroomt-lms-setting-control-info {
  font-size: smaller;
  margin-left: 8px;
  opacity: 0.75;
}
div.stroomt-lms-setting-warning {
  padding: 10px;
  border: 1px solid black;
  font-size: medium;
  margin-top: 20px;
  background-color: lightyellow;
}
div.stroomt-lms-tab-content {
  margin: 10px;
}
span.stroomt-lms-tab-custom-header {
  vertical-align: sub;
  padding: 2px 10px;
}
.sr-focus-default:focus-visible {
  outline: 1px dotted #e6e6e6;
}
.sr-focus-soft:focus,
.sr-focus-soft:focus-visible {
  outline: 1px dotted #e6e6e6;
}
.sr-focus-default:focus {
  border: 1px dotted #e6e6e6;
}
.visually-hidden {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.visually-hidden:focus {
  left: 20px;
  width: auto;
  height: auto;
}
/* use bootstrap version sr-only and sr-only-focusable */

/*
.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border: 0;
    white-space: nowrap
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
    clip: auto;
    white-space: normal
}

.skiplinks .container ul {
    list-style: none;
}

*/