/* === Begin Console Styles ===  */

dl.terminal
{ margin-top: 0px;
  margin-bottom: 10px; }

dl.terminal dt
{ width: 40px; }

dl.terminal dd
{ margin-left: 50px; }


.s2a-console-input 
{ width: 100%;
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap; }

.s2a-console-input-text, .s2a-console-request-text, .s2a-console-response-text 
{ font-size: 100%;
  font-family: Monaco,Menlo,Consolas,"Courier New",monospace }

.s2a-console-response-text
{ white-space: pre }

.s2a-console-input-text 
{ flex-grow: 1;
  height: 30px;
  border-radius: 3px;
  border-width: 1px; 
  border-style: solid;
  border-color: #ccc;
  padding-left: 10px;
  padding-right: 10px; }

.s2a-console-input-text:focus 
{ outline-style: none;
  border-color: #bdf }

.s2a-console-request-text 
{ margin-left: 6px;
  font-weight: bold;
  overflow-x: hidden;
  white-space: nowrap; }


.s2a-console-upload 
{ flex-grow: 0;
  height: 30px;   
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
  border-width: 1px; 
  border-style: solid;
  border-color: #ccc;
  margin-left: 1px;
  margin-right: 5px; }

.s2a-console-caption 
{ line-height: 24px;
  background: #bed;  
  border-radius: 4px;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px;
  background-color: #C9E4FF; }

.s2a-console-loaded
{ background: orange !important;  }


.s2a-console-progress 
{ height: 16px;
  margin-top: 6px; 
  margin-bottom: 6px; 
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px; }

.s2a-console-progress-bar 
{ float: left;
  width: 0;
  height: 100%;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  background-color: #bdf;
}

.s2a-console-response
{ border-radius: 4px;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px;
  background: #EEF6FF;
  margin-top: 6px; 
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  overflow-x: auto; }

.s2a-console-fatal
{ color: #900; }

/* === End Console Styles ===  */