body {
  background-color: #fff;
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px; }

p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px; }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px; }

a {
  color: #0275d8; }

div.field, div.actions {
  margin-bottom: 10px; }

#notice {
  color: green;
  display: block; }

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table; }

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #error_explanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    margin-bottom: 0px;
    background-color: #c00;
    color: #fff; }
  #error_explanation ul li {
    font-size: 12px;
    list-style: square; }

/* ____________________ */
#page {
  max-width: 1200px;
  min-width: 800px;
  margin: 0 auto;
  padding: 10px 0 0; }

#nav {
  margin-bottom: 20px; }
  
.footer {
  margin-top: 20px; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #000;
  table-layout: fixed; }

.table thead th,
table tr:nth-child(2n) td {
  background-color: #e0e0e0;
  border: 1px solid #000; }

th, td {
  padding: 1px 5px;
  border: 1px solid #000; }

div.schedule {
  margin-bottom: 40px; }

table.schedule {
  width: 100%;  }

table.schedule, table.schedule td, table.schedule th {
  border: 1px solid #000; }

.schedule th .actions {
  float: right; }

th, td {
  padding: 1px 5px;
  width: 5px; }

.schedule td + td {
  text-align: center; }

.schedule a {
  text-decoration: none; }

.schedule a:hover {
  text-decoration: underline; }

.schedule a.empty_slot {
  padding: 5px 10px; }

.slot_overlay {
  position: absolute;
  width: 325px;
  padding: 10px;
  border: 1px solid #333;
  -webkit-box-shadow: 0px 0px 4px 0px #303030;
  box-shadow: 0px 0px 4px 0px #303030;
  background-color: #fff;
  text-align: left; }

.overlay_action {
  text-align: right; }

form {
  margin-bottom: 10px; }

.field {
  margin-bottom: 3px; }

.kw_nav {
  text-align: center;
  margin-bottom: 20px; }

.log_entry {
  white-space: nowrap; }

/*# sourceMappingURL=styles.css.map */

/*CSS Spinner*/
.spinner {
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.blockout_display {
  color: #787f79;
  font-style: italic;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


.loader {
  display: none;
  border: 2px solid #ccc;
  border-radius: 50%;
  border-top: 2px solid #333;
  width: 12px;
  height: 12px;
  -webkit-animation: spin 1.5s linear infinite; /* Safari */
  animation: spin 1.5s linear infinite;
}
.loader.inline {
  display: inline-block;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}