.mw-portlet progress{
  inline-size:100%;
}

div#user-tools {
    position: absolute;
    right: 1ex;
    top: 1ex;
}
.mw-list-item{
  position:relative;
}

.hide{
  display:none;
}

.mediawiki .mw-body .mw-heading, .mediawiki .mw-body h1, .mediawiki .mw-body h2, .mediawiki .mw-body h3, .mediawiki .mw-body h4, .mediawiki .mw-body h5, .mediawiki .mw-body h6, .mediawiki .mw-body dt{
  font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
}
div#site-tools{
  display:none;
}
.mediawiki #footer-info-lastmod{
  display: none;
}
.mediawiki #mw-content-container{
  margin-top:0em;
}
.mediawiki #mw-header-container{
  min-height:4em;
}
#p-search{
  display:none;
}
.mediawiki #personal{
  display:none;
}
.mediawiki #mw-header-nav-hack,.mediawiki  #mw-header-hack {
   display:none;
}
#mw-page-header-links{
  display:none;
}
.mediawiki #mw-header-container {
  position:initial;
}

#uc-banner{
    padding: 1ex 6ex;
    border-radius: 2ex;
    border:solid;
    flex: 0 0 auto;
    order: 2;
}


.mssql .hide-unless.mssql,
.mysql .hide-unless.mysql,
.postgres .hide-unless.postgres
{
  display:block;
}

.errorMsg{
  font-family:monospace;
  white-space:pre;
}
/* Hide the Talk and edit tabs */
#left-navigation,#right-navigation{
  display:none;
}
#p-tb:hover h3,#p-Reference:hover h3{
  text-decoration:underline;
}
.r{
  text-align:right;
}
.imper{
  font-weight:bold;
}
table.distractor,table.distractor caption{
  background:#f9f9f9;
  float:left;
  margin: 1ex;
}
table.distractor{
  border: solid thin #d0d0d0;
}
table.object{
  clear:left;
  margin: 1ex;
}
div.body div.portal.first ul li a {
  padding-right: 40px;
  display: inline-block;
  color: #3b434e;
}
div#mw-panel div.portal.first div.body ul li a {
  padding-right:25px;
  color: #3b434e;
}
.progressbarbg1 {
  position: relative;
  width: 4.5ex;
  height: 8px;
  background: black;
  border-radius: 6px;
  border: 1px solid #92A599;
}
#p-Reference .progressbarbg1,#p-tb .progressbarbg1{
  display:none;
}
.progressbar1 {
  width: 3.93ex;
  height: 6px;
  position: relative;
  top: 1px;
  left: 1px;
  background: #92A599;
  border-radius: 0.6ex;
  border-width: 0px;
  border-color: #000000;
}

#cog-cont ul{
  position:absolute;
  background-color:white;
  border:solid thin black;
  padding:1em;
  right:1em;
  top:32px;
  list-style:none;
}
#cog-cont ul li{
}
.tease{
  color:#1d365d;
  font-style:italic;
  cursor:help;
  padding: 0.2ex;
}
h1{
 font-family:sans-serif;
}
table.db_ref {
  border-collapse:collapse;
}
.db_ref th{
  text-align:left;
}
.db_ref th,.db_ref td{
  border:solid thin black;
  padding-left:0.6ex;
  padding-right:0.6ex;
}
.db_ref .r{
  text-align:right;
}
div.def,div.ans{
  display:none;
}
span.id {
  font-size: 300%;
  padding-right: 1ex;
}
.qu,.ht {
  border-top: thin solid #ee8301;
  margin-bottom: 9em;
}
h2+.qu,h2+.ht{
  border-top:none;
}

div.setup,div.tidy,div.params{
  display:none;
}
div.res {
  margin-top:1ex;
  background: #dae5d9;
  color: #3b434e;
  border: none;
  padding: 1em;
  border-radius: 0.5ex;
  box-shadow: 1px 1px 3px #3b434e;
  border-style: inset;
  border-width: 1px;
  height: 20em;
  overflow: auto;
  resize:both;
}
div.res.waiting{
  background-image:url(/static/ajax-loader.gif);
  background-repeat:no-repeat;
  background-position: center center;
}
textarea.sql {
  width: 100%;
  box-shadow: 1px 1px 3px #3b434e;
  border-style: inset;
  border-width: 1px;
  border-radius: 1ex;
  padding: 0.5ex;
  margin-bottom: 0.5ex;
}
.quf button{
  background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
  background-color:#306aa0;
  color:white;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3;
  border-radius: 6px;
  border-color: #245580;
  border-width:1px;
  cursor:pointer;
}
.quf button.reset {
  font-size: smaller;
  border: solid 1px;
  margin-left: 6em;
  padding: .5ex;
  border-radius: .5ex;
}
.qcorrect{
  background-image: url(/static/smiley.png);
}
.qincorrect {
  background-image:url(/static/unsmiley.png);
}
.qcorrect, .qincorrect {
  width: 3em;
  height: 3em;
  position: absolute;
  margin: 0em 0 0 5em;
  background-size: 3em;
  background-repeat: no-repeat;
  background-position: center;
}
#p-logo>a{
  background-position:center top;
}
table{
  border-collapse:collapse;
}
table.sqlans{
  display:none;
  opacity: 0;
}
table.sqlans.show{
  display:inherit;
  opacity:1;
  animation: fadeIn 2s;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
td,th {
  border: solid gray 1px;
  padding: .2em .7em;
  vertical-align: top;
}
.showtxt{
  color:blue;
  cursor:pointer;
}
/*
 * Allow question and result to be side by side when the screen is big enough
*/

@media (min-width:1000px){
  .zood>div,.zood>div{
    width:46%;
    display:inline-block;
    vertical-align:top;
    margin-top:1ex;
  }
  .zood>div:first-child{
  }
  .zood>div.res,ht>div.res.ht{
    margin-left:1%;
  }
}
@media (max-width: 768px) {
  div#mw-panel{
    display: none;
  }
  #left-navigation {
    left: 0;
  }
  #mw-head-base,
  div#content,
  div#footer {
    margin-left: 0;
  }
  .db_ref{
  }
}

.quiz .q {
  margin-top:4em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  border-radius:1em;
}

.quiz .q .d{
  border:blue solid thin;
  margin-top:1em;
  cursor:pointer;
} 
.quiz .q div.d{
  padding:.5em .5em .5em 1em;
}
.quiz .q .d:hover{
  border:black solid thin;
  box-shadow: 0px 0px 5px 1ex rgba(50, 50, 50, 0.75);
}
.quiz .q .d.picked{
  box-shadow: 0ex 0ex 4px 1ex #CFD1BA;
}
.quiz .q .d.picked::before{
  content: '\25CB';
  padding:0.3em;
  background:white;
  border:solid black thin;
  position:absolute;
  text-align:center;
  vertical-align: middle;
  left:-0.9em;
  margin-top:-0.9em;
  width:1em;
  height:1em;
}
.quiz .q .d.picked.mark-correct::before{
  content: '\2713';
  background-color:lime;
}
.quiz .q .d.picked.mark-wrong::before{
  content: '\2717';
  background-color:red;
}

.quiz .feedback{
  margin: 1em 0;
  padding:1em;
  border:solid thin black;
  font-size:large;
  box-shadow: .2ex .2ex #CFD1BA;
}
 
td.sign{
vertical-align: middle;
display:none;
}