html, body {
    height: 100%;
}

.logo {max-height: 60px !important; vertical-align: baseline !important;}

.applicationBox {float: left; width: 125px;}
.dropdown-menu li {font-size: 12px !important; padding: 5px 5px; }

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input, .form-label-group > select,
.form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder, .form-label-group select::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder, .form-label-group select:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder, .form-label-group select::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder, .form-label-group select::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder, .form-label-group select::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group select:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 10px;
  color: #555;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #999;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #999;
  }
}

.form-control:disabled, .form-control[readonly] {
    background-color: #999 !important;
  }

.noBanner {margin-top: 55px;}
.center {text-align: center;}

.page-wrap:after {
  content: "";
  display: block;
}

#page-wrap {
  min-height: 100%;
  margin-bottom: -250px;
}
#page-wrap:after {
  content: "";
  display: block;
}
.footer, #page-wrap:after {
  height: 250px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    color: white;
    background-color: #2ecc71;
	border-radius: 30px;
	padding: 8px;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

/* phones */
@media screen and (max-width: 700px) {
  appTitle.font-size-18 {
      font-size: 12px !important;
  }
}