@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*/
/*start here and set the default values for all the variables*/
/*You should not edit the editorstyles.css file directly or change values directly unless you wish to override something*/
.panel1 {
  border-radius: 1vmin;
  display: table;
  padding: 10px;
  font-style: normal;
  background-color: #018CCF;
  color: #ffffff; }

.panel1 a {
  color: white !important; }

.panel2 {
  border-radius: 1vmin;
  display: table;
  padding: 10px;
  font-style: normal;
  background-color: #2F9739;
  color: #ffffff; }

.panel2 a {
  color: white !important; }

.panel3 {
  border-radius: 1vmin;
  display: table;
  padding: 10px;
  font-style: normal;
  background-color: #ffa500;
  color: #ffffff; }

.panel3 a {
  color: white !important; }

.panel4 {
  border-radius: 1vmin;
  display: table;
  padding: 10px;
  font-style: normal;
  background-color: #00A1A3;
  color: #ffffff; }

.panel4 a {
  color: white !important; }

.panel5 {
  border-radius: 1vmin;
  display: table;
  padding: 10px;
  font-style: normal;
  background-color: #494949;
  color: #ffffff;
  display: table; }

.panel5 a {
  color: white !important; }

.panel6 {
  border-radius: 1vmin;
  display: table;
  padding: 10px;
  font-style: normal;
  background-color: #D13759;
  color: #ffffff; }

.panel6 a {
  color: white !important; }

.highlight1 {
  font-family: "Varela Round", sans-serif;
  background: #232323;
  display: table;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 5px;
  padding: 10px;
  border-left: 5px solid;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #018CCF; }

.highlight2 {
  font-family: "Varela Round", sans-serif;
  background: #232323;
  display: table;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 5px;
  padding: 10px;
  border-left: 5px solid;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #2F9739; }

.highlight3 {
  font-family: "Varela Round", sans-serif;
  background: #232323;
  display: table;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 5px;
  padding: 10px;
  border-left: 5px solid;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #ffa500; }

.highlight4 {
  font-family: "Varela Round", sans-serif;
  background: #232323;
  display: table;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 5px;
  padding: 10px;
  border-left: 5px solid;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #00A1A3; }

.highlight5 {
  font-family: "Varela Round", sans-serif;
  background: #232323;
  display: table;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 5px;
  padding: 10px;
  border-left: 5px solid;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #494949; }

.highlight6 {
  font-family: "Varela Round", sans-serif;
  background: #232323;
  display: table;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 5px;
  padding: 10px;
  border-left: 5px solid;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #D13759; }

blockquote {
  font: 400 14px/24px "Varela Round", sans-serif;
  border-left: 10px solid;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D";
  background: #232323;
  border-color: #ccc; }

blockquote:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #ccc; }

blockquote p {
  display: inline; }

blockquote:after {
  content: close-quote;
  font-size: 4em;
  line-height: .1em;
  margin-left: .1em;
  vertical-align: -.6em;
  color: #ccc; }

.bq1 {
  border-color: #018CCF; }

.bq1:after {
  content: close-quote;
  font-size: 4em;
  line-height: .1em;
  margin-left: .1em;
  vertical-align: -.6em;
  color: #018CCF; }

.bq1:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #018CCF; }

.bq2 {
  border-color: #2F9739; }

.bq2:after {
  content: close-quote;
  font-size: 4em;
  line-height: .1em;
  margin-left: .1em;
  vertical-align: -.6em;
  color: #2F9739; }

.bq2:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #2F9739; }

.bq3 {
  border-color: #ffa500; }

.bq3:after {
  content: close-quote;
  font-size: 4em;
  line-height: .1em;
  margin-left: .1em;
  vertical-align: -.6em;
  color: #ffa500; }

.bq3:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #ffa500; }

.bq4 {
  border-color: #00A1A3; }

.bq4:after {
  content: close-quote;
  font-size: 4em;
  line-height: .1em;
  margin-left: .1em;
  vertical-align: -.6em;
  color: #00A1A3; }

.bq4:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #00A1A3; }

.bq5 {
  border-color: #494949; }

.bq5:after {
  content: close-quote;
  font-size: 4em;
  line-height: .1em;
  margin-left: .1em;
  vertical-align: -.6em;
  color: #494949; }

.bq5:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #494949; }

.bq6 {
  border-color: #D13759; }

.bq6:after {
  content: close-quote;
  font-size: 4em;
  line-height: .1em;
  margin-left: .1em;
  vertical-align: -.6em;
  color: #D13759; }

.bq6:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  color: #D13759; }

.speech-bubble1 {
  background: #018CCF;
  color: white; }

.speech-bubble1:after {
  border-right-color: #018CCF; }

.speech-bubble2 {
  background: #2F9739;
  color: white; }

.speech-bubble2:after {
  border-left-color: #2F9739; }

.speech-bubble3 {
  background: #ffa500;
  color: white; }

.speech-bubble3:after {
  border-right-color: #ffa500; }

.speech-bubble4 {
  background: #00A1A3;
  color: white; }

.speech-bubble4:after {
  border-left-color: #00A1A3; }

.speech-bubble5 {
  background: #494949;
  color: white; }

.speech-bubble5:after {
  border-top-color: #494949; }

.speech-bubble6 {
  background: #D13759;
  color: white; }

.speech-bubble6:after {
  font-family: "Varela Round", sans-serif;
  border-top-color: #D13759; }

.speech-bubble1 a, .speech-bubble2 a, .speech-bubble3 a, .speech-bubble4 a, .speech-bubble5 a, .speech-bubble6 a {
  color: white !important;
  text-decoration: underline; }

tt a, kbd a, samp a, code a, .marker a, var a {
  color: white !important;
  text-decoration: underline; }

.marker {
  font-family: "Varela Round", sans-serif;
  background-color: #161616;
  color: #FCBC2B;
  border-radius: 1vmin;
  display: table;
  padding: 10px; }

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

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

samp {
  font-family: "Varela Round", sans-serif;
  background-color: #9A9A9A;
  color: #FCBC2B;
  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;
  padding: 10px; }

cite {
  font-family: "Varela Round", sans-serif;
  font-size: 14px;
  font-style: normal;
  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: #ffffff; }

#mainHolder {
  border: none; }

.bgColour {
  background-color: #161616; }

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

.stepImg {
  background-color: #ffffff; }

#submitBtn {
  background: #018CCF;
  color: #ffffff;
  border-color: #018CCF; }

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

#headerBlock #titles {
  color: #ffffff; }

#headerBlock #titles h2 {
  color: #ffa500; }

#btnHolder {
  border-top: 2px solid #9A9A9A;
  background-color: #000000; }

#btnHolder button, #overviewBtnHolder button {
  color: #018CCF; }

#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: none;
  margin-left: 20px; }

a[href="#"]:visited {
  color: #0a8bee; }

.light {
  color: #ffffff; }

.section.light {
  background: #343434 !important;
  color: #ffffff; }

.dark {
  color: #000000; }

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

#labelHolder input {
  border: 1px solid #000000;
  background: #4e4e4e;
  padding: 5px; }

#amount {
  color: #ffa500; }

#slider {
  background: #4e4e4e;
  border: #000000; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #000000;
  color: #555;
  background: #ffa500; }

select {
  background: #343434;
  color: #ffffff; }

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

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

#overviewHolder .extraInfo {
  color: gray; }

#helpBtn, #viewThisBtn {
  color: #0a8bee; }

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

.highlight {
  background-color: #ffa500;
  color: #000000; }

.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; }

  select {
    font-size: 2.0vmin; } }

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