/**************************************************************************************
* This file is intended for shared less variables and shared less mixins styles.  
*
* This file is copied to all Products.
**************************************************************************************/
/**************************************************************
* Common Fonts, Colors, etc.
**************************************************************/
/**************************************************************
* DarkMode Colors
**************************************************************/
/*************************************************************
* New Theme Colors
**************************************************************/
/**************************************************************
* Mixin Definitions
**************************************************************/
.progress-bar {
  width: 100%;
  border: 1px solid #bbb;
  height: 32px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.progress-bar .value {
  width: 0%;
  height: 100%;
  background: #499e8d;
  transition: width linear 1s;
}
.progress-bar .value.warning {
  background-color: #ee9d66;
}
.progress-bar .value.error {
  background-color: #de5948;
}
.execution-time-details {
  overflow: hidden;
}
.execution-start-time {
  float: left;
  font-size: 14px;
  margin: 0;
}
.elapsed-time-container {
  float: right;
}
.elapsed-time-container h3 {
  display: inline;
  font-size: 14px;
}
.progress-container .execution-time-details {
  overflow: hidden;
  margin: 15px 0 10px 0;
}
.progress-container .current-operation-container {
  background-color: #f2f2f2;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 3px;
  min-height: 60px;
}
.progress-container .current-operation-container .info-block {
  text-align: left;
}
.progress-container .current-operation-container .operation-progress-bar-container {
  background-color: #f6f6f6;
}
.progress-container .current-operation-container .operation-progress-bar {
  width: 0%;
  height: 4px;
  background-color: #499e8d;
  margin: 0;
}
.progress-container .current-operation-container img {
  vertical-align: baseline;
  width: 12px;
  height: 12px;
}
.progress-container .current-operation-container h2 {
  margin: 0;
}
.progress-container .current-operation-container h3 {
  margin: 15px 0 0 0;
}
.progress-container .current-operation-container ul {
  margin: 0;
}
.progress-container .current-operation-container li {
  margin: 0;
}
.progress-container .current-operation-container .statement-message {
  float: right;
  font-size: 14px;
}
.progress-container .current-operation-container .long-description {
  margin: 5px 0 10px 18px;
  font-weight: normal;
  font-size: 14px;
}
.progress-container .current-operation-container .stalled {
  font-style: italic;
}
.live-output {
  font-family: 'Consolas', monospace;
  overflow-y: scroll;
  height: 300px;
  font-size: 8pt;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  background-color: #f6f6f6;
}
.live-output span {
  display: block;
}
.live-output .debug {
  color: #bbb;
}
.live-output .info {
  color: #333;
}
.live-output .warning {
  color: #ee9d66;
  font-weight: bold;
}
.live-output .error {
  color: #d81731;
  font-weight: bold;
}
.live-output .debug:before {
  content: 'DEBUG: ';
}
.live-output .info:before {
  content: ' INFO: ';
}
.live-output .warning:before {
  content: ' WARN: ';
}
.live-output .error:before {
  content: 'ERROR: ';
}
.show-debug-logs {
  font-weight: normal;
  font-size: 8pt;
}
ul.progress-tabs.underlined li {
  min-width: 70px;
  line-height: 16px;
}
ul.progress-tabs.underlined li:first-child.current-tab {
  border-right-width: 2px;
}
ul.progress-tabs.underlined li a {
  width: 100%;
  display: inline-block;
}
ul.progress-tabs.underlined li div.tab-progress-bar {
  width: 100%;
  border: 1px solid #e2e2e2;
  height: 2px;
  margin-top: 1px;
  margin-bottom: 1px;
}
ul.progress-tabs.underlined li div.tab-progress-bar .value {
  width: 0%;
  height: 100%;
  background: #28a745;
}
ul.progress-tabs.underlined li div.tab-progress-bar .value.error {
  background-color: #cb2431;
}
ul.progress-tabs.underlined li div.tab-progress-bar .value.warning {
  background-color: #ee9d66;
}
.cancel-and-detail-buttons {
  margin-bottom: 15px;
}