.course-box {
    width: -webkit-available;
    padding: 30px 60px;
    background: #f9f9f9;
}
.webform-submission-information {
  display: none
}


li.next::after {
  content: "próximamente";
  bottom: 6px;
  right: 6px;
  background: #c1d002;
  color: #fff;
  padding: 1px 10px;
  display: block;
  font-size: 9px;
  border-radius: 20px;
}
    
li.open, li.next {
    padding-top:5px;
    padding-bottom:5px;
}
    
li.open::after {
  content: "disponible";
  bottom: 6px;
  right: 6px;
  background: #004E97;
  color: #fff;
  padding: 1px 10px;
  display: block;
  font-size: 9px;
  border-radius: 20px;
}

li.closed::after {
  content: "curso cerrado";
  bottom: 6px;
  right: 6px;
  background: #ddd;
  padding: 1px 10px;
  display: block;
  font-size: 9px;
  border-radius: 20px;
}

li.close a { text-decoration: none!important; cursor: not-allowed; }

li.closed a { cursor: pointer; }

.completed{
  color:#77b259;
} 

.alert{    
  color: #734c00;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  background-color: #fdf8ed;
  box-shadow: -8px 0 0 #e09600;padding-left:10px;
}

.success{    
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-color: #f3faef;
  box-shadow: -8px 0 0 #77b259;padding-left:10px;
}