/* general styles */
body {
  color: #000;
  background: #e7e7e7;
  padding-right: 0px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

h1 { 
  font-size: 24px;
  color: #355235;
}

h2 { 
  font-size: 20px;
  color: #355235;
}

h3 { 
  font-size: 16px;
  color: #355235;
}

h4 { 
  font-size: 14px;
  color: #355235;
  margin-bottom:5px;
}

h5 { 
  font-size: 14px;
  color: #355235;
  display: inline;
}

em {
  color: #828686;
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 0px;
}

hr {
  border-top: 1px solid #828686;
}

label {
  font-weight: normal;
}




.shiny-input-container:not(.shiny-input-container-inline) {
  width: auto;
}

.inputBg {
  border: 1px solid #828686; 
  margin-bottom: 20px;
  padding: 0px 10px;
  background: #f9faf7;
}

.row {
  margin-right: 0px !important;
}

.container-fluid {
  padding-right: 30px;
  padding-left: 30px;
}




/* maybe used? */
.shiny-output-error-validation {
    color: red;
}

.shiny-output-error {
    margin-top: 15px;
    font-size: 120%;
}

.output-message {
    color: #564D40;
}

.caveats-container {
    color: #564D40;
}


/* navbar */
.navbar {
    border: 1px solid #e7e7e7;
}

.navbar-default {
    background-color: #355235;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a {
    color: #fff;
    background-color: #355235 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.active,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #476c47 !important;
}


/* inputs */
.btn,
.btn:focus,
.btn:active {
  color: #FFFFFF !important;
  background-color: #355235 !important;
  border: 1px solid rgba(255, 255, 255, 0) !important;
  font-size: 16px;
}

.btn:hover{
  color: #FFFFFF !important;
  background-color: #476c47 !important;
  border: 1px solid rgba(255, 255, 255, 0) !important;
}

.btn-green,
.btn-green:focus,
.btn-green:active {
  color: #FFFFFF !important;
  background-color: #355235 !important;
  border: 1px solid rgba(255, 255, 255, 0) !important;
  border-radius: 4px;
  font-size: 14px;
}

.btn-green:hover {
  color: #FFFFFF !important;
  background-color: #476c47 !important;
  border: 1px solid rgba(255, 255, 255, 0) !important;
  border-radius: 4px;
  font-size: 14px;
}

.btn-help,
.btn-help:focus,
.btn-help:active {
  position: absolute;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0) !important;
  right: 10px;
  top: 8px;
  color: rgba(53, 82, 53, 1) !important;
  background-color: #FFFFFF  !important;
}

.btn-help:hover {
  position: absolute;
  border: 2px solid #FFFFFF !important;
  right: 9px;
  top: 7px;
  color: rgba(53, 82, 53, 1) !important;
  background-color: #FFFFFF  !important;
}

.btn-close,
.btn-close:active,
.btn-close:focus {
  color: rgba(53, 82, 53, 1) !important;
  background-color: rgba(255, 255, 255, 0) !important;
  border-color: rgba(53, 82, 53, 0.7) !important;
  border-style: solid !important;
  border-width: 1px !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

.btn-close:hover {
  color: #FFFFFF;
  background-color: rgba(53, 82, 53, 1);
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 1px;
  box-shadow: rgba(0,0,0,0.4) inset 0px 0px 2px;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
}

.irs--shiny .irs-bar {
  border-top: 1px solid #355235 !important;
  border-bottom: 1px solid #355235 !important;
  background: #355235 !important;
}

.irs--shiny .irs-from,
.irs--shiny .irs-to,
.irs-single {
  background: #355235 !important;
}

.html-widget.gauge {
  width: 100% !important;
  height: 115px !important;
  margin-top: 10px;
}

/* for gauge text */
text {
  fill: #355235 !important;
}