h2 {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: .25rem;
}
.filterby-container h2 {
    display: inline-block;
    margin-right: .4rem;
    margin-bottom: 5px;
}
h2#selectRows {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    font-size: .9rem;
}
/*download csv*/
#csvDownload .btn {
    font-size: .9rem;
}
/*form labels*/
label {
    font-weight: bold;
    margin-bottom: .3rem;
}
.form-label {
    margin-bottom: .3rem;
    font-size: .9rem;
}
.form-check label {
    font-size: .9rem;
    font-weight: normal;
}
#AddCollectionsProcess label {
    font-size: .9rem;
    font-weight: normal;
}
#AddCollectionsProcess legend {
    font-size: .9rem;
    font-weight: bold;
}
#filterList {
    display: inline-block;
}
/*filter by keyword button*/
.btn-outline-secondary {
    padding: 0 .5rem;
    line-height: 0;
    background-color: #fff;
    border-color: #ccc;
    border-left: none;
}
.btn-outline-secondary:hover {
    background-color: #fff;
    border-color: #ccc;
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    outline: 0;
    color: #fff;
    background-color: #fff;
    border-color: #ccc;
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fff;
    border-color: #ccc;
}
.btn-outline-secondary span {
    color:#0047ba;
}
.btn-outline-secondary span:hover {
    color:#0075ff;
}
a.clear-filter {
    color: #b42a44;
    font-size: .9rem;
    white-space: nowrap;
}
#sdciFilter {
    font-size: .8rem;
    margin-top: 1px;
}
.add-cart-container {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right:7px;
}
/*filter and action buttons*/
#filterList button {
    padding: .25rem .5rem;
    border: 1px solid #0047ba;
    margin-bottom: 5px;
    color: #0047ba;
    border-radius: 1rem;
    margin-right: 5px;
    font-size: .9rem;
    font-weight:400;
    line-height: 1.1;
    background-color: #fff;
}
#filterList button:hover {
    border-color: #0075ff;
    color:#0075ff;
}
.filterby-container {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 20px;
}
.btn-primary {
    border-color: #0047ba;
    background-color: #0047ba;
}
.btn-primary:hover {
    background-color: #0075ff;
    border-color: #0075ff;
}
table .btn-primary {
    padding: .2rem .25rem .25rem;
    margin-bottom: 5px;
    width: 100%;
    font-size: .8rem;
    font-weight:400;
    line-height: 1.1;
}
/*Resume Application Modal*/
.modal-title {
    font-size: 1.5rem;
    font-weight: 500;
}
.modal-body button:first-of-type {
    margin-right: 10px;
}
.modal-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
/*collections*/
#AddCollectionsProcess {
    border: 1px solid #dee2e6;
    padding: 20px 20px 10px;
    background-color: #fff;
    margin-bottom: 15px;
}
#cancelCollectionAdd {
    float: right;
}
/*selects*/
.select2-container .select2-selection--single {
    height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results__option {
    font-size: 14px;
}
/*table checkbox column*/
th.select-checkbox,
td.select-checkbox {
    padding-left: 10px !important;
    padding-right: 8px !important;
}
th.select-checkbox #selectAll {
    vertical-align: top;
    margin-top: -15px;
}
/*center pagination*/
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center !important;
}
/*showing and show entries*/
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_length {
    display: inline-block;
    padding-top: 0 !important;
}
div.dataTables_wrapper div.dataTables_info {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #cccccc;
}
    @media screen and (max-width: 767px) {
        div.dataTables_wrapper div.dataTables_info {
            text-align: left !important;
            display: block;
            padding-right: 0;
            margin-right: 0;
            border-right: 0;
            margin-bottom: 10px;
        }
    }
/*select border color*/
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}
table#records {
    background-color: #fff;
    border-collapse: collapse !important;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: thin;
}
td.details-inspection {
    background: url('../img/expand_more-24px.svg') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-inspection {
    background: url('../img/expand_less-24px.svg') no-repeat center center;
}
/*table defaults*/
#records_wrapper {
    font-size: .9rem;
}
#records_wrapper a {
    text-decoration: none;
}
#records_wrapper a:hover {
    text-decoration: underline;
}
/*table action bar*/
.records-action-bar {
    font-size: .9rem;
}
.records-action-bar a {
    text-decoration: none;
}
.records-action-bar a:hover {
    text-decoration: underline;
}
/*table column widths*/
.tb-record-description {
    width: 350px;
}
.tb-record-address {
    width: 150px;
}
.tb-record-number {
    width: 100px;
}
/*table UL*/
#records ul {
    padding-left:25px;
    margin-bottom: .5rem;
}
/*table status bar*/
.dataTables_wrapper .top {
    background-color: #fff;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 4px;
}
.dataTables_wrapper .top select {
    height: 28px;
    padding: 3px 6px;;
}
.hidden {
    visibility: hidden !important;
}

.ItemInCart {
    color: black;
    background-color: white;
    border-color: #007bff;
}

.ItemNotInCart {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.DownloadCSVButton {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*input has OS specific font-family*/
    color: #0047ba;
    text-decoration: none;
    cursor: pointer;
}
/*Feedback*/
.mr-feedback {
    margin-top: 35px;
    font-size: .9rem;
}   
.mr-feedback span {
    color: #f0ab01;
    vertical-align: bottom;
    margin-right: 8px;
}
.mr-feedback a {
    font-weight: 600;
}
footer {
    margin-top: 30px;
}
/*Download CSV Icon*/
.DownloadCSVButton > span.material-icons {
    color:#0047ba;
    vertical-align:middle;
    font-size:1rem;
    margin-right: 3px;
}

/*Download CSV Hover*/
#csvDownload .btn-secondary:hover {
    color: #0047ba;
    text-decoration: underline;
}
/*download btn container*/
@media screen and (max-width: 767px) {
    .download-container {
        text-align: left !important;
        margin-top: .5rem;
    }
}
/*Record index*/
.ssp-record-index #AlphaIndex label {
    display: block;
}
.ssp-record-index #FilterValue h2 {
    display: inline-block;
}
.ssp-record-index #FilterValue .clear-filter {
    margin-left:10px;
}
.ssp-record-index .index-link {
    border:1px solid #ccc;
    padding: 2px 4px;
    background-color: #fff;
}
mark {
    background-color:#fcf535;
    font-weight: bold;
    padding: 0.1em 0;
}
.ssp-record-index .tb-record-type {
    width: 300px; /*table column widths*/
}
.ssp-record-index .tb-record-description {
    width: 600px; /*table column widths*/
}
.ssp-record-index .select2-container .select2-selection--single {
    height: 33px; /*select*/
}
#AlphaIndex {color: #555;} /*firt letter filter*/
#AlphaIndex label {color: #212529;}
#AlphaIndex a {
    text-decoration: none;
}
#AlphaIndex a:hover {
    text-decoration: underline;
}
/*p block in table cells*/
.data-column p {margin-bottom: 0.5rem;}