#query75b\:startDate_input {
  width: 90px;
}

#query75b\:endDate_input {
  width: 90px;
}

#query75b .ui-datatable tbody td {
  padding: 3px 3px; 
  white-space:normal;
}

#query75b .pagination-separator {
  border:0 !important;
  background-color: #ECF8FE !important;
}

#query75b .pagination {
  margin: 10px 0 !important;
}

.pagination > li > a, .pagination > li > span {
  margin-left: 5px !important;
  padding: 4px 10px !important; 
}

/* correct primefaces dataTable width on resize*/
.ui-datatable-resizable table {
  table-layout: auto !important;
}

/*.resultTable th:nth-child(1) {
    width: 200px;
}

.resultTable td:nth-child(1) {
    width: 200px;
}

.resultTable th:nth-child(2) {
    width: 300px;
}
.resultTable td:nth-child(2) {
    width: 300px;
}*/

@media ( max-width: 600px) {
  .q75bActivityNo {
    vertical-align: top;
  }
  .q75bCandidateList {
    vertical-align: top;
  }
  .q75bActDate {
    vertical-align: top;
  }
  .q75bActLocation {
    vertical-align: top;
  }
  .q75bActType {
    vertical-align: top;
  }
  
}  

@media ( min-width: 601px) {
  .q75bActivityNo {
    text-align: center;
    vertical-align: top;
    width: 40px;
  }
  .q75bCandidateList {
    text-align: left;
    vertical-align: top;
    width: 200px;
  }
  .q75bActDate {
    text-align: left;
    vertical-align: top;
    width: 90px;
  }
  .q75bActLocation {
    text-align: left;
    vertical-align: top;
    width: 150px;
  }
  .q75bActType {
    vertical-align: top;
  }
}

@media (max-width: 300px) {
  .q75bFromDate {
    float: none; 
  }
  .q75bToDate {
    float: none; 
    margin-top: 5px;
  }
  .q75bSearchBtn {
    float: none;
    margin-top: 5px;
  } 
}

@media (min-width: 301px) {
  .q75bFromDate {
    float: left; 
    margin-right: 5px;
  }
  .q75bToDate {
    float: left; 
    margin-right: 5px;
  }
  .q75bSearchBtn {
    float: none;
  }
}