/* Search */
.filter .filter-icon {
  color:#aeaeae;
}

.filter-manager-popin,
.tags-found-popin,
.albums-found-popin {
  background-color: rgba(0,0,0,0.7);
}

.filter-manager-popin-container,
.tags-found-popin-container,
.albums-found-popin-container {
  background: #333;
}

.filter-manager-close,
.tags-found-close,
.albums-found-close {
  color: #777;
}

.filter-manager-popin .mcs-popin-title,
.tags-found-popin .mcs-popin-title,
.albums-found-popin .mcs-popin-title {
  color: #ff7700bb;
}

.mcs-popin-desc {
  color:#777;
}

.tags-found-container .tag-item,
.albums-found-container .album-item {
  background: #F4AB4F;
  color: #525252;
}

.tags-found-container .tag-item a,
.albums-found-container .album-item a {
  color: inherit;
}

.filter-manager-popin label span {
  border: 1px solid #777;
}

.filter-manager-popin :checked + span {
  border: 1px solid #555;
  background: #555;
  color: #ccc;
}

.filter-manager,
.filter-validate {
  background: #ff7700bb;
  color: #ffeacf;
}

.filter-manager:hover,
.filter-validate:hover {
  background: #ff7700bb;
}

.filter-cancel {
  background: #555;
  color: #ccc;
}

.filter-cancel:hover {
  background: #444;
}

.mcs-container .filter {
  border: 2px solid #444;
  color:#aeaeae;
}

.filter-form {
  background: #333;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.6);
  color: #bbb;
}

.filter-actions {
  color: #aaa;
}

.filter-actions > *:hover{
  color: #777;
}

.mcs-container .filter-filled {
  background: #ff7700bb;
  border: none!important;
  color: #ffeacf!important;
}

.mcs-container .filter-filled .filter-icon {
  color: #ffeacf!important;
}

.word-help {
  color: #888;
}

#word-search {
  background: #777;
  color: #eee;
}

.filetypes-option:nth-child(odd),
.added_by-option:nth-child(odd),
.preset_posted_date .date_posted-option:nth-child(odd) label,
.preset_posted_date .date_posted-option:nth-child(odd) i,
.custom_posted_date .date_posted-option:nth-child(odd) .year_input label,
.custom_posted_date .date_posted-option:nth-child(odd) .year_input i,
.custom_posted_date .date_posted-option:nth-child(even) .month_input label,
.custom_posted_date .date_posted-option:nth-child(even) .month_input i,
.custom_posted_date .days_container .date_posted-option:nth-child(odd) label,
.custom_posted_date .days_container .date_posted-option:nth-child(odd) i,
.ratios-option:nth-child(odd),
.ratings-option:nth-child(odd){
  background: #444;
}

.filetypes-option label .checked-icon,
.added_by-option label .checked-icon,
.date_posted-option label .checked-icon,
.ratios-option label .checked-icon,
.ratings-option label .checked-icon{
  color: white;
}

.filetypes-option label .ext-badge,
.added_by-option label .added_by-badge,
.date_posted-badge,
.ratios-option label .ratio-badge,
.ratings-option label .ratings-badge {
  background: #ff7700bb;
  color: white;
}

.ratios-option.disabled label .ratio-badge,
.filetypes-option.disabled label .ext-badge,
.ratings-option.disabled label .ratings-badge{
  background-color: #888;
}

.ratios-option.disabled label .ratio-name,
.filetypes-option.disabled label .ext-name,
.date_posted-option.disabled label .date-period,
.date_created-option.disabled label .date-period,
.ratings-option.disabled label .ratings-name{
  color:#888
}

.added_by-option input:checked + label,
.filetypes-option input:checked + label,
.date_posted-option .selected label,
.date_posted-option .selected .accordion-toggle,
.ratios-option input:checked + label,
.ratings-option input:checked + label{
  background: rgba(244, 171, 79, 0.17);
}

.head-button-2 {
  color: #777;
  background: #222;
  box-shadow: 0px 2px #00000024;
}

.head-button-2:hover {
  background: #000;
  color: #777 !important;
}

.breadcrumb-item {
  background-color: #f4ab4f;
}

.breadcrumb-item:hover .icon-cancel-circled{
  color: black;
}

.breadcrumb-item.add-item {
  color: #777;
}

.breadcrumb-item a:hover {
  color: #3A3A3A;
}

.breadcrumb-item .icon-cancel-circled:hover {
  color: #ff7700bb;
}

.linkedAlbumPopInContainer {
  background-color: #555;
}

.ClosePopIn {
  color: #777;
}

.search-result-item {
  background-color: #fafafa;
  box-shadow: 0px 2px #00000024;
  color: #777;
}

.clear-all {
  color: #777;
}

.clear-all.clickable {
  color: #ff7700bb;
}

.ClosePopIn:hover {
  color: white;
}

.mcs-no-result .text span:first-child{
  color: #ff7700bb;
}

.mcs-no-result .text span:last-child{
  color: #6e6e6e;
}

.filter-form .filter-form-title {
  color: #ff7700bb;
}


.filter-tag-form .selectize-input,
.filter-author-form .selectize-input,
.filter-added_by-form .selectize-input {
  background: #555;
}

.filter-tag-form .selectize-input input,
.filter-author-form .selectize-input input,
.filter-added_by-form .selectize-input input {
  color: #ccc ;
  background: #555;
}

.filter-tag-form .selectize-input input::placeholder,
.filter-author-form .selectize-input input::placeholder,
.filter-added_by-form .selectize-input input::placeholder {
  color: #ccc;
}

.filter-tag-form .selectize-control.multi .selectize-input > div,
.filter-tag-form .selectize-control.multi .selectize-input [data-value].active,
.filter-author-form .selectize-control.multi .selectize-input > div,
.filter-author-form .selectize-control.multi .selectize-input [data-value].active,
.filter-added_by-form .selectize-control.multi .selectize-input > div,
.filter-added_by-form .selectize-control.multi .selectize-input [data-value].active {
  background: #ffa835;
  color: black;
}


.filter-tag-form .selectize-dropdown,
.filter-author-form .selectize-dropdown,
.filter-added_by-form .selectize-dropdown {
  background: #555;
}

.filter-tag-form .selectize-dropdown .option.active,
.filter-author-form .selectize-dropdown .option.active,
.filter-added_by-form .selectize-dropdown .option.active {
  background: #555;
}

.filter-tag-form .selectize-dropdown .selectize-dropdown-content{
  background-color: #444;
}

.search-input{
  background: #555;
}

.search-input::placeholder{
  color: #ccc;
}

.filter-tag-form .selectize-control.multi .selectize-input > div .remove,
.filter-author-form .selectize-control.multi .selectize-input > div .remove,
.filter-added_by-form .selectize-control.multi .selectize-input > div .remove {
  color:#000;
}

.breadcrumb-item .link-path,
.pwg-icon-cancel:before{
  color:black;
}

.and-more{
  color: #777
}

@media (max-width: 600px) {
  .filter-form {
    width: 100vw;
    border-top: 1px solid #444 !important;
    border-bottom: 1px solid #444 !important;
  }

  .arrow-border {
    fill: transparent;
    stroke: #444 !important;
  }
  
  .arrow-fill {
    fill: #333 !important;
  }
}