text:
.box-title > h3 {
    display: contents;
}

.box-title > button {
    background: none!important;
    border: none;
    padding: 0!important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
}

.box-info > tr > td {
    vertical-align:top;
}

.box-info > tr >td:nth-child(2){
    width: 50%;
}

.box-info >tr >td:first-child {
    width: 350px;
}

.qr-caption {
    display: table-caption;
    font-style: italic;
    text-align: center;
}

.hidden {
    display: none;
}


text:
body {
    background-color: black;
    font-family: arial;
    color: white;
}

h1 {
    color: grey;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    position: static;
}

.maindiv {
    background-color: white;
    color: black;
    width: 475px;
    padding: 20px;
    border-radius: 25px;
    text-align: left;
    margin: auto;
}

p {
    margin-left: 80px;
    margin-bottom: 0px;
    margin-top: 8px;
}

button {
    cursor: pointer;
}

#principal {
    margin-left: 66px;
    width: 150px;
    height: 14px;
}

#rate {
    margin-left: 29px;
    width: 140px;
}

#years {
    margin-left: 34px;
}

footer {
    margin-top: 10px;
}

domain: css


text:
/*
 * ABAPGIT COMMON CSS
 */

/* GLOBALS */

body {
  overflow-x: hidden;
}
a, a:visited {
  text-decoration:  none;
}
a:hover, a:active {
  cursor: pointer;
  text-decoration: underline;
}

img {
  border-width: 0px;
  vertical-align: middle;
}
table { border-collapse: collapse; }
pre { display: inline; }
sup {
  vertical-align: top;
  position: relative;
  top: -0.5em;
  font-size: 75%;
}

input, textarea, select {
  padding: 3px 6px;
  border: 1px solid;
}
input:focus, textarea:focus {
  border: 1px solid;
}

/* MODIFIERS */
.emphasis     { font-weight: bold !important; }
.crossout     { text-decoration: line-through !important; }
.right        { text-align:right; }
.center       { text-align:center; }
.paddings     { padding: 0.5em 0.5em; }
.pad-sides    { padding-left: 0.3em; padding-right: 0.3em; }
.margin-v5    { margin-top: 0.5em; margin-bottom: 0.5em; }
.indent5em    { padding-left: 0.5em; }
.pad4px       { padding: 4px; }
.w100         { width: 100%; }
.wmin         { width: 1%; }
.w40          { width: 40%; }
.float-right  { float: right; }
.pad-right    { padding-right: 6px; }
.inline       { display: inline; }
.hidden       { visibility: hidden; }
.nodisplay    { display: none }

/* PANELS */
div.panel {
  border-radius: 3px;
}

#debug-output {
  text-align: right;
  padding-right: 0.5em;
  font-style: italic;
  font-size: small;
}

div.dummydiv {
  padding:          0.5em 1em;
  text-align:       center;
}

a.close-btn {
  text-decoration: none;
}

/* STRUCTURE DIVS, HEADER & FOOTER */
#abapGitLogo { outline: none; }

div#header {
  padding:          0.5em 0.5em;
  border-bottom:    3px double;
}
div#header td:not(.logo) { padding-top: 11px; } /* align with logo H */
div#header td.logo       { width: 164px; }
div#header td:not(.logo) { padding-top: 11px; } /* align with logo H */
div#header span.page_title {
  font-weight: normal;
  font-size: 18pt;
  padding-left: 0.4em;
}

div#toc { padding: 0.5em 1em; }
div#toc .favorites a { opacity: 0.5; }
div#toc .favorites:hover a { opacity: 1; }

div#footer {
  padding:          0.5em 1em;
  border-top:       3px double;
  text-align:       center;
}
div#footer span.version {
  display: block;
  margin-top: 0.3em;
}

/* ERROR LOG */

div.log {
  padding: 6px;
  margin: 4px;
  border: 1px  solid;
  border-radius: 4px;
}
div.log > span   { display:block; }
div.log .icon { padding-right: 6px; }

/* REPOSITORY */
div.repo {
  margin-top: 3px;
  padding: 0.5em 1em 0.5em 1em;
  position: relative;
}
.repo_name span.name {
  font-weight: bold;
  font-size: 14pt;
}
.repo_name a.url {
  font-size: 12pt;
  margin-left: 0.5em;
}
.repo_name span.url {
  font-size: 12pt;
  margin-left: 0.5em;
}
.repo_name .icon {
  padding-right: 4px;
}
.repo_attr {
  font-size: 12pt;
}
.repo_attr span {
  margin-left: 0.2em;
  margin-right: 0.5em;
}
.repo_attr span.bg_marker {
  border: 1px solid;
  border-radius: 3px;
  font-size: 8pt;
  padding: 4px 2px 3px 2px;
}
.repo_attr span.branch {
  padding: 2px 4px;
  border: 1px solid;
  border-radius: 4px;
}

/* MISC AND REFACTOR */
.hidden-submit {
  border: 0 none;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

/* STATE BLOCK COMMON*/
span.state-block {
  margin-left: 1em;
  font-family: Consolas, Lucida Console, Courier, monospace;
  font-size: x-small;
  vertical-align: 13%;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
span.state-block span {
  display: inline-block;
  padding: 0px 3px;
  border-width: 1px;
  border-style: solid;
}

/* REPOSITORY TABLE*/
div.repo_container {
  position: relative;
}

div.repo_banner {
  margin: 0em 1.2em 1em;
  padding: 0.5em 0.5em;
  text-align: center;
  font-size: 85%;
}

table.repo_tab {
  border: 1px solid;
  border-radius: 3px;
  width: 100%;
}
.repo_tab th {
  text-align: left;
  padding: 0.5em;
  border-bottom: 1px solid;
  font-weight: normal;
}
.repo_tab td {
  border-top: 1px solid;
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 2px;
}
.repo_tab td.icon {
  width: 1px;
  text-align: center;
  padding-left: 8px;
  padding-right: 4px;
}
.repo_tab td.icon:not(:first-child) {
  width: 26px;
  text-align: left;
}
.repo_tab td.type {
  width: 4em;
  padding-left: 0.5em;
}
.repo_tab td.object {
  padding-left: 0.5em;
}
.repo_tab td.files {
  padding-left: 0.5em;
}
.repo_tab td.cmd, .repo_tab th.cmd {
  text-align: right;
  padding-left: 0.5em;
  padding-right: 0.7em;
}
.repo_tab th.cmd .icon{
  padding-right: 8px;
}
.repo_tab tr:first-child td { border-top: 0px; }

/* STAGE */
div.stage-container { width: 900px; }
input.stage-filter { width: 18em; }

.stage_tab {
  border: 1px solid;
  margin-top: 0.2em;
}
.stage_tab td {
  border-top: 1px solid;
  vertical-align: middle;
  padding: 2px 0.5em;
}
.stage_tab th {
  text-align: left;
  font-weight: normal;
  padding: 4px 0.5em;
}
.stage_tab td.status {
  width: 2em;
  text-align: center;
}
.stage_tab td.highlight {
  font-weight: bold;
}

.stage_tab td.cmd {  cursor: pointer; }
.stage_tab td.cmd a { padding: 0px 4px; }
.stage_tab th.cmd a { padding: 0px 4px; }
.stage_tab tbody tr:first-child td { padding-top: 0.5em; }
.stage_tab tbody tr:last-child td { padding-bottom: 0.5em; }

/* COMMIT */
div.form-container {
  padding: 1em 1em;
}

form.aligned-form {
  display: table;
  border-spacing: 2px;
}

form.aligned-form label {
  padding-right: 1em;
  vertical-align: middle;
}

form.aligned-form select {
  padding-right: 1em;
  vertical-align: middle;
}

form.aligned-form span.sub-title {
  font-size: smaller;
  padding-top: 8px;
}

form.aligned-form div.row { display: table-row; }
form.aligned-form label { display: table-cell; }
form.aligned-form input { display: table-cell; }
form.aligned-form input[type="text"] { width: 25em; }
form.aligned-form span.cell { display: table-cell; }

/* SETTINGS STYLES */
div.settings_container {
  padding: 0.5em 0.5em 1em;
  font-size: 10pt;
}

div.settings_section {
  margin-left:50px
}

table.settings td:first-child {
  padding-left: 1em;
  padding-right: 1em;
}

table.settings-package-requirements {
  /*max-width: 300px;*/
}

/* DIFF */
div.diff {
  padding: 0.7em
}
div.diff_head {
  padding-bottom: 0.7em;
}
span.diff_name {
  padding-left: 0.5em;
}
span.diff_changed_by {
  float: right;
}
span.diff_changed_by span.user {
  border-radius: 3px;
  border: solid 1px;
  padding: 1px 0.4em;
}
span.diff_banner {
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  padding-left: 0.3em;
  padding-right: 0.3em;
}
div.diff_content {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

div.diff_content tbody tr td{
  width: 50%;
  vertical-align: top
}

div.diff_head span.state-block {
  margin-left: 0.5em;
  font-size: inherit;
  vertical-align: initial;
}
div.diff_head span.state-block span {
  padding: 0px 4px;
}

/* DIFF TABLE */
table.diff_tab {
  font-family: Consolas, Courier, monospace;
  font-size: 10pt;
  width: 100%;
}
table.diff_tab td,th {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
table.diff_tab th {
  text-align: left;
  font-weight: normal;
  padding-top: 3px;
  padding-bottom: 3px;
}
table.diff_tab thead.header th {
  text-align: left;
  font-weight: bold;
  padding-left: 0.5em;
  font-size: 9pt;
}
table.diff_tab td.num, th.num {
  width: 1%;
  min-width: 2em;
  padding-right: 8px;
  padding-left:  8px;
  text-align: right !important;
  border-left: 1px solid;
  border-right: 1px solid;
  -ms-user-select: none;
  user-select: none;
}
table.diff_tab td.patch, th.patch {
  width: 1%;
  min-width: 1.5em;
  padding-right: 8px;
  padding-left:  8px;
  text-align: right !important;
  border-left: 1px solid;
  border-right: 1px solid;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
table.diff_tab td.num::before {
  content: attr(line-num);
}
table.diff_tab code {
  font-family: inherit;
  white-space: pre;
}
table.diff_tab td.code {
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow: visible;
}

table.diff_tab tbody tr:first-child td { padding-top: 0.5em; }
table.diff_tab tbody tr:last-child td { padding-bottom: 0.5em; }

/* DEBUG INFO STYLES */
div.debug_container {
  padding: 0.5em;
  font-size: 10pt;
  font-family: Consolas, Courier, monospace;
}

div.debug_container p {
  margin: 0px;
}

/* DB ENTRIES */
div.db_list {
  padding: 0.5em;
  overflow-x: auto;
}

table.db_tab pre {
  display: inline-block;
  overflow: hidden;
  word-wrap:break-word;
  white-space: pre-wrap;
  margin: 0px;
  width: 30em;
}

table.db_tab tr.firstrow td { padding-top: 0.5em; }
table.db_tab th {
  text-align: left;
  padding: 0.5em;
  border-bottom: 1px solid;
}
table.db_tab td {
  padding: 4px 8px;
  vertical-align: middle;
}
table.db_tab td.data {
  font-style: italic;
}

/* DB ENTRY DISPLAY */
div.db_entry {
  padding: 0.5em;
}

div.db_entry pre {
  display: block;
  font-size: 10pt;
  overflow: hidden;
  word-wrap:break-word;
  white-space: pre-wrap;
  border: 1px  solid;
  border-radius: 3px;
  padding: 0.5em;
  margin: 0.5em 0em;
  width: 60em;
}

div.db_entry textarea { margin: 0.5em 0em; }
div.db_entry table.toolbar {
  width: 50em;
}

table.tag {
  display: inline-block;
  border: 1px  solid;
  border-radius: 3px;
  margin-right: 0.5em;
}
table.tag td { padding: 0.2em 0.5em; }

/* TUTORIAL */

div.tutorial {
  margin-top:       3px;
  padding: 0.5em 1em 0.5em 1em;
}

div.tutorial li { margin: 2px 0px }
div.tutorial h1 { font-size: 18pt; }
div.tutorial h2 { font-size: 14pt;}

/* MENU */
/* Special credits to example at https://codepen.io/philhoyt/pen/ujHzd */
/* container div, aligned left,
   but with .float-right modifier alignes right */

.nav-container ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  text-align: left;
}
.nav-container.float-right ul { float: right; }

.nav-container ul a {
  display: block;
  text-decoration: none;
  line-height: 30px;
  padding: 0 12px;
}

/* clearfix https://css-tricks.com/snippets/css/clear-fix/ */
.nav-container:after { clear: both; display: block; content: ""; }

/* submenues align to left or right border of the active item
   depending on .float-right modifier */
.nav-container ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
.nav-container.float-right ul ul { left: auto; right: 0; }
.nav-container ul li.current-menu-item { font-weight: 700; }
.nav-container ul li.force-nav-hover ul { display: block; }
.nav-container ul li:hover > ul { display: block; }

/* special selection style for 1st level items (see also .corner below) */

.nav-container ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  padding: 0;
  box-shadow: 1px 1px 3px 0px #bbb;
}

.nav-container ul ul li {
  float: none;
  min-width: 160px;
}

.nav-container ul ul a {
  line-height: 120%;
  padding: 8px 15px;
}

.nav-container ul ul ul {
  top: 0;
  left: 100%;
}

.nav-container.float-right ul ul ul {
  left: auto;
  right: 100%;
}

/* Minizone to extent hover area,
   aligned to the left or to the right of the selected item
   depending on .float-right modifier */
.nav-container > ul > li > div.minizone {
  display: none;
  z-index: 1;
  position: absolute;
  padding: 0px;
  width: 16px;
  height: 100%;
  bottom: 0px;
  left: 100%;
}
.nav-container > ul > li:hover div.minizone { display: block; }
.nav-container.float-right > ul > li > div.minizone {
  left: auto;
  right: 100%;
}

/* icons - text-align strictly left - otherwise look ugly
   + bite a bit of left padding for nicer look
   + forbids item text wrapping (maybe can be done differently) */
.nav-container ul ul li a .icon {
  padding-right: 10px;
  margin-left: -3px;
}
.nav-container ul.with-icons li {
  text-align: left;
  white-space: nowrap;
}

/* Special .corner modifier - hangs menu at the top right corner
   and cancels 1st level background coloring */
.nav-container.corner {
  position: absolute;
  right: 0px;
}

/* Toolbar separator style */
.nav-container ul ul li.separator {
  font-size: x-small;
  text-align: center;
  padding: 4px 0;
  text-transform: uppercase;
  border-bottom: 1px solid;
  border-top: 1px solid;
}
.nav-container ul ul li.separator:first-child { border-top: none; }

/* News Announcement */

div.info-panel {
  position: absolute;
  z-index: 99;
  top: 36px;
  left: 50%;
  width: 40em;
  margin-left: -20em;
  box-shadow: 1px 1px 3px 2px #dcdcdc;
}

div.info-panel-fixed {
  position: fixed;
  top: 15%;
}

div.info-panel div.info-hint {
  text-transform: uppercase;
  font-size: small;
  padding: 8px 6px 0px;
  text-align: center;
}

div.info-panel div.info-title {
  text-transform: uppercase;
  font-size: small;
  padding: 6px;
  text-align: center;
}

div.info-panel div.info-title a.close-btn {
  padding-left: 12px;
  padding-right: 2px;
  position: relative;
  bottom: 1px;
}

div.info-panel div.info-list {
  padding: 0.8em 0.7em 1em;
}

div.info-panel li {
  padding-left: 10px;
  list-style-type: none;
}

div.info-panel h1:first-child { margin: auto; }
div.info-panel h1 {
  font-size: inherit;
  padding: 6px 4px;
  margin: 4px auto auto;
  text-decoration: underline;
  font-weight: normal;
}

div.info-panel .version-marker {
  display: inline-block;
  margin-left: 20px;
  border-radius: 3px;
  padding: 0px 6px;
  border:  1px solid;
}

div.info-panel .update { border:  1px solid; }
div.info-panel div.info-list td { padding-right: 1em }

/* Error message Panel */

div.message-panel {
  z-index: 99;
  box-shadow: 2px 2px 4px 0px hsla(0, 0%, 0%, .1);
  padding: 12px;
  margin-left: -48%;
  position: fixed;
  bottom: 12px;
  width: 94%;
  left: 50%;

  border: 1px solid;
  border-radius: 5px;
  border-color: hsl(0, 42%, 64%);
  background-color: hsla(0, 42%, 90%, 1);
}

.message-panel-commands {
  display: none;
  margin-right: 2em;
}

.message-panel-commands a {
  padding: 0em 0.5em;
  border-left: 1px solid;
  border-left-color: #ccc;
}

.message-panel-commands a:first-child {
  padding-left: 0;
  border-left: none;
}

div.message-panel:hover .message-panel-commands {
  display: block
}

/* Tooltip text */
.link-hint {
    line-height: 1em;
    text-align: center;
    padding: 5px 15px;
    border-radius: 4px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    margin-top: -30px;
}

.link-hint-a {
  margin-left: -60px;
}

.link-hint-input {
  margin-left: -30px;
}

.link-hint .pending { color: hsla(0, 0%, 0%, 0.2); }

/* Tooltip arrow */
.link-hint::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
}

/* HOTKEYS */
ul.hotkeys {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: smaller;
}

ul.hotkeys span.key-id {
  border: 1px solid;
  border-radius: 3px;
  padding: 1px 7px;
  width: 1em;
  display: inline-block;
  text-align: center;
  margin-top: 0.2em;
}

ul.hotkeys span.key-descr {
  margin-left: 1.2em;
}

div.corner-hint {
  position: fixed;
  bottom: 10px;
  right: 10px;
  border: 1px solid;
  border-radius: 3px;
  padding: 4px;
  font-size: smaller;
  opacity: 0.5;
  z-index: 99;
}

/* Commit popup */
table.commit tr .title {
  font-weight: bold;
  vertical-align: top;
}

/* Repo overview */
.repo-overview { font-size: smaller; }
.repo-overview tbody td { height: 2em; }
.ro-detail { display: none; }

/* Branch Overview Page */
.gitGraph-scrollWrapper, .gitGraph-Wrapper{
  overflow-y: hidden;
}

.gitGraph-scrollWrapper{
  overflow-x: auto;
  height: 20px;
}

.gitGraph-Wrapper{
  overflow-x: hidden;
}

.gitGraph-HTopScroller {
  width:1000px;
  height: 20px;
}

/* code inspector */
.ci-head { padding: 0.5em 1em; }
.ci-head .package-name span { margin-left: 0.3em; }
.ci-variant { font-weight: bold; }
.ci-result {
  padding: 6px;
  margin-top: 4px;
}
.ci-result li {
  list-style-type: none;
  padding: 0.3em 0.8em;
  margin-top: 6px;
  border-left: 4px solid;
}
.ci-result li:first-child { margin-top: 0px; }
.ci-result li > span { display: block; }

/* Floating buttons */

.floating-button {
  position: fixed;
  top: 6em;
  right: 2.8em;
  padding: 1em 1.8em;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  box-shadow: 2px 2px 6px 0px #ccc;
  cursor: pointer;
}

/* Command palette */

.cmd-palette {
  position: absolute;
  z-index: 99;
  top: 36px;
  left: 50%;
  width: 40em;
  margin-left: -20em;
  box-shadow: 1px 1px 3px 2px #dcdcdc;
  background-color: white;
  border: solid 2px;
  padding: 0px 1px;
}

.cmd-palette input {
  width: 100%;
  box-sizing: border-box;
}

.cmd-palette ul {
  max-height: 10em;
  overflow-y: scroll;
  margin: 4px 0;
  padding: 2px 4px;
}

.cmd-palette li {
  list-style-type: none;
  cursor: default;
  padding: 4px 6px;
}

.cmd-palette li .icon {
  margin-right: 10px;
}


text:
/*!
 * Cube Portfolio - Responsive jQuery Grid Plugin
 *
 * version: 4.2.0 (2 June, 2017)
 * require: jQuery v1.8+
 *
 * Copyright 2013-2017, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
 * Licensed under CodeCanyon License (http://codecanyon.net/licenses)
 *
 */.cbp-l-filters-alignCenter .cbp-filter-counter:after,.cbp-l-filters-alignRight .cbp-filter-counter:after,.cbp-l-filters-button .cbp-filter-counter:after,.cbp-l-filters-buttonCenter .cbp-filter-counter:after,.cbp-l-filters-text .cbp-filter-counter:after,.cbp,.cbp *,.cbp *:after,.cbp:after,.cbp-l-filters-dropdownHeader:after,.cbp-popup-wrap,.cbp-popup-wrap *,.cbp-popup-wrap:before,.cbp-popup-loadingBox:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cbp-l-grid-agency-title,.cbp-l-grid-agency-desc,.cbp-l-grid-work-title,.cbp-l-grid-work-desc,.cbp-l-grid-blog-title,.cbp-l-grid-projects-title,.cbp-l-grid-projects-desc,.cbp-l-grid-masonry-projects-title,.cbp-l-grid-masonry-projects-desc{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.cbp-l-filters-alignCenter,.cbp-l-filters-alignCenter *,.cbp-l-filters-alignLeft,.cbp-l-filters-alignLeft *,.cbp-l-filters-alignRight,.cbp-l-filters-alignRight *,.cbp-l-filters-button,.cbp-l-filters-button *,.cbp-l-filters-buttonCenter,.cbp-l-filters-buttonCenter *,.cbp-l-filters-dropdown,.cbp-l-filters-dropdown *,.cbp-l-filters-list,.cbp-l-filters-list *,.cbp-l-filters-work,.cbp-l-filters-work *,.cbp-l-filters-big,.cbp-l-filters-big *,.cbp-l-filters-text,.cbp-l-filters-text *,.cbp-l-filters-underline,.cbp-l-filters-underline *,.cbp-l-loadMore-bgbutton,.cbp-l-loadMore-bgbutton *,.cbp-l-loadMore-button,.cbp-l-loadMore-button *,.cbp-l-loadMore-text,.cbp-l-loadMore-text *,.cbp-search,.cbp-search *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cbp:after,.cbp-lazyload:after,.cbp-popup-loadingBox:after,.cbp-popup-singlePageInline:after{content:'';position:absolute;width:34px;height:34px;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-animation:cbp-rotation .8s infinite linear;-o-animation:cbp-rotation .8s infinite linear;animation:cbp-rotation .8s infinite linear;border-left:3px solid rgba(114,144,182,0.15);border-right:3px solid rgba(114,144,182,0.15);border-bottom:3px solid rgba(114,144,182,0.15);border-top:3px solid rgba(114,144,182,0.8);-webkit-border-radius:100%;border-radius:100%}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter{opacity:1;-webkit-transform:translateY(-44px);-ms-transform:translateY(-44px);-o-transform:translateY(-44px);transform:translateY(-44px)}.cbp-l-filters-alignCenter .cbp-filter-counter,.cbp-l-filters-alignRight .cbp-filter-counter,.cbp-l-filters-button .cbp-filter-counter,.cbp-l-filters-buttonCenter .cbp-filter-counter,.cbp-l-filters-text .cbp-filter-counter{font:400 11px/18px "Open Sans", sans-serif;-webkit-border-radius:3px;border-radius:3px;color:#FFFFFF;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;opacity:0;-webkit-transition:-webkit-transform .25s, opacity .25s;-webkit-transition:opacity .25s, -webkit-transform .25s;transition:opacity .25s, -webkit-transform .25s;-o-transition:opacity .25s, -o-transform .25s;transition:transform .25s, opacity .25s;transition:transform .25s, opacity .25s, -webkit-transform .25s, -o-transform .25s}.cbp-l-filters-alignCenter .cbp-filter-counter:after,.cbp-l-filters-alignRight .cbp-filter-counter:after,.cbp-l-filters-button .cbp-filter-counter:after,.cbp-l-filters-buttonCenter .cbp-filter-counter:after,.cbp-l-filters-text .cbp-filter-counter:after{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.cbp-item{display:inline-block;margin:0 10px 20px 0}.cbp{position:relative;margin:0 auto;z-index:1;height:400px}.cbp>*{visibility:hidden}.cbp .cbp-item{list-style-type:none;margin:0;padding:0;overflow:hidden}.cbp img{display:block;border:0;width:100%;height:auto}.cbp a,.cbp a:hover,.cbp a:active{text-decoration:none;outline:0}.cbp-lazyload{position:relative;background:#fff;display:block}.cbp-lazyload img{opacity:1}.cbp-lazyload img[data-cbp-src]{opacity:0}.cbp-lazyload img:not([data-cbp-src]){-webkit-transition:opacity .7s ease-in-out;-o-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out}.cbp-lazyload:after{z-index:0}.cbp-wrapper-outer{overflow:hidden;position:relative;margin:0 auto}.cbp-wrapper-outer,.cbp-wrapper,.cbp-wrapper-helper{list-style-type:none;padding:0;width:100%;height:100%;z-index:1}.cbp-wrapper,.cbp-wrapper-helper{margin:0}.cbp-ready>*{visibility:visible}.cbp-ready:after{display:none;visibility:hidden}.cbp-ready .cbp-item{position:absolute;top:0;left:0}.cbp-ready .cbp-wrapper,.cbp-ready .cbp-wrapper-helper{position:absolute;top:0;left:0}.cbp-item-off{z-index:-1;pointer-events:none;visibility:hidden}.cbp-item-on2off{z-index:0}.cbp-item-off2on{z-index:1}.cbp-item-on2on{z-index:2}.cbp-item-wrapper{width:100%;height:100%;position:relative;top:0;left:0}.cbp-l-project-related-wrap img,.cbp-l-inline img{display:block;width:100%;height:auto;border:0}.cbp-updateItems{-webkit-transition:height .5s ease-in-out !important;-o-transition:height .5s ease-in-out !important;transition:height .5s ease-in-out !important;will-change:height}.cbp-updateItems .cbp-item{-webkit-transition:top .5s ease-in-out, left .5s ease-in-out;-o-transition:top .5s ease-in-out, left .5s ease-in-out;transition:top .5s ease-in-out, left .5s ease-in-out}.cbp-updateItems .cbp-item-loading{-webkit-animation:fadeIn .5s ease-in-out;-o-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;-webkit-transition:none;-o-transition:none;transition:none}.cbp-removeItem{-webkit-animation:fadeOut .5s ease-in-out;-o-animation:fadeOut .5s ease-in-out;animation:fadeOut .5s ease-in-out}.cbp-panel{width:94%;max-width:1170px;margin:0 auto}.cbp-misc-video{position:relative;height:0;padding-bottom:56.25%;background:#000;text-align:center}.cbp-misc-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}@-webkit-keyframes cbp-rotation{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-o-keyframes cbp-rotation{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cbp-rotation{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.clearfix:after{content:" ";display:block;height:0;clear:both}.cbp-l-filters-left{float:left}.cbp-l-filters-right{float:right}@media only screen and (max-width: 480px){.cbp-l-filters-left,.cbp-l-filters-right{width:100%}}.cbp-caption,.cbp-caption-defaultWrap,.cbp-caption-activeWrap{display:block}.cbp-caption-activeWrap{background-color:#282727}.cbp-caption-active .cbp-caption,.cbp-caption-active .cbp-caption-defaultWrap,.cbp-caption-active .cbp-caption-activeWrap{overflow:hidden;position:relative;z-index:1}.cbp-caption-active .cbp-caption-defaultWrap{top:0}.cbp-caption-active .cbp-caption-activeWrap{width:100%;position:absolute;z-index:2;height:100%}.cbp-l-caption-title{color:#fff;font:400 16px/21px "Open Sans", sans-serif}.cbp-l-caption-desc{color:#aaa;font:400 12px/16px "Open Sans", sans-serif}.cbp-l-caption-text{font:400 14px/21px "Open Sans", sans-serif;color:#fff;letter-spacing:3px;padding:0 6px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{background-color:#547EB1;color:#FFFFFF;display:inline-block;font:400 12px/30px "Open Sans", sans-serif;min-width:90px;text-align:center;margin:4px;padding:0 6px}.cbp-l-caption-buttonLeft:hover,.cbp-l-caption-buttonRight:hover{opacity:0.9}.cbp-caption-none .cbp-caption-activeWrap{display:none}.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:12px 30px}.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body{padding-top:30px}.cbp-l-caption-alignCenter{display:table;width:100%;height:100%}.cbp-l-caption-alignCenter .cbp-l-caption-body{display:table-cell;vertical-align:middle;text-align:center;padding:15px 0}.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{position:relative;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-o-transition:-o-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s, -o-transform .25s}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft{-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}@media only screen and (max-width: 480px){.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:9px 11px}.cbp-l-caption-title{font-size:14px;line-height:21px}.cbp-l-caption-desc{font-size:11px;line-height:14px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{font-size:11px;line-height:28px;min-width:69px;margin:3px;padding:0 4px}.cbp-l-caption-text{font-size:13px;letter-spacing:1px}}@media only screen and (max-width: 374px){.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:8px 10px}.cbp-l-caption-title{font-size:13px;line-height:20px}.cbp-l-caption-desc{font-size:11px;line-height:14px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{font-size:10px;line-height:28px;min-width:62px;margin:1px;padding:0 4px}}.cbp-caption-fadeIn .cbp-caption-activeWrap{opacity:0;top:0;background-color:rgba(0,0,0,0.85);-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-minimal .cbp-l-caption-title,.cbp-caption-minimal .cbp-l-caption-desc{position:relative;left:0;opacity:0;-webkit-transition:-webkit-transform .35s ease-out;transition:-webkit-transform .35s ease-out;-o-transition:-o-transform .35s ease-out;transition:transform .35s ease-out;transition:transform .35s ease-out, -webkit-transform .35s ease-out, -o-transform .35s ease-out}.cbp-caption-minimal .cbp-l-caption-title{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.cbp-caption-minimal .cbp-l-caption-desc{-webkit-transform:translateY(70%);-ms-transform:translateY(70%);-o-transform:translateY(70%);transform:translateY(70%)}.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title,.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.cbp-caption-minimal .cbp-caption-activeWrap{top:0;background-color:#000;background-color:rgba(0,0,0,0.8);opacity:0}.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-moveRight .cbp-caption-activeWrap{left:-100%;top:0;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;transition:transform .35s, -webkit-transform .35s, -o-transform .35s}.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-overlayBottom .cbp-caption-activeWrap{height:60px;background-color:#181616;background-color:rgba(24,22,22,0.7);-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-o-transition:-o-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s, -o-transform .25s}.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap,.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:-o-transform .35s;transition:transform .35s;transition:transform .35s, -webkit-transform .35s, -o-transform .35s}.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{height:auto}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-34px);-ms-transform:translateY(-34px);-o-transform:translateY(-34px);transform:translateY(-34px)}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap,.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-o-transition:-o-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s, -o-transform .25s}.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{height:69px;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-68px);-ms-transform:translateY(-68px);-o-transform:translateY(-68px);transform:translateY(-68px)}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-69px);-ms-transform:translateY(-69px);-o-transform:translateY(-69px);transform:translateY(-69px)}.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-o-transition:-o-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s, -o-transform .25s}.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap{bottom:0;z-index:1;height:auto}.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-68px);-ms-transform:translateY(-68px);-o-transform:translateY(-68px);transform:translateY(-68px)}.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -o-transform .4s}.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{top:0;left:-50%;width:50%}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateX(25%);-ms-transform:translateX(25%);-o-transform:translateX(25%);transform:translateX(25%)}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-pushDown .cbp-caption-defaultWrap,.cbp-caption-pushDown .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -o-transform .4s}.cbp-caption-pushDown .cbp-caption-activeWrap{top:-100%}.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-pushTop .cbp-caption-activeWrap,.cbp-caption-pushTop .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -o-transform .4s}.cbp-caption-pushTop .cbp-caption-activeWrap{height:102%}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-99%);-ms-transform:translateY(-99%);-o-transform:translateY(-99%);transform:translateY(-99%)}.cbp-caption-revealBottom .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -o-transform .4s}.cbp-caption-revealBottom .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-revealLeft .cbp-caption-activeWrap{left:100%;top:0;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -o-transform .4s}.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.cbp-caption-revealTop .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -o-transform .4s}.cbp-caption-revealTop .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-zoom .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform


text:
@import '../../font/roboto/Roboto.css';
@import '../../font/opensans/opensans.css';
@import '../../font/opensanscondensed/opensanscondensed.css';
@import '../../../node_modules/@fortawesome/fontawesome-free/css/all.css';
@import '../../weather/css/weather-icons.css';

.body {
  background: url("../img/phone6x12Portrait.png") no-repeat; }

.AppPortrait {
  position: absolute;
  left: 0.33in;
  top: 1.11in;
  width: 3.79in;
  height: 6.67in;
}
.AppLandscape {
  position: absolute;
  left: 1.21in;
  top: 0.33in;
  width: 6.67in;
  height: 3.79in;
}
.UI {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
}
.IconsUC {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 10%;
  background-color: transparent;
}
.IconsHover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40%;
  background: transparent;
  z-index: 3;
}
.Icons {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: black;
  color: white;
  font-size: 36px;
  z-index: 4;
}
.Icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  height: 94%;
  z-index: 5;
  text-align: center;
}
.Icons > div {
  display: table;
}
.Icons > div > div {
  display: table-cell;
  vertical-align: middle;
}
.Icons > div > div > div {
  font-size: 0.3em;
}
.DestinUI {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #658552;
  text-align: center;
}
.SourceBody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 25%;
}
.SourceLabelInput {
  padding-top: 1em;
}
.SourceUserLabel {
  font-size: 1em;
  font-weight: bold;
}
.SourceUserInput {
  font-size: 1em;
  font-weight: bold;
}
.SourceWhat {
  font-size: 2.5em;
  font-weight: bold;
  padding-top: 0.5em;
}
.SourceDest {
  font-size: 2.5em;
  font-weight: bold;
  padding-bottom: 0.5em;
}
.SourceSelect {
  font-size: 1em;
  font-weight: bold;
}
.DestinBody {
  position: absolute;
  left: 0;
  top: 25%;
  width: 100%;
  height: 25%;
}
.DestinLabelInput {
  padding-top: 1em;
}
.DestinUserLabel {
  font-size: 1em;
  font-weight: bold;
}
.DestinUserInput {
  font-size: 1em;
  font-weight: bold;
}
.DestinWhat {
  font-size: 2.5em;
  font-weight: bold;
  padding-top: 0.5em;
}
.DestinDest {
  font-size: 2.5em;
  font-weight: bold;
  padding-bottom: 0.5em;
}
.DestinSelect {
  font-size: 1em;
  font-weight: bold;
}
.GoUI {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #658552;
  text-align: center;
}
.GoBanner {
  position: absolute;
  display: table;
  font-weight: bold;
  background-color: white;
  color: #658552;
}
.NoGoBanner {
  position: absolute;
  display: table;
  font-weight: bold;
  background-color: #E2492F;
  color: white;
}
.BannerText {
  font-size: 3em;
  display: table-cell;
  vertical-align: middle;
}
.TripUI {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #658552;
}
.DealsUI {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.NavigateUI {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ThresholdUC {
  position: absolute;
  font-size: 1.5em;
  background-color: #678754;
  color: white;
}
.SearchUC {
  position: absolute;
  font-size: 1.5em;
  background-color: #678754;
  color: white;
}
.DealsUC {
  position: absolute;
  font-size: 1.5em;
  background-color: #678754;
  color: white;
  overflow: auto;
}
.AdvisoryUC {
  position: absolute;
  font-size: 1.5em;
  background-color: #678754;
  color: white;
}
.DriveBarUC {
  position: absolute;
  background-color: #658552;
}
.WeatherUC {
  position: absolute;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  font-size: 1em;
}
.WeatherCell {
  position: absolute;
  left: 0;
  top: 0;
  width: 12.5%;
  height: 100%;
  border: 1px solid;
  text-align: center;
}
.WeatherName {
  font-size: 0.9em;
}
.WeatherName {
  font-size: 0.9em;
}
.WeatherIcon {
  font-size: 2.5em;
}
.WeatherSum1 {
  font-size: 1em;
  padding-top: 0.2em;
}
.WeatherSum2 {
  font-size: 1em;
}
.WeatherTemp {
  font-size: 1.5em;
}


text:
.grav-youtube {
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    max-width: 1920px;
    max-height: 1080px;
}

.grav-youtube iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.grav-youtube--lazyloaded img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.grav-youtube--lazyloaded button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    border: none;
    background-color: transparent;
    padding: 0;
    outline: 0;
    cursor: pointer;
}

.grav-youtube--lazyloaded iframe:not([src]) {
    display: none;
}

.grav-youtube--lazyloaded iframe[src] + button {
    display: none;
}

.grav-youtube--lazyloaded path:first-of-type {
    -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1), fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    -o-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1), fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    transition: fill .1s cubic-bezier(0.0,0.0,0.2,1), fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1)
}

.grav-youtube--lazyloaded:hover path:first-of-type,
.grav-youtube--lazyloaded button:focus path:first-of-type {
    fill: #f00;
    fill-opacity: 1;
}


text:
/* SELECTOR (FILTER INTERFACE) */

.selector {
    width: 800px;
    float: left;
}

.selector select {
    width: 380px;
    height: 17.2em;
}

.selector-available, .selector-chosen {
    float: left;
    width: 380px;
    text-align: center;
    margin-bottom: 5px;
}

.selector-chosen select {
    border-top: none;
}

.selector-available h2, .selector-chosen h2 {
    border: 1px solid #707070;
    border-radius: 4px 4px 0 0;
}

.selector-chosen h2 {
    background: #79aec8;
    color: #fff;
}

.selector .selector-available h2 {
    background: #f8f8f8;
    color: #666;
}

.selector .selector-filter {
    background: white;
    border: 1px solid #707070;
    border-width: 0 1px;
    padding: 8px;
    color: #999;
    font-size: 10px;
    margin: 0;
    text-align: left;
}

.selector .selector-filter label,
.inline-group .aligned .selector .selector-filter label {
    float: left;
    margin: 7px 0 0;
    width: 18px;
    height: 18px;
    padding: 0;
    overflow: hidden;
    line-height: 1;
}

.selector .selector-available input {
    width: 320px;
    margin-left: 8px;
}

.selector ul.selector-chooser {
    float: left;
    width: 22px;
    background-color: #eee;
    border-radius: 10px;
    margin: 10em 5px 0 5px;
    padding: 0;
}

.selector-chooser li {
    margin: 0;
    padding: 3px;
    list-style-type: none;
}

.selector select {
    padding: 0 10px;
    margin: 0 0 10px;
    border-radius: 0 0 4px 4px;
}

.selector-add, .selector-remove {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -3000px;
    overflow: hidden;
    cursor: default;
    opacity: 0.3;
}

.active.selector-add, .active.selector-remove {
    opacity: 1;
}

.active.selector-add:hover, .active.selector-remove:hover {
    cursor: pointer;
}

.selector-add {
    background: url(../img/selector-icons.svg) 0 -96px no-repeat;
}

.active.selector-add:focus, .active.selector-add:hover {
    background-position: 0 -112px;
}

.selector-remove {
    background: url(../img/selector-icons.svg) 0 -64px no-repeat;
}

.active.selector-remove:focus, .active.selector-remove:hover {
    background-position: 0 -80px;
}

a.selector-chooseall, a.selector-clearall {
    display: inline-block;
    height: 16px;
    text-align: left;
    margin: 1px auto 3px;
    overflow: hidden;
    font-weight: bold;
    line-height: 16px;
    color: #666;
    text-decoration: none;
    opacity: 0.3;
}

a.active.selector-chooseall:focus, a.active.selector-clearall:focus,
a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
    color: #447e9b;
}

a.active.selector-chooseall, a.active.selector-clearall {
    opacity: 1;
}

a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
    cursor: pointer;
}

a.selector-chooseall {
    padding: 0 18px 0 0;
    background: url(../img/selector-icons.svg) right -160px no-repeat;
    cursor: default;
}

a.active.selector-chooseall:focus, a.active.selector-chooseall:hover {
    background-position: 100% -176px;
}

a.selector-clearall {
    padding: 0 0 0 18px;
    background: url(../img/selector-icons.svg) 0 -128px no-repeat;
    cursor: default;
}

a.active.selector-clearall:focus, a.active.selector-clearall:hover {
    background-position: 0 -144px;
}

/* STACKED SELECTORS */

.stacked {
    float: left;
    width: 490px;
}

.stacked select {
    width: 480px;
    height: 10.1em;
}

.stacked .selector-available, .stacked .selector-chosen {
    width: 480px;
}

.stacked .selector-available {
    margin-bottom: 0;
}

.stacked .selector-available input {
    width: 422px;
}

.stacked ul.selector-chooser {
    height: 22px;
    width: 50px;
    margin: 0 0 10px 40%;
    background-color: #eee;
    border-radius: 10px;
}

.stacked .selector-chooser li {
    float: left;
    padding: 3px 3px 3px 5px;
}

.stacked .selector-chooseall, .stacked .selector-clearall {
    display: none;
}

.stacked .selector-add {
    background: url(../img/selector-icons.svg) 0 -32px no-repeat;
    cursor: default;
}

.stacked .active.selector-add {
    background-position: 0 -48px;
    cursor: pointer;
}

.stacked .selector-remove {
    background: url(../img/selector-icons.svg) 0 0 no-repeat;
    cursor: default;
}

.stacked .active.selector-remove {
    background-position: 0 -16px;
    cursor: pointer;
}

.selector .help-icon {
    background: url(../img/icon-unknown.svg) 0 0 no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 2px;
    width: 13px;
    height: 13px;
}

.selector .selector-chosen .help-icon {
    background: url(../img/icon-unknown-alt.svg) 0 0 no-repeat;
}

.selector .search-label-icon {
    background: url(../img/search.svg) 0 0 no-repeat;
    display: inline-block;
    height: 18px;
    width: 18px;
}

/* DATE AND TIME */

p.datetime {
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #666;
    font-weight: bold;
}

.datetime span {
    white-space: nowrap;
    font-weight: normal;
    font-size: 11px;
    color: #707070;
}

.datetime input, .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField {
    min-width: 0;
    margin-left: 5px;
    margin-bottom: 4px;
}

table p.datetime {
    font-size: 11px;
    margin-left: 0;
    padding-left: 0;
}

.datetimeshortcuts .clock-icon, .datetimeshortcuts .date-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    overflow: hidden;
}

.datetimeshortcuts .clock-icon {
    background: url(../img/icon-clock.svg) 0 0 no-repeat;
}

.datetimeshortcuts a:focus .clock-icon,
.datetimeshortcuts a:hover .clock-icon {
    background-position: 0 -16px;
}

.datetimeshortcuts .date-icon {
    background: url(../img/icon-calendar.svg) 0 0 no-repeat;
    top: -1px;
}

.datetimeshortcuts a:focus .date-icon,
.datetimeshortcuts a:hover .date-icon {
    background-position: 0 -16px;
}

.timezonewarning {
    font-size: 11px;
    color: #999;
}

/* URL */

p.url {
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 11px;
    font-weight: bold;
}

.url a {
    font-weight: normal;
}

/* FILE UPLOADS */

p.file-upload {
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 11px;
    font-weight: bold;
}

.aligned p.file-upload {
    margin-left: 170px;
}

.file-upload a {
    font-weight: normal;
}

.file-upload .deletelink {
    margin-left: 5px;
}

span.clearable-file-input label {
    color: #333;
    font-size: 11px;
    display: inline;
    float: none;
}

/* CALENDARS & CLOCKS */

.calendarbox, .clockbox {
    margin: 5px auto;
    font-size: 12px;
    width: 19em;
    text-align: center;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
}

.clockbox {
    width: auto;
}

.calendar {
    margin: 0;
    padding: 0;
}

.calendar table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    background: white;
    width: 100%;
}

.calendar caption, .calendarbox h2 {
    margin: 0;
    text-align: center;
    border-top: none;
    background: #f5dd5d;
    font-weight: 700;
    font-size: 12px;
    color: #333;
}

.calendar th {
    padding: 8px 5px;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #666;
}

.calendar td {
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    padding: 0;
    border-top: 1px solid #eee;
    border-bottom: none;
}

.calendar td.selected a {
    background: #79aec8;
    color: #fff;
}

.calendar td.nonday {
    background: #f8f8f8;
}

.calendar td.today a {
    font-weight: 700;
}

.calendar td a, .timelist a {
    display: block;
    font-weight: 400;
    padding: 6px;
    text-decoration: none;
    color: #444;
}

.calendar td a:focus, .timelist a:focus,
.calendar td a:hover, .timelist a:hover {
    background: #79aec8;
    color: white;
}

.calendar td a:active, .timelist a:active {
    background: #417690;
    color: white;
}

.calendarnav {
    font-size: 10px;
    text-align: center;
    color: #707070;
    margin: 0;
    padding: 1px 3px;
}

.calendarnav a:link, #calendarnav a:visited,
#calendarnav a:focus, #calendarnav a:hover {
    color: #999;
}

.calendar-shortcuts {
    background: white;
    font-size: 11px;
    line-height: 11px;
    border-top: 1px solid #eee;
    padding: 8px 0;
    color: #707070;
}

.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
    display: block;
    position: absolute;
    top: 8px;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    padding: 0;
}

.calendarnav-previous {
    left: 10px;
    background: url(../img/calendar-icons.svg) 0 0 no-repeat;
}

.calendarbox .calendarnav-previous:focus,
.calendarbox .calendarnav-previous:hover {
    background-position: 0 -15px;
}

.calendarnav-next {
    right: 10px;
    background: url(../img/calendar-icons.svg) 0 -30px no-repeat;
}

.calendarbox .calendarnav-next:focus,
.calendarbox .calendarnav-next:hover {
    background-position: 0 -45px;
}

.calendar-cancel {
    margin: 0;
    padding: 4px 0;
    font-size: 12px;
    background: #eee;
    border-top: 1px solid #ddd;
    color: #333;
}

.calendar-cancel:focus, .calendar-cancel:hover {
    background: #ddd;
}

.calendar-cancel a {
    color: black;
    display: block;
}

ul.timelist, .timelist li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.timelist a {
    padding: 2px;
}

/* EDIT INLINE */

.inline-deletelink {
    float: right;
    text-indent: -9999px;
    background: url(../img/inline-delete.svg) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    border: 0px none;
}

.inline-deletelink:focus, .inline-deletelink:hover {
    cursor: pointer;
}

/* RELATED WIDGET WRAPPER */
.related-widget-wrapper {
    float: left;       /* display properly in form rows with multiple fields */
    overflow: hidden;  /* clear floated contents */
}

.related-widget-wrapper-link {
    opacity: 0.3;
}

.related-widget-wrapper-link:link {
    opacity: .8;
}

.related-widget-wrapper-link:link:focus,
.related-widget-wrapper-link:link:hover {
    opacity: 1;
}

select + .related-widget-wrapper-link,
.related-widget-wrapper-link + .related-widget-wrapper-link {
    margin-left: 7px;
}


text:
@media (max-width: 1024px) {
	html {
		font-size: 12px;
	}

	.entry-header {
		border-radius: 0px;
	}

	.entry-header-description {
		left: 3.3em;
		top: 1.5em;
	}

	.site-information-image {
		flex-shrink: 1;
		margin: 1em;
	}

	.site-main {
		margin: 0;
	}
}

@media (max-width: 768px) {
	html {
		font-size: 10px;
	}

	.entry-header {
		padding: 5rem 0 5rem 0;
	}

	.site-blog-container {
		margin: 0;
	}

	.site-footer {
		align-items: center;
		flex-direction: column;
	}

	.site-form {
		margin: 0;
	}

		.site-form form > button {
			margin: 0 auto;
		}

		.site-form form > p {
			flex-wrap: wrap;
		}

			.site-form form > p label {
				flex-basis: 100%;
				padding-bottom: 0.5em;
			}

	.site-information-image {
		display: none;
	}

	.site-information-text {
		align-items: center;
		display: flex;
		flex-basis: 100%;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.site-logo {
		flex-basis: 30%;
	}

		.site-logo:not(:last-child) {
			margin-right: 0;
		}

	.site-logos-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.site-navigation {
		display: none;
	}

	.site-post {
		flex-basis: 60%;
		margin-bottom: 1.5em;
	}

	.site-posts {
		flex-wrap: wrap;
	}
}

@media (max-width: 414px) {
	.site-post {
		flex-basis: 100%;
	}
}


text:
.container {
  display: grid;
  grid-template-areas:
    "menuHeader header"
    "menu       lineChart"
    "update       list"
    "footer     footer";
  grid-template-rows: min-content auto auto min-content;
  grid-template-columns: 10em auto;
}
header {
  grid-area: header;
}
#menu {
  grid-area: menu;
}
#menuHeader {
  grid-area: menuHeader;
}
#list {
  grid-area: list;
}
footer {
  grid-area: footer;
}
#lineChart {
  grid-area: lineChart;
}
#update {
  grid-area: update;
}
@media (min-width: 785px) {
  .container {
    grid-template-columns: 13em auto auto auto auto auto;
  }
}


text:
.home {
	background: url('./../res/bg-2.jpg');
	background-size: cover;
	height: auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
}

.content {
	padding: 1em;
	display: flex;
	flex-wrap: wrap;
	min-height: 100vh;
	color: #fff;
	position: relative;
	justify-content: center;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(
		to left top,
		#4e4e6f,
		#414073cb,
		#333176b7,
		#2322787e,
		#0f0f7888
	);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.pagination {
	background-color: rgb(241, 241, 241);
	background: rgba(0, 0, 0, 0.76);
	color: #fff !important;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	position: fixed;
	padding: 1em;
	bottom: 0;
	left: 0%;
	right: 0;
	top: 90%;
}

.pagination nav ul li button {
	width: auto;
	color: #fff !important;
}

.nodata {
	text-align: center;
	z-index: 10;
	color: #000;
}


text:
.jchartfx_body {
    background-color: #FFFFFF;
}

.jchartfxToolTip {
    background-color: #282828;
    color: #F0F0F0;
    border-color: #999999;
}

.jchartfxToolTipBorder {
    fill: #F9F9F9;
    stroke: #333333;
}

.jchartfx .PointLabel {
    fill: #333333;
}

.jchartfx .Attribute0 {
    fill: #999999;
    stroke: #737373;
}

.jchartfx .Attribute0Line {
    stroke: #737373;
}

.jchartfx .Attribute0Alt {
    fill: #737373;
}

.jchartfx .Attribute1 {
    fill: #3383BB;
    stroke: #27638D;
}

.jchartfx .Attribute1Line {
    stroke: #27638D;
}

.jchartfx .Attribute1Alt {
    fill: #3FA3E9;
}

.jchartfx .Attribute2 {
    fill: #C0402A;
    stroke: #903020;
}

.jchartfx .Attribute2Line {
    stroke: #903020;
}

.jchartfx .Attribute2Alt {
    fill: #F05034;
}

.jchartfx .Attribute3 {
    fill: #BBBBBB;
    stroke: #8D8D8D;
}

.jchartfx .Attribute3Line {
    stroke: #8D8D8D;
}

.jchartfx .Attribute3Alt {
    fill: #8D8D8D;
}

.jchartfx .Attribute4 {
    fill: #333333;
    stroke: #272727;
}

.jchartfx .Attribute4Line {
    stroke: #272727;
}

.jchartfx .Attribute4Alt {
    fill: #3F3F3F;
}

.jchartfx .Attribute5 {
    fill: #70B2E1;
    stroke: #5486A9;
}

.jchartfx .Attribute5Line {
    stroke: #5486A9;
}

.jchartfx .Attribute5Alt {
    fill: #5486A9;
}

.jchartfx .Attribute6 {
    fill: #FBC856;
    stroke: #BD9641;
}

.jchartfx .Attribute6Line {
    stroke: #BD9641;
}

.jchartfx .Attribute6Alt {
    fill: #BD9641;
}

.jchartfx .Attribute7 {
    fill: #97E7FF;
    stroke: #72AEC0;
}

.jchartfx .Attribute7Line {
    stroke: #72AEC0;
}

.jchartfx .Attribute7Alt {
    fill: #72AEC0;
}

.jchartfx .Attribute8 {
    fill: #FFA48E;
    stroke: #C07B6B;
}

.jchartfx .Attribute8Line {
    stroke: #C07B6B;
}

.jchartfx .Attribute8Alt {
    fill: #C07B6B;
}

.jchartfx .Attribute9 {
    fill: #001F57;
    stroke: #001842;
}

.jchartfx .Attribute9Line {
    stroke: #001842;
}

.jchartfx .Attribute9Alt {
    fill: #00266C;
}

.jchartfx .Attribute10 {
    fill: #5C0000;
    stroke: #450000;
}

.jchartfx .Attribute10Line {
    stroke: #450000;
}

.jchartfx .Attribute10Alt {
    fill: #730000;
}

.jchartfx .Attribute11 {
    fill: #575757;
    stroke: #424242;
}

.jchartfx .Attribute11Line {
    stroke: #424242;
}

.jchartfx .Attribute11Alt {
    fill: #6C6C6C;
}

.jchartfx .Attribute12 {
    fill: #0C4E7D;
    stroke: #093B5E;
}

.jchartfx .Attribute12Line {
    stroke: #093B5E;
}

.jchartfx .Attribute12Alt {
    fill: #0F619C;
}

.jchartfx .Attribute13 {
    fill: #976400;
    stroke: #724B00;
}

.jchartfx .Attribute13Line {
    stroke: #724B00;
}

.jchartfx .Attribute13Alt {
    fill: #BC7D00;
}

.jchartfx .Attribute14 {
    fill: #E86852;
    stroke: #AE4E3E;
}

.jchartfx .Attribute14Line {
    stroke: #AE4E3E;
}

.jchartfx .Attribute14Alt {
    fill: #AE4E3E;
}

.jchartfx .Attribute15 {
    fill: #FFF07E;
    stroke: #C0B45F;
}

.jchartfx .Attribute15Line {
    stroke: #C0B45F;
}

.jchartfx .Attribute15Alt {
    fill: #C0B45F;
}

.jchartfx .MarkerHollow {
    fill: #FFFFFF;
}

.jchartfx .Border {
    fill: #C9C9C9;
    stroke: #AAAAAA;
}

.jchartfx .PlotArea {
    fill: transparent;
    stroke: #CCCCCC;
}

.jchartfx .PlotArea3D {
    fill: #EEEEEE;
    stroke: #CCCCCC;
}

.jchartfx .CustomGridLine {
    stroke: #3383BB;
}

.jchartfx .CustomGridLineLabel {
    fill: #333333;
}

.jchartfx .AxisY_Section {
    fill: #DDDDDD;
    stroke: #DDDDDD;
}

.jchartfx .AxisX_Section {
    fill: #DDDDDD;
    stroke: #DDDDDD;
}

.jchartfx .AxisY_Text {
    fill: #333333;
}

.jchartfx .AxisY_Major {
    stroke: #CCCCCC;
}

.jchartfx .AxisY_Minor {
    stroke: #CCCCCC;
}

.jchartfx .AxisY_Interlaced {
    fill: #C9C9C9;
}

.jchartfx .AxisY_Line {
    stroke: #CCCCCC;
}

.jchartfx .AxisX_Text {
    fill: #333333;
}

.jchartfx .AxisX_Major {
    stroke: #CCCCCC;
}

.jchartfx .AxisX_Minor {
    stroke: #CCCCCC;
}

.jchartfx .AxisX_Interlaced {
    fill: #C9C9C9;
}

.jchartfx .AxisX_Line {
    stroke: #CCCCCC;
}

.jchartfx .PointLabelBorder {
    fill: #3F3F3F;
    stroke: #333333;
}

.jchartfx .Title {
    fill: #333333;
}

.jchartfx .LegendBox {
    fill: transparent;
    stroke: #AAAAAA;
}

.jchartfx .LegendItem {
    fill: #444444;
}

.jchartfx .ScrollBar {
    fill: #EEEEEE;
    stroke: #CCCCCC;
}

.jchartfx .ScrollThumb {
    fill: #CCCCCC;
}

.jchartfx .ScrollArrow {
    fill: #CCCCCC;
}

.jchartfx .DataGrid_HeaderBack {
    fill: #DDDDDD;
}

.jchartfx .DataGrid_Back {
    fill: #C9C9C9;
}

.jchartfx .DataGrid_GridLine {
    fill: #AAAAAA;
}

.jchartfx .DataGridText {
    fill: #333333;
}

.jchartfx .DataGridTextAlternate {
    fill: #333333;
}

.jchartfx .DataGrid_BackInterlaced {
    fill: #EEEEEE;
}

.jchartfx .DataGrid_RowHeader {
    fill: #333333;
}

.jchartfx .DataGrid_ColumnHeader {
    fill: #444444;
}

.jchartfx .DataGrid_RowHeaderAlternate {
    fill: #333333;
}

.jchartfx .AnnotationText {
    fill: #333333;
}

.jchartfx .AnnotationTextBorder {
    fill: transparent;
    stroke: #333333;
}

.jchartfx .AnnotationBalloonText {
    fill: #333333;
}

.jchartfx .AnnotationBalloon {
    fill: transparent;
    stroke: #333333;
}

.jchartfx .AnnotationCircle {
    fill: transparent;
    stroke: #333333;
}

.jchartfx .AnnotationArrow {
    fill: #333333;
    stroke: #333333;
}

.jchartfx .AnnotationArc {
    fill: #333333;
    stroke: #333333;
}

.jchartfx .AnnotationPolygon {
    fill: transparent;
    stroke: #333333;
}

.jchartfx .AnnotationRectangle {
    fill: transparent;
    stroke: #333333;
}

.jchartfx .HeatMap0 {
    fill: #999999;
}

.jchartfx .HeatMap1 {
    fill: #3383BB;
}

.jchartfx .EqualizerTop0 {
    stroke: #27638D;
    fill: #3383BB;
}

.jchartfx .EqualizerTop1 {
    stroke: #903020;
    fill: #C0402A;
}

.jchartfx .Indicator {
    fill: #999999;
    stroke: #737373;
}

.jchartfx .Cap {
    fill: #333333;
}

.jchartfx .Bar {
    stroke: #AAAAAA;
    fill: #EEEEEE;
}

.jchartfx .TickMajor {
    stroke: #CCCCCC;
    fill: #CCCCCC;
}

.jchartfx .TickMedium {
    stroke: #CCCCCC;
    fill: #CCCCCC;
}

.jchartfx .GaugeText {
    fill: #333333;
}

.jchartfx .GaugeTitle {
    fill: #333333;
}

.jchartfx .GaugeSection2 {
    fill: #3383BB;
    stroke: #27638D;
}

.jchartfx .GaugeSection0 {
    fill: #C0402A;
    stroke: #903020;
}

.jchartfx .GaugeSection1 {
    fill: #FBC856;
    stroke: #BD9641;
}

.jchartfx .Separator {
    stroke: #CCCCCC;
}

.jchartfx .MapContext {
    fill: #c9c9c9;
    stroke: #939393;
}

.jchartfx .MapWater {
    fill: #9ee1ff;
    stroke: #63aae5;
}

.jchartfx .MapOcean0 {
    fill: #63aae5;
    stroke: none;
}

.jchartfx .MapOcean1 {
    fill: #549dd7;
    stroke: none;
}

.jchartfx .MapOcean2 {
    fill: #4490c9;
    stroke: none;
}

.jchartfx .MapOcean3 {
    fill: #3383bb;
    stroke: none;
}

.jchartfx .MapOcean {
    fill: #1e76ad;
    stroke: none;
}

.jchartfx .MapOcean4 {
    fill: #618da2 !important;
    stroke: none;
}

.jchartfx .MapAttribute0 {
    fill: #999999;
    stroke: #666666;
}

.jchartfx .MapAttribute1 {
    fill: #c0402a;
    stroke: #830000;
}

.jchartfx .MapAttribute2 {
    fill: #bbbbbb;
    stroke: #868686;
}

.jchartfx .MapAttribute3 {
    fill: #4d4d4d;
    stroke: #212121;
}

.jchartfx .MapAttribute4 {
    fill: #8d4a3f;
    stroke: #571b14;
}

.jchartfx .MapAttribute5 {
    fill: #898989;
    stroke: #575757;
}

.jchartfx .MapAttribute6 {
    fill: #cccccc;
    stroke: #969696;
}

.jchartfx .MapAttribute7 {
    fill: #5a403c;
    stroke: #2b1512;
}

.jchartfx .MapRoad {
    stroke: #fa9e25;
    fill: none;
    stroke-opacity: .3;
}

.jchartfx .MapRoadBack {
    stroke: #FFFFFF;
    stroke-opacity: .1;
    fill: none;
}

.jchartfx .MapRoad0 {
    stroke: #fa9e25;
    fill: none;
    stroke-opacity: 1;
}

.jchartfx .MapRoad0Back {
    stroke: #FFFFFF;
    fill: none;
    stroke-opacity: .4;
}

.jchartfx .MapRoad1 {
    stroke: #E2C195;
    fill: none;
    stroke-opacity: 1;
}

.jchartfx .MapRoad1Back {
    stroke: #FFFFFF;
    fill: none;
    stroke-opacity: .5;
}

.jchartfx .MapTranslationArea {
    fill: #C9C9C9;
    stroke: #AAAAAA;
}

.jchartfx .MapPlot {
    fill: #1e76ad;
    fill-opacity: 0;
}

.jchartfx .GaugeTitleLarge {
    fill: #333333;
}

.jchartfx .TitleBack {
    fill: transparent;
}

.jchartfx .DashboardTitle {
    fill: #333333;
}

.jchartfx .DashboardCaption {
    fill: #999999;
    stroke: #FFFFFF;
}

.jchartfx .EqualizerOff {
        fill: #CCCCCC;
    fill-opacity: 0.2;
}

.jchartfx .Glow {
    fill: #444444;
}

.jchartfx .MapShadow {
    fill: #444444;
    fill-opacity: 0.3;
}

.jchartfx .BorderEffect1 {
    fill: #AAAAAA;
    fill-opacity: 0.8;
}

.jchartfx .BorderEffect2 {
    fill: #EEEEEE;
    fill-opacity: 1;
}

.jchartfx_container table {
    background-color: #C9C9C9;
    border-color: #AAAAAA;
    box-shadow: 0px 0px 5px 3px rgba(68, 68,  68, .30);
}

.jchartfx_container table thead tr th {
    background-color: #DDDDDD;
    border-color: #AAAAAA;
    border-bottom-color: #CCCCCC;
    color: #444444;
}

.jchartfx_container table tbody tr td {
    color: #333333;
    border-color: #AAAAAA;
}

.jchartfx_container table tbody>tr:nth-child(odd)>td {
    background-color: #C9C9C9;
}

.jchartfx_container table tbody>tr:nth-child(even)>td {
    background-color: #EEEEEE;
}

.jchartfx_container h1, .jchartfx_container h2, .jchartfx_container h3 {
    color: #333333;
}

.jchartfx_container h4, .jchartfx_container h5, .jchartfx_container h6 {
    color: #333333;
}

.jchartfx_container .labelIndicator {
    color: #333333;
}

.jchartfx_container .label {
    color: #333333;
}

.jchartfx_container .smallLabel {
    color: #333333;
}

.jchartfx .MapDefaultAttribute {
    fill: #c9c9c9;
    stroke: #939393;
}

.jchartfx .Filler {
    fill: #999999;
    stroke: #737373;
}

.jchartfx .GaugeMarker {
    fill: #999999;
    stroke: #737373;
}

.jchartfx .Needle {
    fill: #999999;
    stroke: #737373;
}

.jchartfx .BorderMedium {
    fill: #C9C9C9;
    stroke: #AAAAAA;
}

.jchartfx .BorderThick {
    fill: #C9C9C9;
    stroke: #AAAAAA;
}

.jchartfx .Border0 {
    stroke: #FFFFFF;
    fill: #FFFFFF;
}

.jchartfx .Border1 {
    stroke: #55DAFF;
    fill: #55DAFF;
}

.jchartfx .Border2 {
    stroke: #FF6A46;
    fill: #FF6A46;
}

.jchartfx .Border3 {
    stroke: #FFFFFF;
    fill: #FFFFFF;
}

.jchartfx .Border4 {
    stroke: #555555;
    fill: #555555;
}

.jchartfx .Border5 {
    stroke: #BAFFFF;
    fill: #BAFFFF;
}

.jchartfx .Border6 {
    stroke: #FFFF8F;
    fill: #FFFF8F;
}

.jchartfx .Border7 {
    stroke: #FBFFFF;
    fill: #FBFFFF;
}

.jchartfx-menu .toggle.active {
  background-color: #C0402A;
}

.jchartfx-menu td.btnposition.active a {
  background-color: #C0402A;
}

.jchartfx .GreaterThan {
    fill: #3383BB;
    stroke: #3383BB;
}

.jchartfx .LessThan {
    fill: #C0402A;
    stroke: #C0402A;
}

.jchartfx .EqualsTo {
    fill: #FBC856;
    stroke: #FBC856;
}

.jchartfx .InsideLabel0 {
    fill: #393939;
}

.jchartfx .InsideLabel1 {
    fill: #55DAFF;
}

.jchartfx .InsideLabel2 {
    fill: #FF6A46;
}

.jchartfx .InsideLabel3 {
    fill: #464646;
}

.jchartfx .InsideLabel4 {
    fill: #888888;
}

.jchartfx .InsideLabel5 {
    fill: #2A4354;
}

.jchartfx .InsideLabel6 {
    fill: #5E4B20;
}

.jchartfx .InsideLabel7 {
    fill: #395760;
}

.jchartfx .InsideLabel8 {
    fill: #603D35;
}

.jchartfx .InsideLabel9 {
    fill: #5B87D3;
}

.jchartfx .InsideLabel10 {
    fill: #AA0000;
}

.jchartfx .InsideLabel11 {
    fill: #919191;
}

.jchartfx .InsideLabel12 {
    fill: #1482D0;
}

.jchartfx .InsideLabel13 {
    fill: #FBA600;
}

.jchartfx .InsideLabel14 {
    fill: #57271F;
}

.jchartfx .InsideLabel15 {
    fill: #605A2F;
}

.jchartfx .EmptyMarker {
    fill: #FFFFFF;
    stroke: #888888;
}

.jchartfx .Repeater {
    fill: #999999;
    stroke: #737373;
}

.jchartfx .RepeaterOff {
    fill: #0D0D0D;
    stroke: #0D0D0D;
}

.jchartfx-menu {
    border-color: #AAAAAA;
}


text:
/**
 * React Starter Kit (https://www.reactstarterkit.com/)
 *
 * Copyright © 2014-present Kriasoft, LLC. All rights reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

.root {
  float: right;
  margin: 6px 0 0;
}

.link {
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  font-size: 1.125em; /* ~18px */
}

.link,
.link:active,
.link:visited {
  color: rgba(255, 255, 255, 0.6);
}

.link:hover {
  color: rgba(255, 255, 255, 1);
}

.highlight {
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}

.highlight:hover {
  background: rgba(0, 0, 0, 0.3);
}

.spacer {
  color: rgba(255, 255, 255, 0.3);
}

.balance {
  color: #0f0;
  font-size: 16pt;
  font-weight: bold;
}


text:
/*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.0.0-rc2-master-747ef82
 */.md-select-menu-container{position:fixed;left:0;top:0;z-index:90;opacity:0}.md-select-menu-container:not(.md-clickable){pointer-events:none}.md-select-menu-container md-progress-circular{display:table;margin:24px auto!important}.md-select-menu-container.md-active{opacity:1}.md-select-menu-container.md-active md-select-menu{transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:150ms}.md-select-menu-container.md-active md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:150ms;transition-delay:100ms}.md-select-menu-container.md-leave{opacity:0;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:250ms}md-input-container>md-select{margin:0;-webkit-order:2;-ms-flex-order:2;order:2}md-select{display:-webkit-flex;display:-ms-flexbox;display:flex;margin:20px 0 26px}md-select[disabled] .md-select-value{background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x;margin-bottom:-1px}md-select:focus{outline:0}md-select[disabled]:hover{cursor:default}md-select:not([disabled]):hover{cursor:pointer}md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value{border-bottom:2px solid;padding-bottom:0}md-select:not([disabled]):focus .md-select-value{border-bottom-width:2px;border-bottom-style:solid;padding-bottom:0}.md-select-value{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:2px 2px 1px;border-bottom-width:1px;border-bottom-style:solid;background-color:transparent;position:relative;box-sizing:content-box;min-width:64px;min-height:26px;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.md-select-value :first-child{-webkit-flex:1;-ms-flex:1;flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 2*8px);-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}.md-select-value .md-select-icon{display:block;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;text-align:end;width:24px;margin:0 4px;-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}.md-select-value .md-select-icon:after{display:block;content:'\25BC';position:relative;top:2px;speak:none;-webkit-transform:scaleY(.6) scaleX(1);transform:scaleY(.6) scaleX(1)}.md-select-value.md-select-placeholder{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-order:1;-ms-flex-order:1;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;padding-left:2px;z-index:1}md-select-menu{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);max-height:256px;min-height:48px;overflow-y:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1);transform:scale(1)}md-select-menu.md-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}md-select-menu:not(.md-overflow) md-content{padding-top:8px;padding-bottom:8px}body[dir=rtl] md-select-menu,html[dir=rtl] md-select-menu{-webkit-transform-origin:right top;transform-origin:right top;unicode-bidi:embed}md-select-menu bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}md-select-menu bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}md-select-menu md-content{min-width:136px;min-height:48px;max-height:256px;overflow-y:auto}md-select-menu>*{opacity:0}md-option{cursor:pointer;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:auto;padding:0 16px;height:48px}md-option:focus{outline:0}md-option .md-text{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}md-optgroup{display:block}md-optgroup label{display:block;font-size:14px;text-transform:uppercase;padding:16px;font-weight:500}md-optgroup md-option{padding-left:32px;padding-right:32px}@media screen and (-ms-high-contrast:active){.md-select-backdrop{background-color:transparent}md-select-menu{border:1px solid #fff}}


text:
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/click_selected_tab_to_focus_urlbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Clicking selected tab selects focuses urlbar */
/* Selected tab cannot be normally clicked (right-,middle- or left-clicked) EXCEPT from the tab icon */

/* Clicking selected pinned tab doesn't focus urlbar by default since I expect you might not want to change pinned tab address - see below */

/* Make selected tab unclickable so click goes to the capture box, obviously it can't be clicked at all anymore */
/* remove the :not([pinned]) bit to make clicking pinned tab AROUND the tab-icon focus urlbar*/

.tabbrowser-tab:not([pinned])[selected]{ pointer-events: none }

/* Add back pointer-events to several elements so UI remains usable */
/* The selected tab can be clicked normally from the icon */
#TabsToolbar toolbarbutton,
#TabsToolbar toolbaritem,
.tabbrowser-tab,
.tab-close-button,
.tab-icon-stack{
  pointer-events: auto
}

/* Invisible capture box behind tabs*/
:root:not([customizing]) #urlbar-input-container::before{
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: calc(100vw - 138px);
  height: calc(var(--tab-min-height) + 2*var(--tab-block-margin));
  content: "";
  pointer-events: auto;
}
:root[sizemode="normal"]:not([customizing]) #urlbar-input-container::before{ left: 40px; width: calc(100vw - 138px -80px) }

#urlbar-input-container:focus-within::before{ display: none !important; }

/* Make tabs appear over the invisible box */
:root:not([customizing]) #TabsToolbar-customization-target{
  position: relative;
  z-index: 1;
  pointer-events: none
}


text:
/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.topnav {
    font-size: 14px;
}

.lead {
    font-size: 18px;
    font-weight: 400;
}

.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/779434483.jpg) no-repeat center center;
    background-size: cover;
}

.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 7px 7px 7px rgba(109, 115, 104, 20.92);
    font-size: 5em;
    color: #0C0726;
    /* padding-top: 8px; */
}

.intro-message > h3 {
 color: #273B5B;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner.png) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: left;
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
    background-color: #f8f8f8;
}

p.copyright {
    margin: 15px 0 0;
}

.btn-default:hover {
    color: #31708f !important;
    background-color: #e6e6e6;
    border-color: #adadad;
}


text:
/* BEGIN RESET

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html {
    color: #000;
    background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
    font-style: inherit;
    font-weight: inherit;
}
del,ins {
    text-decoration: none;
}
li {
    list-style: disc;
    margin-left: 20px;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: bold;
}
q:before,q:after {
    content: '';
}
abbr,acronym {
    border: 0;
    font-variant: normal;
}
sup {
    vertical-align: baseline;
}
sub {
    vertical-align: baseline;
}
legend {
    color: #000;
}
input,button,textarea,select,optgroup,option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input,button,textarea,select {*font-size:100%;
}
/* END RESET */

body {
    margin-left: 1em;
    margin-right: 1em;
    font-family: arial, helvetica, geneva, sans-serif;
    background-color: #ffffff; margin: 0px;
}

code, tt { font-family: monospace; font-size: 1.1em; }
span.parameter { font-family:monospace; }
span.parameter:after { content:":"; }
span.types:before { content:"("; }
span.types:after { content:")"; }
.type { font-weight: bold; font-style:italic }

body, p, td, th { font-size: .95em; line-height: 1.2em;}

p, ul { margin: 10px 0 0 0px;}

strong { font-weight: bold;}

em { font-style: italic;}

h1 {
    font-size: 1.5em;
    margin: 0 0 20px 0;
}
h2, h3, h4 { margin: 15px 0 10px 0; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1.06em; }

a:link { font-weight: bold; color: #004080; text-decoration: none; }
a:visited { font-weight: bold; color: #006699; text-decoration: none; }
a:link:hover { text-decoration: underline; }

hr {
    color:#cccccc;
    background: #00007f;
    height: 1px;
}

blockquote { margin-left: 3em; }

ul { list-style-type: disc; }

p.name {
    font-family: "Andale Mono", monospace;
    padding-top: 1em;
}

pre {
    background-color: rgb(245, 245, 245);
    border: 1px solid #C0C0C0; /* silver */
    padding: 10px;
    margin: 10px 0 10px 0;
    overflow: auto;
    font-family: "Andale Mono", monospace;
}

pre.example {
    font-size: .85em;
}

table.index { border: 1px #00007f; }
table.index td { text-align: left; vertical-align: top; }

#container {
    margin-left: 1em;
    margin-right: 1em;
    background-color: #ffffff;
}

#product {
    text-align: center;
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;
}

#product big {
    font-size: 2em;
}

#main {
    background-color:#FFFFFF; // #f0f0f0;
    border-left: 1px solid #cccccc;
}

#navigation {
    position: fixed;
    top: 0;
    left: 0;
    float: left;
    width: 14em;
    vertical-align: top;
    background-color:#FFFFFF; // #f0f0f0;
    border-right: 2px solid #cccccc;
    overflow: visible;
    overflow-y: scroll;
    height: 100%;
    padding-left: 1em;
}

#navigation h2 {
    background-color:#FFFFFF;//:#e7e7e7;
    font-size:1.1em;
    color:#000000;
    text-align: left;
    padding:0.2em;
    border-bottom:1px solid #dddddd;
}

#navigation ul
{
    font-size:1em;
    list-style-type: none;
    margin: 1px 1px 10px 1px;
}

#navigation li {
    text-indent: -1em;
    display: block;
    margin: 3px 0px 0px 22px;
}

#navigation li li a {
    margin: 0px 3px 0px -1em;
}

#content {
    margin-left: 14em;
    padding: 1em;
    padding-left: 2em;
    width: 700px;
    border-left: 2px solid #cccccc;
   // border-right: 2px solid #cccccc;
    background-color: #ffffff;
}

#about {
    clear: both;
    padding-left: 1em;
    margin-left: 14em; // avoid the damn sidebar!
    border-top: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
    background-color: #ffffff;
}

@media print {
    body {
        font: 12pt "Times New Roman", "TimeNR", Times, serif;
    }
    a { font-weight: bold; color: #004080; text-decoration: underline; }

    #main {
        background-color: #ffffff;
        border-left: 0px;
    }

    #container {
        margin-left: 2%;
        margin-right: 2%;
        background-color: #ffffff;
    }

    #content {
        padding: 1em;
        background-color: #ffffff;
    }

    #navigation {
        display: none;
    }
    pre.example {
        font-family: "Andale Mono", monospace;
        font-size: 10pt;
        page-break-inside: avoid;
    }
}

table.module_list {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-collapse: collapse;
}
table.module_list td {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: #cccccc;
}
table.module_list td.name { background-color: #f0f0f0; ; min-width: 200px; }
table.module_list td.summary { width: 100%; }

table.function_list {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-collapse: collapse;
}
table.function_list td {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: #cccccc;
}
table.function_list td.name { background-color: #f6f6ff; ; min-width: 200px; }
table.function_list td.summary { width: 100%; }

dl.table dt, dl.function dt {border-top: 1px solid #ccc; padding-top: 1em;}
dl.table dd, dl.function dd {padding-bottom: 1em; margin: 10px 0 0 20px;}
dl.table h3, dl.function h3 {font-size: .95em;}

ul.nowrap {
    overflow:auto;
    whitespace:nowrap;
}

/* stop sublists from having initial vertical space */
ul ul { margin-top: 0px; }
ol ul { margin-top: 0px; }
ol ol { margin-top: 0px; }
ul ol { margin-top: 0px; }

/* make the target distinct; helps when we're navigating to a function */
a:target + * {
  background-color: #FF9;
}

/* styles for prettification of source */
pre .comment { color: #558817; }
pre .constant { color: #a8660d; }
pre .escape { color: #844631; }
pre .keyword { color: #aa5050; font-weight: bold; }
pre .library { color: #0e7c6b; }
pre .marker { color: #512b1e; background: #fedc56; font-weight: bold; }
pre .string { color: #8080ff; }
pre .number { color: #f8660d; }
pre .operator { color: #2239a8; font-weight: bold; }
pre .preprocessor, pre .prepro { color: #a33243; }
pre .global { color: #800080; }
pre .user-keyword { color: #800080; }
pre .prompt { color: #558817; }
pre .url { color: #272fc2; text-decoration: underline; }


text:
/*----------------------- osnovno ---------------------------*/
body {
	background-color: #efefef !important;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 91%;
}
.page-wrap:after {
  display: block;
}

/* ---------------------- navigacija ------------------------ */
nav {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 16.2%;
	margin-right: 18%;
	display: inline;
}

nav li {
	display: inline;
}

nav li a {
	color: #5a5a5a;
	font-size: 11px;
	font-weight: bold;
	padding: 14px 10px;
	text-transform: uppercase;
}

nav li a:hover {
	text-decoration: underline;
	color: #9d0a16;
}

/* ---------------------- jumbotron-index ----------------------- */
.jumbotron {
	background-image: url(../slike/prva.jpg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron .container {
	position: relative;
	top:100px;
	margin-left: 19.5%;
}

.jumbotron .container h1 {
	color: #fffdfd;
	font-weight: 800;
	text-shadow: 1px 2px #000000;
	font-family: 'lato';
	padding-right: 20%;
	font-size: 60px;
}

.jumbotron .container p {
	color: #ffffff;
	text-shadow: 1px 1px #000000;
	font-size: 17px;
	font-family: 'open sans', sans-serif;
	font-weight: 700;
}

/* ---------------------- jumbotron-danajsni ----------------------- */
.jumbotron2 {
	background-image: url(../slike/danasnji2.jpg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron2 .container {
	position: relative;
	top:150px;
	margin-left: 19.5%;
}

.jumbotron2 .container h1 {
	color: #fffdfd;
	font-weight: 800;
	text-shadow: 1px 2px #000000;
	font-family: 'lato';
	padding-right: 20%;
	font-size: 60px;
}

/* ---------------------- jumbotron-samopodoba ----------------------- */
.jumbotron3 {
	background-image: url(../slike/samopodoba2.jpeg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron3 .container {
	position: relative;
	top:150px;
	margin-left: 19.5%;
}

.jumbotron3 .container h1 {
	color: #fffdfd;
	font-weight: 800;
	text-shadow: 1px 2px #000000;
	font-family: 'lato';
	padding-right: 20%;
	font-size: 60px;
}

/* ---------------------- jumbotron-zgodovina ----------------------- */
.jumbotron4 {
	background-image: url(../slike/ura.jpg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron4 .container {
	position: relative;
	top:150px;
	margin-left: 19.5%;
}

.jumbotron4 .container h1 {
	color: #fffdfd;
	font-weight: 800;
	text-shadow: 1px 2px #000000;
	font-family: 'lato';
	padding-right: 20%;
	font-size: 60px;
}

/* ---------------------- jumbotron-vplivi ----------------------- */
.jumbotron5 {
	background-image: url(../slike/mediji2.jpg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron5 .container {
	position: relative;
	top:150px;
	margin-left: 19.5%;
}

.jumbotron5 .container h1 {
	color: #fffdfd;
	font-weight: 800;
	text-shadow: 1px 2px #000000;
	font-family: 'lato';
	padding-right: 20%;
	font-size: 60px;
}

/* ---------------------- jumbotron-nacini ----------------------- */
.jumbotron6 {
	background-image: url(../slike/jabolko.jpeg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron6 .container {
	position: relative;
	top:150px;
	margin-left: 19.5%;
}

.jumbotron6 .container h1 {
	color: #fffdfd;
	font-weight: 800;
	text-shadow: 1px 2px #000000;
	font-family: 'lato';
	padding-right: 20%;
	font-size: 60px;
}

/* ---------------------- jumbotron-anketa ----------------------- */
.jumbotron7 {
	background-image: url(../slike/anketa1.jpeg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron7 .container {
	position: relative;
	top:150px;
	margin-left: 19.5%;
}

.jumbotron7 .container h1 {
	color: #fffdfd;
	font-weight: 800;
	text-shadow: 1px 2px #000000;
	font-family: 'lato';
	padding-right: 20%;
	font-size: 60px;
}

/* ---------------------- jumbotron-viri ----------------------- */
.jumbotron8 {
	background-image: url(../slike/knjige.jpg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron8 .container {
	position: relative;
	top:150px;
	margin-left: 19.5%;
}

.jumbotron8 .container h1 {
	color: #fffdfd;
	font-weight: 800;
	text-shadow: 1px 2px #000000;
	font-family: 'lato';
	padding-right: 20%;
	font-size: 60px;
}
/* ------------------ razdelek z besedilom ------------------*/

.besedilo {
	background-color: #f7f7f7;
	margin-top: 2px;
	padding: 6px 21% 10px 21%;
	border-bottom: 1px solid #dbdbdb;
}

.besedilo h2 {
	padding-left: 15px;
	padding-top: 6px;
	font-family: 'candara', sans-serif;
	font-weight: 600;
	font-size: 35px;
}

p {
	font-size: 14.2px;
	font-family: 'open sans', sans-serif;
	padding-bottom: 10px;
	text-align: justify;
}

.besedilo ul, ol {
	font-size: 14.2px;
	font-family: 'open sans', sans-serif;
	padding-bottom: 10px;
	text-align: justify;
}

/* -------------------- tabela ------------------------*/
.tg  {
	border-collapse:collapse;
	border-spacing:0;
	border-color:#ccc;
	margin:0px auto;
}
.tg td{
	font-family:'open sans', sans-serif;
	font-size:14px;
	padding:10px 5px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
	border-color:#ccc;
	color:#333;
	background-color: transparent;
}
.tg th{
	font-family:'open sans', sans-serif;
	font-size:14.2px;
	font-weight:normal;
	padding:10px 5px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
	border-color:#ccc;
	color:#333;
	background-color:#f0f0f0;
}
.tg .tg-sppf{
	font-size:14px;
	font-family:'open sans', sans-serif;
	background-color:#b28683;
	vertical-align:top;
}
.tg .tg-jo6m{
	font-weight:bold;
	font-size:14px;
	font-family:'open sans', sans-serif;
	background-color:#b28683;
	text-align:center;
	vertical-align:top;
}
.tg .tg-znhl{
	font-size:14px;
	font-family:'open sans', sans-serif;
	vertical-align:top;
}
.tg .tg-3zvv{
	font-size:14px;
	font-family:'open sans', sans-serif;
	text-align:center;
	vertical-align:top;
}
/* -------------------- slike -------------------------*/

.slike {
	background-color: #d1caca;
	margin-top: 0;
	padding: 15px 21% 15px 21%;
	border-bottom: 1px solid #777;
	border-top: 1px solid #aaa;
}

.slike img {
	position: relative;
	display: inline;
	height: 300px;
	width: auto;
	border: 1px solid #552222;
	border-radius: 2px;
}

/* ------------------- divider ------------------------ */

.divider {
	background-color: #410409;
	border: 1px solid #000;
	margin: -8px 19% 0px 19%;
	height: 47px;
	box-shadow: 2px 2px 2px #868686;
	border-radius: 2px 2px 3px 3px;
}

.divider h2 {
	padding: 0px;
	margin: 2px 0 0 0;
	color: #dbdbdb;
	font-family: 'candara', sans-serif;
	font-weight: 600;
	font-size: 35px;
}

/* --------------------- teme --------------------------- */

.teme {
	background-color: #e5e5e5;
	margin: 2px 21% 40px 21%;
	padding: 10px 12% 10px 20px;
	border: 1px solid #cccccc;
	position: relative;
}

.teme h3 {
	color: #552222;
	padding-left: 5px;
}

.teme img {
	position: absolute;
	right: -1.9%;
	bottom: -13%;
	width: 18%;
	height: auto;
	border: 1px solid #552222;
	border-radius: 2px;
}

.teme a {
	padding-left: 40px;
	text-decoration: underline;
	font-style: italic;
}

/* ------------------------ teme2 ----------------------- */

.teme2 {
	background-color: #e5e5e5;
	margin: 15px 36.8% 20px 21%;
	padding: 10px 20px 10px 20px;
	border: 1px solid #cccccc;
	position: relative;
}

.teme2 h3 {
	color: #552222;
	padding-left: 5px;
	display: inline;
}

.teme2 a {
	padding-left: 50px;
	font-size: 17px;
	font-weight: bold;
}

/* ------------------------ noga ------------------------ */

footer {
	height: 70px;
	background-color: #111111;
	border-top: 2px solid #333;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 0.5%;

}

footer p {
	color: #aaa;
	display: inline;
	font-size: 12px;
}


text:
/* literata-cyrillic-ext-300-italic*/
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url('./files/literata-cyrillic-ext-300-italic.woff2') format('woff2'), url('./files/literata-all-300-italic.woff') format('woff');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* literata-cyrillic-300-italic*/
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url('./files/literata-cyrillic-300-italic.woff2') format('woff2'), url('./files/literata-all-300-italic.woff') format('woff');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* literata-greek-ext-300-italic*/
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url('./files/literata-greek-ext-300-italic.woff2') format('woff2'), url('./files/literata-all-300-italic.woff') format('woff');
  unicode-range: U+1F00-1FFF;
}
/* literata-greek-300-italic*/
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url('./files/literata-greek-300-italic.woff2') format('woff2'), url('./files/literata-all-300-italic.woff') format('woff');
  unicode-range: U+0370-03FF;
}
/* literata-vietnamese-300-italic*/
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url('./files/literata-vietnamese-300-italic.woff2') format('woff2'), url('./files/literata-all-300-italic.woff') format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* literata-latin-ext-300-italic*/
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url('./files/literata-latin-ext-300-italic.woff2') format('woff2'), url('./files/literata-all-300-italic.woff') format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* literata-latin-300-italic*/
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url('./files/literata-latin-300-italic.woff2') format('woff2'), url('./files/literata-all-300-italic.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}