#block-views-block-national-services-ordered {
  margin-top:30px;
}
#block-views-block-national-services-unordered .view-content,
#block-views-block-national-services-ordered .view-content {
  padding:0 5px;
  border-width:2px;
  border-style:solid;
  border-color:#ebd0a4;
}
#block-views-block-national-services-unordered .view-content {
  border-width:2px;
}
#searchlocation_wrapper{
  margin-top:15px;
}
#searchlocation_filter {
  margin:5px 5px 0 0;
}
.citysearch-wrapper,
.citysearch-wrapper .row,
.citysearch-wrapper .row > div {
  overflow:visible;
}
.citysearch-wrapper input,.citysearch-wrapper select{
  color: black;
  font-size:large;
  background-color:white;
  border-radius:8px;
  border-color:black;
  padding-left:8px;
  max-width:100%;
  width:100%;
}
#state_filter, #category_filter{
  width: 5em;
  font-size: 1.2em;
  line-height: 1.5em;
  height: 1.65em;
  border-width: 2px;
}
#state_filter{
  width:5em;
}
#category_filter{
  width:100%;
}
#searchlocation_filter input,
#searchlocation_filter select {
  font-size:large;
  border-radius:8px;
  border-width:2px;
  padding-left:10px;
  color:black;
  border-color:black;
}
#searchlocation_filter select {
  font-size:large;
  padding:4px;
}
.dataTables_paginate {
  text-align:center;
}
.datatables_filter {
  display:none;
}
.dataTables_paginate .paginate_button {
  background-color:white;
  margin:0 5px;
  padding:5px 8px 1px 8px;
  border-radius:5px;
}
tr.parent span.datatable_twistie {
  background-image:url(../png/minusb.png) !important;
}
span.datatable_twistie {
  background-image:url(../png/plusb.png);
  width:25px;
  height:25px;
  display:inline-block;
  background-repeat:no-repeat;
  margin-right:10px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor:default !important
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display:none !important
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position:relative;
  padding-left:30px;
  cursor:pointer
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top:9px;
  left:4px;
  height:14px;
  width:14px;
  display:block;
  position:absolute;
  color:white;
  border:2px solid white;
  border-radius:14px;
  box-shadow:0 0 3px #444;
  box-sizing:content-box;
  text-align:center;
  text-indent:0 !important;
  font-family:'Courier New', Courier, monospace;
  line-height:14px;
  content:'+';
  background-color:#31b131
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content:'-';
  background-color:#d33333
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left:27px
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top:5px;
  left:4px;
  height:14px;
  width:14px;
  border-radius:14px;
  line-height:14px;
  text-indent:3px
}
table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
  position:relative;
  cursor:pointer
}
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  top:50%;
  left:50%;
  height:16px;
  width:16px;
  margin-top:-10px;
  margin-left:-10px;
  display:block;
  position:absolute;
  color:white;
  border:2px solid white;
  border-radius:14px;
  box-shadow:0 0 3px #444;
  box-sizing:content-box;
  text-align:center;
  text-indent:0 !important;
  font-family:'Courier New', Courier, monospace;
  line-height:14px;
  content:'+';
  background-color:#31b131
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content:'-';
  background-color:#d33333
}
table.dataTable > tbody > tr.child {
  padding:0.5em 1em
}
table.dataTable > tbody > tr.child:hover {
  background:transparent !important
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display:inline-block;
  list-style-type:none;
  margin:0;
  padding:0
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom:1px solid #efefef;
  padding:0.5em 0
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top:0
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom:none
}
table.dataTable > tbody > tr.child span.dtr-title {
  display:inline-block;
  min-width:75px;
  font-weight:bold
}

.citysearch-results {
  background-color: #eee;
  padding: 10px;
  border:1px solid #ccc;
  font-size:x-large;
  margin-left:10px;
  z-index:10;
}
.citysearch-result:hover {
  background-color:rgb(0, 125, 149);
  color:white;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}