.dashboard-container .flipcontainer{
    width: 250px;
    margin: 0 19px 12px auto;
    display: inline-block;
}
.dashboard_admin_data{
  margin:10px;
}
.dashboard-container .flipcontainer .back{
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding-top: 0;
  color: #fff;
  display: none;
}
.flipcontainer .back input{
  cursor: pointer;
}
.percent-dashboard{
    float: left;
    height: 5px;
    background: #7ABA78;
    border-radius: 0;
}
.flipcontainer .percent-container{
    width: 100%;
    border : none;
    border-radius : 0;
    box-shadow : none;    
}
.flipcontainer a.coursetitle{
  color: #000 !important;
  font-weight: normal;
}
.flipcontainer .course_title_cont{
    background-color: #F4F4F4;
    padding: 10px;
}
.flipcontainer .course_avail{
    background-color: #FFFFFF;   
    padding:2px 5px;
    font-size : 13px;
    text-align: left;
}
.flipcontainer .fa-calendar{
    margin-right: 4px;
}
.flipcontainer .title{
    padding:5px;
    min-height: 55px;
    line-height: 22px;
    text-align: left;
}
.flipcontainer .percent-text{
    float: right;
    margin-right: 13px;
    font-size: 14px;
    background: #828484;
    border-radius: 15px;
    padding: 5px;
    margin-top: 8px;
    line-height: 16px;
}
.flipcontainer .photo{
    height: 50px;
    position: inherit;
    top: 10px;
    left: 38%;
}
.flipcontainer .photo img{
    border-radius: 50%;
}
.flipcontainer .t_name{
    height: 28px;
    padding-top: 70px;
}
.flipcontainer .t_title{
    font-size: 12px;
    color: #cecece;
    padding-top: 20px;
}
.flipcontainer .c_links a{
    color: #fff !important;
}
.flipcontainer .c_links{
    font-size: 20px;
}
.flipcontainer .resume{
  position: absolute;
  left :5px;
  bottom: 5px;
}
.flipcontainer .overview{
  position: absolute;
  right :5px;
  bottom: 5px;
}
.flipcontainer .overview_text, .flipcontainer .resume_text {
    font-size: 14px;
    line-height: 14px;
}

.flipcontainer .containerb{
  position: relative;
}
.flipcontainer .containerb .front {
  opacity: 1;
  display: block;
  height: auto;
  transition: 1s ease;
  backface-visibility: hidden;
}

.flipcontainer .containerb .back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  transition: 1s ease;
}

.flipcontainer  .containerb:hover .front {
  opacity: 0.2;
}

.flipcontainer  .containerb:hover .back {
  opacity: 1;
}

.tile_container .left img{
  max-width: 160px;
  max-height: 160px;
}
.tile_container .left,.tile_container .right{
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.tile_container{
  background-color: #fff;
  margin:10px;
  position: relative;
  border: 1px solid #B7B7B7;
}
.tile_container a.coursetitle{
  color: #000;
}
.tile_container .right{
  margin-left: 10px; 
  width: 60%
}
.tile_container .t_name{
  font-size: 12px;
  position: absolute;
  right: 10px;
  bottom: 0;
}
.tile_container .course_avail{
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}
.tile_container .fa-calendar{
  margin-right: 4px;
}
.tile_container .coursetitle{
  font-weight: bold;
  font-size: 14px;
}
.tile_container .c_links{
  position: absolute;
  bottom: 0;
  font-size: 14px;
  display: none;
}
@media only screen and (max-width: 767px) {
  .mobile_tile_container{
    display: block;
  }
  .tile_container{
    display: none;
  }
}
@media (min-width: 768px) {
  .mobile_tile_container{
    display: none;
  }
  .tile_container{
    display: block;
  }
}

.dashboard-container .tile_container{
  display: none;
}

.dashboard-container .tool{
  text-align: right;
  margin-right: 242px;
  margin-bottom: 10px;
}

#course_tags_link,#course_tags{
  display: none;
}
.dashboard-container #course_type{
  margin-left: 10px;
}

.tile_container .bottom{
  width: 100%;
  height: 20px;
  background-color: #E2E5EA;
  position: relative;
  bottom: 7px;
}
.tile_container .teacher{
    font-size: 12px;
    vertical-align: top;
    line-height: 20px;
    padding-left: 4px;
}


.tile_container .containerc{
  position: relative;
  display: inline-block;
}
.tile_container .containerc .left {
  opacity: 1;
  display: block;
  height: auto;
  transition: 1s ease;
  backface-visibility: hidden;
}

.tile_container .containerc .c_links {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  transition: 1s ease;
}

.tile_container  .containerc:hover .left {
  opacity: 0.2;
}

.tile_container  .containerc:hover .c_links {
  opacity: 1;
}
.tile_container .resume{
  position: absolute;
  left :5px;
  bottom: 5px;
}
.tile_container .overview{
  position: absolute;
  right :5px;
  bottom: 5px;
}
.tile_container .overview_text, .tile_container .resume_text{
    font-size: 14px;
    line-height: 14px;
}
.tile_container .c_links a{
    color: #fff;
}
.tile_container .c_links{
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding-top: 0;
    color: #fff;
}