#story-list-menu { margin: 0 0 20px 0px; }
#story-list-menu::after { display: table; content: ""; clear: both; }
#story-list-menu .story-list-menu-item { float: left; }

#story-search-form { width: 280px; margin: 0; position: relative; }
#story-search-form .search-icon { position: absolute; left: 254px; top: 5px; }
#story-search-form .search-icon a.close { margin-top: -3px; margin-left: 3px; }
#story-search-query { width: 244px; padding-left: 10px; padding-right: 24px; }


#story-list-filter .button-overflow { max-width: 149px; }
#story-list-filter .story-list-filter-count { color: #ccc; }
#story-list-filter a:hover .story-list-filter-count, #story-list-filter li.active .story-list-filter-count { color: #46a8da; }

#story-list-count, #story-list-page { margin-top: 5px; white-space: nowrap; }
#story-list-count { width: 120px; text-align: right; }
#story-list-menu.story-list-unfiltered #story-list-pagination { margin-left: 160px; }

#story-list-buttons.story-list-menu-item { float: right; }

#story-list-storypad-select {
    display: none;
}
#story-list-storypad-select.story-list-menu-item {
    float: right;
    margin-right: 50px;
}
#story-list-storypad-select.story-list-menu-item label {
    display: inline-block;
    margin: 0 8px 0 0;
    vertical-align: middle;
    padding: 7px;
    font-size: 14px;
    font-weight: normal;
}
.text-short {display: none;}
#story-list-storypad-select.story-list-menu-item label.label-info {
    background-color: #A8A8A8;
}
#story-list-storypad-select.story-list-menu-item label input {
    margin: -2px 3px 0 0;
}
#story-list-menu-container {
    background-color: #f5f5f5;
    width: 100%;
    left:0;
    right:0;
    height: 53px;
    margin: -18px 0 0 0 !important;
    border-bottom: 1px solid #e1e1e8;
    padding-top: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    position: absolute;
    z-index: 999;
}

#story-list-menu {
    display: inline-block;
    boz-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 11px;
    margin-bottom: 11px;
    text-align: left;
    height: 29px;
}

#story-list-submenu {
    margin-top: 35px;
    margin-bottom: 5px;
}
#story-list-submenu .nav-pills li:first-child.disabled a {
    padding-left: 8px;
}
#story-list-submenu .dropdown-menu {
    z-index: 998;
}
#story-list-submenu .dropdown-menu .option-count {
    color: #c6c6c6;
    padding-left: 2px;
    display: none; /* Hide counts until we have a better facet
                      implementation for elasticsearch */
}

#story-list-submenu-count {
    float: right;
    margin-top: 10px;
    line-height: 14px;
    color: #999;
}

.story-list-pagination-arrows {
    margin-left: 10px;
}

.dropdown-menu .dropdown-scroll {
    margin: 0;
    border: 0;
    padding: 0;
    max-height: 500px;
    overflow-y: scroll;
}

#sub-filters, #tag-filter-container {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    margin-bottom: 19px;
    margin-top: 8px;
}
#tag-filter-container {
    float: right;
}
#tag-filter {
    width: 350px;
    margin-top: 2px;
}

#tag-filter > .tags-input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 340px;
    height: 24px !important;
    border-color:#ddd;
}

.nav-tag {
    color: #fff;
    background-color: #08c;
    vertical-align: middle;
    padding: 4px 12px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: normal;
    line-height: 14px;
    margin:0;
    font-size: 13px;
    margin: 0 1px;
}
.nav-tag > span {
    line-height: 14px;
    font-size: 13px;
    text-shadow: none;
}
.nav-tag > a {
    margin-left: 1em;
    opacity: 1 !important;
}
.dropdown.active > a{
    background-color: #FFF !important;
    color: #d35136 !important;
}

.active > a > .caret {
border-top-color: #d35136 !important;
border-bottom-color: #d35136 !important;
}

@media (max-width: 1199px) {
    #story-list-menu .story-list-menu-item { margin-left: 20px; }
}

@media (max-width: 979px) {
    #story-list-menu .story-list-menu-item { margin-left: 15px; }
    #story-search-form { width: 200px; }
    #story-search-form .search-icon { left: 174px; }
    #story-search-query { width: 164px; }
    #story-list-count { display: none; }
    #story-list-pagination.story-list-menu-item { margin-left: 55px; }
}

@media (max-width: 700px) {
    .nav-collapse.in {margin-bottom: 30px;}
    #story-search-form { width: 76%; }
    #story-search-query { width: 100%; }
    #story-search-form .search-icon {left: auto; right: -26px;}
    #sub-filters, #tag-filter-container {visibility: hidden;}
    #story-list-menu {width: 100%;}
    #story-list-buttons {position: absolute; top: -38px; left: 126px;}
    #story-list-storypad-select {display: block;position: absolute;top: -38px;left: 67px;}
    .text-short {display: inline-block;}
    .text-extend {display: none;}
}

#story-list { white-space: nowrap; }
.column-story { width: 660px; }
.column-story .container-overflow { max-width: 660px; }
.column-source { width: 150px; }
.column-source .container-overflow { max-width: 150px; }
.column-status { width: 60px; }
.column-date { width: 110px; }

.container-overflow { overflow: hidden; -webkit-mask: -webkit-linear-gradient(right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 16px); }
.button-overflow {
    overflow: hidden; white-space: nowrap; float: left; padding-right: 5px;
    -webkit-mask: -webkit-linear-gradient(right, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 1px, rgba(0,0,0,1) 5px);
}

tbody .column-story a { font-weight: bold; }
tbody .column-story .summary { padding-left: 8px; color: #bbb; }

.pagination {
    margin-bottom: 0;
}
.pagination ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.pagination ul>li>a {
    border: 0;
}
.pagination ul>li.active>a {
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.select2-error .select2-choice,
.select2-error.select2-drop-active {
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow   : 0 0 6px #d59392;
    -o-box-shadow     : 0 0 6px #d59392;
    box-shadow        : 0 0 6px #d59392;
    border-color: #953b39;
    outline: none;
}
.select2-error .select2-choice span {
    color: #953b39;
}
.select2-error .select2-search {
  margin-top: 4px;
}

.dropdown-filtered input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-filtered .dropdown-menu {
    padding-top: 0;
}
.option-active > a {
    color: #FFF !important;
    background-color: #0081c2;
}