@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Condensed Regular'), local('FiraSansCondensed-Regular'), url(https://fonts.gstatic.com/s/firasanscondensed/v2/HQGj1o4-qj8agzakWWMQw3beBvOnr03nAdLtAYthXTk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

* {
  font-size: 16px;
}

.orbeon .orbeon-portlet-body, 
.orbeon .xforms-output-output, 
.orbeon .xforms-label, .orbeon label, 
.orbeon button, .orbeon .btn, 
.orbeon .xforms-alert.xforms-active, 
.orbeon .digid-button .yui-button.yui-push-button, 
.xforms-required label em, 
.mandatory-text div em, 
.orbeon .xforms-visited > .xforms-alert.xforms-active, 
.orbeon .xforms-visited.xforms-alert.xforms-active, 
.orbeon .xforms-hint-appearance-inline .xforms-hint, 
.orbeon .navbar .fr-language-choice, 
.orbeon .navbar .fr-goto-content {
  font-size: 1rem;
}

.block_title {
    color: #006388;
    padding-top: 0;
}

.xforms-required {
  background-color: rgba(222,222,222, .2);
}

div.block-layout-horizontal {
  background-color: rgba(222,222,222, .2);
  padding: -1rem 2.5rem -1rem .5rem;
  margin: 0.5rem 0;
}

.block-layout-horizontal.xforms-group {
  position: relative;
}

.orbeon .xforms-help {
  position: absolute;
  right: 5px;
}

.orbeon .xforms-required input[type="radio"], 
.orbeon .xforms-required input[type="checkbox"] {
    box-shadow: unset;
}
.orbeon .xforms-input input.xforms-type-date {
    background-position: 90% center;
}

.orbeon .xforms-visited > .xforms-alert.xforms-active:not(:empty), 
.orbeon .xforms-visited.xforms-alert.xforms-active:not(:empty) {
  background-color: red;
  color: #fff;
}

.orbeon h2 .xforms-control .xforms-output-output,
.orbeon h3 .xforms-control .xforms-output-output {
  margin: 0;
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 500;
  color: #333;
}

.orbeon h3 .xforms-control .xforms-output-output {
  font-size: 1.575rem;
}

.xforms-output-output {
  font-family: Fira sans Condensed,sans-serif;
  line-height: 1.588;
  font-weight: 400;
  font-size: 1.0625rem;
  padding-bottom: 0.5rem;
}

.orbeon .fr-mode-new .xforms-readonly label.radio, 
.orbeon .fr-mode-edit .xforms-readonly label.radio, 
.orbeon .fr-mode-test .xforms-readonly label.radio, 
.orbeon .xforms-dialog .xforms-readonly label.radio, 
.orbeon .fr-mode-new .xforms-readonly label.checkbox, 
.orbeon .fr-mode-edit .xforms-readonly label.checkbox, 
.orbeon .fr-mode-test .xforms-readonly label.checkbox, 
.orbeon .xforms-dialog .xforms-readonly label.checkbox, 
.orbeon .fr-mode-new .xforms-readonly .xforms-label, 
.orbeon .fr-mode-edit .xforms-readonly .xforms-label, 
.orbeon .fr-mode-test .xforms-readonly .xforms-label, 
.orbeon .xforms-dialog .xforms-readonly .xforms-label {
  color: #000;
  font-size: 1.0625rem;
}


.orbeon textarea, 
.orbeon input[type="text"], 
.orbeon input[type="password"], 
.orbeon input[type="datetime"], 
.orbeon input[type="datetime-local"], 
.orbeon input[type="date"], 
.orbeon input[type="month"], 
.orbeon input[type="time"], 
.orbeon input[type="week"], 
.orbeon input[type="number"], 
.orbeon input[type="email"], 
.orbeon input[type="url"], 
.orbeon input[type="search"], 
.orbeon input[type="tel"], 
.orbeon input[type="color"], 
.orbeon .uneditable-input {
  font-size: 1rem;
}

.orbeon select {
  padding: 0 !important;  
}

.xforms-required {
  background-color: unset;
  border-radius: 0;
}

.orbeon .navbar-inverse .navbar-inner,
.orbeon h1 .xforms-control .xforms-output-output {
  background-color: #fff;
  font-size: 2.25rem;   
}

.orbeon .navbar-inverse .navbar-inner .container h1 {
  color: #003087;
  font-size: 2rem;
  font-family: Fira sans Condensed
}

.orbeon input,
.orbeon button,
.orbeon select,
.orbeon textarea,
.orbeon .orbeon-portlet-body {
  font-family: Fira sans Condensed,sans-serif
}

.yui-button.yui-push-button,
.yui-button.yui-push-button button {
  background-color: #d64400;
  border: 0;

}
.yui-button.yui-push-button:hover,
.yui-button.yui-push-button button:hover {
  background-color: #d64400;
}

.orbeon .fr-formnavigation button.btn:hover, 
.fr-formnavigation .yui-skin-sam .yui-button button:hover {
  background-color: #003087;
  border: 2px solid rgba(0,0,0,.12);
  color: #fff;
  cursor: pointer;
}

.yui-skin-sam .yui-button button, 
.orbeon button.close, 
.orbeon button.btn {
  background-color: rgba(0, 48, 135, 0.9);
  border: 2px solid rgba(0,0,0,.12);
  color: #fff;
  cursor: pointer;
  height: auto;
}

.orbeon .fr-formnavigation button.btn, 
.fr-formnavigation .yui-skin-sam .yui-button button {
  background-color: #fff;
  border: 2px solid rgba(0,0,0,.12);
  color: #003087;
  font-size: 1rem;
  padding: 1rem;
  width: 200px;
  height: auto;
}

.yui-skin-sam .yui-button button:hover, 
.orbeon button.close:hover, 
.orbeon button.btn:hover {
  background-color: rgba(0, 48, 135, 1);
  border: 2px solid rgba(0,0,0,.12);
  color: #fff;
  cursor: pointer;
}
.yui-skin-sam .yui-button button:hover, 
.orbeon .button-active button.close, 
.orbeon .button-active button.btn {
  background-color: rgba(0, 48, 135, 0.8);
  border: 2px solid rgba(0,0,0,.12);
  color: #fff;
  cursor: pointer;
}
.orbeon .btn.disabled, .orbeon .btn[disabled],
.orbeon .btn.disabled:hover, 
.orbeon .btn[disabled]:hover {
  background-color: rgba(0, 48, 135, 0.5);
  border: 2px solid rgba(0,0,0,.12);
  color: #fff;
  cursor: pointer;
}