@font-face {
  font-family: "Comfortaa Regular";
  src: url("fonts/Comfortaa/Comfortaa-Regular.ttf") format("opentype");
}

@font-face {
  font-family: "Comfortaa Bold";
  src: url("fonts/Comfortaa/Comfortaa-Bold.ttf") format("opentype");
}

@font-face {
  font-family: "Source Sans Pro Light";
  src: url("fonts/SourceSansPro/SourceSansPro-Light.ttf") format("opentype");
}

@font-face {
  font-family: "Source Sans Pro Regular";
  src: url("fonts/SourceSansPro/SourceSansPro-Regular.ttf") format("opentype");
}

@font-face {
  font-family: "Source Sans Pro Bold";
  src: url("fonts/SourceSansPro/SourceSansPro-Bold.ttf") format("opentype");
}

/* paragraph styling */
p{
  font-family: "Source Sans Pro Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: black;
  text-align: justify;
  margin: 0px;
  margin-bottom: 20px;
}

/* link styling: heavier font */
a {
  font-family: "Source Sans Pro Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}

a:hover, .btn:hover {
  color: #ee7202;
  background-color: white;
}

.btn:hover {
  border: solid 2px #ee7202;
}

.btn {
  font-family: "Source Sans Pro Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  background-color: #ee7202;
  border: solid 2px #ee7202;
  padding: 10px 32px;
}

/* slimer buttons */
.smallButton, #loadFile .btn {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 0;
  margin: 4px;
}

/* clear empty actionButtons with question mark symbol*/
.infoButton {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-left: 2px;
  border-style: none;
  color: black;
  background-color: #11ffee00;
  vertical-align: baseline;
}

.infoButton:hover {
  border-style: none;
  background-color:#11ffee00;
}

/* consistent element height for top navigation bar */
.logo {
  height: 60px;
}

/* collapsable menu styling */
li:hover .submenu{
  display: block;
}

.submenu {
  display: none;
  position: absolute;
  list-style: none;
  z-index: 1;
  padding:0;
}

.submenu li{
  float: none;
}

.submenu li a{
  margin-top: 8px;
  padding: 5px;
  font-size: 20px;
  color: white;
  background-color: #ee7202;
  display: inline-block;
  white-space:nowrap;
  width: 100%;
  font-family: "Comfortaa Bold", Helvetica, Arial, sans-serif;
}

.submenu li a:hover{
  color: #ee7202;
  background-color: white ;
}

/* styling for inline Shiny inputs */
.inline-input {
  display: inline-block;
  margin-left: 2em;
}

/* styling for text accompanying custom toggle switches */
.toggle-text {
  display: inline;
  margin-left: 0.5em;
  vertical-align:-0.5em;
}

/* changes glow around selected objects*/
.form-control:focus, .selectize-input.input-active {
        border-color: #ee7202;
        box-shadow: 0 0 0 0.2rem rgba(238, 114, 2, 0.25);
}

.full-height .well {
  height: 100%;
}

/* styling of verbatimTextOutput */
pre {
  background-color: #fcfcfc;
}

/* styling of top navigation bar */
#navigation_menu {
  list-style: none;
}

#navigation_menu>li {
  float: left;
  margin-right: 5px;
}

/* styling of text accompanying logos in top navigation bar */
#navigation_menu li a div {
  text-align: center;
  margin-top: -7px;
  font-family: "Comfortaa Regular";
  color: black;
}

/* styling of right-aligned tabs */
#tabs_right>div>.nav-tabs {
  display: flex;
  justify-content: end;
}

#tabs_right>div>.nav-tabs>li.active>a {
  background-color: #f5f5f5;
}

/* styling of the selected & focused tab */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
  color: #ee7202;
}

#example_select {
  width: 100%;
}

#CIlevel {
  display: inline-block;
}

#infobutton_CIlevel_values-info{
  position: absolute;
  top: 11px;
  left:175px;
}
