/*
Used for institution customizable styles. Classes that are called out explicity will be stored in the database and customizable CSS will be injected into the layouts.
*/
/**
    Used for global variables using native css variables
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap");
:root {
  /** color scheme */
  --primary-color: #06274C;
  --secondary-color: #C4470E;
  --tertiary-color: #5C5C5C;
  --quaternary-color: #F7F7F7;
  --warning-color: #B00020;
  --success-color: #648000;
  /** font */
  --font-family-default: 'Open Sans', sans-serif;
  /** font-size - rem based on 10px root default from bootstrap 4 */
  --font-size-large: 2.4rem;
  --font-size-medium: 1.8rem;
  --font-size-default: 1.6rem;
  --font-size-small: 1.6rem;
  --font-size-tiny: 1.2rem;
  --input-height: 55px; }

:root {
  --buttonBackgroundColor: var(--secondary-color);
  --buttonDisabledBackgroundColor: #e2a387;
  --buttonRolloverColor: var(--primary-color);
  --buttonFont: var(--font-family-default);
  --buttonColor: #fff; }

.btn-primary {
  font-size: var(--font-size-small);
  background-color: var(--buttonBackgroundColor);
  color: var(--buttonColor);
  height: 60px;
  text-transform: uppercase;
  border-radius: 0;
  border: none;
  font-family: var(--buttonFont); }
  .btn-primary:hover {
    background-color: var(--buttonRolloverColor); }

.btn-secondary {
  font-size: var(--font-size-small);
  color: var(--buttonRolloverColor);
  background-color: white;
  height: 60px;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid var(--buttonRolloverColor); }
  .btn-secondary:hover {
    border: 1px solid var(--buttonBackgroundColor);
    color: var(--buttonBackgroundColor); }

@media (min-width: 768px) {
  .btn-primary {
    font-size: var(--font-size-medium); }
  .btn-secondary {
    font-size: var(--font-size-medium); } }

a {
  color: var(--buttonBackgroundColor); }
  a:hover {
    color: var(--buttonRolloverColor); }

.btn-lg-link {
  color: var(--buttonBackgroundColor); }
  .btn-lg-link:hover {
    color: var(--buttonRolloverColor); }

.k-dropdown-wrap > .k-select > .k-i-arrow-60-down {
  margin-top: 20px; }