html{
  height:100%;
}
body{
    background: url(../img/bg.jpg);
    /*background-position: bottom right;*/
    background-size:cover;
    background-repeat:no-repeat;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

a {
 color:#f16208;
 text-decoration: none;
}

.title_box {
  margin-left:20px;
  margin-bottom:10px;
}
.titlebox > h1 { color:#1F1FFF; }
.titlebox > p {  color:#2041A3; }
.titlebox, h1 { color:#1F1FFF; }
.titlebox, p {  color:#2041A3; }

.pant{  height:70px; margin:15px; }
@media only screen and (max-width: 550px) {
  .pant{  height:55px; }
}
button, .button {
 background-color: #1F1FFF;
 border: none;
 border-radius: 2px;
 color: white;
 padding: 5px 10px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-family: inherit;
 font-size: 1.2em;
}

form {
  display:flex;
  flex-direction: column;
  align-items:stretch;
  width:100%;
  min-width:335px;
  transition:opacity 1s;
}
input{
 font-size: 1.2em;
 border-radius: 2px;
 padding: 4px 5px;
 border: 1px solid black;
}

button, input {
  margin-bottom:2px;
}

h2 {
  text-align:center;
}

hr {
  border-top: 5px solid white;
  border-radius: 2px;
  box-shadow: 2px 4px 5px grey;
}
.queryline {
  display:flex;
  flex-direction: row;
  flex-wrap:nowrap;
  align-items:center;
  width:100%;
}
.queryline > input {
  flex-grow:1;
}
.right {
  position:relative;
  float:right;
  align-items:center;
}
.right > span {
  font-size:1.2em;
  color:orange;
  transition:color .5s, font-size .5s;
}
.right:hover > span {
  color:red;
  font-size:1.4em;
}
.clean {
  background-color:inherit;
  color:black;
}

.list {
   display: flex;
   flex-direction:column;
   align-content:flex-start;
   gap:2px;
   font-size:1.1em;
}

.list > span > span {
  font-weight:bold;
  min-width: 100px;
  align-items: right;
}

.double {
  flex-grow:2;
}
.stop {
  max-height:400px;
  overflow-y:scroll;
}

th {
  font-weight:bold;
  text-align: right;
}

.flex-set {
   display: flex;
   flex-wrap: wrap;
   align-content:flex-start;
}
.flex-set > div {
   background-color: #f1f1f1;
   margin: 10px;
   padding: 20px;
   width:calc(50% - 60px);
   border-radius: 5px;
   box-shadow: 5px 5px 10px black;
}
@media only screen and (max-width: 1166px) {
  .flex-set > div {
    width:auto;
  }
}
@media only screen and (max-width: 550px) {
  .flex-small {
    flex-wrap:wrap;
  }
}

.white >div {
   background-color: #ffffff;
}
.inverse{
  display: flex;
  flex-wrap: wrap;
  align-content:flex-start;
}
.inverse > div {
  background-color: #fff;
  margin: 0px;
  padding: 10px;
  border-radius: 5px;
  width: calc(100% - 20px);
}

.half {
  max-width:calc(50% - 30px);
}

.tall {
  height:calc(100% - 20px);
}

.tall > div {
  height:inherit;
}

.flex-small{
   width:100%;
   display:flex;
   align-items:center;

   justify-content:space-around;
   transition: opacity 1s;
}

.flex-pass{
   width:100%;
   display:flex;
   align-items:center;
   justify-content:space-around;
   transition: opacity 1s;
}
.flex-pass > input {
  flex-grow:1;
  margin-right:2px;
}
.flex-pass > button {
  min-width:80px;
  background-color: #05162b;
}

.delbutton {
   position: absolute;
   width:10px;
   height:10px;
   background-color:black;
   color:white;
   float: right;
}
.results{

    padding-top:5px;
}

.results > div,
.results > iframe {
   margin-left:auto;
   margin-right:auto;
}