/*!
 * Customized CSS for ADMIT project.  Since these contain are variations
 * on bootstrap css, boostrap[.min].css must be loaded first.
 *
 *
 * Icons available using <i class="icon-xx"></i>
 * http://marcoceppi.github.io/bootstrap-glyphicons/
 */

.dontkeep {
  background-color: #ff0000;
}

/* We want admit task labels to be light gray with rounded border */
.label-admittask,
.label-admittask-form ,
.badge-admittask {
/*  color: #1111dd;*/
/*  background-color: #bbffbb;*/
  background-color: #aaeeaa;
  border-radius: 6px;
}

.table-admit th {
  background-color: #d9edf7;
}

.table-admit input {
  width: auto;
}

/* scroll bars for long or wide tables */
.table-admit {
   display:block;
   overflow: scroll;
}

.stale-admittask, 
.stale-admittask-form {
/*  color: #1111dd;*/
  background-color: orange;
  border-radius: 6px;
}

.stale-admittask:hover {
  background-color: #bbb450;
  color:#ffffff;
  text-decoration: none;
}

/*
 * For hex versions of graphviz colors, see:
 * view-source:http://www.graphviz.org/doc/info/colors.html#x11
 */
.disabled-admittask, 
.disabled-admittask-form {
  background-color: #e88; /* buildbot pink*/
  border-radius: 6px;
}

.disabled-admittask:hover,
.disabled-admittaskform:hover {
  /*background-color: #00bfff; /* x11 skyblue, same as dot diagram?*/
  background-color: #8b2500; /* x11 orangered4 */ 
  color:#ffffff;
  text-decoration: none;
}

.label-admittask:hover ,
.label-admittask-form:hover {
  background-color: #0088cc;
  color:#ffffff;
  text-decoration: none;
}

.label-admitform {
  display: inline;
  margin-bottom:0px;
  font-weight: bold;
}

.input-admitform {
  width: 400px;
  background-color: #d9edf7;
}

.legend-admitform {
  color: #007700;
}

.form_button {
    margin: 0px auto;
    padding: 8px 0px;
    color: #01a427;
    font-size: 20px;
    margin-top: 40px;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
    text-align: center;
    display: block;
    background: #fff;
    border: 2px solid #01a427;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
    -webkit-transition: background, 0.30s, ease;
    -moz-transition: background, 0.35s, ease;
    -ms-transition: background, 0.35s, ease;
    -o-transition: background, 0.35s, ease;
}

.form_button:hover {
    background: #01a427;
    color: #fff;
}

.form_button:disabled {
    background: #dddddd;
    border: 2px solid #000000;
    color: #ffffff;
}

pre {
    display:block;
    font-size: 18px;
    white-space: pre;
    margin 1em 1em;
}