/*
Theme Name: Floating Labels
Theme URI:
Description: The Floating Labels theme
Version: 1.0.0
Author: Clara Finland Oy
*/

.bootstrap {
  height: 100%;
}

.bootstrap {
  display: -ms-flexbox;
  display: flow-root;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ffffff;
}

.bootstrap .form-signin {
  width: 100%;
  padding: 1.0rem;
  margin: auto;
}

.bootstrap .form-signin .radio label:first-child {
  padding-left:0px;
  font-weight: bold;
  display:block;
}

.bootstrap .form-signin .radio label {
  padding-right: 10px;
}

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

.bootstrap .form-label-group > input,
.bootstrap .form-label-group > textarea,
.bootstrap .form-label-group > select,
.bootstrap .form-label-group > label {
  height: 3.125rem;
  padding: .3rem .75rem .75rem .75rem;
}

.bootstrap .form-label-group > input[type=number] {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
}
input[type="number"]:focus {
  outline: none;
}

.bootstrap .form-label-group > select option:first-child {
 font-weight:bold;
}

.bootstrap .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;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.bootstrap label.newsletter_title {
  display: none;
}

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

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

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

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

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

.bootstrap .form-label-group input:not(:placeholder-shown), .bootstrap .form-label-group textarea:not(:placeholder-shown)  {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.bootstrap .form-label-group input:not(:placeholder-shown) ~ label, .bootstrap .form-label-group textarea:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #777;
}

.bootstrap .alert {
  margin-top: 10px;
  margin-bottom: 0px;
}

.bootstrap .p-0 {
  padding: 0; 
}

/* Group Button CSS */
.bootstrap .form-signin span {
  font-weight: bold;
  display: block;
  margin-bottom: 0.3rem;
}
.bootstrap .donate-bar > div:first-child {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  border-right: 1px dotted #2a4f76;
  margin-top: 19px;
  font-size: 25px;
  padding: 0;
}
.bootstrap .donate-buttons>li>a {
  font-size: 17px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  padding: 10px 3px;
}
.bootstrap .btn-blue-other,
.bootstrap .btn-blue {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px !important;
  outline: none;
  margin-right:10px;
}

.bootstrap .btn-blue.active {
  color: #4285f4;
}

.bootstrap .btn-tabs {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #cccccc;
  outline: none;
  font-size: 15px;
}

.bootstrap .btn-group.invoice_type_id > .btn-smaller {
  font-size: 13px;
  padding: 6px 8px;
}

.bootstrap .btn-tabs.active {
  color: #4285f4;
}

.bootstrap fieldset {
  border: 1px solid #bbb !important;
  padding: 0 1.4em 1.0em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000;
  box-shadow:  0px 0px 0px 0px #000;
}

.bootstrap legend {
  font-size: 0.8em !important;
  font-weight: bold !important;
  text-align: left !important;
  width:auto;
  padding:0 10px;
  border-bottom:none;
}

.bootstrap .paymentWrap {
  padding: 0px !important;
}

.bootstrap #submit-paytrail {
  margin-top: 1em;
}

.StripeElement {
  height: 50px !important;
  border: 1px solid #ccc !important;
  padding-top: 22px !important;
}

label[for=card-element] {
  padding-top: 0.25rem !important;
  font-size: 12px;
  color: #777 !important;
}

#card-errors {
  margin-left: 0.8rem;
  margin-top: 0.2rem;
}

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

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