/*-----------------------------------------------------------------------
  TABLE STYLE              
-------------------------------------------------------------------------*/

.referral-page table {

     width:100%;
     border: 1px solid #cccccc;
     padding:0px 15px!important;
}

.referral-page th, .referral-page td{width:100%; padding:2px 15px!important;border: 1px solid #128043; font-size:13px;}

.referral-page tbody tr:nth-child(even) {background: #1a854a36; color:#000;}
.referral-page tbody tr:nth-child(odd) {background: #FFF}

.referral-page tr th:first-child,
.referral-page tr td:first-child {
  min-width: 100px;
  max-width: 100px;
  text-align:center;
  word-break: break-all;
}

.referral-page tr th,
.referral-page tr td {
  min-width: 150px;
  max-width: 150px;
  word-break: break-all;
}

.referral-page .panel-body {
    overflow-x: auto;
}

.referral-page a {
    text-decoration: underline;
}



/*my-refferal-page*/


.my-referral a.btn.btn-primary.btn-xs.referral-detail.pull-right {
    display: block!important;
}


.my-referral td.list-title a {
    text-align: left!important;
    float: left;padding: 8px 0 8px 0px;
}


/*-----------------------------------------------------------------------
                                769 px
-------------------------------------------------------------------------*/
@media screen and (max-width:769px){
.my-referral .accordion-group{
    overflow-x: auto!important;
}
.my-referral a.btn.btn-primary.btn-xs.referral-detail.pull-right {
    display: block!important;float:left!important;
}
.my-referral td.list-title a {
    text-align: center!important;
    float: left;
    padding: 0px 0 8px 0px;
    width: 100%;
}
}