@charset "utf-8";
/**
 * @author NP
 * Copyright 2014, Inc.
 * @version 1.0 14-9-15 15.00
 */

/*******************************************************************************
 *
 * 调用Dashboard
 *
 *******************************************************************************/
.overlay-bg {
    background: url("../img/welcome.jpg");
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.banner-box {
    background: url("../img/student/home/home.jpg") no-repeat top;
    background-size: cover;
    height: 400px;
    width: 100%;
    position: relative;

}
.slogan{
    bottom: 150px;
    position: absolute;
}
.masthead h1 {

    color: #1584d0;
    font-size: 50px;
    line-height: 1;
    letter-spacing: -2px;
    font-weight: 700;
    margin-left: 100px;

   /* text-shadow: 1px 0px 1px #333;*/
}
.masthead h1 strong{
    color: #f04991;
}

.masthead h2 {
    color: #0b81d5;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.25;
    margin-left: 100px;
    /*text-shadow: 1px 0px 1px #333;*/

}

.banner01 {
    background: url("../img/home.jpg") no-repeat bottom;
    background-size: cover;
    height: 450px;
    width: 100%;
}

.carousel-caption {
    bottom: 30%;
}

.welcome-box {
    background: rgba(255, 255, 255, 0.3);
    margin: 0 auto;
    margin-top: 250px;
    padding: 30px;
    max-width: 600px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.welcome-box h1 {
    color: rgba(255, 255, 255, 0.9);
    font-size: 45px;
}

.welcome-box h3 {
    color: rgba(255, 255, 255, 0.7);
    font-size: 25px;
    margin-bottom: 35px;
}

.profile-info-area .media-body .media-heading {
    margin-top: 5px;
    margin-bottom: 15px;
}

.profile-info-area .profile-info-item {
    border-bottom: 0px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.course-current {
    background: #f4f4f4;
    padding: 15px;
    margin-bottom: 20px;
}

.course-current .media-body {
    padding-left: 10px;
}

.course-current .media-body .media-heading {
    margin-top: 5px;
    margin-bottom: 10px;
}

.course-current-cover {
    height: 120px;
    width: 213px;
}

.media-heading {
    color: #333;
    margin: 0px 0 5px;
    font-size: 14px;
    font-weight: bold;
}

.progress {
    background: #ddd;
    border-radius: 1px;
    height: 8px;
    margin-bottom: 10px;
    width: 200px;
}

.media-body .course-summary {
    color: #333;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
}

/********Current course end***********/
.subject-item {
    background: #fff;
    margin-top: 10px;
    padding-bottom: 20px;
}

.subject-item a {
    color: #333;
    font-size: 14px;
}
.subject-item a:hover{
    color:#0088cc;
}
.subject-item .subject-item-cover {
    height: 150px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.subject-item .subject-item-content{
    background: #f4f4f4;
    height:90px;
    padding: 10px 0px;
}
.bg-color-01 {
    background: #5ecfb8 url(/x2b/img/subject/1.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 150px;
}

.bg-color-02 {
    background: #fea06f url(/x2b/img/subject/2.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 150px;
}

.bg-color-03 {
    background: #f78181 url(/x2b/img/subject/3.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 150px;
}

.bg-color-04 {
    background: #cfa972 url(/x2b/img/subject/4.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 150px;
}

.bg-color-05 {
    background: #669bd8 url(/x2b/img/subject/5.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 150px;
}

.bg-color-06 {
    background: #5ecfb8 url(/x2b/img/subject/6.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 150px;
}
.subject-item  .subject-item-content h3 {
    margin-top: 0px;
    margin-bottom: 0;
}

.subject-item  .subject-item-content p {
    color: #999;
    font-size: 14px;
    margin-top: 5px;
}

.subject-item .subject-item-content > p > strong {
    color: #333;
    font-size: 14px;
    padding: 0 8px;
    /*background: rgba(0,0,0,0.2);*/
    display: inline-block;
    margin: 0 10px;
    border-radius: 3px;
}

.subject-item-cover > img {
    width: 100%;
}

.subject-item-view {
    margin-top: 25px;
}

/***************Subject end****************/
.heading-title {
    margin-bottom: 0px;
}

.heading-title h3 {
    font-weight: 200;
    font-size: 18px;
    text-align: center;
    color: #666;
    width: 150px;
    padding: 10px 10px;
    margin: 20px auto 0;
}

/*************** Credential end ****************/
.profile-info-area {
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1px;
    padding: 15px;
}
.profile-info-area:last-child{

}
.profile-info-area .profile-avatar {
    display: inline-block;
    /*width: 100%;*/
}
.profile-info-avatar{
    text-align: center;
}

.profile-title {
    color: #999;
    float: left;
    min-width:60px;
}

.credential-img {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.profile-info-area .profile-info {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.profile-info-heading {
    padding: 15px 5px 0;
    margin: 0px;
}

/***************Profile end****************/

/*******************************************************************************
*
* 调用My Program
*
*******************************************************************************/
.student-current-course {
    border: 1px solid #ddd;
    border-top: none;
    overflow: hidden;
    padding: 20px;
}
.student-current-course .media {

}

.student-current-course .media-object {
    height: 120px;
    width: 213px;
}
.course-name-unstart{ background:#ff9900; border-radius:15px;color:#fff;display:inline-block;padding:3px 6px;}
/***************Current course end****************/
.stages-caption-item{

}
.stages-caption-item .tooltip-inner{
    background: #31bc86;
    color: #fff;
    padding: 8px 5px;
}
.stages-caption-item .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #31bc86;
}
.stages-group {
    margin-bottom: 20px;
    overflow: hidden;
    padding-left: 0px;
    padding-top: 30px;
}
.stages-caption {
    background: #18ac98;
    font-size: 14px;
    margin-top:0px;
    color: #fff;
    border-radius: 2px;
    padding: 10px;
    width:80px;
    text-align: center;
    float: right;
}

.stages-group h3 {
    margin-top: 0;
    font-size: 18px;
}

.stages-group .page-header {
    border-bottom: 1px dashed #ddd;
    margin-top: 0;
    padding-bottom: 15px;
}

.stages-list {
    padding: 0px 0px;
}

.stages-list h4 {
    color: #333;
    margin: 0;
    margin-bottom: 5px;
}

.stages-list li {
    position: relative;
    min-height: 50px;
    padding-bottom: 20px;
}

.stages-list li > span.shaft {
    background: #fff;
    border: 2px solid #ccc;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 20px;
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    position: absolute;
}

.stages-item {
    color: #999;
    padding: 0 0 0 40px;
}

.stages-group .stages-date {
    color: #999;
    padding-top: 0px;
    margin-top: 0;
}

.stages-group .stages-line {
    background: #fff;
    border-right: 6px solid #ccc;
    display: inline-block;
    height: 100%;
    width: 3px;
    position: absolute;
    left: 6px;
    top: 17px;
}

.stage-select li > span.shaft {
    background: #31bc86;
    border: 2px solid #31bc86;
}

.stage-select .stages-line {
    background: #fff;
    border-right: 6px solid #31bc86;
    display: inline-block;
    height: 100%;
    width: 3px;
    position: absolute;
    left: 6px;
    top: 17px;
}
.stages-group .col-md-11:last-child .stages-list li{
	padding-bottom:0;
}
.course-status-font{
    color: #5f8edc;
    font-style: normal;
    padding-right: 5px;
}
.class-basic-box{background:#eee;border:1px solid #ddd;margin-top:15px; padding:15px}
.class-basic-box legend{padding:5px 15px;margin-bottom:0;color:#333;font-size:16px;width:auto;border:none;}
.course-basic-info{}
.course-basic-info li{padding-bottom:10px;}
.course-basic-info li > label{float:left;font-weight:200;text-align:right; margin-right:15px;width:100px;}
.course-basic-info li .class-filed-info{display:table-cell;}
.course-basic-info li .class-filed-desc{display:table-cell;}
/********************************** Stage progress end *********************************/
.stage-box {
    border: 1px solid #ddd;
    margin-left: 40px;
    position: relative;
    top: 0px;
}

.stage-box .stage-progress-bar {
    background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.stage-box .stage-progress-text > span {
    padding-right: 30px;
}

.stage-box > ul.course-list {
    margin-top: 10px;
}

.stage-box > ul.course-list > li {
    padding: 8px 30px;
}

.stage-box > ul.course-list > li > i {
    color: #aaaaaa;
    font-size: 16px;
}

.stage-box > ul.course-list > li.finish > i, .stage-box > ul.course-list > li.finish > .progress-value, .stage-box > ul.course-list > li.play > i, .stage-box > ul.course-list > li.play > .progress-value {
    color: #31bc86;
}

.stage-box > ul.course-list > li.finish > p, .stage-box > ul.course-list > li.play > p {
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.stage-box > ul.course-list > li > p {
    color: #999;
    display: inline-block;
}

.stage-box > ul.course-list > li > p span {
    margin-right: 15px;
}

.progress-value {
    color: #999;
}

/**************** Stage Course end*********************/

.nav-tabs-student {
    /*text-align:center;*/
}

.tab-content {
    background: #fff;
}

.cont-hide-more {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:300px;
}

.tab-content .table-student {
    border: 1px solid #ddd;
    border-top: none;
}

.tab-content .table-student th {
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    font-size: 14px;
    padding: 15px;
}

.tab-content .table-student td {
    color: #999;
    font-size: 14px;
    padding: 10px;
    vertical-align: middle;

}

.tab-content .table-student td .table-student-desc {
    color: #999;
    font-size: 14px !important;
}
.table-student table{
    margin-bottom: 0;
}

/******Table end********/

.tabs-search-course {
    padding: 15px 15px
}

.tabs-search-course > li {
    float: left;
    width: 100px;
}

.tabs-search-course > li.active a {
    border-bottom: 2px solid #58c700;
    color: #58c700;
    padding: 0 3px 5px;
}

.tabs-search-course > li > a {
    color: #999;
    font-size: 16px;
}

.tabs-search-course > li > a:hover {
    border-bottom: 2px solid #58c700;
    color: #58c700;
}

/******Search end********/

/*******************************************************************************
*
* 调用library
*
*******************************************************************************/
.searchDiv{
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
}
.search-condition-area {
    overflow: hidden;
    padding: 15px 15px 0px 15px;
}

.search-condition-item {
    overflow: hidden;
}

.search-condition-item label {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px 0px;
    width: 80px;
}

.search-condition-item li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.search-condition-item a {
    background: #fff;
    border-radius: 2px;
    color: #999;
    font-size: 14px;
    padding: 3px 5px;
    display: block;
}

.search-condition-item a.filter-select {
    background: #1fbba6;
    border-radius:2px;
    color: #fff;
}

.search-condition-item a:hover {
    background: #1fbba6;
    color: #fff;

}

.filter-breadcrumb {
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
    padding: 10px;
}

.filter-breadcrumb > a {
    color: #333;
    font-size: 14px;
    float: left;
    padding: 10px;
    font-weight: bold;
}

#currentCate {
    color: #999;
    font-weight: normal;
    padding-left: 0;
}

/*******************************************************************************
*
* 调用myCredential
*
*******************************************************************************/
.my-credential {
    margin-top: 10px;
}

.my-credential .nav-tabs > li.active > a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.my-credential .credential-list {
    background: #fff;
    height: 400px;
    border: #ddd 1px solid;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.my-credential .credential-list img {
    display: inline-block;
    height: 250px;
    width: 180px;
}

.my-credential .credential-list h1 {
    background: #fff;
    color: #333;
    font-size: 20px;
    margin: 0;
    padding: 35px 0 30px 0;
}

.my-credential .credential-list h3 {
    font-size: 18px;
    padding-bottom: 10px;
    display: none;
}

.my-credential .credential-list h4 {
    padding-top: 15px;
}

.my-credential .credential-list p {
    color: #999;
    line-height: 24px;
    padding: 20px 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.certification-finished {
    background: #fff url("../img/credential/certification-finished.png") no-repeat;
    display: inline-block;
    background-size: 90px;
    height: 90px;
    width: 90px;
    position: absolute;
    top: -10px;
    left: -10px;
}

.certification-failure {
    background: #fff url("../img/credential/certification-failure.png") no-repeat;
    display: inline-block;
    background-size: 90px;
    height: 90px;
    width: 90px;
    position: absolute;
    top: -10px;
    left: -10px;
}

.certification-unfinished {
    background: #f1f1f1 url("../img/credential/certification-unfinished.png") no-repeat;
    background-size: 56px;
    border-radius: 50%;
    display: inline-block;
    display: none;
    height: 60px;
    width: 60px;
    position: absolute;
    top: -10px;
    left: -10px;
}
/*Program Certification*/
.get-credential {
    padding: 15px;
}

.get-credential .credential-list {
    background: #fff;
    border: 0px solid  #eaeaea;
    text-align: center;
    position: relative;
    padding: 20px;
}

.get-credential .credential-list img {
    display: inline-block;
    height: 80px;
    width: 80px;
}

.get-credential .credential-list h1 {
    color: #333;
    font-size: 14px;
    margin: 0;
    padding: 15px 0  0;
}

.get-credential li{
	margin-bottom:0px;
}
/**/
.text-green {
    color: #58c700;
}

.nav-tabs-course {

}

.nav-tabs-course .nav-tabs > li > a {
    background: #fff;
    border-radius: 0;
    color: #999;
    padding: 10px 20px;
}

.nav-tabs-course .nav-tabs > li > a:hover {
   /* border: 1px solid #fff;*/
/*    border-bottom: 4px solid #0088cc;*/
}

.nav-tabs-course .nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}

.nav-tabs-course .nav-tabs > li.active > a, .nav-tabs-course .nav-tabs > li.active > a:hover, .nav-tabs-course .nav-tabs > li.active > a:focus {
    background: #fff;

 /*   border-bottom: 4px solid #0088cc;*/

}

.course-comment .page-header {
    padding-bottom: 15px;
    margin: 10px 0 20px;
    border-bottom: 1px solid #ddd;
}

.assessment-records-item {
}

.assessment-records-item > a {
    color: #f00;
    font-size: 12px;
    display: inline-block;
    width: 70px;
}

.search-more-bar {
    text-align: center;
}

#search-more {
    color: #333;
    display: inline-block;
    padding: 8px 10px 8px 13px;
}

.arrow-down {
    background: url(../img/icon/arrow-down.png) no-repeat 2px 3px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.arrow-up {
    background: url(../img/icon/arrow-up.png) no-repeat 2px 3px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

/*Home*/
.bg-white {
    background: #fff;
}



.container-news {
    padding: 40px 0;
}

.container-news .media-group {
}

.media-group .media {
    width: 100%;
}

.container-news .media-group .media img {
    width: 100%;
    max-height: 230px;
}

.container-news .media-list {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
    border-top: none;
    padding: 30px;
    height:220px;
}

.container-news .media-list li {
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container-recommend {
    padding: 40px 0;
}

.container-recommend .media-group {
}

.media-group .media {
    width: 100%;
}

.container-recommend .media-group .media img {
    width: 100%;
    height: 130px;
}

.container-recommend .media-list {
    border: 1px solid #ddd;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
    border-top: none;
    padding: 20px;
}

.container-recommend .media-list h3 {
    color: #333;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.btn-shadow {
    border-radius: 1px;
    -webkit-box-shadow: rgba(255,255,255,.2) 1px 1px 0 0 inset;
    box-shadow: rgba(255,255,255,.2) 1px 1px 0 0 inset;
    border: 1px solid rgba(0,0,0,.15);
    background: #505050;
    background: -webkit-gradient(linear,left top,left bottom,from(#6a6a6a),to(#505050));
    background: -moz-linear-gradient(top,#6a6a6a,#505050);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6A6A6A', endColorstr='#FF505050')";
    border-color: #373737;
}
.btn-start{
    background: #31bc86 ;
    color: #fff !important;
    text-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
    border: 1px solid #31bc86;
    font-weight: bold;
    margin-top: 30px;
    padding: 8px 25px;
}
   .btn-start:hover{
    background: #18ac98;
   }
.btn-learn {
    background: #0088cc;
    color: #fff !important;
    text-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
    border: 1px solid #057cb7;
    font-weight: bold;
    margin-top: 30px;
    padding: 15px 55px;
}

.btn-learn:hover {
    background: #179ee1 !important;
}

.media-list a {
    color: #999
}
.media-list a:hover{ color: #0088cc}

.data-empty{margin:0 auto; width:100px;padding-top:50px;color:#f00;}
.data-empty .data-font{display:inline-block;float:left;}
.data-empty span.glyphicon{ color:rgba(239,122,52,1);font-size:18px;text-align:center;padding-right:10px; padding-top:10px;float:left;}
#data-content .text-center .btn{
    float: right;
}
.course-info-item{
  overflow:hidden;
}
/*Tooltip*/
.popover-content {
    padding: 9px 0px;
    word-wrap: break-word;
}
.tcc-tips{
    display: inline-block;
}
.btn-width-130{
    width: 130px;
}
.stages-width{
    width: 80px;
}

/*******************************************************************************
*
* 调用AssignmentSubmit
*
*******************************************************************************/
.assignment-basic{
    background: #fff;
    border:1px solid #ddd;
    border-bottom: none;
    overflow: hidden;
    margin-top: 15px;
}
.assignment-basic .form-group{
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    overflow: hidden;
    padding: 10px 0;
}
.assignment-upload{
    margin: 15px 0;
}
.table-upload{
    margin-top: 15px;
}
.table-upload .table-bordered>thead>tr>th, .table-bordered>thead>tr>td{
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
}
.upload-items{
    display: block;
}
.preview-file{
  margin:15px 0 5px;
}
.preview-file span{ display:inline-block;margin-right:6px;color:#005a9e;font-size:14px;}
.program-desc-group{
    border: 1px solid #ddd;
    border-top: 0;
    overflow:hidden;
    padding: 30px 5px;
}
.course-status-relearn{
    color: #f00!important;
    padding-right: 5px;
}
.course-status-makeup{
    color: #9cff00!important;
    padding-right: 5px;
}
.courseItemList{

}
.popover{
    border-radius: 0;
}
.popover-content > a{
    color: #666;
    display: block;
    width: 100%;
    padding: 10px;
}
.popover-content > a:hover{
    color: #428bca;
}
.popover-content > a .circleItem{
    background:#666;
    display: inline-block;;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    float: left;
    margin-top: 6px;
    margin-right:8px;

}
.popover-content > a:last-child{
    border-bottom: none;
}

.from-college{
    background:#fff;
    border: 1px solid #ccc;
    border-radius: 25px;
    color:#a165de;
    display:inline-block;
    font-size:12px;
    text-align:center;
    padding:2px 10px;
}
.from-college i{
    color: #999;
    font-style: normal;
    font-weight: normal;
    padding-right: 5px;
}

.course-error{
    border: 1px solid #ff5f62;
    color: #ff5f62;
    padding: 5px;
    border-radius: 5px;
    /*font-family: cursive;*/
    font-size: 12px;
    font-weight: bold;
}

.course-pending{
    border: 1px solid #2796aa;
    color: #2796aa;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}

.course-access{
    border: 1px solid #31bc86;
    color: #31bc86;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}