/*------------------query editor css-------------------------*/
.message pre{
background-color:white;
color:black;
}
.query-editor{
width:100%;
background-color: #eee;
padding: 0;
margin-bottom: .25rem;
margin-top: .25rem;
}
.task-text{
padding:.4rem .4rem .3rem .8rem;
margin-top:1.5rem;
border:2px solid #999;
background-color: #eee;
}
.submit-bar{
margin-top:2rem;
margin-bottom:0;
background-color: #0F52BA;
text-align: right;
padding: 1rem;
}
.form-bar{
margin-top:0;
background-color: #aaa;
padding: 1rem;
text-align:center;
}
.form-page{
text-align:left;
background-color: #ddd;
padding: 1rem;
}
/*#316896;*/
.schema-note-title{
background-color: #080;
color:#ddd;
text-align: center;
font-weight: bold;
padding:.2rem;
}
.schema-note-body{
background-color: #080;
color:#ccc;
text-align: center;
font-weight: bold;
text-align: left;
background-color: white;
color:#333;
padding:.1rem .5rem;
font-weight:normal;
}
.schema-note{
padding:0;
min-height:2rem;
border-radius: 5px;
box-shadow: 0px 0px 20px #555;
border: 4px solid #080;
}
.schema-note::before {
content: "";
border: 0.8em solid transparent;
position: absolute;
}
.callout.left::before {
right: -24px;
top: 5px;
border-left: 10px solid #080;
}
.schema-note.right::before {
left: -24px;
top: 5px;
border-right: 10px solid #080;
}
.query-diagram{
max-width: 100%;
overflow: auto;
width:100%;
background-color:#ddd;
text-align:center;
position: relative;
}
.null{
color:#e8e8e8
}
.numeric{
text-align:right
}
.divTableRow {
display: table-row;
}
.divTableCell, .divTableHead {
display: table-cell;
padding: 4px;
vertical-align:middle;
}
.result-sql{
margin: 0;
padding: 0.5rem;
line-height: 1.2;
}
.result-line-number{
background-color:darkgrey;
text-align:center;
}
.mt0{
margin-top: 0;
}
.button-box {
display: table;
width: 100%;
}
.script-message{
scroll-behavior: smooth;
background-color:black;
min-height: 200px;
max-height: 300px;
overflow-x: auto;
}
.error-message{
background-color:white;
font-family:monospace;
color:darkred;
padding:.5rem;
/*margin-left:.5rem;
margin-right:.5rem;*/
}
.error-message:empty {
display: none;
}
.response-message{
background-color:white;
font-family:monospace;
color:black;
padding:.5rem;
/*margin-left:.5rem;
margin-right:.5rem;*/
white-space: pre;
}
.result-control{
padding:.5rem;
}
.query-result {
position: relative;
background-color: #ddd;
text-align:center;
vertical-align:top;
}
.editor {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.qtable {
margin:0;
border-collapse: collapse;
background-color: #eee;
font-size:10pt;
}
.qtable td {
padding: 2px;
border: 1px solid #ddd;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
area{
cursor:pointer
}
.feedback{
padding-bottom: .5rem;
background-color: #eee;
}
.feedback-pane{
margin:auto;
background-color: white;
max-width: 300px;
padding:0
}
.feedback-header{
padding: 0.5rem 1rem;
background-color: darkgreen;
color:white;
font-weight: bold;
text-align: center;
}
.feedback-header-error{
padding: 0.5rem 1rem;
background-color: #a30202;
color:white;
font-weight: bold;
text-align: center;
}
.feedback-body{
padding: 0.5rem 1rem;
}
.feedback-points-earned{
text-align: right;
}
.feedback-points-possible{
text-align: right;
}
.feedback-percent{
text-align: right;
}
.qtable tr:nth-child(odd) {
background-color: #fff;
}
.qtable th {
text-align: left;
background: royalblue;
color:white;
position: sticky;
padding: 3px;
top: 0px;
font-weight: bold;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
text-align:center;
z-index: 1;
}
.qtable th:first-child {
border-left: none;
}
.qtable th:last-child {
border-right: none;
}
.qtable tfoot td{
background-color: #ddd;
text-align:right
}
.tool-footer{
background-color: white;
text-align:right;
}
.result-wrapper {
max-width: 100%;
max-height: 20rem;
overflow: auto;
display: inline-block;
text-align:left;
margin:.2rem;
background: repeating-linear-gradient(
45deg,
#bbb,
#b8b8b8 5px,
#ccc 5px,
#c8c8c8 10px
);
}
@keyframes fade {
from { opacity: 1.0; }
50% { opacity: 0.1; }
to { opacity: 1.0; }
}
@-webkit-keyframes fade {
from { opacity: 1.0; }
50% { opacity: 0.1; }
to { opacity: 1.0; }
}
.blink {
animation:fade 2000ms infinite;
-webkit-animation:fade 2000ms infinite;
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {transform:rotate(360deg);}
to {transform:rotate(0deg);}
}
.spin {
animation:spin 2000ms infinite;
-webkit-animation:spin 2000ms infinite;
}