/****************************/
/* R Shiny App CSS Template */
/****************************/
/* Some custom CSS by Josh to make this all prettier */

div.page_container {
  border: 1px solid #000;
  margin: 20px;
  border-radius: 15px;
  background: #fff;
  padding: 20px;
}

div.page_container h1 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 20px 0;
  color: #333;
}

.button {
  border-radius: 25px;  
  border: none;
  color: white;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.loading {
  background-color: #CCCCCC; 
  color: #000000;   
  cursor: wait;  
  border: 2px solid #666666;  
}

.loading:hover {
  border: 2px solid #000000; 
}

.blue {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.blue:hover {
  background-color: #008CBA;
  color: white;
}

.red {
  background-color: white; 
  color: black; 
  border: 2px solid #b50d20;
}

.red:hover {
  background-color: #b50d20;
  color: white;
}


.orange {
  background-color: white; 
  color: black; 
  border: 2px solid #c7753a;
}

.orange:hover {
  background-color: #c7753a;
  color: white;
}


.delete_button {
  float: right;
  background-color: #b50d20;
  color: white;
}

.delete_button:hover {
  background-color: white; 
  color: black; 
  border: 2px solid #b50d20;
}

.outsidediv {
  margin-left: 20px;
}

.textbutton {
  padding: 0 0 20px 0;
  background: none;
  border: none;
  color: blue;
}

.textbutton:hover {
  padding: 0 0 20px 0;
  background: none;
  border: none;
  color: red;
}

.error_text {
  color: red;
  font-weight: bold;  
}

.success_text {
  color: green;
  font-weight: bold;
}

.warning_text {
  color: #80580a;
  font-weight: bold;
}


div.success_msg {
  border: 2px solid #6c966d;
  background: #b4d9b5;
  border-radius: 25px;
  padding: 12px 15px 5px 15px;
  margin: 10px 0px 10px 0px;  
}

div.error_msg {
  border: 2px solid #a82b13;
  background: #d9bab4;
  border-radius: 25px;
  padding: 12px 15px 5px 15px;
  margin: 10px 0px 10px 0px;
}

div.warning_msg {
  border: 2px solid #80580a;
  background: #f2ce85;
  border-radius: 25px;
  padding: 12px 15px 5px 15px;
  margin: 10px 0px 10px 0px;
}



div.page_header {
  width: 100%; 
  max-width: 100%; 
  margin: -35px auto 20px auto; 
  background: #222d32; 
  color: #eee;
}

div.page_header h1 {
  padding: 5px 20px 5px 20px;  
}

i.fa {
  margin-right: 7px;
}

.table_nowrap td {
  max-width: 500px;
  white-space: nowrap;  
}

 #loginpage_login_header {
   text-align: center;
   background: #000;
   padding: 10px;
   color: #ccc;
   border-radius: 15px;
 }
 
 #loginpage_login_header h1 {
   color: #eee;
 }
 
.jojo-hover tbody tr.even:hover, .jojo-hover tbody tr.odd:hover {
   background: #ff0000;
 }