.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}

@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
 //       width:20%;
        display: inline !important;
    }
    .actions .btn{
        margin:1.5em 0;
    }
    
    .actions .btn-info{
        float:left;
    }
    .actions .btn-danger{
        float:right;
    }
    
    table#cart thead { display: none; }
    table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
    table#cart tbody tr td:first-child { /*background: #333; color: #fff;*/ }
    table#cart tbody td:before {
        content: attr(data-th); font-weight: bold;
        display: inline-block; width: 8rem;
    }
    
    table#cart tfoot td{display:block; }
    table#cart tfoot td .btn{display:block;}
}

table#cart tr td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.abrir-obra-cart {
    width: 118px;
}

.text-truncate-cart {

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.cart-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.listra {
    border-bottom: #676767 solid 2px;
    text-align: center;
    margin-top: -1px;
    font-size: 15px;
    line-height: 25px;
    color: #676767;
}
.esfera {
    width: 50px;
    height: 50px;
    border: solid 2px #676767;
    border-radius: 25px;
    padding-left: 12px;
    padding-top: 7px;
    font-size: 21px;
    color: #676767;
    background: #f6f6f6;
    z-index: 2;
    position: absolute;
}

.azul .esfera {
    border: solid 2px #098afb;
    color: #098afb;
}

.azul .listra {
    border-bottom: #007fef solid 2px;
}

.steps {
    margin-top: 25px;
    margin-bottom: 45px;
    display: block;
}

.well-cart {
    background: white;
    border: none;
    box-shadow: 0px 0px 11px -1px #e4e4e4
                padding-bottom: 50px;
            margin-bottom: 100px;
}

.login-btn-tab {
    text-align: center;
    font-size: 20px;
}

.login-btn-tab a {
    margin-right: 20px;
    color: #337ab7;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
}

.login-btn-tab a:hover {
    text-decoration:none;
}

.login-btn-tab a.ativo {
    text-decoration: none;
    color: #337ab7;
    border-bottom: #408ccb solid 2px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
}

.row-cart {
    max-width: 500px; margin: 0 auto;
}