.classlist {
  padding-left:40px;
}

.classunit.empty {
  border-radius:6px;
  margin-bottom: 20px;
  border: 2px dashed #e0e0e0;
  height: 236px;
  background: #f9f9f9;
}

.classunit.standard {
  border-radius:6px;
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  font-family: "Open Sans";

}

.classwrapper .classunit {
  /*margin-bottom: 0 !important;*/
}

.classunit.standard .image {
  position: absolute;
}

.classunit.standard .details {
  /*background: rgba(255,255,255,0.5);*/
  padding-top: 35px;
  min-height: 200px;
  background: #E73E44;    
}

.classunit.standard .category {
  color:#fff;
  font-size: 9px;
  padding: 5px;
  text-transform: uppercase !important;
  //background: rgba(0,0,0,0.1);
  color: rgba(255,255,255,0.7);
  margin-bottom: 10px;
  display: inline-block;
}

.classunit.standard .classtitle{
  font-size: 15px;
  display: block;
  color: #ffffff;
  margin-right: 20px;
  background: #E73E44;
  color:#fff;
  font-family: "Metronic";
  border-radius: 0px 4px 4px 0px;
  text-transform: capitalize;
  /*text-shadow:1px 1px 1px #000;*/
}

.classunit.standard .classtitle .title {
  padding:0px 10px 20px 10px;  
}

.classunit.standard .classtitle:hover { 
  text-decoration: none; 
  background: #55595C !important;
  color: #fff;
}

.classunit.standard .metaData {
  padding:10px 10px 10px 10px;
  color: #979797;
  font-size:11px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}


/* CLASS GRID */

.classSearch {
  padding:0px 5px 40px 0px;
  width: 100%;
  display: block;
}


.classSearch input {
  width: 100%;
  padding:15px 20px;
  margin:0px 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}

.classGrid {
  float: left;
  padding:10px;
}

.classGridContainer {
  padding:20px;
  border-radius:5px;
  background: #F6F6F6;
  /*border:  1px solid #ccc;*/
  color: #2A70E8;
}

.classGridContainer .title {
  min-height: 100px;
}

.classGridContainer .title .upper {
  font-size:16px;
  font-weight: bold;
}

.classGridContainer .title .lower {
  color:#4a4a4a;
  font-size: 12px;
}

.classCategories {
  padding:0px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.classCategory {
  float:left;
  padding:5px 5px;
}

.classCategory .icon {
  font-size: 18px;
  margin-bottom: 8px;
  padding: 0px 10px;
  display: inline-block;
  position: absolute;
  color: #fff;
  left:12px;
}

.classCategory .dot {
  font-size:10px;
  margin-right: 5px;
}

.classCategory a {
  font-size: 17px;
  display: block;
  background:#fff;
  padding:15px 20px;
  border-radius: 5px;
  border:1px solid #e2e2e2;
  color:#55595C;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}

.classCategory a:hover {
  text-decoration: none;
  background: #fff;
  csolor:#5F5E63;
  border:1px solid #e2e2e2;
}

.classprogress {

}

.classprogress .progress {
  margin: 0px 0px 0px 0px;
  height: 10px;
  box-shadow: none;
}

.classprogress .progress .progress-bar {
  box-shadow: none;
}


.miniClassUnit {
  position: relative;
  padding:10px;
  border-top:1px solid #f1f1f1;
}

.miniClassUnit .icon {
  position:absolute;
  border-radius: 25px;
  overflow: hidden;
  width:50px;
  height: 50px;
}


.miniClassUnit .classDetails {
}

.miniClassUnit .classDetails .title {
  font-size:15px;
}

.miniClassUnit .classDetails .teacher {
  font-size:12px;
  color: #9ea1a4;
}

.moduleHeader {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.moduleHeader .header {
  padding:20px;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  font-family: 'Metronic', 'Metronic Air Bold', sans-serif;

}

.moduleHeader .footer {
  padding: 20px 5px;
  background: #fff;
}

.moduleHeader .classStats {
  text-align: center;
}

.moduleHeader .classSections .section {
  padding:20px;
  border-bottom: 1px solid #f0f0f0;
}

.moduleHeader .classSections .section .title{
  font-weight: bold;
}


.moduleHeader .classSections .section.active {
  background: #F2FAFB;
}

.studentprogress {
  padding:20px;
  border:1px solid #efefef;
  border-radius: 5px;
  margin-bottom: 5px;
}

.previewbutton {
  color: #fff !important;
  background: #93BA2C !important;
}