@CHARSET "UTF-8";

/*
Bootstrap 4 patch
*/
.form-vertical label + .radio,
.form-vertical label + .checkbox {
    margin-top: 0;
}
.form-vertical label + .form-control-plaintext {
    padding-top: 0;
}
.form-vertical .form-control-plaintext:last-child {
    padding-bottom: 0;
}

input[type=range]:after {
    padding-left: 0.5em;
    content: attr(data-value);
}

span.twitter-typeahead {
     width: 100%;
     position: relative;
 }
span.twitter-typeahead .tt-menu {
    width: 100%;
    min-width: 160px;
	max-height: 250px;
	overflow-y: auto; 
	margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion {
    display: block;
    padding: 3px 20px;
}
span.twitter-typeahead .tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
span.twitter-typeahead .tt-suggestion.tt-cursor a {
    color: #fff;
}
span.twitter-typeahead .tt-suggestion p {
    margin: 0;
}


html {
  position: relative;
  min-height: 100%;
}
body {
  padding-top: 3.5rem;
  margin-bottom: 150px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
}
.footer > .container, .footer > .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}
.dataTables_wrapper.container-fluid.dt-bootstrap4 {
  padding: 0px;
}
code {
  font-size: 80%;
}
label.error {
  display:none;
  position:absolute;
  visibility:hidden;
}
input:valid {
}
input:invalid {
	border: 1px solid red;
}
.jumbotron {
    background-image: url(/img/survey-1594962_1920.jpg);
    background-size: cover;
	min-height: 450px;
	border-radius: 0;
}