/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

body {
  min-height: 100%;
}

.datepicker {
  background-color: white;
  cursor: pointer;
}
.ui-datepicker {
  margin-top: -20px;
}

.required-fields {
  font-size: 10px;
  text-align: right;
}

.mail-success,
.mail-error {
  margin-bottom: 40px;
  font-size: 15px;
}
.mail-success {
  color: green;
}
.mail-error {
  color: red;
}

.green-submit,
.button-green,
.button-blue {
  padding: 11px 15px;
  border-radius: 13px;
  color: #fff !important;
  font-size: 15px;
  font-weight: bold;
  border: none;
  background: #fff;
  background-image: linear-gradient(#55c948, #4DA542);
  display: inline-block;
}
.button-blue {
  background-image: linear-gradient(#2b53a8, #263961);
  border: none;
}

#pager span {
  font-weight: bold;
  color: #299d00;
}

.ui-widget-header {
  border: 1px solid #D9AF00;
  background: #FEDB21;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  border: 1px solid #D9AF00;
  background: #FEDB21;
}
button.ui-state-default{
  border: 1px solid #d3d3d3 !important;
  background: none !important;
  background-image: linear-gradient(#FEDB21, #e4bd1c) !important;
  color: #191919 !important;
}
.ui-progressbar .ui-progressbar-value {
  margin: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 0 10px !important;
  border: none;
  border-radius: 0px 5px 5px 0px;
}
.ui-progressbar {
  position: relative !important;
}
.progress-label {
  position: absolute !important;
  top: 0 !important;
  font-family: Bariol;
  font-size: 17px;
  color: #7d7d7d;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 44px;
}