| Current Path : /home/digilove/public_html/components/com_marketplace/css/newdesign/ |
| Current File : /home/digilove/public_html/components/com_marketplace/css/newdesign/payment.css |
.table-responsive{
overflow-x: auto !important;
}
.mypayment_main .heading{
text-align: center;
margin: 10px 0px;
}
@media only screen and (max-width: 800px) {
.mypayment_main .no-more-tables table,
.mypayment_main .no-more-tables thead,
.mypayment_main .no-more-tables tbody,
.mypayment_main .no-more-tables th,
.mypayment_main .no-more-tables td,
.mypayment_main .no-more-tables tr {
display: block;
}
.mypayment_main .no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.mypayment_main .no-more-tables tr { border: 1px solid #ccc; }
.mypayment_main .no-more-tables td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
min-height: 30px;
}
.mypayment_main .no-more-tables td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
text-align:left;
font-weight: bold;
}
.mypayment_main .no-more-tables td:before { content: attr(data-title); }
}
@media only screen and (max-width: 319px) {
.mypayment_main table *{
font-size: 12px!important;
}
.mypayment_main .order_history *{
font-size: 10px;
}
}
.table-responsive{
overflow-x:auto;
}
/*.mprow:hover{
background-color: #c4eff5 !important;
}*/
.mypayment_main thead th{
background-color:#E7E7E7 !important;
height: 30px;
vertical-align: middle!important;
}
.mypayment_main *{
font-size: 15px;
font-family: 'Roboto', sans-serif;
color: #333333;
}
.block h5{
text-decoration: underline;
}
.order_history{
background-color: #404040;
height: 40px;
font-size: 18px;
font-weight: bold;
width: 100%;
color: #FFF;
}
.detail_design{
height: inherit;
width: 5px;
background-color: #E8534F;
display: block;
float: left;
}
.detail_text{
display: block;
float: left;
margin: 12px 5%;
color: #FFFFFF;
text-transform: uppercase;
}
.mypayment_main .block{
box-shadow: 0 7px 5px #888888;
}
.mypayment_main #startdate, .mypayment_main #enddate{
width: 90px;
}
.mypayment_main .st-en-date{
display: inline-block;
margin: 5px;
}
.mypayment_main .nodata-notice{
background-color: #C3D2E5;
border: 2px solid #84A7DB;
border-radius: 5px;
color: #016AD0;
margin: 5px 0;
padding: 8px;
}