/* STEP 1 */
div#select_lesson{
  display:inline-block;
  position:relative;
  padding:5px 30px 5px 10px;
  margin-right:20px;
  border:1px solid #e6e6e6;
  border-radius:3px;
}
div#select_lesson::after{
    position:absolute;
    top:2px;
    right:10px;
    font-family:"FontAwesome";
    content:"\f0dd";
}
div#select_lesson:hover{
    cursor:pointer;
}
ul#lessons{
  padding:10px 0px !important;
  margin:0px 20px !important;
  border:1px solid #e6e6e6;
  border-top:none;
}
ul#lessons li{
  list-style:none !important;
  padding:10px 20px !important;
}
ul#lessons li.selected,
ul#lessons li:hover{
  background-color:#00b0ff;
  color:#fff;
  cursor:pointer;
}

#catchupclass input.submit{
  background-color:#d4021d;
  border:1px solid #d4021d;
  font-style:italic;
  text-transform:none;
  position:relative;
  padding:0px 10px;
  margin:0;
  color:#fff;
  border-radius:10px;
}

#vamoscuc-step1 input.submit{
  margin:20px;
}
#catchupclass span.please-wait{
    font-size:12px;
    line-height:26px;
}

#catchupclass .errmsg{
  color:#d4021d;
  background-color:#fff2a9;
  font-size:16px;
  font-style:italic;
  padding:10px 20px;
}


/* STEP 2 */
#catchupclass span.classname{
    color:#d4021d;
    font-style:italic;
    font-weight:bold;
}

table#possible_classes tr.trhead,
table#possible_classes th{
  background-color:#e6e6e6;
}
table#possible_classes tr.trentry{
  background-color:transparent;
}
table#possible_classes tr.trentry:hover,
table#possible_classes tr.trentry.selected{
  background-color:#ffea74;
  cursor:pointer;
}
table#possible_classes th,
table#possible_classes td{
  padding:10px 20px;
  vertical-align:middle;
}
table#possible_classes tr.trentry td{
  border-bottom:1px solid #e6e6e6 !important;
}

table#possible_classes span.select_class{
  position:relative;
  padding:0px 10px;
  margin:0;
  color:#fff;
  background-color:#428bca;
  border:1px solid #428bca;
  border-radius:10px;
  white-space:nowrap;
}

table#possible_classes span.select_class input{
  padding:0px;
  margin:0px;
  border:none;
  background:transparent;
  color:#fff;
  font-style:italic;
}

table#possible_classes tr.trentry.selected span.select_class{
  background-color:transparent;
  padding-right:20px;
  white-space:nowrap;
}
table#possible_classes tr.trentry.selected span.select_class input{
  color:#428bca;
}

table#possible_classes tr.trentry.selected span.select_class::after{
    position:absolute;
    color:#428bca;
    font-family:"FontAwesome";
    content:"\f00c";
}

#tellwhy{
  background:none !important;
  color:#428bca !important;
  padding:0;
  margin:0;
  text-transform:none;
  font:inherit;
}
.cancelthis{color:#d4021d !important;}