table.monthlytime {
  margin: 0 !important;
  }
  table.monthlytime {
    border: 1px solid #34626a!important;
  }
  table.monthlytime tr td {
    padding: 20px 10px!important;
  }
  
  table.monthlytime tr th{padding:5px!important}
  
  table.monthlytime tr td{padding:10px 5px!important}
  
  tr.even {
    background-color: #f7f7f7;
  }
  table.monthlytime tr td {
    padding: 6px 24px;
    border-top: 1px solid #d0d0d0;
  }
  table.monthlytime{ border: 1px solid #d0d0d0!important;}
  table.monthlytime tr th {
    background-color: #0a671d;
    color: #fff;
  }
  
  table.monthlytime tr th {
    background-color: #307a83 !important;
    color: #fff !important;
    padding: 20px 14px !IMPORTANT;
    line-height: 20px;
  }
  
  .table-responsive {
  margin-top: 30px;
  }
  
  
  .table-responsive{
  /*height:500px;orb*/
  overflow-x:auto;
  border: 1px solid rgba(255,255,255,0.3);
  }
  
  @media(max-width:1200px) {
    table.monthlytime tr th {
    line-height: 16px !important;
    font-size: 10px !important;
    padding: 20px 10px !IMPORTANT;
    }
    table.monthlytime tr td {
    font-size: 9px !IMPORTANT;
    }
  }
  
  @media ( max-width : 991px) {
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive.table-bordered {
      border: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
  
  .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #DDD;
  }
  }