body {
    padding: 0;
    background: #F9F9F9 !important;
    color: #2B303A !important;
    overflow-x: hidden;
}

button.MuiIconButton-root:focus {
    outline: none !important;
}

.genreRanking_ {
    display: inline-block;
    height: 35px;
    overflow: visible;
    padding: 9px 0 0 0;
    margin-bottom: -3px;
    text-align: center;
    width: 35px;
}

.overallRanking_ {
    display: inline-block;
    height: 34px;
    overflow: visible;
    padding: 10px 0 0 0;
    margin-bottom: -3px;
    text-align: center;
    width: 35px;
}

.ag-react-container {
    width: 100%;
}

.ag-react-container > .scoreBox, .ag-react-container > .tooltip > .scoreBox {
    margin: 0 auto;
    display: block;
    width: 40px;
}

.ag-checked-disabled::after {
    content: "\f106" !important;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
}

.scoreBox {
    display: inline;
}

.rankScore_ {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Arial', sans-serif;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    color: #F9F9F9;
    padding: 0 0 0 1px;
    vertical-align: top;
    line-height: normal;
}

label.tooltip {
    height: 1em;
}

.tooltip {
    position: relative;
    opacity: 1;
}

.tooltip .tooltiptext {
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    background-color: black;
    color: #F9F9F9;
    text-align: center;
    border-radius: 3px;
    padding: 2px;
    transition: opacity 30ms ease-in-out;
    line-height: initial;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    transform: translateX(-40%);
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip > svg {
    margin: 0 10px;
}

.tooltip > .lockTitles, .tooltip > .infoIcon {
    vertical-align: baseline !important;
}

.tooltip > .lockTierRules {
    vertical-align: middle !important;
}

.tooltiptext {
    font-size: 13px;
}

.viewBranchDist .tooltiptext {
    text-transform: none;
    font-weight: 400;
    right: -120px;
}

.modal {
    background-color: #fafafa;
    margin: 5% auto;
    box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.4);
    max-width: 875px;
    height: 500px;
    border: none;
    display: block;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

.modal:focus {
    outline: none;
}

.showHide {
    background: none;
    border: hidden;
    font-size: large;
    font-weight: bolder;
    width: 20px;
    text-align: center;
    box-shadow: none !important;
    margin: 0;
    color: #2B303A;
}

.showHide:focus {
    outline: none;
}

.closeBtn {
    float: right;
    margin: 7px;
    z-index: 200;
    position: relative;
    cursor: pointer;
    color: white;
}

.accordion, .activeAccordion {
    cursor: default;
    text-align: left;
    outline: none;
    background: #E0EBED;
    border: solid 1px #CCCCCC;
    color: #2B303A;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
    line-height: 23px;
}

.accordion:hover {
    cursor: pointer;
    background-color: #ccc;
}

.accordion > svg, .activeAccordion > svg {
    pointer-events: none;
    padding: 0 20px;
    width: auto !important;
    box-sizing: unset;
}

.activeTab {
    display: block;
    height: 222px;
    background-color: white;
    border-radius: 3px;
}

.tabContent {
    background-color: white;
    text-align: center;
}

.accordionLabel {
    text-transform: uppercase;
}

.closedTab {
    display: none;
}

.similarItemstable {
    margin: auto;
    display: inline-block;
    transform: translateY(0%);
}

.panelHeaderText {
    font-weight: 600;
    width: 350px;
    font-size: 100%;
    margin: auto;
    height: 78px;
    overflow: hidden;
    padding-top: 15px;
    line-height: normal;
}

.infoPanel {
    background-color: white;
    text-align: justify;
    font-size: 14px;
    line-height: 1.5;
}

.infoPanel > p {
    margin: 0;
    padding: 15px 15px 0;
}

#infoTab span {
    font-size: 14px;
    line-height: 20px;
}

.rankedTitleInfo {
    text-align: left;
    line-height: normal;
    font-weight: normal;
}

.titleInfo {
    height: 113px;
    background-color: #005E70;
    color: white;
    padding: 15px 23px;
}

.rankedTitleInfoTitle {
    font-weight: 600;
}

.truncatedTitle {
    font-weight: 600;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 2.4em;
    padding-right: 2.5em;
    text-align: justify;
}

.truncatedTitle:after {
    content: '...';
    right: 20px;
    bottom: 0;
    position: absolute;
}

.branch-distribution-type .rankedTitleInfoTitle {
    font-size: 24px;
}

.rankedTitleInfoAuthor {
    font-weight: 400;
    font-style: italic;
}

.rankedTitleInfoInfo {
    padding-left: 36px;
}

.rankedTitleInfoInfoValue {
    font-weight: 600;
}

.tableCell {
    display: table-cell;
    padding: 7px;
}

.clickable {
    cursor: pointer;
}

#etsApp {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.container-fluid {
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.full-width-container {
    height: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

html, body {
    height: 100%;
    margin: 0px;
}

.cell-vertically-center-aligned {
    display: flex!important;
    align-items: center;
}

.cell-number {
    display: flex!important;
    align-items: center;
    justify-content: right;
}

.cell-alert {
    color: red;
}

.cell-large {
    line-height: 48px;
    border: 0 !important;
}

#wizardHeader {
    text-align: center;
}

#espLogo {
    vertical-align: top;
    float: left;
    height: 60px;
}

#menuOptions {
    text-align: left;
    background: #2B303A;
    padding: 5px 10px;
    height: 41px;
}

#menuOptions > button {
    background: none;
    color: #F9F9F9;
    font-weight: 600;
    font-size: 15px;
    padding: 5px 8px;
    border: solid 2px #F9F9F9;
    margin: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
}

#profileDisplay {
    min-width: 240px;
    height: 20px;
    padding: 8px 20px;
    font-weight: 600;
    font-size: 15px;
    z-index: 1;
    color: #F9F9F9;
    margin: 3px;
    text-transform: uppercase;
    cursor: default;
}

#dgSaveState {
    display: inline-block;
    text-transform: none;
    font-weight: 400;
}

#dgSaveState > .tooltip > svg {
    cursor: pointer;
    color: #FFD16B;
}

#dgSaveState > .tooltip > .tooltiptext {
    transform: none;
}

#pageName {
    display: block;
    color: #005E70;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
}

.pageOptions {
    display: inline-block;
    float: right;
    width: 310px;
    color: #7CACB4;
}

.pageOptions svg:hover {
    color: #005E70;
}

.pageOptions > FontAwesomeIcon > svg {
    padding: 4px;
    font-size: 35px;
}

.pageOptions > .tooltip > .tooltiptext {
    padding: 0 5px;
    text-align: left;
    bottom: 25px;
}

.pageOptions > .tooltip > svg, .pageOptions > .tooltip > i {
    padding: 4px;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
    fill: #3F7D83;
}

.pageOptions > .tooltip > svg:hover, .pageOptions > .tooltip > i:hover {
    fill: #005E70;
}

.navElement {
    margin: 5px;
    width: 106px;
    height: 57px;
    display: inline-block;
}

.navLogo {
    height: 35px;
    width: 35px;
    margin: auto;
    cursor: pointer;
}

.navText, .navText-current, .navText-disabled {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.navText {
    color: #7CACB4;
}

.navText-disabled {
    color: #CCCCCC;
}

#progressBar {
    height: 63px;
    color: #005E70;
}

.progressButton {
    margin: 14px 5px;
    height: 40px;
    width: 150px;
    text-transform: uppercase;
}

.progressButton > div > svg {
    margin: 4px 10px;
}

.progressButton > div {
    font-size: 12px;
    font-weight: 600;
}

#categoryListTitle {
    font-size: 22px;
    text-align: left;
    margin: 16px 30px;
    text-transform: uppercase;
    font-weight: 600;
}

#categoryListTitle > svg {
    margin-left: 10px;
    margin-bottom: 1px;
    cursor: pointer;
    color: #005E70;
}

#categoryList {
    display: table;
    margin: 5px 0 25px 30px;
    border-collapse: collapse;
}

#distViewType {
    display: table;
    margin-bottom: 5px;
    border-collapse: collapse;
}

.categoryOption {
    cursor: pointer;
    font-size: 14px;
}

.categoryOptionSelected {
    color: black !important;
    cursor: default;
    font-size: 16px;
}

.categoryOption, .categoryOptionSelected {
    color: #005E70;
    display: table-cell;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px;
    border-left: solid 1px #2B303A;
    border-right: solid 1px #2B303A;
}

#categoryList span:first-child {
    border-left: 0;
}

#categoryList span:last-child {
    border-right: 0;
}

.hoverButton:disabled {
    background-color: #7CACB4 !important;
    box-shadow: 1px 2px 1px #7B969A !important;
    cursor: default;
}

.internalHoverButton:disabled {
    color: #F9F9F9;
    background-color: #C9C9C9 !important;
    box-shadow: 1px 2px 1px #CCCCCC !important;
    cursor: default;
}

.hoverButton:disabled:hover, .internalHoverButton:disabled:hover {
    transition: none;
    transform: none;
}

.internalHoverButton {
    background: #9ABEC7;
    font-weight: 600;
    color: #2B303A;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 1px 2px 0 0 #5A93A1;
    font-size: 16px;
    border-radius: 3px;
    padding: 5px 10px;
    margin: 5px;
    border: none;
}

.internalHoverButton:hover, ._cancelButton:hover {
    box-shadow: -1px -2px 0 0 #466265;
    transform: translate(1px, 2px);
    transition: ease 60ms;
    background-color: #72A1AD;
}

.internalHoverButton:focus {
    outline: none;
}

.slider-help-icon {
    left: 220px;
    font-size: 16px;
    position: absolute !important;
    z-index: 1;
}

.sliderArea {
    margin: 25px auto 20px;
    text-align: center;
}

.sliderArea > * {
    display: inline-block;
}

.rangeslider__labels {
    margin: 28px 0;
    text-align: center;
}

.rangeslider__label-item {
    width: 25%;
    top: 3px !important;
}

.setAtLeastOne {
    font-size: 14px;
}

.setAtLeastOneSwitch {
    color: #666666;
    position: absolute;
    top: -5px;
    cursor: pointer;
}

.helpButton {
    color: #005E70;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    background: #ffffff;
    box-shadow: none !important;
    padding: 2px 4px;
    border: none;
    margin: 0 10px;
    cursor: pointer;
}

.helpSvgIcon {
    margin: auto;
    height: 50px;
    width: 50px;
}

.rangeslider {
    background: #F9F9F9 !important;
    margin: 30px 0 !important;
}

.rangeslider, .rangeslider__fill {
    display: block;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .4) !important;
}

.rangeslider-horizontal {
    height: 7px !important;
}

.rangeslider__fill {
    height: 100%;
    background-image: linear-gradient(to right, #FFA737, #F18F01);
    border-radius: 3px !important;
    top: 0;
}

.rangeslider__handle {
    border: 2px solid #F18F01 !important;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    box-shadow: 1px 1px 1px 0 #666666 !important;
    width: 30px;
    height: 30px;
    border-radius: 20px !important;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.rangeslider__handle::after {
    visibility: hidden !important;
}

.rangeslider__handle:focus {
    outline: none !important;
}

.recharts-surface {
    overflow: visible !important;
}

#wrapper {
    overflow: hidden;
}

.recharts-legend-wrapper {
    top: 0 !important;
    left: 70px !important;
    width: auto !important;
}

.closuresNotification {
    margin-left: 15px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
}

#closuresNotificationIcon {
    color: orange;
    font-size: 16px;
    display: inline-flex;
    vertical-align: initial;
    padding-right: 7px;
}

#closuresNotificationIconLive {
    color: orange;
    font-size: 14px;
    display: inline-flex;
    vertical-align: initial;
    padding-right: 7px;
}

.distributionRulesTable {
    display: table;
    width: 90%;
    margin: 10px auto 10px auto;
    /* border-collapse: collapse; */
    box-shadow: 1px 2px 4px 0 rgba(43, 59, 93, 0.5);
    border: #CCCCCC solid 1px;
    border-radius: 3px;
    text-align: center;
}

.distributionRulesTable > div {
    display: table-row;
}

.distributionRulesTable > div > span, .distributionRulesTable > div > div {
    display: table-cell;
    /* padding: 1px 10px; */
    border-radius: 0;
}

.rankingValues, .categoryHeaders, .distributionRulesHeader {
    background: #005E70;
    border: hidden;
    padding: 2px 0 2px 4px;
    border-radius: 3px 3px 0 0;
}

.distributionRulesHeader > span {
    padding: 10px;
    color: #F9F9F9;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
}

.distributionRulesHeader > span > svg {
    margin: 0 5px;
}

#goalsChartContainer {
    margin: 10px 30px 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.overrideField {
    box-shadow: 1px 1px 1px 0 #666666;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
    background: #F9F9F9;
    font-size: 14px;
    -moz-appearance: textfield;
    width: 30px;
    height: 30px;
    text-align: center;
}

.overrideField.disabled {
    background: #CCCCCC;
    color: #666666;
    cursor: default;
}

.overrideField::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input._text[type=checkbox] {
    border: none;
    height: 18px;
    width: 18px;
    margin: 5px;
    transform: translateY(3px);
}

input._text, select._text {
    border-radius: 3px;
    background-color: #f9f9fb;
    box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.3);
    border: solid 1px #d9d8da;
    font-size: 16px;
    padding: 7px;
    margin-top: 3px;
}

.ag-theme-balham .ag-header-cell, .ag-theme-balham .ag-header-group-cell {
    padding-right: 4px !important;
}

.ag-theme-balham input[class^='ag-'][type='number'] {
    text-align: left;
}

.ag-name-value-value {
    color: #000000
}

.ag-name-value {
    min-width: max-content;
}

.material-nav {
    text-decoration: none;
    color: inherit;
}

#summaryTable {
    display: table;
    padding-top: 3px;
    margin-bottom: -15px;
    text-align: center;
}

#summaryTable > div {
    display: table-row;
}

#summaryTableHeader > span {
    display: table-cell;
    font-weight: 600;
    padding: 0 40px;
    font-size: 22px;
}

#listPriceCol, #discountedPriceCol {
    padding: 0 15px 0 30px !important;
}

#summaryTableValues > span {
    display: table-cell;
    color: #2B303A;
    padding: 0 15px;
}

#fullCartCol {
    text-align: left;
    padding: 0 10px !important;
    font-size: 25px !important;
}

#actDistQtyCol {
    min-width: 120px;
}

.shrink {
    white-space: nowrap;
}

.expand {
    width: 99%;
}

.expandChart {
    font-size: 14px;
    padding-left: 66px;
    padding-top: 8px;
    text-align: center;
}

.expandChart button {
    padding: 4px 10px;
    border: none;
    margin: 0 10px;
}

.expandChart span {
    padding-top: 3px;
}

.setAtLeastOneSlider {
    position: absolute;
    width: 230px;
    left: 50%;
    transform: translate(-50%);
}

.isbn, .ranking, .categoryTitle, .formatTitle, .branch-distribution-type {
    color: #2B303A;
    font-weight: 600;
    border-width: 0;
}

.categoryTitle {
    font-size: 24px;
    margin: 0;
}

.category {
    margin: 3px 10px;
    text-align: left;
}

.categoryBody {
    margin: 0 1px;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
    text-align: right;
}

.showHideTitles {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: 10px;
    text-align: left;
}

.format {
    margin: 0 0 5px 0;
}

.formatTitle {
    font-size: 16px;
    text-align: left;
    margin: 10px 15px -5px 10px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bookList {
    border-bottom: solid 1px #CCCCCC;
    margin-top: 5px;
    text-align: left;
}

.book {
    padding: 1px 0 1px 10px;
    background: #E0EBED;
    border-top: solid 1px #CCCCCC;
    position: relative;
}

.book:nth-child(even) {
    background: #C6D8DC;
}

.estNet {
    position: absolute !important;
}

.estNetTotal {
    font-weight: bold;
}

.estNetHeader {
    margin-top: 2px !important;
}

#qmEstNetHeader, .estNetHeader {
    color: #F9F9F9;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

#qmEstNetHeader {
    display: inline-block;
    float: right;
    margin: 10px;
}

.estNet, .estNetTotal, .estNetHeader {
    right: 11px;
    margin-top: 10px;
    margin-right: 5px;
    width: 124px;
    display: inline-block;
    text-align: right;
}

#summaryTableHeader > .viewBranchDist {
    margin-right: 22px;
    vertical-align: text-bottom;
}

#summaryTableValues > .viewBranchDist {
    padding: 0 40px 0 30px;
    text-transform: none;
    font-weight: 400;
}

button.viewBranchDist {
    vertical-align: text-bottom;
    border: none;
    margin: 0 10px;
    cursor: pointer;
    font-size: 16px;
}

.formatHeaders > .viewBranchDist {
    color: #005E70;
}

.viewBranchDist {
    background: none;
    color: #005E70;
    text-transform: uppercase;
    width: 127px;
    vertical-align: bottom;
    white-space: normal;
}

.viewBranchDist:hover {
    box-shadow: none;
}

.viewBranchDist:focus {
    outline: none;
}

.categoryHeaders .viewBranchDist {
    text-align: center;
}

.categoryHeaders > span {
    padding: 0 9px;
    color: #F9F9F9;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    font-stretch: condensed;
    font-weight: 600;
}

.categoryTotals {
    background: #E0EBED;
    padding: 2px 0 2px 4px;
    border-radius: 3px 3px 0 0;
}

.categoryTotals > span {
    padding: 5px 10px;
    color: #2B303A;
    display: inline-block;
}

.bookValues {
    display: inline-block;
    text-align: right;
    position: absolute;
    right: 0;
}

.bookValues > span, .bookValues > label > span, .formatHeaders > span {
    padding: 5px 10px;
    display: inline-block;
}

.bookValues > span {
    margin-top: 1px;
}

.ranking {
    border: 0.2px hidden;
    margin: 0 9px;
    color: white;
    font-weight: bold;
    font-size: inherit;
    background: #005E70;
    cursor: pointer;
}

.ranking:focus {
    outline: none;
}

.rankingScore {
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    left: 10px;
    margin: 7px 10px;
}

.auto {
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}


._messagePopup {
    padding: 15px 10px 30px 10px;
    width: 50vw;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(43, 59, 93, 0.5);
    border: solid 1px rgba(43, 59, 93, 0.5);
    text-align: left;
    text-transform: none;
    color: #005E70;
    position: fixed;
    left: 25vw;
    top: 10vh;
}

.dialogBox > div, .customDialogBox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(43, 48, 58, 0.5);
    will-change: transform;
    cursor: default;
}

._okButton, ._cancelButton {
    border: hidden;
    padding: 10px 15px;
    border-radius: 3px;
    margin: 0 30px;
    color: #F9F9F9;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
}

._okButton {
    background: #005E70;
    box-shadow: 1px 2px 0 0 #00333D;
}

._cancelButton {
    color: #2B303A;
    background: #9ABEC7;
    box-shadow: 1px 2px 0 0 #5A93A1;
}

._confirmButtons {
    text-align: center;
}

._messageChangedProfiles {
    padding: 15px 10px 30px 10px;
    width: 420px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(43, 59, 93, 0.5);
    border: solid 1px rgba(43, 59, 93, 0.5);
    text-align: center;
    text-transform: none;
    color: #005E70;
    position: absolute;
    left: 32vw;
    top: 10vh;
}

#cancelSaveProfile, #cancelAdvanceStage, #cancelEditProfile {
    float: right;
    transform: translate(5px, -12px);
}

.profileFormButton {
    margin: 10px 0 0 0;
    width: 270px;
    padding: 10px;
    border: none;
}

.hoverButton {
    background: #005E70;
    font-weight: 600;
    color: #F9F9F9;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 1px 2px 0 0 #00333D;
    font-size: 16px;
    border-radius: 3px;
}

.hoverButton:hover, ._okButton:hover {
    background-color: #00333D;
    box-shadow: -1px -2px 0 0 #00080A;
    transform: translate(1px, 2px);
    transition: ease 60ms;
}

.loadingSpinner {
    margin: 15% 45%;
}

.loadingSpinner > span {
    background: #F9F9F9;
    white-space: nowrap;
}

#titleBranchDistribution, #headerBranchDistribution, #categoryBranchDistribution, #dataBranchDistribution {
    border-top: solid 5px #CCCCCC;
    text-align: center;
    font-size: 14px;
    color: #2B303A;
}

#categoryBranchDistribution, #dataBranchDistribution {
    padding: 10px 2%;
    margin: auto;
}

.branch-distribution-header {
    margin: auto;
    width: 98%;
    line-height: 30px;
    padding-bottom: 5px;
    text-align: center;
}

.branch-distribution-type {
    text-align: left;
    font-size: 24px;
    margin: 0;
    line-height: 30px;
    padding-bottom: 3px;
}

.branch-distribution-num-titles {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    padding: 0 10px;
    min-width: 40px;
    max-width: 50px;
}

.branchDistList {
    text-align: left;
    margin: auto;
    box-shadow: 0 1px 4px 2px rgba(43, 59, 93, 0.5);
    border-radius: 3px;
    border-collapse: collapse;
}

.branchDistListCell:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.branchDistListHeader {
    display: table-row !important;
    background: #005E70 !important;
    color: #F9F9F9 !important;
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: 14px;
}

.branchDistListFooter, .branchDistListFooterCell {
    display: table-row !important;
    height: 3px;
    border-radius: 0 0 3px 3px;
}

.branchDistListFooterCell, .branchDistListFooterCellLeft, .branchDistListFooterCellRight {
    display: table-cell !important;
    column-span: all;
}

.branchDistListFooterCellLeft {
    border-radius: 0 0 0 3px;
}

.branchDistListFooterCellRight {
    border-radius: 0 0 3px 0;
}

.branchDistHeaderListCell, .branchDistHeaderListCellTopLeft, .branchDistHeaderListCellTopRight {
    display: table-cell !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    vertical-align: top;
    padding: 5px 10px;
    min-width: 138px;
}

.branchDistHeaderListCellTopLeft {
    border-radius: 3px 0 0 0 !important;
    vertical-align: middle;
    text-align: left;
}

.branchDistHeaderListCellTopRight {
    border-radius: 0 3px 0 0 !important;
    vertical-align: middle;
    text-align: right;
}

.branchDistListRow {
    display: table-row;
    background: #F9F9F9;
    border: solid 1px #CCCCCC;
}

.branchDistListRowHeader {
    display: table-row-group;
}

.branchDistListCell, .branchDistListRow > label.tooltip {
    display: table-cell !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    padding: 3px 10px;
    vertical-align: middle;
}
#autoSave {
    position: absolute;
    right: 0;
    margin: 5px 10px;
    text-align: right;
}

#autoSave > svg {
    width: 25px;
    height: 25px;
}

#autoSave > span {
    margin: 5px;
    font-weight: 600;
    vertical-align: super;
}

.groupHeaderText {
    font-weight: bold;
    font-size: small;
}

.title {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    margin-top: 8px;
    color: #2B303A;
}

.book > .tooltip > .scoreBox > .overallRanking_ {
    height: 30px !important;
}

._message {
    padding: 15px 10px 30px 10px;
    width: 300px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(43, 59, 93, 0.5);
    border: solid 1px rgba(43, 59, 93, 0.5);
    text-align: center;
    text-transform: none;
    color: #005E70;
    position: absolute;
    top: 10vh;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

#carts-snackbar-filter-text:hover {
    cursor: pointer;
}

.branchDistListTitleRow:nth-child(even) {
    background: #C6D8DC !important;
}
.branchDistListTitleRow {
    text-align: right;
    background: #E0EBED !important;
}

.branchDistListTitle {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    color: #2B303A;
    vertical-align: middle;
}

.overrideField {
    box-shadow: 1px 1px 1px 0 #666666;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
    background: #F9F9F9;
    font-size: 14px;
}

.container {
    color: #2B303A;
    display: inline-block;
}

.ruleOverride, .adjustedOverride, .quantityOverride, .valueOverride {
    border: solid 1px #F18F10;
    box-shadow: 0 0 3px #F18F10;
    font-weight: bold;
}

.categoryScoreContainer, .sortColumn {
    cursor: pointer;
}

#titleBranchDistribution, #headerBranchDistribution {
    padding: 10px 70px;
}

.branch-distribution-header-right {
    display: inline-block;
    max-width: 260px;
    text-align: right;
    vertical-align: top;
}

.bdprev {
    text-align: left;
    min-width: 140px;
}

.bdprev > label {
    cursor: pointer;
}

.bdnext {
    text-align: right;
    min-width: 120px;
    margin-right: 0 !important;
}

.bdnext > label {
    cursor: pointer;
}

.bdprev, .bdnext {
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
}

.actionBar {
    background-color: #005E70 !important;
    min-width: 100px !important;
}

.actionBarMsg {
    font-family: Roboto, sans-serif;
    font-size: medium;
}

.ag-horizontal-left-spacer {
    visibility: hidden;
}

.ag-icon-contracted:hover {
    cursor: pointer;
}

.ag-icon-expanded:hover {
    cursor: pointer;
}

#profile {
    text-align: left;
    color: #F9F9F9;
    background: #2B303A;
    margin: 7px 10px;
    padding: 10px 20px;
    vertical-align: top;
}

#dropDownMenu {
    color: #F9F9F9;
    cursor: pointer;
    margin: 3px;
    display: inline-block;
    text-transform: uppercase;
}

#dropDownMenu > .dropDownOption, #dropDownMenu > #dropDownDisplay {
    width: inherit;
}

#dropDownDisplay, #profileDisplay {
    min-width: 240px;
    height: 20px;
    padding: 8px 20px;
    font-weight: 600;
    font-size: 15px;
    z-index: 1;
}

#dropDownMenu:focus {
    outline: none;
}

#dropDownMenu:focus > .dropDownOption, #dropDownMenu:focus > #dropDownDisplay {
    visibility: visible;
    color: #2B303A;
    background: #F9F9F9;
    box-shadow: 1px 1px 1px 0 #666666;
    text-transform: uppercase;
}

#dropDownMenu:focus > .dropDownOption:hover {
    background: #E0EBED;
    color: #005E70;
}

.dropDownOption {
    visibility: hidden;
    position: absolute !important;
    min-width: 240px;
    height: 20px;
    padding: 8px 20px;
    font-weight: 600;
    font-size: 15px;
    z-index: 1;
}

#dropDownDisplay > svg {
    float: right;
}

.value {
    margin: 0 8px;
    font-weight: bold;
    font-size: inherit;
}


.scoreCursor {
    cursor: auto;
}

.lockTitles {
    color: #666666;
    position: absolute;
    left: -68px;
    top: -5px;
    cursor: pointer;
}

input[type=number] {
    -moz-appearance: textfield;
    width: 27px;
    height: 27px;
    text-align: center;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input {
    margin: 1px 0;
    text-align: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.book > span {
    display: inline-block;
}

.bookList > .book > span > .tooltip > .scoreBox > .overallRanking_ {
    height: 30px;
}

.ag-cell input[type=number] {
    margin-bottom: 5px;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    width: 30px;
    height: 30px;
    text-align:  center;
    box-shadow: 1px 1px 1px 0 #666666;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
    background: #F9F9F9;
    font-size: 14px;
}

.ag-cell input[type=number].valueOverride {
    border: solid 1px #F18F10;
    box-shadow: 0 0 3px #F18F10;
    font-weight: bold;
}

.ag-cell input[type=number]:focus {
    outline: #9ABEC7 auto 1px;
}

.ag-cell input[type=number]::-webkit-outer-spin-button,
.ag-cell input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dontselect::-moz-selection {
    background-color: transparent;
    color: #000;
}

.dontselect::selection {
    background-color: transparent;
    color: #000;
}

.footer-title {
    margin-left: 1em;
}

.backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    will-change: transform;
    z-index: 100;
    padding-top: 6%
}

.tiersPopup {
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    position: fixed;
}

.closeBubble {
    cursor: pointer;
    float: right;
    margin: 7px;
}

.draggable-format {
    padding: 0.5em 1em 0.5em 1em;
    margin-bottom: 0.5em;
    cursor: pointer;
    user-select: none;
    text-align: center;
}

.cart-items-grid .ag-status-bar {
    min-height: 48px;
    align-items: center;
}

.ag-status-panel-filtered-row-count {
    height: fit-content;
    margin: 4px auto;
}

.total-copies-status-bar {
    height: fit-content;
    margin: 4px auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

.customizable-total-rows-status-bar {
    height: fit-content;
    margin: 12px;
}

.MuiBadge-anchorOriginBottomLeftRectangle {
    background-color: #8e8e8e !important;
}

.cartHoldingsFileId {
    max-width: 800px;
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap;
}

.ag-theme-balham {
    --ag-odd-row-background-color: #f5f7f7;
}

.ag-theme-balham .ag-row-odd {
    background-color: var(--ag-odd-row-background-color);
}

.alt-format-grid .ag-root-wrapper {
    border: 0 !important;
}

.styledScrollbar {
    overflow-y: auto;
    padding: 8px 12px;
}

.styledScrollbar::-webkit-scrollbar {width: 10px; height: 10px;}
.styledScrollbar::-webkit-scrollbar-track {background: #f1f1f1;}
.styledScrollbar::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, rgba(0, 94, 112, 0.9) , #0099ab);
    border-radius: 4px;
    border: 1px ridge rgba(0,0,0,0.1);
}
.styledScrollbar::-webkit-scrollbar-thumb:hover {background: #005E70;}