/*
 * Table
 */
table, table.dataTable {
  margin: 20px auto 10px auto;
  clear: both;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  color:#007b7d;
  border-top:15px solid #a4a4a4;
  margin-top: 20px;
} 
table thead{ background:#685CA2;color:#ffffff; }

table thead th, table.dataTable thead th {
  /* padding: 6px 18px 6px 10px; */
  padding: 6px 18px 6px 5px;
  text-transform: uppercase;
  cursor: pointer;
  *cursor: hand;
  vertical-align: middle;
  /*background: #eaeaea;*/
  font-weight:600;  
  text-align:left;
}

table tfoot th, table.dataTable tfoot th {
  /* padding: 3px 18px 3px 10px; pjk changed 6/17 */
  padding: 3px 4px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold;
}

table td, table.dataTable td {
  padding: 25px 5px;
  /*text-transform: uppercase;*/
  font-weight:600;
  font-size:100%;
}

table td.center, table.dataTable td.center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table tr, table.dataTable tr{ background:#f3f3f3;font-family: 'Open Sans', sans-serif; }/* Beacon changed #eaeaea to #f3f3f3 on 3-3 for ADA */
table tr:nth-child(odd), table.dataTable tr:nth-child(odd){ background:#f8f9f9; }
table thead tr:nth-child(odd), table.dataTable thead tr:nth-child(odd){ background:none; }
table tr a, table.dataTable tr a{ color:#036277; }
table tbody td a:hover, table.dataTable tbody td a:hover{ color:#E8B33A;cursor:pointer; } /* cmrb changed 11-27 */

/*
table thead th.numeric, table tbody td.numeric { text-align: right;}
table thead th.numeric a, table tbody td.numeric a { text-align: right;}
table.dataTable thead th.numeric a { text-align: right;}
table.dataTable tbody td.numeric a { text-align: right;}

*/
.numeric { text-align: right;}
.numeric a { text-align: right;}
/*
 * Table wrapper
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
  float: left;
  width:25%;
  font-family:"Open Sans",sans-serif;
  font-weight:600;
  color:#007b7d;
  font-size:1em;
}


/*
 * Filter
 */
.dataTables_filter {
  float: right;
  text-align: right;
  width:50%;
  margin-bottom:0.75em;
}

select[name="example_length"], select.yadcf-filter, #example_filter input[type="text"] {
  margin:0;
  font-family:"Open Sans",sans-serif;
}

select[name="example_length"]{ height:35px;border:1px solid #eaeaea;font-size:1em; }

select.yadcf-filter {
  width:80%;
  float:left;
  height:35px;
  border:none;
  padding-left:5px;
}

thead th .yadcf-filter-wrapper button{ 
  width:20%;
  float:left;
  height:35px;
  border:none;
  background:#eab428;
  color:#ffffff;
}

#example_filter input {
    height: 25px;
    margin-left: 0.5em;
    width:50%;
    font-family:"Open Sans",sans-serif;
    font-size:1em;
}

div#example_filter {
  font-weight:bold;
  font-family:"Open Sans",sans-serif;
  font-weight:600;
  color:#007b7d;
}
div#example_filter input[type=search]{
  height:35px;
  border:1px solid #eaeaea;
  padding-left:5px;
}

/*
 * Table information
 */
.dataTables_info {
  clear: both;
  float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
  float: right;
  text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
  /* text-decoration: none !important; */
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
  color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
  padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px;
}

.paginate_enabled_previous { background: url('/_global/images/Datatables/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('/_global/images/Datatables/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('/_global/images/Datatables/back_disabled.png') no-repeat top left; }
.paginate_enabled_next { background: url('/_global/images/Datatables/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('/_global/images/Datatables/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('/_global/images/Datatables/forward_disabled.png') no-repeat top right; }

a#example_previous::before {
  content: "<< ";
}

a#example_next::after {
  content: " >>";
}


.paginate_button {
  font-weight: bold;
  margin-left: 0.75em;
  text-decoration: underline;
  cursor:pointer;
}

.paginate_button:hover {
  color:#c83944;
}

.paginate_button.next.disabled, .paginate_button.previous.disabled {
  color:#767676;
  text-decoration:none;
  cursor:auto;
}

/* Full number pagination */
.paging_full_numbers {
  height: 22px;
  line-height: 22px;
}
.paging_full_numbers a:active {
  outline: none
}
.paging_full_numbers a:hover {
  text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
}

.paging_full_numbers a.paginate_button {
  background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
  background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #767676;
  font-size: 14px;
  background-color: white;
}

.fg-button.ui-button {
    margin: 0.5em;
}

/*
 * Sorting
 */
.sorting { background: none!important; /* url('/_global/images/Datatables/sort_both.png') no-repeat 100% 20%; */ }
.sorting_asc { background: url('/_global/images/Datatables/sort_asc.png') no-repeat 100% 20%; }
.sorting_desc { background: url('/_global/images/Datatables/sort_desc.png') no-repeat 100% 20%; }

.sorting_asc_disabled { background: url('/_global/images/Datatables/sort_asc_disabled.png') no-repeat 100% 20%; }
.sorting_desc_disabled { background: url('/_global/images/Datatables/sort_desc_disabled.png') no-repeat 100% 20%; }

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
  clear: both;
}

.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

#example_info, #example_paginate {
  font-size:1em;
  font-family:"Open Sans",sans-serif;
}

.some_btn.general_btn {
  font-family:"Open Sans",sans-serif;
}

#externaly_triggered_wrapper-controls {
  margin-bottom:1em;
}

.job_preview {
    background:#0295b5;
    color:#fff;
    font-family:'Open Sans';
    font-size:1em;
    border:none;
    padding:5px 6px; 
}

/* make budget font smaller while we have an extra column - kb 10/20/2017 

table.budgetTable thead th, table.budgetTable td, table.budgetTable td {
    font-size: 0.625rem;
} */

/* Budget Table Special Styles - kb */
.budgetTable {
  width:100%;
  margin:0 auto;
  text-align: center;
}

p.budgetTable {
  text-align:left;
}

.budgetTable caption {
  text-align: left;
  font-weight: bold;
  font-size: 1.1em;
 }
 
.budgetTable th {
  /*background: #333;*/
  color:#fff;
}

.total {
  background: #d4ebf2;
}

.totalLabel {
  text-align:right;
}

/* Media queries added by cmrb + kb */

@media screen and (max-width:1160px) {
table thead th, table.dataTable thead th, table td, table.dataTable td {
    font-size: 0.625rem;
  }
   
  table td, table.dataTable td {
    padding: 8px 5px;
  }
}
@media screen and (max-width:980px) {
 /* Make job table stay within the boundaries when filters are applied - kb 4/26/18 */
table.jobTable {
    width: 759px;
}

}

@media screen and (max-width:920px) {
  table thead th, table.dataTable thead th {
    border-bottom: 2px solid white;
    width: auto !important;
    padding-top:10px;
    padding-bottom:10px;
  }
  .sorting {
    background: url('/_global/images/Datatables/images/sort_both.png') no-repeat center right;
  }
  .sorting_asc {
    background: url('/_global/images/Datatables/images/sort_asc.png') no-repeat center right;
  }
  .sorting_desc {
    background: url('/_global/images/Datatables/images/sort_desc.png') no-repeat center right;
  }
  .sorting_asc_disabled {
    background: url('/_global/images/Datatables/images/sort_asc_disabled.png') no-repeat center right;
  }
  .sorting_desc_disabled {
    background: url('/_global/images/Datatables/images/sort_desc_disabled.png') no-repeat center right;
  }
div#example_length, div#example_filter {
    width:100%;
    display:inline-block;
    text-align:left;
    font-weight:bold;
  }
div#example_filter {
    margin-top:1em;
  }
#example_filter input {
    width:auto;
  }
select.yadcf-filter {
    margin-left:1em;
  }
#example_info, #example_paginate {
    font-size:0.9em;
  }
#externaly_triggered_wrapper-controls {
    margin-bottom:0.5em;
  }
}

@media screen and (max-width:758px) {
        /* job table can be smaller when it's on a tiny screen kb 8/7/18 */
table.jobTable {
    width: auto;
}
    
}
@media screen and (max-width:540px) {
    

  #example_paginate {
    float:none;
    text-align:left;
    display:inline-block;
    width:100%;
  }
  a.paginate_button {
    margin-left:0;
    margin-right:0.75em;
  }
  #example_info, #example_paginate {
    font-size:1em;
  }
}

@media screen and (max-width:480px) {
  /*table thead th, table.dataTable thead th, table td, table.dataTable td {*/
  /*  font-size:1em;*/
  /*}*/
}




/* force budget table to not be like a table anymore */
@media screen and (max-width:920px) {
.dataTable table, .dataTable thead, .dataTable tbody, .dataTable th, .dataTable td, .dataTable tr {
  display: block;

}

.dataTable thead {
  display:none;
}

.dataTable tr {
  border: 1px solid #ccc;
}

/* behave like a "row" */
.dataTable td {
  border: none;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left: 50%!important;
  white-space: normal;
}

.dataTable td:before {
/* Now like a table header */
  position: absolute;
/* Top/left values mimic padding */
  top: 6px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap;
  text-align:left;
  font-weight: bold;
}

/* Label the data */
.dataTable td:before { 
  content: attr(data-title); 
  }

td.miniHeader {
  background:#777;
  color:#fff;
  font-weight:bold;
}

.total {
  background: #fff;
}

.totalLabel {
  text-align:left;
}
} /* end 920px media query */

@media screen and (max-width:360px) {
.dataTable {
  font-size:0.7em;
  }
}