@import url(monokai.css);
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(./font/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../font/MaterialIcons-Regular.woff2) format("woff2"), url(../font/MaterialIcons-Regular.woff) format("woff"), url(../font/MaterialIcons-Regular.ttf) format("truetype");
}

.material-icons, .roe-diff-module .dl-html,
.roe-diff-module .dl-pdf, .decorated-input .now-timestamp:before, .knowledge-seeker .bullet-highlight-element::before, .knowledge-seeker .page-selector .arrow-right:after, .knowledge-seeker .page-selector .arrow-left:before, .fileUploader label:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons:focus, .roe-diff-module .dl-html:focus,
.roe-diff-module .dl-pdf:focus, .decorated-input .now-timestamp:focus:before, .knowledge-seeker .bullet-highlight-element:focus::before, .knowledge-seeker .page-selector .arrow-right:focus:after, .knowledge-seeker .page-selector .arrow-left:focus:before, .fileUploader label:focus:before {
  background: none;
  opacity: 0.8;
  outline: 5px auto #4d90fe;
}

.ACB {
  width: 25%;
  display: flex;
  flex-direction: row;
  position: relative;
}

.ACB .textBox {
  height: 30px;
  width: calc(100% - 25px);
  position: absolute;
  top: 0;
  left: 0;
  background: #4c637f;
}

.ACB .listBox {
  height: 36px;
  width: 100%;
  top: 0;
  left: 0;
}

.Artifactory {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-8.png);
}

.Artifactory .Olivier .header {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-17.png);
}

.Artifactory .Olivier .artyfooter {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-17.png);
}

.Artifactory .Olivier .artyfooter .artylink {
  color: white;
  text-align: center;
}

.Artifactory .ToolsBanzai .header {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-25.png);
}

.Artifactory .Artimove .header {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-21.png);
}

.Artifactory .artyfooter {
  background-image: url("../img/polygonal-background/low-poly-texture-20.png");
}

.Artifactory .artyfooter .artylink {
  color: white;
  padding: 20px;
  align-self: flex-end;
  text-decoration: none;
  cursor: help;
  text-align: center;
}

.Artifactory .artyfooter .artylink:hover {
  text-decoration: underline;
}

@font-face {
  font-family: 'Icons';
  src: url("../font/Material-Design-Iconic-Font.ttf");
}

.icon {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Icons';
  font-size: 23px;
  font-style: normal;
}

.login-widget {
  font-family: message;
}

.login-widget .login-container {
  background-color: #232c32;
  height: 300px;
  width: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding: 20px;
}

.login-widget .login-container .title {
  font-size: 48px;
  text-align: center;
}

.login-widget .login-container .logo {
  width: 195px;
  height: 195px;
  margin: 0 auto;
  cursor: pointer;
  background-image: url("../img/logo.png");
}

.login-widget .login-container .logo:hover {
  background-image: url("../img/logo-hover.png");
}

.user-widget {
  display: flex;
  align-items: center;
}

.user-widget .signout-btn {
  margin: 0 5px 10px 0;
  text-transform: uppercase;
}

.user-widget .avatar {
  margin: 0 5px;
  border-radius: 25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.13);
}

.header {
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}

.header .title-panel {
  display: flex;
  align-items: center;
}

.header .title-panel .title {
  font-size: 20px;
}

.header .title-panel .toggleNavBar {
  height: 25px;
  width: 25px;
  margin-right: 10px;
  cursor: pointer;
}

.header .searchBar {
  position: relative;
  flex-grow: 2;
  display: flex;
  justify-content: flex-end;
  margin-right: 15px;
}

.header .searchBar .queryBar {
  height: 25px;
  padding-left: 20px;
  padding-right: 60px;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 2px;
  border-radius: 10px;
  font-size: 15px;
  background-color: rgba(0, 0, 0, 0.1);
}

.header .searchBar .glass {
  position: absolute;
  top: 4px;
  right: 30px;
  color: white;
  font-size: 23px;
  opacity: 0.5;
  transition: opacity 0.5s;
  cursor: pointer;
}

.header .searchBar .glass:hover {
  opacity: 1;
}

.header .searchBar .information {
  opacity: 0.5;
}

.header .searchBar .information:hover {
  opacity: 1;
}

.nav {
  position: fixed;
  display: flex;
  background-color: #2b343a;
  transition: transform 0.3s ease-in-out;
  box-sizing: border-box;
}

.nav.left, .nav.right {
  flex-direction: column;
  z-index: 20;
  bottom: 0;
  top: 70px;
  width: 268px;
  box-shadow: 0 0 30px #0E1215;
  overflow-y: auto;
}

.nav.left {
  left: 0;
  transform: translate3d(-268px, 0, 0);
}

.nav.right {
  right: 0;
  transform: translate3d(268px, 0, 0);
}

.nav.top {
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  transform: translate3d(0, 0, 70px);
  z-index: 30;
  background-color: #1f262c;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.nav.toggled {
  transform: translate3d(0, 0, 0);
}

.home-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: absolute;
  left: 0;
  transition: left 0.3s ease-in-out;
}

.home-panel.nav-toggled {
  left: 268px;
}

.home-panel .box {
  width: 300px;
  background-color: #2b343a;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: 30px;
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-30.png);
}

.home-panel .box:hover {
  background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}

.home-panel .box:hover .header {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--bg_img_home);
  background-size: cover;
}

.home-panel .box .header {
  text-align: center;
  padding: 20px;
  position: relative;
  border-bottom: 2px solid black;
  font-weight: 900;
  font-size: 25px;
  background-image: var(--bg_img_home);
  background-size: cover;
  cursor: pointer;
  text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  color: white;
  white-space: nowrap;
}

.home-panel .content-box {
  padding: 20px 20px 5px 20px;
  flex-grow: 1;
  position: relative;
  word-break: break-word;
}

.home-panel .content-box p:first-of-type {
  margin-top: 0;
}

.home-panel .footer {
  padding: 5px;
  align-self: flex-end;
}

.home-panel .footer .link {
  text-decoration: none;
  color: #ffffff30;
  cursor: help;
}

.home-panel .footer .link:hover {
  text-decoration: underline;
}

.ripple-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  pointer-events: none;
  overflow: hidden;
}

.ripple-effect {
  margin-top: 0px;
  margin-left: 0px;
  width: 1px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.033);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.075);
}

.loading-pulse {
  position: relative;
  width: 6px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  animation: pulse 750ms infinite;
  animation-delay: 250ms;
  margin-left: 50%;
  margin-top: 20px;
}

.loading-pulse:before, .loading-pulse:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  transform: translateY(-50%);
  animation: pulse 750ms infinite;
}

.loading-pulse:before {
  left: -12px;
}

.loading-pulse:after {
  left: 12px;
  animation-delay: 500ms;
}

#reconnection {
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  background-color: #232c32;
  display: none;
  opacity: 0.8;
}

#reconnection .reco-content {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
}

@keyframes pulse {
  50% {
    background: white;
  }
}

.collapsibleWidget.fixed {
  z-index: 999;
  position: fixed;
  bottom: 0;
  right: 0;
}

.collapsibleWidget.fixed .collapser {
  flex-direction: row-reverse;
}

.collapsibleWidget .collapser {
  display: flex;
  align-items: center;
}

.collapsibleWidget .collapser.absolute {
  position: absolute;
}

.collapsibleWidget .action-icon {
  font-size: 36px;
}

.collapsibleWidget .action-icon:hover {
  cursor: pointer;
}

.collapsibleWidget .action-icon.reduce-down {
  color: #a00e0e;
}

.collapsibleWidget .action-icon.reduce-down::before {
  content: "expand_more";
}

.collapsibleWidget .action-icon.expand-top {
  color: #a00e0e;
}

.collapsibleWidget .action-icon.expand-top::before {
  content: "expand_less";
}

.collapsibleWidget > .component, .collapsibleWidget .body-panel.default-fix-editor > .component {
  margin: 0;
}

.fix-widget .collapser {
  justify-content: space-between;
}

.fix-widget .collapser .head-title {
  display: flex;
  align-items: center;
}

.live-logs {
  padding: 5px;
}

.live-logs .log-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 5px;
}

.live-logs .last-logs {
  height: 150px;
  overflow: auto;
  word-wrap: break-word;
  padding: 5px;
  padding-left: 10px;
  color: #aaa;
  border: 1px solid #aaa;
}

.execution-report-grid {
  overflow: auto;
}

.execution-report-grid table {
  margin: 10px;
  width: calc(100% - 20px);
}

.execution-report-grid .cancel-order:not(:empty), .execution-report-grid .show-as-fix:not(:empty) {
  cursor: pointer;
  padding: 3px 5px;
  background: #607d8b;
  margin: 0 0.5rem;
  color: white;
  font-weight: 600;
}

.execution-report-grid .msg-as-fix {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 12px;
}

.market-data-grid {
  padding: 0 5px;
}

.market-data-grid .market-data-header {
  margin-top: 10px;
}

.market-data-grid .grids-container {
  margin-top: 10px;
  display: flex;
}

.market-data-grid tr:nth-of-type(n+7) {
  display: none;
}

.market-data-grid td .gwt-HTML, .market-data-grid td .gwt-Label {
  max-width: 145px;
}

.market-data-grid .clickable-price:not(:empty) {
  cursor: pointer;
}

.life-container {
  display: flex;
  flex-direction: column;
}

.life-container .life-session {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.life-container div .gwt-Label {
  margin: 5px;
}

.life-container .sessions-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-around;
}

.life-container .dot.stopped {
  color: #F44336;
}

.life-container .dot.started {
  color: #4CAF50;
}

.life-container .dot:before {
  content: "fiber_manual_record";
}

.life-container .start, .life-container .stop {
  cursor: pointer;
}

.life-container .start:before {
  content: "play_arrow";
  color: #4CAF50;
}

.life-container .stop:before {
  content: "stop";
  color: #F44336;
}

.Banzai_Agg {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-2.png);
  color: black;
}

.options-tab-panel .tab-content {
  background: #212a30;
}

.options-tab-panel .options .row {
  display: flex;
  justify-content: space-between;
  padding: 5px;
}

.options-tab-panel .options .row .gwt-Label {
  margin: 0 5px;
}

.column {
  justify-content: space-evenly;
  display: flex;
  flex-direction: column;
  margin: 10px;
}

.column .row {
  display: flex;
}

button:disabled {
  background-color: #8e8e8e;
}

.session-row {
  padding: 5px 10px 5px 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-around;
}

.session-row.row > div {
  flex-basis: 150px;
}

.session-row .col-label {
  min-width: 150px;
}

.session-row .col-listbox {
  width: 149px;
}

.session-row:nth-of-type(odd) {
  background-color: #333c42;
}

.basic-panel {
  background-color: #2b343a;
  display: inline-block;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
}

.basic-panel .btn-session {
  width: 30px;
  height: 30px;
}

.radio-option {
  font-size: 13px;
  font-weight: 400;
  color: #D8DADA;
  white-space: nowrap;
}

.connector-panel {
  display: flex;
  flex-direction: column;
  background-color: #2b343a;
  width: 80%;
  min-width: 1000px;
  margin: auto;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
}

.connector-panel .top-panel {
  display: flex;
  justify-content: space-around;
  height: 100px;
}

.connector-panel .top-panel .top-left {
  align-self: center;
  display: flex;
  flex-direction: column;
}

.connector-panel .top-panel .top-right {
  align-self: center;
}

.session-panel {
  background-color: #2b343a;
  display: flex;
  width: 100%;
  margin-top: 15px;
  align-items: center;
  height: 100px;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
}

.banzai-panel {
  width: 100%;
}

.banzai-panel .banzai-main-panel {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 20px;
}

.banzai-panel .banzai-main-panel .banzai-title {
  margin: 5px;
}

.center-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.center-panel .center-top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.center-panel .center-top .control-panel {
  display: flex;
  flex-wrap: wrap;
}

.center-panel .center-top .control-panel .column {
  min-width: 150px;
  display: flex;
  flex-direction: column;
}

.center-panel .center-top .control-panel .column.actions {
  justify-content: space-around;
}

.center-panel .center-top .control-panel .column.actions .gwt-Button {
  margin: 0.5rem;
}

.center-panel .center-top .control-panel .row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.center-panel .center-top .control-panel .row select {
  width: 154px;
  margin-top: 1px;
}

@-moz-document url-prefix() {
  .center-panel .center-top .control-panel .row select {
    margin-top: 2px;
  }
}

.center-panel .center-top .control-panel .row .full {
  width: 150px;
}

.center-panel .center-top .control-panel .row .big {
  width: 150px;
}

.center-panel .center-top .control-panel .row .medium {
  width: 110px;
}

.center-panel .center-top .control-panel .row .little {
  width: 50px;
}

.center-panel .center-top .control-panel .row .label-input-decorated {
  align-self: flex-end;
}

.center-panel .center-top .control-panel .blank {
  height: 30px;
}

.center-panel .center-top .right .head {
  display: flex;
  justify-content: space-evenly;
  margin: 10px;
}

.center-panel .center-top .right .content {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.center-panel .center-top .right .content .table-container {
  display: flex;
  flex-direction: row;
  margin: 10px;
}

.center-panel .center-top .right .content .row {
  display: flex;
  justify-content: space-around;
}

.center-panel .center-top .right .content .row .item {
  width: 75px;
  height: 25px;
  border: 1px solid black;
}

.center-panel .center-top .right .content .row:nth-of-type(odd) {
  background-color: #333c42;
}

.center-panel .center-top .right .content .reverse {
  flex-direction: row-reverse;
}

.center-panel .center-bot {
  display: flex;
  flex-direction: column;
}

.center-panel .center-bot .report-table {
  margin: 20px;
}

.center-panel .center-bot .report-table .row {
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.center-panel .center-bot .report-table .row .item {
  width: 75px;
  height: 25px;
  border: 1px solid black;
}

.center-panel .center-bot .report-table .row:nth-of-type(odd) {
  background-color: #333c42;
}

.center-panel .center-bot .input-message {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.center-panel .center-bot .input-message .sub-title {
  flex-basis: 100%;
}

.center-panel .center-bot .input-message .fix-input {
  resize: none;
  flex-grow: 1;
}

.banzai-sidebar {
  height: 100%;
  background-color: #1b2227;
  width: 30px;
  border-left: 1px solid black;
  position: absolute;
  right: 0;
}

.banzai-footbar {
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 0;
  background-color: #1b2227;
  border-top: 2px solid black;
}

.live-logs {
  padding: 5px;
}

.live-logs .log-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 5px;
}

.live-logs .last-logs {
  height: 150px;
  overflow: auto;
  word-wrap: break-word;
  padding: 5px;
  padding-left: 10px;
  color: #aaa;
  border: 1px solid #aaa;
}

.market-data-grid {
  padding: 0 5px;
}

.market-data-grid .market-data-header {
  margin-top: 10px;
}

.market-data-grid .grids-container {
  margin-top: 10px;
  display: flex;
}

.market-data-grid tr:nth-of-type(n+7) {
  display: none;
}

.market-data-grid td .gwt-HTML, .market-data-grid td .gwt-Label {
  max-width: 145px;
}

.market-data-grid .clickable-price:not(:empty) {
  cursor: pointer;
}

.life-container {
  display: flex;
  flex-direction: column;
}

.life-container .life-session {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.life-container div .gwt-Label {
  margin: 5px;
}

.life-container .sessions-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-around;
}

.life-container .dot.stopped {
  color: #F44336;
}

.life-container .dot.started {
  color: #4CAF50;
}

.life-container .dot:before {
  content: "fiber_manual_record";
}

.life-container .start, .life-container .stop {
  cursor: pointer;
}

.life-container .start:before {
  content: "play_arrow";
  color: #4CAF50;
}

.life-container .stop:before {
  content: "stop";
  color: #F44336;
}

.Banzai_All {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-10.png);
  color: black;
}

.group-fields-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.banzai_container {
  width: 80%;
}

.banzai_container .Banzai_Conf_Panel,
.banzai_container .application-panel {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.banzai_container .Banzai_Conf_Panel > div {
  flex-shrink: 0;
}

.banzai_container .Banzai_Conf_Panel .headerConfPanel {
  display: flex;
  justify-content: space-between;
}

.banzai_container .Banzai_Conf_Panel .session-header {
  font-weight: bold;
}

.banzai_container .Banzai_Conf_Panel .dictionnary {
  display: flex;
  align-self: flex-start;
}

.banzai_container .Banzai_Conf_Panel .dictionnary .dico-panel {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.banzai_container .Banzai_Conf_Panel .dictionnary .dico-panel select {
  width: auto;
}

.banzai_container .Banzai_Conf_Panel .dictionnary .dico-panel .gwt-Label {
  font-weight: bold;
}

.banzai_container .Banzai_Conf_Panel .dictionnary .dico-panel > * {
  margin: 5px;
}

.banzai_container .Banzai_Conf_Panel .dictionnary .dico-panel > *:nth-of-type(3) {
  margin-left: 45px;
}

.banzai_container .Banzai_Conf_Panel .col-label {
  width: 160px;
}

.banzai_container .Banzai_Conf_Panel .config {
  padding: 5px;
}

.banzai_container .Banzai_Conf_Panel .conf-panel {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.banzai_container .Banzai_Conf_Panel .conf-panel .gwt-Label {
  font-weight: bold;
}

.banzai_container .Banzai_Conf_Panel .conf-panel > * {
  margin: 5px;
}

.banzai_container .Banzai_Conf_Panel .sessions {
  padding: 10px;
}

.banzai_container .fix-editor {
  display: flex;
  flex-direction: column;
}

.banzai_container .fix-editor .title {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px;
}

.banzai_container .fix-editor .button-container {
  align-self: flex-end;
  margin: 5px;
}

.banzai_container .fix-editor .required {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.banzai_container .fix-editor .required-group {
  display: flex;
  flex-wrap: wrap;
}

.banzai_container .fix-editor .item-group-not-required {
  font-style: italic;
}

.banzai_container .fix-editor .fg-float.error .fg-label {
  color: red;
  opacity: 0.5;
}

.banzai_container .blotter-header {
  display: flex;
  justify-content: space-between;
}

.banzai_container .blotter-header > .title {
  font-weight: bold;
}

.banzai_container .blotter-row {
  display: table-row;
}

.banzai_container .blotter-row:nth-of-type(odd) {
  background-color: #2b343a;
}

.banzai_container .blotter-row:nth-of-type(even) {
  background-color: #3d464c;
}

.banzai_container .blotter-row:first-of-type {
  background-color: #212a30;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}

.banzai_container .blotter-row .row-cell {
  display: table-cell;
  padding: 5px;
  border: 1px solid black;
  white-space: nowrap;
}

.banzai_container .blotter-row .row-cell .subcols-container {
  display: flex;
}

.banzai_container .blotter-row .row-cell .subcols-container > .row-cell {
  flex-grow: 1;
  flex-basis: 0;
  background: inherit;
}

.banzai_container .blotter-row .row-cell .subcols-container {
  background: #44545e;
}

.banzai_container .blotter-row .row-cell .subcols-container .subcols-container {
  background: #212a2f;
}

.banzai_container .blotter-row .row-cell .subcols-container .subcols-container .subcols-container {
  background: #44545e;
}

.banzai_container .blotter-row .row-cell .gwt-Label {
  min-height: 12px;
}

.banzai_container .blotter-row .row-cell button {
  font-size: 12px;
  font-weight: bold;
  padding: 3px 10px;
}

.banzai_container .blotter-container {
  overflow: auto;
  margin-top: 5px;
}

.banzai_container .blotter-container .blotter-content {
  display: table;
  text-align: center;
  font-size: 12px;
  border-spacing: 0;
  border-collapse: collapse;
  border-color: black;
  width: 100%;
  box-sizing: border-box;
}

.banzai_container .application-panel .fix_message_panel {
  display: flex;
  flex-direction: column;
}

.banzai_container .application-panel .fix_message_panel .messageTB {
  margin: 10px 0px 10px 0px;
}

.banzai_container .application-panel .fix_message_panel input {
  flex-grow: 1;
}

.banzai_container .application-panel .fix_message_panel .actionPanel {
  display: flex;
  align-items: center;
}

.banzai_container .application-panel .add_blotter_panel {
  text-align: center;
}

.banzai_container .application-panel .live_logs_panel {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 800px;
}

.banzai_container .application-panel .live_logs_panel .live_logs_top_panel {
  display: flex;
  justify-content: space-between;
}

.banzai_container .application-panel .live_logs_panel .logs {
  overflow: auto;
  word-break: break-all;
  color: lightgray;
  background-color: #32383e;
  resize: none;
  margin: 8px 8px 8px 8px;
  height: 200px;
}

.banzai_container .application-panel .live_logs_panel .logs > div {
  padding: 5px;
}

.banzai_container .application-panel .live_logs_panel .logs > div:nth-of-type(odd) {
  background-color: #212529;
}

.banzai_container .application-panel .action-icon {
  font-size: 36px;
}

.banzai_container .application-panel .action-icon:hover {
  cursor: pointer;
}

.banzai_container .application-panel .action-icon.start {
  color: green;
}

.banzai_container .application-panel .action-icon.start::before {
  content: "play_arrow";
}

.banzai_container .application-panel .action-icon.stop {
  color: #a00e0e;
}

.banzai_container .application-panel .action-icon.stop::before {
  content: "stop";
}

.banzai_container .application-panel .action-icon.reduce-left {
  text-align: right;
  color: #a00e0e;
}

.banzai_container .application-panel .action-icon.reduce-left::before {
  content: "chevron_left";
}

.banzai_container .application-panel .action-icon.expand-right {
  text-align: right;
  color: #a00e0e;
}

.banzai_container .application-panel .action-icon.expand-right::before {
  content: "chevron_right";
}

.banzai_container .application-panel .action-icon.exit {
  margin-top: 8px;
  text-align: center;
  color: #a00e0e;
}

.banzai_container .application-panel .action-icon.exit::before {
  content: "exit_to_app";
}

.banzai_container .application-panel .active_sessions_panel {
  position: fixed;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 4;
}

.banzai_container .application-panel .active_sessions_panel .sessions {
  margin: 0 0.5rem;
}

.banzai_container .application-panel .active_sessions_panel .session_row {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}

.banzai_container .application-panel .active_sessions_panel .session_row .session-name {
  margin: 0px 7px;
}

.banzai_container .application-panel .active_sessions_panel .session_row .status-icon::before {
  content: "fiber_manual_record";
}

.banzai_container .application-panel .active_sessions_panel .session_row .status-icon.offline {
  color: red;
}

.banzai_container .application-panel .active_sessions_panel .session_row .status-icon.online {
  color: green;
}

.banzai_container .application-panel .active_sessions_panel .session_row .status-icon.unmounted {
  color: gainsboro;
}

.banzai_container .application-panel .application-top-panel {
  display: flex;
  align-items: stretch;
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterGrid_top_panel {
  display: flex;
  justify-content: space-between;
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterContainer {
  overflow: auto;
  margin: 10px;
  text-align: center;
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterContainer .fixBlotter {
  display: table;
  text-align: center;
  font-size: 12px;
  border-spacing: 0;
  border-collapse: collapse;
  border-color: black;
  min-width: calc(100% - 1px);
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterContainer .fixBlotter .fixBlotterRow {
  display: table-row;
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterContainer .fixBlotter .fixBlotterRow:nth-of-type(odd) {
  background-color: #2b343a;
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterContainer .fixBlotter .fixBlotterRow:nth-of-type(even) {
  background-color: #3d464c;
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterContainer .fixBlotter .fixBlotterRow:first-of-type {
  background-color: #212a30;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterContainer .fixBlotter .fixBlotterRow .fixBlotterCell {
  display: table-cell;
  padding: 5px;
  height: 12px;
  border: 1px solid black;
  white-space: nowrap;
}

.banzai_container .application-panel .fixBlotterGrid .fixBlotterContainer .fixBlotter .fixBlotterRow .fixBlotterCell button {
  font-size: 12px;
  font-weight: bold;
  padding: 3px 10px;
}

.banzai_container .gwt-PopupPanel.EditColumnsPopup .popup-body {
  height: 300px;
  overflow: auto;
}

.group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
}

.fix-editor-popup,
.required-group {
  width: 80%;
}

.fix-editor-popup .group-container,
.required-group .group-container {
  display: flex;
  flex-direction: column;
  padding: 8px;
}

.fix-editor-popup .group-container .group-container-header,
.required-group .group-container .group-container-header {
  display: flex;
  align-items: baseline;
}

.fix-editor-popup .group-container .gwt-Label,
.required-group .group-container .gwt-Label {
  margin-bottom: 5px;
}

.fix-editor-popup .group-container .item-container,
.required-group .group-container .item-container {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}

.fix-editor-popup .group-container .group_fields_items,
.required-group .group-container .group_fields_items {
  margin: 5px;
  border-top: solid #D8DADA 1px;
  border-bottom: solid #D8DADA 1px;
}

.fix-editor-popup .group-container .group_fields_items.hidden,
.required-group .group-container .group_fields_items.hidden {
  visibility: collapse;
}

.fix-editor-popup .group-container .group_fields_items.show,
.required-group .group-container .group_fields_items.show {
  visibility: visible;
}

.fix-editor-popup .group-container .group_fields_items .fg-label,
.required-group .group-container .group_fields_items .fg-label {
  color: inherit;
}

.fix-editor-popup .optional,
.required-group .optional {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 5px;
  justify-items: baseline;
  grid-row-gap: 5px;
}

.fix-editor-popup .optional-group,
.required-group .optional-group {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dico-upload-popup .upload-row {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.dico-upload-popup .upload-row > .gwt-Label {
  font-weight: bold;
}

.ESMA_RefData {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-24.png);
}

.CFIMainPanel {
  display: flex;
  flex-direction: column;
}

.CFIPart {
  display: flex;
  flex-direction: column;
}

.CFIPart .Title {
  font-weight: bold;
}

.CFIPart .SubTitle {
  font-style: italic;
  font-weight: lighter;
}

.CFIPart .CodePane {
  display: flex;
  flex-direction: row;
}

.CFIPart .CodePane .codeTxt {
  color: black;
  background-color: lightgray;
}

.LEIPart {
  display: flex;
  flex-direction: row;
}

.LEIPart .txt {
  color: black;
  background-color: lightgray;
}

@keyframes pending {
  0% {
    content: '';
  }
  25% {
    content: '.';
  }
  50% {
    content: '..';
  }
  75% {
    content: '...';
  }
  100% {
    content: '';
  }
}

.ESMAPart {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.ESMAPart .EsmaCmdContainer {
  display: flex;
  flex-direction: column;
  margin: 5px;
}

.ESMAPart .EsmaFileContainer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.ESMAPart .logoEsma {
  background-color: lightgray;
  padding: 5px;
}

.ESMAPart .maskTxt {
  color: black;
  background-color: lightgray;
  height: 100px;
}

.ESMAPart .CurrentWork {
  color: crimson;
}

.ESMAPart .CurrentWork:after {
  animation: pending steps(1, end) 1s infinite;
  content: '';
}

.ESMAPart .likeButton {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

/**
 * 
 * @author ophilibert
 *
 */
.JXM_formatter {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-29.png);
}

.jxm-default {
  width: 75%;
  height: 550px;
}

.jxm-default .jxm-header {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-right: 300px;
  margin-left: 300px;
}

.jxm-default .jxm-header .gwt-Button {
  flex-grow: 1;
}

.jxm-default .CodeMirror {
  margin-top: 20px;
  margin-left: 32px;
  width: 95%;
  height: 450px;
  resize: none;
}

.jxm-default .CodeMirror .CodeMirror-gutters {
  width: 29px;
}

.jxm-default .CodeMirror .CodeMirror-sizer {
  min-height: 158px !important;
  margin-left: 30px;
}

.jxm-default .CodeMirror .CodeMirror-cursor {
  height: 15px !important;
}

*[class*="ArtiMove_"] {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-10.png);
  color: black;
}

.Arti-main {
  display: flex;
  flex-direction: column;
}

.Arti-main .Arti-main-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
}

.Arti-main .NoData {
  display: none;
}

.Arti-main .Arti-Bold {
  white-space: nowrap;
  font-weight: bold;
  width: 100%;
}

.Arti-main .Arti-Line {
  display: flex;
  flex-direction: row;
}

.Arti-main .Arti-Line > div {
  text-align: left;
  margin: 5px;
}

.Arti-main .Arti-Line:hover {
  background-color: #f1f174;
  color: black;
}

.Arti-main .flex > div {
  flex: 0 1 auto;
  width: 65px;
  text-align: left;
  margin: 5px;
}

.Arti-main .flex > input {
  flex: 2 1 auto;
  text-align: left;
  margin: 5px;
}

.Arti-main .Arti-Cmb {
  white-space: nowrap;
  width: 100%;
}

.Arti-main .selectorLine {
  display: flex;
  flex-direction: row;
  height: 40px;
}

.Arti-main .selectorLine > input {
  background-color: lightsteelblue;
  color: black;
  margin: 5px;
  height: 20px;
}

.Arti-main .selectorLine > div {
  margin: 5px;
}

.txt-Popup {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 500px;
  height: 500px;
}

.roe-diff-module {
  display: flex;
  flex-direction: column;
}

.roe-diff-module .component {
  padding: 10px;
}

.roe-diff-module .row {
  display: flex;
  align-items: center;
}

.roe-diff-module .row > div {
  margin: 0 5px;
}

.roe-diff-module .title {
  font-weight: bold;
  padding: 0 5px;
  white-space: nowrap;
}

.roe-diff-module .roe-header .title-panel {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}

.roe-diff-module .roe-header .title-panel .info {
  font-size: 40px;
  color: #21aabb;
}

.roe-diff-module .roe-header .title-panel .info:before {
  content: 'error_outline';
}

.roe-diff-module .roe-header .title-panel .title {
  padding: 0 10px;
}

.roe-diff-module .roe-header .warning {
  margin: 10px 0;
  color: #ff9800;
}

.roe-diff-module .roe-content {
  display: grid;
  grid-auto-rows: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  flex-shrink: 0;
}

.roe-diff-module .roe-content .row {
  display: grid;
  grid-template-columns: 100px 150px auto;
  grid-column-gap: 20px;
}

.roe-diff-module .roe-diff {
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}

.roe-diff-module .roe-diff .row {
  display: grid;
  grid-template-columns: 100px 150px auto;
  grid-column-gap: 20px;
}

.roe-diff-module .roe-diff .orientation-img {
  filter: invert(1);
}

.roe-diff-module .dl-html,
.roe-diff-module .dl-pdf {
  background: none;
  position: relative;
  font-size: 42px;
  margin: 10px;
  cursor: pointer;
}

.roe-diff-module .dl-html:disabled,
.roe-diff-module .dl-pdf:disabled {
  cursor: not-allowed;
}

.roe-diff-module .dl-html:before,
.roe-diff-module .dl-pdf:before {
  content: 'insert_drive_file';
  color: #fdfdfd;
}

.roe-diff-module .dl-html:after,
.roe-diff-module .dl-pdf:after {
  font-size: 12px;
  position: absolute;
  top: 23px;
  left: 15px;
  background: #00a4ec;
  padding: 0 5px 5px 5px;
  transform: translate(-50%, 0);
  border-radius: 4px;
  color: #006c9c;
  height: 11px;
  font-family: arial;
  vertical-align: middle;
  line-height: 16px;
  box-shadow: 0 2px 5px #000;
  background: #2b343a;
}

.roe-diff-module .dl-html:hover:before {
  color: #20bbff;
}

.roe-diff-module .dl-html:hover:after {
  color: #20bbff;
}

.roe-diff-module .dl-html:before {
  color: #00a4ec;
}

.roe-diff-module .dl-html:after {
  content: 'HTML';
}

.roe-diff-module .dl-pdf:hover:before {
  color: #ff1414;
}

.roe-diff-module .dl-pdf:hover:after {
  color: #ff1414;
}

.roe-diff-module .dl-pdf:before {
  color: #e00000;
}

.roe-diff-module .dl-pdf:after {
  content: 'PDF';
  color: #e01100;
}

.JiraAnalyzerPanel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.JiraAnalyzer-panel .gwt-TabBarItem-wrapper {
  cursor: pointer;
}

.JiraAnalyzer-panel .gwt-TabBarItem-wrapper.gwt-TabBarItem-wrapper-selected {
  background: gray;
  color: black;
}

.JiraAnalyzerPanelCmd {
  display: flex;
  flex-direction: column;
}

.JiraAnalyzerPanelCmd .UPDATE, .JiraAnalyzerPanelCmd .DATED, .JiraAnalyzerPanelCmd .TOTAL, .JiraAnalyzerPanelCmd .NOCLIENT, .JiraAnalyzerPanelCmd .WEEKED {
  display: flex;
  flex-direction: row;
}

.JiraAnalyzerPanelCmd .WEEKED .switch label {
  background-color: #1372b1;
}

.JiraAnalyzerPanelCmd .gwt-Label {
  margin: 5px;
}

.JiraWidget {
  flex-basis: 500px;
  min-width: 500px;
  flex-grow: 1;
  position: relative;
}

.JiraWidget.TOTAL {
  display: flex;
  flex-direction: row;
  margin: auto;
}

.JiraWidget.Open_Jira_GoLive .title, .JiraWidget.GoLiveWorker .title, .JiraWidget.JiraAnalyzerPanelCmd .title {
  color: #E0E0E3;
  font-size: 20px;
  text-transform: uppercase;
  fill: #E0E0E3;
}

.JiraWidget.Open_Jira_GoLive, .JiraWidget.GoLiveWorker {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.JiraWidget.Open_Jira_GoLive .innerPanel, .JiraWidget.GoLiveWorker .innerPanel {
  margin: 10px;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.JiraWidget.Open_Jira_GoLive .innerPanel table, .JiraWidget.GoLiveWorker .innerPanel table {
  margin: 5px;
}

.Per_Kind_Client, .Per_Kind_Month, .Per_CLients, .Per_Kinds {
  flex-grow: 1;
}

.datePickerNextButton, .datePickerPreviousButton, .datePickerDay {
  margin: -5px;
  cursor: pointer;
}

.highcharts-credits {
  display: none;
}

@keyframes loading {
  0% {
    content: 'Loading.';
  }
  33% {
    content: 'Loading..';
  }
  66% {
    content: 'Loading...';
  }
  100% {
    content: 'Loading';
  }
}

.chart:empty::before {
  content: 'Loading';
  width: 50px;
  height: 50px;
  /* after are display: inline by default, but inline elements can't be animated */
  display: block;
  /* center it in its parent block */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: loading 2s linear infinite;
}

.LogViewer {
  display: flex;
  flex-direction: column;
}

.LogViewer .command {
  height: 40px;
}

.LogViewer .text {
  overflow: scroll;
  flex-grow: 1;
}

.PDoc_Manager {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-12.png);
  color: black;
}

.Product_Guides {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-12.png);
  color: black;
}

.Release_DashBoard {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-18.png);
}

.rdb-module {
  display: flex;
  flex-direction: column;
  width: 1000px;
}

.rdb-module .component {
  padding: 10px;
}

.rdb-module .component .component-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.rdb-module .component .component-header > img {
  width: 32px;
  height: 32px;
}

.rdb-module .component .component-header > .title {
  margin-left: 10px;
  font-weight: bold;
}

.rdb-module .component table {
  width: 100%;
}

.rdb-module .component table tr:first-of-type > td {
  cursor: pointer;
}

.rdb-module .component table tr:not(:first-of-type):hover {
  background: rgba(255, 116, 0, 0.45);
}

.rdb-module .component table .desc > * {
  margin-left: 2px;
  margin-right: 2px;
}

.rdb-module .component table .version {
  text-align: left;
  padding-left: 12px;
}

.rdb-module .component a {
  color: cornflowerblue;
  font-weight: bold;
}

.rdb-module .component a.QSS {
  padding: 3px 5px 2px 5px;
  min-width: 76px;
  background: #dfe1e6;
  border: 1px solid #dfe1e6;
  border-radius: 3px;
  color: #253858;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 99%;
  margin: 0;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.rdb-module .component a.QSS.QSSYellow {
  background-color: #ffab00;
  border-color: #ffab00;
}

.rdb-module .component a.QSS.QSSGreen {
  background-color: #00875a;
  border-color: #00875a;
  color: #fff;
}

.rdb-module .component a.QSS.QSSGrey {
  background-color: #dfe1e6;
  border-color: #dfe1e6;
}

.rdb-module .component a.QSS.QSSRed {
  background-color: #de350b;
  border-color: #de350b;
  color: #fff;
}

.rdb-module .component a.QSS.QSSBlue {
  background-color: #b3d4ff;
  border-color: #b3d4ff;
}

.rdb-module .spinnerContent {
  width: 100px;
  display: flex;
}

.rdb-module .spinnerContent .spinner {
  width: 16px;
  height: 16px;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin 800ms linear infinite;
}

.rdb-module .spinnerContent .spinnerText {
  font-size: 18px;
  padding-top: 2px;
  padding-left: 5px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch input {
  display: none;
}

.switch input:checked + label {
  background-color: #2196F3;
}

.switch input:checked + label:before {
  transform: translateX(20px);
}

.switch label {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 20px;
}

.switch label:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.alert {
  padding-left: 30px;
  font-size: 13px;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 2px;
}

.alert.alert-WARNING {
  background-color: #ff9800;
  color: #fff;
}

.alert.alert-INFO {
  background-color: #2196f3;
  color: #fff;
}

.alert.alert-SUCCESS {
  background-color: #4CAF50;
  color: #fff;
}

.alert.alert-ERROR {
  background-color: #F44336;
  color: #fff;
}

.alert.alert-dismissable {
  padding-right: 44px;
}

.alert.growl-animated {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
}

.alert.fadeInDown {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInDown;
}

.alert.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.alert .close {
  float: right;
  font-size: 19.5px;
  line-height: 1;
  font-weight: 400;
  opacity: .5;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert .close .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  border-color: black;
}

table tr {
  height: 1em;
  text-align: center;
  font-size: 12px;
}

table tr:nth-of-type(odd) {
  background-color: #2b343a;
}

table tr:nth-of-type(even) {
  background-color: #3d464c;
}

table tr:first-of-type {
  background-color: #212a30;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}

table td {
  border: 1px solid black;
  padding: 5px;
}

table td .gwt-HTML, table td .gwt-Label {
  height: 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ExtendedBox {
  display: flex;
  flex-direction: column;
}

.ExtendedBox .ExtendedBox-Name {
  font-weight: bold;
  padding: 2px 0;
  background-color: #212a30;
}

.ExtendedBox .ExtendedBox-Button {
  padding: 2px 0;
}

.ExtendedBox .ExtendedBox-Button:nth-of-type(even) {
  background-color: #3d464c;
}

.ExtendedBox .ExtendedBox-Button:nth-of-type(odd) {
  background-color: #2b343a;
}

.ExtendedBox .ExtendedBox-Button:hover {
  background-color: #50666c;
}

.ExtendedBox .ExtendedBox-Button.Selected {
  background-color: darkgoldenrod;
}

.basic-popUp {
  background-color: #2b343a;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
}

.basic-popUp > div {
  padding: 5px;
}

.basic-popUp .popup-header {
  background: #607c8a;
  font-weight: bold;
}

.basic-popUp .popup-footer {
  border-top: 1px solid rgba(128, 128, 128, 0.5);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.gwt-PopupPanelGlass {
  background-color: rgba(19, 19, 19, 0.5);
  background-size: 20px 20px;
  z-index: 1200;
}

.gwt-PopupPanel {
  z-index: 1201;
}

.tab-panel .header-row {
  display: flex;
}

.tab-panel .header-row .tab-header {
  position: relative;
  padding: .5rem 1rem;
  cursor: pointer;
}

.tab-panel .header-row .tab-header.current:after {
  transform: scale(1) !important;
}

.tab-panel .header-row .tab-header:focus {
  outline: none;
}

.tab-panel .header-row .tab-header:focus:after {
  transform: scale(0.5);
}

.tab-panel .header-row .tab-header:after {
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transform: scale(0);
  transition: all;
  transition-duration: 375ms;
  background-color: #D8DADA;
}

.tab-panel .tab-content {
  padding: 5px;
}

.suggest-text-box {
  position: relative;
  display: inline-block;
  min-width: 150px;
}

.suggest-text-box > input[type=text]:focus, .suggest-text-box > select:focus {
  border-bottom-color: white;
}

.suggest-text-box > input[type=text] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(100% - 15px);
  background: #2b343a;
}

.suggest-text-box > select {
  width: 100%;
}

ul.treeview {
  margin: 0;
  list-style: none;
  overflow: auto;
  height: 500px;
  padding-right: 40px;
}

ul.treeview ul.treeview {
  overflow: inherit;
  height: inherit;
}

ul.treeview li {
  padding: 2px 0 2px 16px;
}

ul.treeview li > input {
  height: 16px;
  width: 16px;
  /* hide the inputs but keep them in the layout with events (use opacity) */
  opacity: 0;
  filter: alpha(opacity=0);
  /* internet explorer */
}

ul.treeview li > label {
  /* move left to cover the original checkbox area */
  margin-left: -20px;
  /* pad the text to make room for image */
  padding-left: 20px;
}

.market-widget .tables {
  display: flex;
}

.market-widget .tables > * {
  flex-grow: 1;
}

.market-widget .tables .table-title {
  font-weight: bold;
  text-align: center;
  margin: 5px 0;
}

.column-picker {
  display: flex;
  flex-direction: column;
}

.dateBoxPopup {
  z-index: 1300;
}

input[type="text"].dateBoxFormatError {
  color: red;
}

button.dateBoxDeleteBtn {
  left: -20px;
  top: 5px;
  background: transparent;
  border: 1px solid darkgray;
  margin: 0px;
  padding: 1px 4px;
  font-weight: 400;
  color: #D8DADA;
  font-size: 13px;
}

.decorated-input .now-timestamp {
  padding: 1px;
  background: transparent;
  opacity: 0.5;
}

.decorated-input .now-timestamp:hover, .decorated-input .now-timestamp:focus {
  opacity: 1;
  background: transparent;
}

.decorated-input .now-timestamp:before {
  content: 'access_time';
  font-size: 15px;
  vertical-align: top;
}

.progress-bar-wigdet {
  background: lightsteelblue;
  border-radius: 15px;
  width: 100%;
  min-width: 200px;
}

.progress-bar-wigdet > .progress-bar-value {
  border: 1px solid #c1c7d0;
  background: #42af6f;
  height: 10px;
  border-radius: 15px;
}

.progress-bar-wigdet > .progress-bar-value-empty {
  height: 12px;
}

::-webkit-scrollbar {
  height: 5px;
  width: 5px;
  box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.2);
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #576c76;
}

.home-page {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 1920px;
  height: 670px;
}

.home-page .spinnerContent {
  width: 100px;
  margin-left: 20px;
  display: flex;
}

.home-page .spinnerContent .spinner {
  width: 16px;
  height: 16px;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin 800ms linear infinite;
}

.home-page .spinnerContent .spinnerText {
  font-size: 18px;
  padding-top: 2px;
  padding-left: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #D8DADA;
  display: flex;
  align-items: center;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.qa-status {
  border: 1px solid blue;
  width: 729px;
  height: 412px;
  background: #20272C;
  border: 0.5px solid #1C2226;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}

.qa-status .header-div {
  width: 493px;
  height: 25px;
  margin-left: 15px;
  margin-top: 15px;
  display: flex;
}

.qa-status .header-div .header-text-div {
  Width: 458px;
  Height: 25px;
  margin-left: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
}

.qa-status .header-div .pencil-icon-div {
  Width: 25px;
  Height: 20px;
  padding-left: 5px;
  padding-top: 5px;
  font-family: 'webappsdk';
}

.qa-status .header-div .pencil-icon-div::before {
  content: '\e90e';
  Width: 20px;
  Height: 20px;
}

.qa-status .info-div {
  width: 699px;
  height: 50px;
  margin-left: 15px;
  margin-top: 20px;
  background: #212121;
  border: 0.5px solid #111111;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
}

.qa-status .info-div .info-text-div {
  margin-left: 10px;
  margin-top: 12px;
  font-size: 15px;
  line-height: 18px;
}

.qa-status .info-div .info-icon-div {
  Width: 25px;
  Height: 20px;
  margin-left: 10px;
  margin-top: 14px;
  font-family: 'webappsdk';
}

.qa-status .info-div .info-icon-div::before {
  content: '\ed61';
  Width: 15px;
  Height: 15px;
}

.qa-status .body-top-div {
  width: 415px;
  height: 30px;
  margin-left: 157px;
  margin-top: 20px;
  display: flex;
}

.qa-status .body-top-div .version-number-input {
  width: 280px;
  height: 30px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  background: #263238;
  border: 1px solid #424242;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  align-items: center;
  text-indent: 8px;
}

.qa-status .body-top-div .check-version-button {
  width: 120px;
  height: 30px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  background: #0B67B8;
  border: 1px solid #1976D2;
  box-sizing: border-box;
  border-radius: 3px;
}

.qa-status .body-bottom-div {
  width: 360px;
  height: 66px;
  margin-left: 161px;
  display: flex;
  flex-direction: column;
  /*if page dont exists */
  /* If page already exists */
  /* feedback button */
}

.qa-status .body-bottom-div .orange-feedback-line {
  width: 273px;
  height: 0px;
  border: 1px solid #FF7501;
}

.qa-status .body-bottom-div .orange-feedback-info {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #D8DADA;
  font-family: 'webappsdk';
}

.qa-status .body-bottom-div .orange-feedback-info::before {
  width: 13px;
  height: 13px;
  padding-right: 6px;
  content: '\ed4d';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  color: #FF7501;
}

.qa-status .body-bottom-div .green-feedback-line {
  width: 273px;
  height: 0px;
  border: 1px solid #2E8934;
}

.qa-status .body-bottom-div .green-feedback-info {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #D8DADA;
  font-family: 'webappsdk';
}

.qa-status .body-bottom-div .green-feedback-info::before {
  width: 13px;
  height: 13px;
  padding-right: 6px;
  content: '\ee73';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  color: #2E8934;
}

.qa-status .body-bottom-div .create-and-open-buttons-div {
  width: auto;
  height: auto;
  margin-left: 116px;
  margin-top: 20px;
}

.qa-status .body-bottom-div .create-and-open-buttons-div .feedback-button {
  width: auto;
  height: auto;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  background: #0B67B8;
  border: 1px solid #1976D2;
  box-sizing: border-box;
  border-radius: 3px;
}

.qa-status .error-div {
  height: 50px;
  margin-top: 200px;
  background: #781414;
  border: 0.5px solid #540909;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #D8DADA;
  display: flex;
  align-items: center;
  font-family: 'webappsdk';
}

.qa-status .error-div::before {
  width: 25px;
  height: 25px;
  margin-left: 10px;
  margin-top: 7px;
  padding-right: 3px;
  content: '\ed4d';
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  color: #D8DADA;
}

.qa-weekly-report {
  border: 1px solid white;
  width: 729px;
  height: 412px;
  background: #20272C;
  border: 0.5px solid #1C2226;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}

.qa-weekly-report .header-div {
  width: 493px;
  height: 25px;
  margin-left: 15px;
  margin-top: 15px;
  display: flex;
}

.qa-weekly-report .header-div .header-text-div {
  Width: 458px;
  Height: 25px;
  margin-left: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
}

.qa-weekly-report .header-div .calendar-icon-div {
  Width: 25px;
  Height: 20px;
  padding-left: 5px;
  padding-top: 5px;
  font-family: 'webappsdk';
}

.qa-weekly-report .header-div .calendar-icon-div::before {
  content: '\ea62';
  Width: 20px;
  Height: 20px;
}

.qa-weekly-report .info-div {
  width: 699px;
  height: 65px;
  margin-left: 15px;
  margin-top: 20px;
  background: #212121;
  border: 0.5px solid #111111;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
}

.qa-weekly-report .info-div .info-text-div {
  margin-left: 10px;
  margin-top: 12px;
  padding-right: 46px;
  font-size: 15px;
  line-height: 18px;
}

.qa-weekly-report .info-div .info-icon-div {
  Width: 25px;
  Height: 20px;
  margin-left: 10px;
  margin-top: 14px;
  font-family: 'webappsdk';
}

.qa-weekly-report .info-div .info-icon-div::before {
  content: '\ed61';
  Width: 15px;
  Height: 15px;
}

.qa-weekly-report .body-top-div {
  Width: 699px;
  Height: 61px;
  margin-top: 15px;
  margin-left: 15px;
}

.qa-weekly-report .body-top-div .automatic-subtitle-div {
  Width: 212px;
  Height: 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #D8DADA;
}

.qa-weekly-report .body-top-div .line-div {
  border: 0.5px dashed #D8DADA;
  margin-top: 4px;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div {
  Width: 149px;
  Height: 22px;
  margin-left: 290px;
  margin-top: 15px;
  display: flex;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .enable-div {
  Width: 43px;
  Height: 20px;
  margin-left: 10px;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
  letter-spacing: -0.05em;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button {
  position: relative;
  display: inline-block;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button input {
  display: none;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button label {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button label::before, .qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button label::before {
  width: 100%;
  height: 100%;
  background-color: #dedede;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button label::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button input:checked + label::before {
  background-color: #89c12d;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .switch-button input:checked + label::after {
  left: 24px;
}

.qa-weekly-report .body-top-div .enable-disable-checkbox-div .disable-div {
  Width: 46px;
  Height: 20px;
  margin-right: 10px;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
  letter-spacing: -0.05em;
}

.qa-weekly-report .body-bottom-div {
  width: 699px;
  height: 150px;
  margin-left: 15px;
  margin-top: 20px;
  /* If page already exists */
  /* If page has been created */
}

.qa-weekly-report .body-bottom-div .manual-subtitle-div {
  Width: 212px;
  Height: 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #D8DADA;
}

.qa-weekly-report .body-bottom-div .line-div {
  border: 0.5px dashed #D8DADA;
  margin-top: 4px;
}

.qa-weekly-report .body-bottom-div .calendar-and-button-div {
  Width: 480px;
  Height: 55px;
  margin-left: 137px;
  margin-top: 15px;
  display: flex;
}

.qa-weekly-report .body-bottom-div .calendar-and-button-div .label-and-calendar-div {
  Width: 280px;
  Height: 55px;
}

.qa-weekly-report .body-bottom-div .calendar-and-button-div .label-and-calendar-div .calendar-label-div {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #D8DADA;
}

.qa-weekly-report .body-bottom-div .calendar-and-button-div .label-and-calendar-div .calendar {
  Width: 295px;
  Height: 30px;
  margin-top: 5px;
  margin-right: 5px;
  background: #263238;
  border: 1px solid #424242;
  box-sizing: border-box;
  border-radius: 5px;
  /*option[selected]{
						font-family: Roboto;
						font-style: normal;
						font-weight: bold;
						font-size: 13px;
						line-height: 26px;
						text-indent: 8px;
						color: #D8DADA;
					}*/
}

.qa-weekly-report .body-bottom-div .calendar-and-button-div .spinner-and-create-report-div {
  Width: 170px;
  Height: 30px;
  margin-top: 19px;
  margin-left: 25px;
}

.qa-weekly-report .body-bottom-div .calendar-and-button-div .spinner-and-create-report-div button {
  Width: 160px;
  Height: 30px;
  background: #0B67B8;
  border: 1px solid #1976D2;
  box-sizing: border-box;
  border-radius: 3px;
}

.qa-weekly-report .body-bottom-div .orange-feedback-line {
  width: 273px;
  height: 0px;
  margin-left: 140px;
  margin-top: -2px;
  border: 1px solid #FF7501;
}

.qa-weekly-report .body-bottom-div .orange-feedback-info {
  margin-left: 137px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #D8DADA;
  font-family: 'webappsdk';
}

.qa-weekly-report .body-bottom-div .orange-feedback-info::before {
  width: 13px;
  height: 13px;
  padding-right: 6px;
  content: '\ed4d';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  color: #FF7501;
}

.qa-weekly-report .body-bottom-div .green-feedback-line {
  width: 278px;
  height: 0px;
  margin-left: 140px;
  margin-top: -2px;
  border: 1px solid #2E8934;
}

.qa-weekly-report .body-bottom-div .green-feedback-info {
  margin-left: 137px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #D8DADA;
  font-family: 'webappsdk';
}

.qa-weekly-report .body-bottom-div .green-feedback-info::before {
  width: 13px;
  height: 13px;
  padding-right: 6px;
  content: '\ee73';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  color: #2E8934;
}

.qa-weekly-report .body-bottom-div .show-page-button-div {
  width: 180px;
  margin-top: 15px;
  margin-left: 280px;
}

.qa-weekly-report .body-bottom-div .show-page-button-div button {
  width: 160px;
  background: #0B67B8;
  border: 1px solid #1976D2;
  box-sizing: border-box;
  border-radius: 3px;
}

.qa-weekly-report .error-div {
  border: 1px solid red;
  height: 50px;
  margin-top: 0px;
  background: #781414;
  border: 0.5px solid #540909;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #D8DADA;
  display: flex;
  align-items: center;
  font-family: 'webappsdk';
}

.qa-weekly-report .error-div::before {
  width: 25px;
  height: 25px;
  margin-left: 10px;
  margin-top: 7px;
  padding-right: 3px;
  content: '\ed4d';
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  color: #D8DADA;
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.smartTrade_Search {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-17.png);
}

.knowledge-seeker {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
}

.knowledge-seeker .home-panel-KS {
  margin: 0 44px;
}

.knowledge-seeker .searchBar {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 14px;
  align-items: center;
}

.knowledge-seeker .searchBar .queryBar {
  height: 50px;
  padding-left: 20px;
  padding-right: 60px;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 2px;
  border-radius: 20px;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.1);
}

.knowledge-seeker .searchBar .queryBar::placeholder {
  color: rgba(255, 255, 255, 0.4);
  transition: color 0.5s;
}

.knowledge-seeker .searchBar .queryBar:focus {
  outline: none;
}

.knowledge-seeker .searchBar .queryBar:focus::placeholder {
  color: rgba(255, 116, 0, 0.7);
}

.knowledge-seeker .searchBar .queryBar.mainQueryBox {
  flex-grow: 1;
}

.knowledge-seeker .searchBar .queryBar.resultQueryBox {
  width: 640px;
}

.knowledge-seeker .searchBar .glass {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 20px;
  color: white;
  font-size: 36px;
  opacity: 0.5;
  transition: opacity 0.5s;
  cursor: pointer;
}

.knowledge-seeker .searchBar:focus-within .glass {
  opacity: 1;
}

.knowledge-seeker .searchBar .information {
  position: absolute;
  font-size: xx-large;
  right: -44px;
  color: white;
  opacity: 0.5;
}

.knowledge-seeker .searchBar .information:hover {
  opacity: 1;
}

.knowledge-seeker .results-panel {
  padding: 0 44px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.knowledge-seeker .source-panel {
  display: flex;
  width: 450px;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  cursor: pointer;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 0;
}

.knowledge-seeker .source-panel .source-label {
  color: white;
  font-size: 1.5em;
  border-bottom: 4px solid transparent;
}

.knowledge-seeker .source-panel .source-label:hover {
  border-bottom-color: #FF7400;
}

.knowledge-seeker .source-panel .source-selected {
  font-weight: bold;
  border-bottom: 4px solid #FF7400;
}

.knowledge-seeker .response-header {
  margin-bottom: 20px;
}

.knowledge-seeker .response-header .response-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.knowledge-seeker .response-header .response-title > div {
  display: flex;
  align-items: center;
}

.knowledge-seeker .response-header .response-title .jira-key {
  color: #AAAAAA;
  font-size: 1.4em;
}

.knowledge-seeker .document-title {
  text-decoration: none;
  font-size: 2em;
  font-weight: bold;
  color: white;
  margin-left: 14px;
}

.knowledge-seeker .document-title:hover {
  text-decoration: underline;
}

.knowledge-seeker .block-element {
  display: block;
}

.knowledge-seeker .highlight-element {
  display: inline;
  line-height: 24px;
}

.knowledge-seeker .bullet-highlight-element::before {
  content: "brightness_1";
  font-size: smaller;
  width: 29px;
  text-align: center;
  margin: 0 2px;
}

.knowledge-seeker .highlight {
  color: white;
  font-weight: bold;
}

.knowledge-seeker .more-info-label {
  color: white;
  font-weight: bold;
  text-align: right;
  cursor: pointer;
}

.knowledge-seeker .header-line {
  margin-top: 4px;
}

.knowledge-seeker .last-update {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #A4A4A4;
  font-size: 0.8em;
}

.knowledge-seeker .header {
  line-height: 24px;
  margin-bottom: 14px;
  padding: 0;
}

.knowledge-seeker .header-info {
  color: #A4A4A4;
  font-size: 0.9em;
  font-weight: bold;
}

.knowledge-seeker .response-element {
  margin-bottom: 34px;
  text-align: left;
  word-break: break-word;
  background: #2b343a;
  padding: 10px 15px;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
}

.knowledge-seeker .response-element .document-content {
  align-items: center;
}

.knowledge-seeker .response-element .document-content.collapsed {
  max-height: 72px;
  overflow: hidden;
}

.knowledge-seeker .content:empty {
  cursor: progress;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 7px double grey;
  border-bottom-color: #FF7400;
  border-top-color: #FF7400;
  animation: rotating;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.knowledge-seeker .icon-in-text {
  margin: 0 2px;
  vertical-align: middle;
}

.knowledge-seeker .page-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 44px;
}

.knowledge-seeker .page-selector .page-numbers {
  display: flex;
  justify-content: space-around;
}

.knowledge-seeker .page-selector .page-numbers > div {
  margin: 0 14px;
  border-bottom: 4px solid transparent;
}

.knowledge-seeker .page-selector .page-numbers > div:hover {
  border-bottom-color: #FF7400;
}

.knowledge-seeker .page-selector .page-numbers .page-active {
  font-weight: bold;
}

.knowledge-seeker .page-selector .arrow {
  color: white;
  font-weight: bold;
  display: flex;
  align-items: center;
  border-bottom: 4px solid transparent;
}

.knowledge-seeker .page-selector .arrow-right:after {
  content: "navigate_next";
  color: #FF7400;
}

.knowledge-seeker .page-selector .arrow-left {
  color: white;
}

.knowledge-seeker .page-selector .arrow-left:before {
  content: "navigate_before";
  color: #FF7400;
}

.knowledge-seeker .not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.knowledge-seeker .not-found .not-found-icon {
  margin-top: 14px;
  width: initial;
}

.knowledge-seeker .not-found .not-found-title {
  color: white;
  font-size: 2em;
  font-weight: bold;
}

.knowledge-seeker .search-header {
  display: flex;
  flex-direction: row;
  margin-top: 14px;
  width: 50%;
  align-items: center;
}

.knowledge-seeker .search-header .home-button {
  height: 50px;
  width: 50px;
  margin-left: 0px;
  font-size: 24px;
}

.knowledge-seeker .search-header .home-button:hover {
  background-color: darkgrey;
}

.knowledge-seeker .inline-block-element {
  display: inline-block;
}

.knowledge-seeker .filters-panel {
  display: flex;
  flex-direction: row;
  margin-bottom: 14px;
}

.knowledge-seeker .filters-panel .dropdown {
  margin-right: 7px;
}

.knowledge-seeker .filters-panel .filter-choice {
  display: flex;
  flex-direction: row;
}

.knowledge-seeker .filters-panel .col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 4px 10px;
}

.knowledge-seeker .filters-panel .col .filter-element {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 2px 7px;
  cursor: pointer;
}

.knowledge-seeker .filters-panel .col .filter-element .filter-field {
  display: flex;
  margin-right: 20px;
}

.knowledge-seeker .filters-panel .col .filter-element .filter-field > input {
  cursor: pointer;
}

.knowledge-seeker .filters-panel .col .filter-element .filter-field > label {
  white-space: nowrap;
  cursor: pointer;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.knowledge-seeker .filters-panel .col .filter-element:hover {
  background-color: #374c56;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown:hover .dropdown-content, .dropdown:focus-within .dropdown-content {
  visibility: visible;
}

.dropdown .dropdown-content {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.7);
  z-index: 1;
  min-width: 100%;
  visibility: hidden;
  position: absolute;
  padding: 5px;
  background: #607d8b;
}

.dropdown .dropdown-title {
  padding: 5px;
  background: #607d8b;
}

.mailing-list-container .text-input {
  font-size: 13px;
  line-height: 26px;
  color: #BDBDBD;
}

.mailing-list-container .filter-input {
  height: 100%;
  width: 100%;
  text-indent: 26px;
  background: #263238;
  border: 1px solid #424242;
  box-sizing: border-box;
}

.mailing-list-container .title {
  font-size: 20px;
  line-height: 30px;
  margin-right: 20px;
  white-space: nowrap;
  color: #FFFFFF;
}

.mailing-list-container .panel {
  background-color: #212121;
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 5px;
}

.mailing-list-container .scroll:hover {
  overflow-y: auto;
}

.mailing-list-container .scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background-color: #333333;
}

.mailing-list-container .scroll::-webkit-scrollbar-thumb {
  background-color: #555555;
  border-radius: 3px;
}

.mailing-list-container .error-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
}

.mailing-list-container .popup-error {
  position: absolute;
  max-width: 500px;
  background-color: #B71C1C;
  border-radius: 10px;
  animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.mailing-list-container .shadow {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.mailing-list-container .error-header {
  box-sizing: border-box;
  padding: 5px;
  display: flex;
  align-items: center;
  height: 40px;
}

.mailing-list-container .header-text {
  margin: 0 auto;
  line-height: 40px;
  font-size: 30px;
  color: #FFFFFF;
}

.mailing-list-container .error-message {
  max-height: 400px;
  overflow: auto;
  box-sizing: border-box;
  font-size: 16px;
  padding: 5px 10px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}

.mailing-list-container .error-footer {
  box-sizing: border-box;
  padding: 5px;
  height: 30px;
  display: flex;
  justify-content: center;
}

.mailing-list-container .cancel-error-btn {
  padding: 0px;
  width: 80px;
  height: 20px;
  font-size: 16px;
  color: #050505;
  background: #F5F5F5;
  border: none;
  box-sizing: border-box;
  border-radius: 5px;
  font-weight: bold;
}

.mailing-list-container .cancel-error-btn:hover {
  background-color: #CBCBCB;
  cursor: pointer;
}

.mailing-list-container .error-border {
  border-bottom: 1px solid #EEEEEE;
}

.mailing-list-container .mailing-list-details {
  grid-area: mailing-list-details;
  padding: 10px;
}

.mailing-list-container .ml-details-header {
  height: 30px;
  padding-bottom: 8px;
}

.mailing-list-container .members-filter {
  position: relative;
  height: 26px;
  padding-bottom: 5px;
}

.mailing-list-container .members-filter::before {
  position: absolute;
  left: 5px;
  font-family: 'webappsdk';
  content: '\eb33';
  color: #BDBDBD;
  line-height: 26px;
}

.mailing-list-container .details-members-container {
  height: calc(100% - 80px);
  padding-right: 8px;
  overflow: hidden;
}

.mailing-list-container .details-members-container:hover {
  overflow: auto;
}

.mailing-list-container .details-member {
  height: 45px;
  padding-left: 8px;
  border-bottom: 1px solid #424242;
}

.mailing-list-container .text-member {
  padding-top: 5px;
  font-size: 18px;
  line-height: 20px;
  white-space: nowrap;
  color: #FFFFFF;
}

.mailing-list-container .text-mail {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  color: #BDBDBD;
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.mailing-list-container .mailing-list-editor {
  grid-area: mailing-list-editor;
  padding: 10px 15px 15px 15px;
  animation: slide-in-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.mailing-list-container .text-user {
  font-size: 16px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  color: #FFFFFF;
}

.mailing-list-container .edition-header {
  position: relative;
  display: flex;
  height: 30px;
  padding-bottom: 20px;
}

.mailing-list-container .close-btn {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  outline: none;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}

.mailing-list-container .close-btn::before {
  font-family: 'webappsdk';
  content: '\ed6a';
  color: #BDBDBD;
  line-height: 25px;
  font-size: 20px;
}

.mailing-list-container .close-btn:hover:before {
  color: #FFFFFF;
}

.mailing-list-container .label-field {
  font-size: 14px;
  margin-bottom: 2px;
  text-align: left;
  white-space: nowrap;
  color: #BDBDBD;
}

.mailing-list-container .ml-fields {
  display: flex;
  height: 61px;
  padding-bottom: 10px;
}

.mailing-list-container .field-validator::after {
  content: attr(text-validator);
  font-size: 11px;
  color: #F44336;
  text-align: left;
  display: inline-block;
}

.mailing-list-container .ml-name-field {
  width: 160px;
  padding-right: 5px;
}

.mailing-list-container .ml-mail-field {
  width: 390px;
  padding-left: 5px;
}

.mailing-list-container .field-input {
  width: 100%;
  height: 26px;
  text-indent: 8px;
  box-sizing: border-box;
  border: 1px solid #424242;
  background-color: #263238;
}

.mailing-list-container .input-invalidated {
  border-bottom: 1px solid #f44336;
}

.mailing-list-container .lists-container {
  height: calc(100% - 225px);
  display: flex;
  padding-bottom: 5px;
}

.mailing-list-container .lists-container .label-field {
  border-bottom: 1px solid #424242;
}

.mailing-list-container .members-container {
  width: 200px;
  display: table-cell;
}

.mailing-list-container .members-list {
  height: calc(100% - 18px);
  padding-right: 5px;
  overflow: hidden;
}

.mailing-list-container .member {
  padding-left: 8px;
  border-bottom: 1px solid #424242;
}

.mailing-list-container .added {
  background: rgba(46, 125, 50, 0.3);
}

.mailing-list-container .suppressed {
  background: rgba(211, 47, 47, 0.3);
}

.mailing-list-container .users-container {
  width: 353px;
  padding-left: 9px;
  display: table-cell;
}

.mailing-list-container .users-filters {
  display: flex;
  width: 100%;
  height: 30px;
  padding-bottom: 2px;
}

.mailing-list-container .filter-by-value {
  height: 26px;
  width: 200px;
}

.mailing-list-container .filter-by-value::before {
  position: absolute;
  left: 227px;
  font-family: 'webappsdk';
  content: '\eb33';
  color: #BDBDBD;
  line-height: 26px;
}

.mailing-list-container .filter-by-select {
  height: 26px;
  width: 143px;
  padding-left: 10px;
}

.mailing-list-container .select {
  height: 100%;
  width: 100%;
  background: #263238;
  border: 1px solid #424242;
  box-sizing: border-box;
}

.mailing-list-container .select-text {
  font-size: 13px;
  line-height: 26px;
  text-indent: 8px;
  color: #BDBDBD;
}

.mailing-list-container .users-list {
  height: calc(100% - 50px);
  padding-right: 5px;
  overflow: hidden;
}

.mailing-list-container .user {
  height: 30px;
  border-bottom: 1px solid #424242;
  display: flex;
}

.mailing-list-container .user-action {
  width: 20px;
  height: 20px;
  padding: 0;
  outline: none;
  margin-top: 5px;
  border-radius: 50%;
  border: none;
}

.mailing-list-container .user-action::before {
  font-family: 'webappsdk';
  color: #FFFFFF;
  line-height: 20px;
  font-size: 15px;
  cursor: pointer;
}

.mailing-list-container .add-user-btn {
  background-color: #2E7D32;
}

.mailing-list-container .add-user-btn::before {
  content: '\ed5a';
}

.mailing-list-container .add-user-btn:hover {
  background-color: #3FBA46;
}

.mailing-list-container .remove-user-btn {
  background-color: #D32F2F;
}

.mailing-list-container .remove-user-btn::before {
  content: '\ed5b';
}

.mailing-list-container .remove-user-btn:hover {
  background-color: #FF0000;
}

.mailing-list-container .user-name {
  padding-left: 5px;
}

.mailing-list-container .edition-actions {
  display: flex;
  width: 205px;
  height: 30px;
  margin-left: 340px;
}

.mailing-list-container .action-btn {
  width: 100px;
  height: 100%;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 3px;
  box-sizing: border-box;
}

.mailing-list-container .reset-btn {
  background: #424242;
  border: 1px solid #424242;
}

.mailing-list-container .reset-btn:hover {
  background: #a7a1a1;
  cursor: pointer;
}

.mailing-list-container .save-btn {
  margin-left: 5px;
  background: #1E88E5;
  border: 1px solid #1976D2;
}

.mailing-list-container .save-btn:hover {
  background: #1CB3E5;
  cursor: pointer;
}

@keyframes ml-loading-button-rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.mailing-list-container .lists-grid-panel {
  grid-area: mailing-lists-grid;
  padding: 10px;
}

.mailing-list-container .central-header {
  position: relative;
  display: flex;
  height: 30px;
  padding-bottom: 8px;
}

.mailing-list-container .header-actions {
  padding-right: 5px;
}

.mailing-list-container .grid-btn {
  width: 25px;
  height: 25px;
  padding: 0;
  outline: none;
  margin-top: 2.5px;
  border-radius: 50%;
  border: none;
  background-color: #1E88E5;
  cursor: pointer;
}

.mailing-list-container .grid-btn:hover {
  background-color: #1E75E5;
}

.mailing-list-container .grid-btn::before {
  font-family: 'webappsdk';
  color: #FFFFFF;
  line-height: 25px;
  font-size: 13px;
  cursor: pointer;
}

.mailing-list-container .create-ml-btn::before {
  content: '\ed58';
}

.mailing-list-container .refresh-btn {
  margin-left: 4px;
}

.mailing-list-container .refresh-btn::before {
  content: '\eda7';
}

.mailing-list-container .lists-filter {
  position: relative;
  height: 26px;
  padding-bottom: 5px;
}

.mailing-list-container .lists-filter::before {
  position: absolute;
  left: 5px;
  font-family: 'webappsdk';
  content: '\eb33';
  color: #BDBDBD;
  line-height: 26px;
}

.mailing-list-container .mailing-lists-container {
  position: relative;
  padding-right: 8px;
  overflow: hidden;
  height: calc(100% - 75px);
}

.mailing-list-container .mailing-lists-container.ml-loading::before {
  position: absolute;
  content: " ";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
  background-color: #424242;
}

.mailing-list-container .mailing-lists-container.ml-loading::after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  animation: ml-loading-button-rotate-center 1.2s linear infinite;
  position: absolute;
  border: 5px solid;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  border-left-color: rgba(0, 174, 239, 0.15);
  border-right-color: rgba(0, 174, 239, 0.15);
  border-bottom-color: rgba(0, 174, 239, 0.15);
  border-top-color: rgba(0, 174, 239, 0.8);
}

.mailing-list-container .mailing-list {
  height: 50px;
  display: flex;
  border-bottom: 1px solid #424242;
}

.mailing-list-container .mailing-list:hover {
  cursor: pointer;
  background: #0F0F0F;
}

.mailing-list-container .ml-actions {
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mailing-list-container .ml-btn {
  outline: none;
  padding: 0;
  background-color: transparent !important;
  border-color: transparent;
  cursor: pointer;
}

.mailing-list-container .ml-btn::before {
  font-family: 'webappsdk';
  color: #BDBDBD;
  line-height: 20px;
  font-size: 20px;
}

.mailing-list-container .ml-btn:hover::before {
  color: #CBCBCB;
  font-weight: bold;
}

.mailing-list-container .edit-btn::before {
  content: '\e90e';
}

.mailing-list-container .duplicate-btn:before {
  content: '\e9c7';
}

.mailing-list-container .remove-btn:before {
  content: '\ebfa';
}

.mailing-list-container .ml-infos {
  padding: 6px;
  margin-left: 18px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.mailing-list-container .ml-name {
  height: 20px;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  white-space: nowrap;
  color: #FFFFFF;
}

.mailing-list-container .ml-mail-description {
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
  color: #BDBDBD;
}

.mailing-list-container .selected-ml {
  background: #061D31;
  border-bottom: 1px solid #1E88E5;
}

.mailing-list-container .grid-error {
  min-width: 400px;
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/fira-sans-v8-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Regular"), local("FiraSans-Regular"), url("./fonts/fira-sans-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/fira-sans-v8-latin-regular.woff2") format("woff2"), url("./fonts/fira-sans-v8-latin-regular.woff") format("woff"), url("./fonts/fira-sans-v8-latin-regular.ttf") format("truetype");
}

@font-face {
  font-family: 'webappsdk';
  src: url("./fonts/webappsdk.woff2") format("woff2"), url("./fonts/webappsdk.woff") format("woff"), url("./fonts/webappsdk.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.mailing-list-container {
  display: grid;
  overflow: auto;
  grid-template-columns: 590px auto 300px;
  grid-template-rows: 100%;
  grid-template-areas: "mailing-lists-grid mailing-lists-grid mailing-list-details";
  column-gap: 10px;
  padding: 15px;
}

.mailing-list-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background-color: #000000;
}

.mailing-list-container::-webkit-scrollbar-thumb {
  background-color: #212121;
  border-radius: 3px;
}

.mailing-list-container.edition-opened {
  grid-template-areas: "mailing-list-editor mailing-lists-grid mailing-list-details";
}

.mailing-list-container.view-bg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #424242;
}

.mailing-list-container .popup-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
}

.mailing-list-container .shadow {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.mailing-list-container .remove-popup {
  position: absolute;
  max-width: 700px;
  background: #FFFFFF;
  border-radius: 10px;
  animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.mailing-list-container .popup-header {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  color: #000000;
}

.mailing-list-container .popup-message {
  max-height: 400px;
  overflow: auto;
  font-size: 16px;
  padding: 10px 15px;
  color: #212121;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
}

.mailing-list-container .popup-footer {
  padding: 10px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mailing-list-container .cancel-button {
  width: 100px;
  height: 30px;
  font-size: 16px;
  color: #F5F5F5;
  background: #424242;
  border: 1px solid #212121;
  box-sizing: border-box;
  border-radius: 5px;
}

.mailing-list-container .cancel-button:hover {
  background: #a7a1a1;
  cursor: pointer;
}

.mailing-list-container .confirm-button {
  width: 100px;
  height: 30px;
  font-size: 16px;
  color: #F5F5F5;
  margin-left: 5px;
  background: #1E88E5;
  border: 1px solid #1976D2;
  box-sizing: border-box;
  border-radius: 5px;
}

.mailing-list-container .confirm-button:hover {
  background: #1CB3E5;
  cursor: pointer;
}

.mailing-list-container .popup-border {
  border-bottom: 1px solid #EEEEEE;
}

.go-live-planning .refresh-btn {
  padding: 10px;
  margin: 15px 15px 15px 0px;
}

.go-live-planning table, .go-live-planning tr, .go-live-planning td, .go-live-planning th {
  border: 2px solid black;
  text-transform: capitalize;
}

.go-live-planning table .col-separator {
  border-left-width: 4px;
}

.go-live-planning table th {
  min-width: 25px;
}

.go-live-planning table thead tr {
  background-color: #ffffff00;
}

.go-live-planning table thead th {
  background-color: #202080;
}

.go-live-planning table thead th.week-now {
  background-color: #ce4f10;
}

.go-live-planning table tbody td {
  font-size: 12px;
}

.go-live-planning table tbody td.milestone-day {
  background-color: #c80028 !important;
  color: white;
  font-weight: bold;
}

.go-live-planning table tbody td.milestone-day.delivery-day {
  background: repeating-linear-gradient(45deg, #40A0F0, #40A0F0 5px, #c80028 5px, #c80028 10px);
}

.go-live-planning table tbody td.delivery-day {
  background-color: #40A0F0;
  color: white;
  font-weight: bold;
}

.go-live-planning table tbody td.start-day {
  border-color: black !important;
  background-color: #40B060;
  color: white;
  font-weight: bold;
}

.go-live-planning table tbody td.inner-day {
  border-right-color: rgba(64, 176, 96, 0.5);
  border-bottom-color: rgba(64, 176, 96, 0.5);
  color: white;
  font-weight: bold;
}

.go-live-planning table tbody tr:nth-of-type(odd) {
  background-color: #2b343a;
}

.go-live-planning table tbody tr:nth-of-type(even) {
  background-color: #3d464c;
}

.loading-pulse {
  position: relative;
  width: 6px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  animation: pulse 750ms infinite;
  animation-delay: 250ms;
  margin-left: 50%;
  margin-top: 20px;
}

.loading-pulse:before, .loading-pulse:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  transform: translateY(-50%);
  animation: pulse 750ms infinite;
}

.loading-pulse:before {
  left: -12px;
}

.loading-pulse:after {
  left: 12px;
  animation-delay: 500ms;
}

#reconnection {
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  background-color: #232c32;
  display: none;
  opacity: 0.8;
}

#reconnection .reco-content {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
}

@keyframes pulse {
  50% {
    background: white;
  }
}

.mt.parent {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 96%;
}

.mt .title {
  background: cyan;
  color: black;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
  padding: 3px 0px;
  margin: 2px;
}

.mt .frame {
  height: 99%;
}

@font-face {
  font-family: message;
  src: url("../font/Messages.ttf");
}

body {
  color: #D8DADA;
  background-color: #232c32;
  font-family: 'Roboto', sans-serif;
  margin: 0;
}

img {
  width: 25px;
}

iframe {
  width: 100%;
  border: none;
}

.sub-title {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 5px;
}

.component {
  background-color: #2b343a;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
  padding: 5px;
  margin: 10px;
}

.setup {
  align-self: flex-end;
}

input[type="text"],
select {
  border-left: 0;
  border-top: 0;
  border-right: 0;
  padding: 0;
  font-size: 15px;
  color: #D8DADA;
  background-color: transparent;
  border-bottom: 1px solid;
  border-bottom-color: rgba(255, 255, 255, 0.06);
  outline: 0;
  height: 35px;
}

input[type="text"]:disabled,
select:disabled {
  background-color: rgba(216, 218, 218, 0.4);
  opacity: 0.65;
  cursor: not-allowed;
}

option {
  outline: 0;
  background-color: #232c32;
}

.FIX_Parser {
  --bg_img_home: url(../img/polygonal-background/low-poly-texture-28.png);
}

/**************************/
.has-label {
  position: relative;
  padding-top: 25px;
}

.has-label .floating-label {
  font-size: 13px;
  opacity: .5;
  transition: all;
  transition-duration: .2s;
  position: absolute;
  font-weight: 400;
  color: #D8DADA;
  pointer-events: none;
  z-index: 0;
  left: 0;
  bottom: 10px;
  white-space: nowrap;
}

.has-label.toggled .floating-label {
  top: 15px;
  font-size: 11px;
}

.has-underline {
  position: relative;
}

.has-underline:after {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  transition: all;
  transition-duration: .3s;
  background: #D8DADA;
  transform: scale(0);
}

.has-underline.underline-visible:after {
  transform: scale(1);
}

.form-control {
  min-width: 250px;
}

.decorated-input {
  margin-right: 5px;
  margin-left: 5px;
}

.fg-float {
  position: relative;
  padding-top: 25px;
  margin-bottom: 2px;
  align-items: baseline;
}

.fg-float .fg-line {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.fg-float .fg-line:after {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  transition: all;
  transition-duration: .3s;
  transform: scale(0);
  background: #D8DADA;
}

.fg-float .fg-line.bigBox {
  width: 200px;
}

.fg-float .fg-line.bigBox input {
  width: 200px;
}

.fg-float .fg-line.toggled.has-underline:after {
  transform: scale(1);
}

.fg-float .fg-line.toggled .fg-label {
  top: -10px;
  font-size: 11px;
}

.fg-float .fg-line .form-control {
  position: relative;
  background: 0 0;
  z-index: 1;
  resize: none;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  padding: 0;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 35px;
}

.fg-float .fg-line .form-control:input {
  font-size: 13px;
  line-height: 1.4285743;
  color: #D8DADA;
  display: block;
}

.fg-float .fg-line .fg-label {
  font-size: 13px;
  opacity: .5;
  transition: all;
  transition-duration: .2s;
  position: absolute;
  font-weight: 400;
  color: #D8DADA;
  pointer-events: none;
  z-index: 0;
  left: 0;
  white-space: nowrap;
  bottom: 5px;
}

.fg-float .fg-line .fg-label:label {
  display: inline-block;
  max-width: 100%;
}

.fg-float .fg-line .fg-label.fg-error {
  font-weight: bold;
  color: red;
  opacity: 1;
}

.dashboard {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container {
  margin: 5px auto;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  transition: left 0.3s ease-in-out;
}

.container.nav-toggled {
  left: 268px;
}

.nav-widget-item {
  display: flex;
  align-items: center;
  padding: 15px 15px 15px 25px;
  cursor: pointer;
}

.nav-widget-item .nav-widget-ico {
  color: inherit;
  text-decoration: none;
  margin-left: auto;
}

.nav-widget-item .nav-widget-ico:before {
  content: 'help_outline';
}

.nav-widget-item .nav-widget-name {
  padding: 0 5px 0 10px;
}

.nav-widget-item:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.04);
}

.nav-home-icon:before {
  content: 'home';
}

.gwt-Button {
  position: relative;
  padding: 6px 10px;
  border: 0 none;
  border-radius: 0;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  color: white;
  margin: 0 0.5rem;
  background: #607D8B;
}

.gwt-Button:focus {
  background: #aaa;
  outline: 0;
}

.gwt-Button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

a {
  color: inherit;
  text-decoration: none;
}

.loading {
  position: relative;
  min-height: 20px;
}

.loading::before {
  content: 'Loading';
  width: 50px;
  height: 20px;
  /* after are display: inline by default, but inline elements can't be animated */
  display: block;
  /* center it in its parent block */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: loading 2s linear infinite;
}

.fileUploader {
  background: #607c8a;
  margin: 5px;
}

.fileUploader input[type='file'] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.fileUploader label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-right: 5px;
}

.fileUploader label:before {
  padding: 0 5px;
  content: 'cloud_upload';
  font-size: 35px;
  color: white;
}