@import url("https://fonts.googleapis.com/css?family=Varela+Round");
/*define color pallette*/
/*set background colors*/
/*set font family*/
/*define font colors to match the background colors*/
/*define rounded corner and other sizes*/
/*start here and set the default values for all the variables*/
tt a, samp a, var a, .marker a {
  color: white !important;
  text-decoration: underline; }

/*****editor styles*****/
.marker {
  font-family: "Varela Round", sans-serif;
  background-color: #005172;
  color: #ffffff;
  border-radius: 1vmin;
  display: table;
  padding: 10px; }

var {
  font-family: "Varela Round", sans-serif;
  background-color: #0098C3;
  color: #ffffff;
  display: table;
  border-radius: 1vmin;
  font-style: normal;
  padding: 10px; }

kbd {
  font-family: "Varela Round", sans-serif;
  background-color: white;
  color: #005172;
  display: table;
  border-radius: 1vmin;
  font-style: normal;
  padding: 10px; }

samp {
  font-family: "Varela Round", sans-serif;
  background-color: #69BE28;
  color: #ffffff;
  display: table;
  border-radius: 1vmin;
  font-style: normal;
  padding: 10px; }

q {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  display: block;
  /*margin-left:20px;
  margin-right:20px;*/
  padding: 10px; }

cite {
  font-family: "Varela Round", sans-serif;
  font-size: 14px;
  font-style: normal;
  /*font-weight:400;
  margin-left:20px;*/
  padding: 10px; }

tt {
  font-family: "Varela Round", sans-serif;
  background-color: #2196F3;
  color: #ffffff;
  display: table;
  border-radius: 1vmin;
  font-style: normal;
  padding: 10px; }

/***** scrollbars *****/
::-webkit-scrollbar {
  width: 12px; }

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.4); }

/**
 * Licensed to The Apereo Foundation under one or more contributor license
 * agreements. See the NOTICE file distributed with this work for
 * additional information regarding copyright ownership.

 * The Apereo Foundation licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except in
 * compliance with the License. You may obtain a copy of the License at:
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*previously 5vmin*/
/*previously 3vmin*/
/*previously 2.5vmin*/
/*previously 1.2vmin*/
/*previously 8vmin*/
body {
  font-family: "Varela Round", sans-serif;
  font-size: 12pt;
  color: #005172; }

#mainHolder {
  border: none; }

.bgColour {
  background-color: #F4F4F4; }

.ui-widget {
  font-family: "Varela Round", sans-serif; }

.stepImg {
  background-color: #ffffff; }

#submitBtn {
  background: #0098C3;
  color: #ffffff;
  border-color: #0098C3; }

/* _____HEADER_&_TITLES_____ */
#headerBlock {
  background: #005172; }

#headerBlock #titles {
  color: #F4F4F4; }

#btnHolder {
  border-top: 2px solid #f0f0f0;
  background-color: #f9f9f9; }

#btnHolder button, #overviewBtnHolder button {
  color: #0098C3; }

#btnHolder button:hover, #btnHolder button:focus, #overviewBtnHolder button:hover, #overviewBtnHolder button:focus {
  color: #ffa500; }

#btnHolder button:active, #overviewBtnHolder button:active {
  color: #999999; }

#btnHolder button:disabled:hover, #btnHolder button:disabled:focus, #overviewBtnHolder button:disabled:hover, #overviewBtnHolder button:disabled:focus {
  color: #cccccc; }

#btnHolder #group2 button {
  border-left: 2px solid #F4F4F4; }

a[href="#"]:visited {
  color: #0000EE; }

.light {
  color: #ffffff; }

.dark {
  color: #000000; }

/* _____STEPS_____ */
#stepHolder .step .fa-border {
  background-color: #ffa500;
  border-color: #ffffff;
  color: #ffffff;
  border-radius: 1vmin; }

#labelHolder input {
  border: 1px solid #e0e0e0; }

#amount {
  color: #ffa500; }

/* _____OVERVIEW_____ */
#overviewHolder .decisionInfo .fa {
  border-radius: 1vmin; }

#overviewHolder .overviewStep {
  background-color: #ffffff;
  border-radius: 2vmin; }

#overviewHolder .extraInfo {
  color: gray; }

/* _____FOOTER_____ */
#footerBlock {
  background: #ffffff; }

.highlight {
  background-color: #ffffff; }

.hint {
  color: red;
  font-weight: bold; }

.alert {
  font-weight: bold;
  color: red; }

@media (min-width: 768px) {
  body {
    font-size: 2vmin; }

  .optionTxt {
    font-size: 2vmin; }

  #headerBlock #titles h1 {
    font-size: 2.5vmin; }

  #headerBlock #titles h2 {
    font-size: 3.5vmin; }

  h1 {
    font-size: 1.5vmin; }

  h2 {
    font-size: 2.2vmin; }

  h3 {
    font-size: 2vmin; }

  #btnHolder button, #overviewBtnHolder button {
    font-size: 2.0vmin; }

  #overviewHolder .stepImg {
    max-width: 30%;
    max-height: 30%; }

  .stepImg {
    max-width: 40%;
    max-height: 40%; }

  input[type="radio" i] {
    margin: 10px 10px 0px 20px;
    width: 2vmin;
    height: 2vmin; }

  #amount {
    font-size: 2.0vmin; }

  #overviewHolder .decisionInfo .fa {
    font-size: 3.0vmin; } }

/*# sourceMappingURL=bluegreyorange.css.map */
