/*
Sample colors
light grey #dedede;
SJSU blue  #0055a2
*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

A { color: #36C; text-decoration: none; }

A:hover { text-decoration: underline; }

A:active { color: #36C; text-decoration: none; }

th, td {
border: 1px solid;
padding: 10px;
}

.button_link {
  cursor: pointer;
  border: none;
  font-size: 110%;
  color: #0055a2;
}

.row {
   display: flex;
   width: 100%;	
   
}

.column_head_left, .column_head_right {
   width: 10%;
   background-color: #0055a2;
   text-align: left;
   padding: 18px;
}

.column_head_main {
   width: 80%;
   background-color: #0055a2;
   text-align: left;
   padding: 18px;
   min-width: 900px;
}

.nav_row {
   display: flex;
   width: 100%;	
}

.nav_left {
   width: 48%;
   background-color: white;
}

.nav_right {
   width: 48%;
   background-color: white;
   text-align: right;
}

.column_nav_left, .column_nav_right {
   width: 10%;
   background-color: #fff;
   text-align: left;
   padding: 18px;
}

.column_nav_main {
   width: 100%;
   background-color: #fff;
   text-align: left;
   padding: 20px;
   border-bottom: 2px solid #0055a2;
}

.column_body_left, .column_body_right {
   width: 10%;
   background-color: #fff;
   text-align: left;
   padding: 18px;
}

.column_body_main {
   background-color: #FFF;
   text-align: left;
   padding: 20px;
}

.column_footer_left, .column_footer_right {
   width: 10%;
   background-color: #0055a2;
   text-align: left;
   padding: 18px;
}

.column_footer_main {
   width: 80%;
   background-color: #0055a2;
   text-align: left;
   padding: 18px;
   color: #FFF;
}

input {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid black;
  border-radius: 4px;
}

.button_link {
   background-color: transparent;
   cursor: pointer; /* optional: shows pointer on hover */
   padding: 15px;
   color: #0055a2;
   border: none;
}

.button_link_small {
   background-color: transparent;
   cursor: pointer; /* optional: shows pointer on hover */
   padding: 0px;
   color: #0055a2;
   border: none;
}

.button_blue {
   background-color: #0055a2;
   color: white;
}

.button_blue_small {
   background-color: #0055a2;
   padding: 5px;
   color: white;
}

.spacer {

   margin-top: 50px;

}

.red_note {

   color: #ce0606;
   font-size: 80%;

}

.data_title {

   background-color: #0055a2;
   padding: 8px;
   color: white;
   border: none;

}