/* variables */
/* from Danielle's color swatch image */
/* from Danielle's color swatch image */
/* from Danielle's color swatch image */
/* OLD STYLES */
/*

@portfolioNavColor: #4a7a79;
@portfolioOverlayIconColor: #fff;
@portfolioBookmarkActiveColor: #fff;
@portfolioBookmarkInactiveBgColor: #fff;
@portfolioPrevNextLinkColor: #4a7a79;

@portfolioEditBackgroundColor: #E2EAE9;
@portfolioEditBackgroundColorLight: #F8FAFA;
*/
/*
@directoryNavColor:  #dfb421;
@directoryFeaturedBgColor: #f9f0d3;
@directoryRowHoverBgColor: #f8f8f8;
*/
.table-hover > tbody > tr:hover {
  background-color: #f8f8f8;
}
/* Panel */
#wk-directory .panel {
  border: 0;
  border-radius: 0;
}
/* Buttons */
.btn-states:hover,
.btn-states:focus,
.btn-states.active:hover,
.btn-states.active:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.btn-states:active,
.btn-states.active:active {
  background-color: #E1E1E1;
  border-color: #E1E1E1;
  color: #FFFFFF;
}
.btn-outline.btn-default {
  color: #1a1a1a;
}
.btn-outline.btn-default:hover,
.btn-outline.btn-default:focus,
.btn-outline.btn-default.active:hover,
.btn-outline.btn-default.active:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.btn-outline.btn-default:active,
.btn-outline.btn-default.active:active {
  background-color: #E1E1E1;
  border-color: #E1E1E1;
  color: #FFFFFF;
}
.btn-outline.btn-primary:hover,
.btn-outline.btn-primary:focus,
.btn-outline.btn-primary.active:hover,
.btn-outline.btn-primary.active:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.btn-outline.btn-primary:active,
.btn-outline.btn-primary.active:active {
  background-color: #E1E1E1;
  border-color: #E1E1E1;
  color: #FFFFFF;
}
.open > .dropdown-toggle.btn-outline.btn-primary:hover {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.open > .dropdown-toggle.btn-outline.btn-primary:active {
  background-color: #E1E1E1;
  border-color: #E1E1E1;
  color: #FFFFFF;
}
/* End Buttons */
.search-panel-title {
  font-size: 14px;
}
.typeahead-header {
  font-weight: bold;
}
.workbook-nav-first-last {
  font-size: 18px;
  line-height: 1.0;
}
.pagination {
  margin: 10px 0;
}
.pagination-widget-content {
  margin-top: 8px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.pagination-resultsPerPage {
  margin-top: 2px;
  margin-bottom: 10px;
  display: inline-block;
}
.pagination-resultsPerPage > select {
  margin-left: 4px;
  margin-right: 4px;
}
.wbPaginatorGoTo {
  height: 30px;
}
/* this should be an adaptive class!!! */
tr.workbook-featured {
  background-color: #f9f0d3;
}
.table-hover > tbody > tr:hover {
  background-color: #f8f8f8;
}
a:focus.wb-star-link,
a:hover.wb-star-link {
  color: #000000;
}
.table > tbody > tr > td > a.wb-star-link,
.table > tbody > tr > td > a.wb-star-link {
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 1px;
}
.table > tbody > tr:focus > td > a.wb-star-link,
.table > tbody > tr:hover > td > a.wb-star-link {
  border: 1px solid #1a1a1a;
  border-radius: 50%;
  padding: 0;
}
.table > thead > tr > th {
  font-size: 12px;
  font-family: proxima-nova;
  font-weight: 600;
}
.wk-page-content a {
  color: #1a1a1a;
  text-decoration: none;
}
/*
#directory-search-panel .btn {
  padding:6px 15px 5px;
  font-weight:400;
  letter-spacing:.1em;
}
*/
#directory-search-panel .btn-select {
  padding: 8px 10px;
}
#directory-search-panel .btn-select .filter-option {
  font-size: 15px;
  letter-spacing: 0px;
  font-weight: 400;
}
a.listing-bookmark {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #1a1a1a;
  border-radius: 50%;
}
a.listing-bookmark span {
  margin-left: 8px;
}
.name-col {
  padding-left: 30px !important;
}
@media screen and (max-width: 767px) {
  .paginator-buttons .btn-group {
    float: none !important;
  }
  .paginator-information .form-inline {
    float: none !important;
    margin-bottom: 10px;
  }
  .name-col {
    padding-left: 8px !important;
  }
}