/* Set variables for colors */
/* Background */
.content-wrapper, .right-side {
  background-color: #F4F4F4;
  /* Set background colour */
}

/* Header elements */
.skin-blue .main-header {
  /* Set colours for navbar (entire top bar) and logo (top left corner) */
}

.skin-blue .main-header .navbar {
  color: #ffffff;
  background-color: #003A5A;
}

.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
  background-color: #003A5A;
  color: #ffffff;
}

.skin-blue .main-header .navbar {
  /* Set colours for sidebar toggle */
}

.skin-blue .main-header .navbar .sidebar-toggle {
  background-color: #003A5A;
  color: #F4F4F4;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #003A5A;
  color: #7A7A78;
}

/* Sidebar */
.left-side, .main-sidebar {
  /* Set padding for sidebar */
  padding-top: 0px;
}

.skin-blue .main-sidebar {
  /* Set color for sidebar */
  background-color: #F4F4F4;
}

.skin-blue .left-side,
.skin-blue .wrapper {
  background-color: #F4F4F4;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  background: #F4F4F4;
}

.skin-blue .treeview-menu > li > a,
.skin-blue .treeview-menu > li > a:hover {
  color: #7A7A78;
  padding: 5px 10px 5px 10px;
}

.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li.active:hover > a {
  color: #3b3d3d;
}

.sidebar.shiny-bound-input li {
  padding: 5px 15px 5px 15px;
  /* Space between sidebar elements */
  list-style-type: none;
  /* Remove bullets */
}

.sidebar.shiny-bound-input li a {
  color: #7A7A78;
}

.skin-blue .sidebar-menu > li > a {
  /* Set colors of sidebar text - inactive */
  background: transparent;
  color: #7A7A78;
  border-left-color: transparent;
}

.skin-blue .sidebar-menu > li:hover > a {
  /* Set colors of sidebar text - hover */
  background: transparent;
  color: #7A7A78;
  border-left-color: transparent;
}

.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.active:hover > a {
  /* Set colors of sidebar text - active */
  background: transparent;
  color: #3b3d3d;
  border-left-color: #003A5A;
}

div.dropdown, div.dropdown-menu, div li {
  /* Dropdown menu background */
  background-color: #F4F4F4;
}

.bs-actionsbox .btn-group button {
  /* Buttons correct width in pickerInput */
  width: 100%;
}

.sidebar-menu li > a > .fa-angle-left,
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
  /* Remove arrow next to sidebar subitem */
  color: transparent;
}

.sidebar {
  margin-left: 15px;
}

/* Fonts */
body {
  font-family: 'Raleway', 'Nunito', Helvetica, sans-serif;
  color: #3b3d3d;
  background-color: #F4F4F4;
  font-size: 14px;
}

p {
  font-family: 'Raleway', 'Nunito', Helvetica, sans-serif;
  color: #3b3d3d;
}

h1, h2, h3, h4 {
  font-family: 'Josefin Sans', 'Nunito', Helvetica, sans-serif;
  font-weight: 400;
  color: #003A5A;
  letter-spacing: 0;
  line-height: 1.2em;
  margin: 15px 0 15px 0;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 24px;
  font-weight: 600;
}

.box-header .box-title {
  font-size: 24px;
}

h4 {
  font-size: 18px;
  font-weight: 400;
}

.nav-tabs-custom > .nav-tabs > li.header {
  font-family: 'Josefin Sans', 'Nunito', Helvetica, sans-serif;
  color: #003A5A;
  font-size: 24px;
}

a {
  font-family: 'Raleway', 'Nunito', Helvetica, sans-serif;
  color: #003A5A;
  font-weight: 600;
  font-size: 14px;
}

.sidebar.shiny-bound-input p {
  margin-left: 15px;
}

label {
  font-family: 'Raleway', 'Nunito', Helvetica, sans-serif;
  color: #3b3d3d;
}

th, td, table.dataTable thead > tr > th {
  padding: 8px;
  color: #3b3d3d;
}

.handsontable span.colHeader, .handsontable th {
  font-weight: 600;
  color: #3b3d3d;
}

.tab-content h2:first-of-type, .tab-content h1:first-of-type {
  padding-top: 0;
  margin-top: 15px;
}

/* Boxes */
.box {
  background: #fff;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0 0 5px #ccc;
  border-top-width: 0px;
  padding: 15px 20px 15px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.box-header {
  padding: 0;
}

/* Nav tabs*/
.nav-tabs-custom {
  /* For navtabs box (tabs and contents) */
  background: #ffffff;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0 0 5px #ccc;
  border-top-width: 0px;
  padding: 15px 20px 15px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nav-tabs-custom > .nav-tabs {
  /* For tabs */
  background-color: #ffffff;
  border-width: 0px;
}

.nav-tabs-custom > .nav-tabs li {
  margin-bottom: 0;
  /* Stops unselected tabs from overlapping with tab-content*/
}

.nav-tabs-custom > .nav-tabs > li > a {
  /* Set color of all tabs */
  background: #ffffff;
  color: #7A7A78;
}

.nav-tabs-custom > .nav-tabs > li.active {
  /* Set border and colors for selected tab */
  border-top-color: #003A5A;
}

.nav-tabs-custom > .nav-tabs > li.active a {
  border-left-width: 0px;
  border-right-width: 0px;
}

.nav-tabs-custom > .nav-tabs > li.header {
  /* Set background color of header */
  background: #ffffff;
}

/* Other elements*/
.control-label {
  /* Set color of labels */
  color: #3b3d3d;
}

img {
  /* Images */
  width: 100%;
  padding-top: 15px;
}

.progress-bar {
  /* Set color of progress bar*/
  background-color: #003A5A;
  border-radius: 0;
}

a.btn.btn-default, a.btn.btn-default:hover,
button.btn.btn-default, button.btn.btn-default:hover,
button.btn.btn-primary, button.btn.btn-primary.hover, button.btn.btn-primary:hover {
  background-color: #F4F4F4;
  border-color: #ddd;
  color: #3b3d3d;
  outline: none;
  margin: 6px 5px 6px 15px;
}

.tab-content a.btn.btn-default, .tab-content a.btn.btn-default:hover,
.tab-content button.btn.btn-default, .tab-content button.btn.btn-default:hover,
.tab-content button.btn.btn-primary, .tab-content button.btn.btn-primary.hover, .tab-content button.btn.btn-primary:hover {
  background-color: #F4F4F4;
  border-color: #ddd;
  color: #3b3d3d;
  outline: none;
  margin: 6px 5px 6px 0px;
}

a.btn.btn-default:active,
button.btn.btn-default:active,
button.btn.btn-primary:active {
  /* Submit button during click*/
  background-color: #dbdbdb;
  border-color: #c4c4c4;
  color: #3b3d3d;
  outline: none;
  margin: 6px 5px 6px 15px;
}

.tab-content a.btn.btn-default:active,
.tab-content button.btn.btn-default:active,
.tab-content button.btn.btn-primary:active {
  /* Submit button in tab during click*/
  background-color: #dbdbdb;
  border-color: #c4c4c4;
  color: #3b3d3d;
  outline: none;
  margin: 6px 5px 6px 0px;
}