body{
   background-color:#f6f6f9;
}
a{
   color:#2aabfe;
}

p {
color:#1f2041;
font-size:16px;
margin-bottom:15px;
}
#userip{
color:#2aabfe;

}
input::placeholder{
   color:#78829e;
}

#title{
font-size:24px;
color:#1f2041;
}

.well{
   background-color:#f6f6f9;
   border:none;
   box-shadow:none;
}
.well{
   background-color: #fff;
    border: 1px solid;
    border-color: #eceff3;
    box-shadow: 0px 10px 20px 0px rgba(0, 16, 107, 0.04);
}
#legend{
   color:#252f4a;
   /* border-bottom:2px solid #e3e5ed; */
   border:none;
   padding-bottom:5px;
   font-size:24px;
}
.logo{
   text-align:center;
   padding:25px;
}
.logo img{
   width:200px;
}

html, body {
  height: 97vh;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

.container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.btn-custom-primary{
   color: #fff;
   background-color: #1152eb;
   border-color: #1152eb;
   border-radius:4px;
   border-width: 0;
   height:40px;
   padding:0 20px;
}

#information{
   display:none;
}


.footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
   padding:20px;
     border-top:none;
   color:#1f2041;
}

input[type="text"],
select {
 height: 40px;
  line-height: 30px;
  font-size: 14px;
  padding: 2px 6px;
  box-sizing: border-box;
  vertical-align: middle;
  border:1px solid #c4cada;
}
select{
   font-weight:bold;
}
#hosterror{
   padding-top:25px;
}
.tests-wrapper{
   margin-bottom:20px;
   justify-content:space-between;
   display: flex;
   flex-wrap: wrap;
}

.flex-header{
   display:flex;
   align-items:center;
   justify-content:space-between;
}
#host{
   width:100%;
}
#dc-select{
   max-width:30%;
   flex:0 0 30%;
}

#cmd-select{
   max-width:20%;
      flex:0 0 20%;
}
.btn-custom-primary{
   max-width:15%;
      flex:0 0 15%;
           font-weight:bold;

}
#hosterror{
   max-width:30%;
   flex:0 0 30%;
   padding:0;
   margin:0;
}