/* COLORS 

deep purple: #474787;

*/


/* OVERWRITE BASE FONT -------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
  background-color: whitesmoke;
    font-family: 'Roboto', serif;
}

body {
  margin-bottom: 40px; /* Margin bottom by footer height */
  background-color: whitesmoke;
  font-family: 'Roboto', serif;
}

h1, h2, h3, h4, h5, h6, p {
  font-family: 'Roboto', serif;
}

h2, h3, h4 {
  color: #ffb142;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px; /* Set the fixed height of the footer here */
  line-height: 40px; /* Vertically center the text there */
  background-color: #f5f5f5;
  font-size: 0.8em;
}

/* OVERWRITE DEFAULT INPUT STYLE -------------------------------------------------- */

input[type=button], input[type=submit], input[type=reset], [type=submit]:not(:disabled) {
  background-color: #ffb142;
  border: 1px solid black;
  color: black;
  padding: 0.5em 1.5em;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  width: auto;
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.09),0 2px 4px 0 rgba(0,0,0,0.09);
  text-transform: uppercase;
  font-weight: 900;
  font-family: 'Roboto', serif;
}

/*
input[type=radio] {
    font-size: 2em;
} */

select {
  font-size: 1.3em;
  width: 100%;
  -moz-appearance: none;
}

select option{
  font-size: 1.3em;
  width: 100%;
  -moz-appearance: none;
}

/* SIGN-IN STYLE -------------------------------------------------- */


.form-signin {
  padding: 2em;
  border:1px solid #d1ccc0;
  border-radius: 18px;
  background-color: white;
}

/* SIDEBAR STYLE -------------------------------------------------- */

.m2c2_sidebar {
  color: black;
  background: whitesmoke;
  border:2px 2px 0px 2px solid #d1ccc0;
  overflow: visible;
}


/* BUTTON STYLE -------------------------------------------------- */

.dolphmodbutton{
text-align:left;
background-color: whitesmoke;
  border: none;
  color: black;
font-weight:900;
  font-size: 0.9em;
  padding: 0.6em;
  width:100%;
  text-decoration: none;
  margin: 2px 1px;
  cursor: pointer;
}

.dolphmodbutton:hover {
background-color:#1982FC;
color:white;
}

.dolphmodbuttonactive {
}

/* MODULE STYLE -------------------------------------------------- */

.module
{
  border-radius: 6px solid gray;
  background: #fff;
}

.module_list
{
  float: center;
  color: #f2f2f2;
  text-align: center;
  padding: 9px 12px;
  text-decoration: none;
  font-size: 1.5em;
  box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.module_display
{
  margin-top: 2em;
}

.study_status {
  padding:1em 0em;
}

.title
{
  background-color: #1982FC !important;
  color:white;
  font-size:1em;
  padding: 1em 1.5em; 
  box-shadow:0 1px 3px 0 rgba(0,0,0,0.06),0 1px 3px 0 rgba(0,0,0,0.06);
}

.title ul
{
  display:inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;

}

.title ul > li
{
  display:inline-block;
  list-style-type: none;
  margin: 0;
  padding:10px 1%;
  width: 30%

}

/* PARTICIPANT TABLE STYLE -------------------------------------------------- */

.participant_table {
  border-collapse: collapse;
  width: 90%;
  float:center;
  overflow: hidden;
  padding: 14px 16px;
  margin-left: auto;
  margin-right: auto;
}

.participant_table td, .participant_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.participant_table tr:nth-child(even){background-color: #f2f2f2;}

.participant_table tr:nth-child(odd){background-color: #ffffff;}

.participant_table tr:hover {background-color: #ddd;}

.participant_table tr .configured
{
 background-color: #009900;
  padding-top: 12px;
  padding-bottom: 12px;
  box-shadow:0 0 1px #333;
}


.participant_table tr .nconfigured
{
 //background-color: #e60000;
}

.participant_table th {

  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #1982FC !important;
font-weight: 900;
  color: white;
}

/* NAVBAR STYLE -------------------------------------------------- */

.navbar
{
display: block;
  overflow: hidden;
  background-color: black; 
}

.navbar a 
{
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover 
{
  background-color: #ffb142;
  color: black;
}

.navbar a.active 
{
  background-color: #1982FC;
  color: white;
}

.navbar a.logout
{
   float: right;
}

.navbar div.info
{
   display: block;
  // float: right;
   font-size: 24px;
}

.navbar centerinfo
{

text-align: center;
  background-color: #ddd;
   float: center;
}

.navbar centerinfo usertext
{
  display: block;
  text-align: center;
   float: center;
  color: #f2f2f2;
}

.navbar centerinfo usertext.version
{
  
color: #f2f2f2;
font-size: 10px;
position: absolute;
right: 120px;
width: 200px;
height: 10px;
top: 1px;
  
}