#category-select {
    margin-bottom: 1rem;
    clear: both;
    content: "";
    display: table;
}
#category-select div {
    float: left;
    margin-right: 1%;
    margin-top: 0;
    margin-bottom: 1rem;
    width: 32.5%;
}
#category-select div:last-of-type {
    margin-right: 0;
}
#category-select div label {
    display: block;
    font: 16px "Akkurat Pro Regular",Arial,sans-serif;
    padding: 0;
}
#category-select div select {
    margin-top: 0.5rem;
    padding: 0.3em 1.5em 0.2em 0.5em;
}
#category-select select {
    font: 18px/1.5em "Akkurat Pro Bold","Arial Black",sans-serif;
    color: #716c6b;
    background-color: #fff;
    border: 1px solid #ccc;
    display:inline-block;
    margin: 0;
    padding:0.3em 1.5em 0.3em 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #fff url("//common.northwestern.edu/v8/css/images/icons/arrow-down-dkgrey.svg") no-repeat top 50% right 0.5rem/17px 10px;
    width: 100%;
}
#category-select select::-ms-expand {
    display:none
}
#category-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
#category-select select option {
    font: 16px "Akkurat Pro Regular",Arial,sans-serif;
}
#category-select p {
    clear: left;
}
#category-select #reset {
    text-transform: uppercase;
}
#category-select .align-image-right {
    margin-top: 0;
}
.details-open {
    padding: .5rem 1rem;
}
.details-description {
    line-height: 1.3em;
}
.details-description .deadline {
    font: 16px/1.2em "Akkurat Pro Bold",Arial,sans-serif;
    color: #ef553f;
}
.tooltip-image {
    background: url("/fellowships/images/question-mark.png") no-repeat;
    display: inline-block;
    height: 14px;
    margin-left: 0.25rem;
    width: 14px;
    position: absolute;
}
.explore-tooltip {
    display: inline;
    position: relative;
}
.explore-tooltip:hover:after {
    background: #4e2686;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 0;
    padding: .5rem .75rem;
    position: absolute;
    z-index: 98;
    width: 200px;
    font-size: 14px;
    font-family: "Akkurat Pro Bold",Arial,sans-serif;    
}
.explore-tooltip:hover:before {
	border: solid;
	border-color: #4e2686 transparent;
	border-width: 6px 6px 0 6px;    
    bottom: 20px;
    content: "";
    left: .5rem;
    position: absolute;
    z-index: 99;
}
#citizenship {
    margin-bottom: 1rem;
}
#locations {
    margin-bottom: 1.5rem;
}
#citizenship legend, #locations legend {
    float: left;
    margin-right:.5rem;
    margin-bottom: ;
}
/* datatable overrides */
.dataTables_wrapper td > span {
    display: inline-block;
}
.dataTables_wrapper td > span.explore-website {
    float: right;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: none;
}

#main-content #pre-a-to-z {
    clear: left;
    color: #716c6b;
    font: 16px "Akkurat Pro Regular",Arial,sans-serif;
    margin-bottom: 1rem;
    text-transform: none;
}
#main-content .a-to-z {
    border-bottom: 1px solid #ccc;
    padding: 0 0 8px;
    margin-bottom: 1rem;
}
#main-content .a-to-z::after {
    clear: both;
    content: "";
    display: table;
}
#main-content .a-to-z li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ccc;
    float: left;
    font: 21px "Akkurat Pro Regular",Arial,sans-serif;
    margin: 0 0.5rem 0 0;
    padding: 0;
    text-transform: uppercase;
}
#main-content .a-to-z li a:hover {
    color: #836eaa;
    text-decoration: none;
}
#fellowships { margin-top: 1rem; }
#fellowships .row-data a {
    display: block;
    margin-bottom: 0.3rem;
}
#fellowships .row-data div.fellowship-descr {
    display: none;
}
@media screen and (max-width: 930px) {
    #main-content .a-to-z {
        margin-bottom: 1.5rem;
        width: 100%;
    }
    #category-select div {
        width: 45%;
    }
    #category-select div:only-child {
        margin-left: 0;
    }
    #category-select div:only-child select {
        background-position: 95% 50%;
    }
    #filter-reset {
        display: inherit;
    }
    .dataTables_wrapper td > span.explore-website {
        float: none;
        display: block;
    }    
    
}
@media screen and (max-width: 530px) {
    #category-select div {
        float: none;
        margin-bottom: 1.5rem;
        width: 90%;
    }
    #category-select div:last-child {
        margin-left: 0;
    }
}
@media screen and (max-width: 475px) {
    #category-select div:only-child {
        width: 97%;
    }
}