.searchalphabox { margin-left: -5px; margin-right: -5px; margin-top: 50px }
    .searchalphabox .tab-content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1px 10px 5px 10px; background-color: #222A2D }
    .searchalphabox .nav-tabs { border-bottom: 1px solid #ddd }
        .searchalphabox .nav-tabs > li { float: left; margin: 0 0 -1px 0; width: 50%; text-align: center; font-size: 16px; padding-bottom: 0 }
            .searchalphabox .nav-tabs > li.drugstab { width: 40% }
            .searchalphabox .nav-tabs > li.conditionstab { width: 60% }
            .searchalphabox .nav-tabs > li > a { margin-right: 0; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; color: #000; padding: 10px 5px }
                .searchalphabox .nav-tabs > li > a:hover { border-color: #eee #eee #ddd }
            .searchalphabox .nav-tabs > li.active > a, .searchalphabox .nav-tabs > li.active > a:hover, .searchalphabox .nav-tabs > li.active > a:focus { color: #fff; background-color: #222A2D; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default }
        .searchalphabox .nav-tabs.nav-justified { width: 100%; border-bottom: 0 }
            .searchalphabox .nav-tabs.nav-justified > li { float: none }
                .searchalphabox .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px }
            .searchalphabox .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto }

@media (min-width:768px) {
    .searchalphabox .nav-tabs.nav-justified > li { display: table-cell; width: 1% }
        .searchalphabox .nav-tabs.nav-justified > li > a { margin-bottom: 0 }
}

.searchalphabox .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px }
.searchalphabox .nav-tabs.nav-justified > .active > a, .searchalphabox .nav-tabs.nav-justified > .active > a:hover, .searchalphabox .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd }

@media (min-width:768px) {
    .searchalphabox .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 }
    .searchalphabox .nav-tabs.nav-justified > .active > a, .searchalphabox .nav-tabs.nav-justified > .active > a:hover, .searchalphabox .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff }
}

.searchalphabox .search-form-label-alpha { color: #2c3e50; margin-top: 10px; margin-bottom: 10px }
.searchalphabox .list-inline-justify { list-style: outside none none; margin-left: -5px; padding-left: 0; text-align: justify }
    .searchalphabox .list-inline-justify > li { display: inline-block; padding-left: 5px; padding-right: 5px; width: 14%; text-align: center }
.searchalphabox .alpha-letters a { color: #008ed6; font-family: "Open Sans" !important; font-size: 1em; font-style: normal; font-weight: 600; line-height: 1.5; padding: 4px; text-decoration: none; color: #fff }
    .searchalphabox .alpha-letters a:hover, .searchalphabox .alpha-letters a:focus { border-radius: 1px; color: #ffcd05 }
    .searchalphabox .alpha-letters a:focus { outline: thin dotted; outline-offset: -2px }
.searchalphabox ol.list-inline-justify.alpha-letters { margin-bottom: 0; padding-top: 10px; padding-bottom: 10px }
.searchalphabox .quickFind-title { font-family: Roboto Slab; font-weight: 500; line-height: 1.1; font-size: .85em; text-align: center }
.searchalphabox .quick-find-tab-title { font-family: "Open Sans" !important; font-size: .8em; font-style: normal; font-weight: 600; text-decoration: none }
.searchalphabox .alpha-letters a:hover, .searchalphabox .alpha-letters a:focus { background-color: #222A2D }
.searchalphabox .nav-tabs > li > a:hover, .searchalphabox .nav-tabs > li > a:focus { background-color: #222A2D; color: #fff }

@media (max-width:1024px) {
    .searchalphabox { display: none }
}
