/*******************
  SIGMA JS
********************/

#json-test-sigma-container {
  /* max-width: 400px; */
  height: 400px;
  margin: auto;
}


/*******************
  MATERIALIZE CSS
********************/

body,
html {
    height: 100%
}

html h1 {
  font-weight:100 ;
  font-style: italic;
  text-shadow: 2px 2px 5px #780000;
  font-size: 4em;
}

h1, h2, h3, h4, h5, h6 {
  color: white;
  text-shadow: 1px 1px 8px #000000;
  font-weight: lighter;
}

p {
  color: white;
}

a {
 color: white;
}

/* NAVIGATION & MENU */

nav {
  background-color: rgba(184, 28, 28, 0.85) !important;
}

#nav-h1{
  margin: 0;
}



nav .dropdown-content {
  background-color: transparent;
}

nav .dropdown-content li {
  background-color: rgba(159, 0, 0, 0.92) !important;
}

.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
  background-color: transparent;
}

/* Expanded accordian background */
.side-nav li.active {
  background-color: transparent;
}

.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
  padding: 0 32px;
}

.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
  padding-left: 50px;
}


.side-nav li:hover {
  /* background-color: transparent; */
}

.side-nav li.active:hover,
.side-nav.fixed li.active:hover {
  background-color: transparent !important;
}


.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover,
.side-nav .collapsible-body li:hover,
.side-nav.fixed .collapsible-body li:hover {
  background-color: rgba(134, 0, 0, 0.91) !important;
}

nav .dropdown-content li.top-level:hover,
.side-nav li.top-level:hover {
  background-color: rgba(134, 0, 0, 0.91);
}

nav .dropdown-content  a {
  color: white!important;
}

#nav-login-btn {
  color: #ffffff;
  background-color: rgba(111, 0, 0, 0.5);
  border: 1px solid #ffffff;
}

#nav-login-btn:hover {
  background-color: #0D47A1 !important;
  color: white;
}

/* SIDE NAV */

.side-nav {
  background-color: #a90404c7;
}

.side-nav li>a,
.side-nav li>a>i {
  color: white !important;
}



.tagline {
  text-shadow: 1px 1px 8px #000000;
  font-weight: lighter;
  font-size: 1.2em;
  line-height: 1.7;
}

.card-image {
  padding: 30px 30px 0px 30px;
}

.card-image img {
  width: 50% !important;
  margin-left: auto;
  margin-right: auto;
}

.card-title {
  font-weight: bold;
}

.page-footer {
  background-color: rgba(184, 28, 28, 0.7) !important;
}

.footer-copyright {
  /* background: transparent !important; */
}

.page-footer h6 {
  text-shadow: 1px 1px 1px rgb(121, 0, 0);
  font-weight: bold;
  color: rgb(238, 238, 238);
}


.page-footer .underline a {
  text-decoration: underline !important;
}

#logo-home img {
  width: 150px;
  height: 150px;
  padding-bottom: 20px;
}

.side-nav .user-view img {
  height: 70px;
  width: 70px;
  margin-left: auto;
  margin-right: auto;
}

.side-nav .user-view {
  margin-top: 20px;
}

.tabbed-page-container {
  margin-top: 20px;
}

/* TODo Make more specific to cards, vs nav */
.card .dropdown-content li>a,
.card .dropdown-content li>span {
  color: #0D47A1;
}

.graph-select:hover {
  background-color: #0D47A1 !important;
  color: white;
}

.graph-select {
  color: #0D47A1;
  background-color: white !important;
  border: 1px solid #0D47A1;
}

/* Buttons  */
#dropdown-list-1 li a {
  color: darkblue;
}

/* Toggle checkbox */
.switch label input[type=checkbox]:checked+.lever {
  background-color: #81acee;

}

.switch label input[type=checkbox]:checked+.lever:after {
  background-color: #0D47A1;
}

/*******************
  NO UI SLIDER
********************/
.noUi-tooltip {
  background-color: #0D47A1 !important;
}

.noUi-connect {
  background-color: #81acee;
}


/*******************
  DROPZONE JS
********************/
.dropzone {
  border: 2px dashed #0D47A1 !important;
  border-radius: 5px;
  background: white; }

.dropzone .dz-message {
  margin: 3em 0 !important;
}