body {
  min-width: 300px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1, h2, h3, h4, h5, h6, .navbar-nav {
  font-family: "Montserrat", "Segoe UI", Calibri, Candara, Arial, sans-serif;
}
h1 small {
  font-size: 60%;
}
.no-hover-underline a:hover, a.no-hover-underline:hover {
  text-decoration: none;
}
.no-hover a:hover, a.no-hover:hover {
  text-decoration: none;
  color: inherit;
}

.left-auto {
  margin-left: auto;
}
.right-auto {
  margin-right: auto;
}
.left-pad-no {
  padding-left: 0;
}
.right-pad-no {
  padding-right: 0;
}
.left-pad-md {
  padding-left: 1rem;
}
.right-pad-md {
  padding-right: 1rem;
}

.bottom-pad-md {
  padding-bottom: 1rem;
}

.pad-xs {
  padding: 0.25rem;
}
.margin-xs {
  margin: 0.25rem;
}
.bottom-xs {
  margin-bottom: 0.25rem;
}

.pad-sm {
  padding: 0.5rem;
}
.margin-sm {
  margin: 0.5rem;
}
.bottom-sm {
  margin-bottom: 0.5rem;
}

.pad-md {
  padding: 1rem;
}
.margin-md {
  margin: 1rem;
}
.bottom-md {
  margin-bottom: 1rem;
}

.pad-lg {
  padding: 2rem;
}
.margin-lg {
  margin: 2rem;
}
.bottom-lg {
  margin-bottom: 2rem;
}

.pad-xl {
  padding: 3rem;
}
.margin-xl {
  margin: 3rem;
}
.bottom-xl {
  margin-bottom: 3rem;
}

.flatpickr-btn {
  margin-top: 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0.5rem;
}

.flatpickr-calendar.hasCascade.arrowBottom {
  margin-top: -21px;
}

.hide {
  display: none;
}

.text-dev {
  color: #9954bb !important;
}

.pagination-wrap {
  display: inline-block;
}

.form-sm .form-group {
  margin-bottom: 0.5rem;
}
.form-sm label {
  font-size: 90%;
  margin-bottom: 0.25rem;
}

.header,
.header.headroom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  will-change: transform;
  transition: transform 200ms linear;
}
.headroom--pinned {
  transform: translateY(0%);
}
.headroom--unpinned {
  transform: translateY(-100%);
}

.table thead th {
  vertical-align: middle;
}

.table th.table-cell-label,
.table td.table-cell-label,
.table th.table-cell-link,
.table td.table-cell-link {
  overflow: hidden;
}
.table .table-cell-label > label,
.table .table-cell-link > a {
  display: block;
  margin: -50em;
  padding: 50em;
}

.table-center {
  text-align: center;
}
.table-center > thead > tr > th:first-child,
.table-center > tbody > tr > td:first-child {
  text-align: left;
}
.table-center > thead > tr > th:last-child,
.table-center > tbody > tr > td:last-child {
  text-align: right;
}

.table-layout-fixed {
  table-layout: fixed;
}

.nav-logo {
  height: 3.6rem;
}

.pic-circle {
  border-radius: 50%;
}

.pic-xs {
  width: 15px;
  height: 15px;
}
.pic-sm {
  width: 30px;
  height: 30px;
}
.pic-md {
  width: 40px;
  height: 40px;
}
.pic-lg {
  width: 80px;
  height: 80px;
}
.pic-xl {
  width: 140px;
  height: 140px;
}

.list-group-item-action {
  color: inherit;
}

.api-call-height {
  max-height: 300px;
  overflow-y: scroll;
}

.debug-panel-height {
  max-height: 400px;
  overflow-y: scroll;
}

/* ----- JS FUNCTIONALITY ----- */
.hide-filters .filters,
.hide-api-call .api-call {
  display: none;
}

.not-filters {
  display: none;
}
.hide-filters .not-filters {
  display: block;
}

.input-group .badge {
  height: 1.1rem;
}

@media screen and (max-width: 1400px) {
  .section-header-text {
    display: none;
  }
}

@media screen and (min-width: 1400px) {
  .dropdown-header-text {
    display: none;
  }
}

.vert-center-wrap {
  height: 100vh;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  resize: both;
}

.empty-watchlist-container {
  padding-top: 10rem;
}

.selectize-input-append {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.sticky-sidebar {
  float: right;
  width: 23rem;
  margin-right: 1rem;
  overflow: scroll;
  position: fixed;
  right: 0;
}
.sticky-mainbar {
  margin-right: 24rem;
}
.sticky-wrapbar {
}

.sticky-contents {
  position: sticky;
  top: 30px;
}

.grid {
  display: grid;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.hide-filters .sticky-sidebar {
  width: 0;
  margin-right: 0;
}
.hide-filters .sticky-mainbar {
  margin-right: 0;
}

.show-post-init {
  visibility: hidden;
}
.post-init .show-post-init {
  visibility: inherit;
}

.width-date {
  min-width: 5rem;
}

.dropdown-option {
  margin: 5px;
}
.cover-thumb {
  width: 70px;
  height: 70px;
  text-align: center;
  float: left;
  margin-right: 10px;
}
.cover-thumb > img {
  height: 100%;
}

.dropdown-option-flex {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.dropdown-option-flex > * {
  margin: 5px;
}
.dropdown-option-flex > .dropdown-cover-thumb {
  flex-grow: 0;
  width: 70px;
  min-width: 70px;
  height: 70px;
  text-align: center;
}
.dropdown-option-flex > .dropdown-cover-thumb > img {
  height: 100%;
  max-width: 100%;
}
.selectize-dropdown-content {
  max-height: 300px;
}

.selectize-dropdown {
  width: auto !important;
  word-break: break-word;
}

.input-group .selectize-input {
  vertical-align: top;
}

.inline {
  display: inline;
}

.text-hover {
  border-bottom: 2px dotted rgb(0, 146, 255);
  cursor: default;
}

.editable-column:not(:focus):disabled {
  cursor: not-allowed;
}

td.td-disabled {
  cursor: not-allowed;
}

.editable-column {
  /* Chrome and Firefox */
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  width: 100%;
}

/*IE*/
.editable-column::-ms-expand {
  display: none;
}

select.updates:focus,
.editable-column:focus {
  border: 2px solid rgb(0, 146, 255);
  padding: 1px;
}

select.updates:not(:focus),
.editable-column:not(:focus) {
  padding: 2px;
  background: transparent;
  cursor: pointer;
}

select.updates:not(.is-invalid):not(:focus),
.editable-column:not(.is-invalid):not(:focus) {
  border: none;
}

.select2-selection--single {
  background-color: unset !important;
  border: none !important;
}

.select2-selection__arrow b {
  display: none !important;
}

.select2-container--default .select2-results__option {
  color: #828188;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  color: #494949;
  background-color: #f8f8f8;
}

.select2-results__group {
  font-size: 1rem;
}

.flex-group {
  display: flex;
}

.meta-image-group {
  display: flex;
  align-items: center;
}
.meta-image {
  flex-grow: 1;
}

.split {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cursor-wait {
  cursor: wait;
}

::placeholder {
  color: #c3c3c3;
  opacity: 1;
}
input[type]::-webkit-input-placeholder,
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c3c3c3;
  opacity: 1;
}
/* Firefox 19+ */
::-moz-placeholder,
input[type]::-moz-placeholder {
  color: #c3c3c3;
  opacity: 1;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #c3c3c3;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #c3c3c3;
  opacity: 1;
}

.list-choice.list-group-item,
.list-choice {
  display: flex;
  align-items: center;
}
.list-choice > :first-child {
  margin-right: 1rem;
}

/* Make form asterisk red and show "required" on hover. */
.required-symbol {
  color: #e51c23;
  padding-left: 3px;
  cursor: default;
}
.required-symbol:hover:after {
  content: " required";
}

.flex-wrap {
  display: flex;
  justify-content: space-between;
}

.ul-padding-none {
  margin-bottom: 0;
  padding-inline-start: 15px;
  -webkit-padding-start: 15px;
}

.valid-feedback,
.invalid-feedback {
  display: block;
}

.btn:focus {
  box-shadow: none;
}

.btn > .chevron.right {
  transition: 0.4s ease;
}
.btn[aria-expanded="true"] > .chevron.right {
  transform: rotate(135deg);
}

.btn-filter-group > .badge {
  right: 12px;
  margin-top: -10px;
  top: inherit;
}

div.col-6 div > span.badge.badge-pill.badge-danger.btn-badge,
div.col > span.badge.badge-pill.badge-danger.btn-badge {
  position: relative;
  left: -15px;
  top: -15px;
}

.inmplayer-general > .inmplayer-trigger {
  display: none;
}

.logo-wrap {
  position: relative;
}
.logo-label {
  position: absolute;
  right: 5px;
  top: 5px;
}
.logo-label-dashboard {
  position: relative;
}
.navbar-expand-lg .navbar-nav .nav-link.logo-wrap {
  padding: 0;
}

.padded-container {
  padding: 5rem;
}

.padded-container-top {
  padding-top: 1rem;
}

.padding-container-bottom {
  padding-bottom: 1rem;
}

.cover-placeholder {
  width: 120px;
  height: 180px;
  display: block;
  background-color: lightgray;
  color: white;
}

.dropdown-toggle.no-caret:after {
  display: none;
}

.dropdown-menu {
  overflow-y: auto;
  max-height: 800px;
  z-index: 9;
}

.link-to-top {
  position: absolute;
  bottom: 8px;
  right: 40px;
  width: 42px;
  height: 42px;
  z-index: 99;
  font-size: 18px;
  border-radius: 50%;
  box-shadow: 0 0.25rem 0.5rem 0 gray;
  opacity: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

/*
 * Use form element as list group item and style the form's
 * button element to expand to look and act like a normal
 * list group item action element.
 */
form.dropdown-item,
form.list-group-item.list-group-item-action {
  overflow: hidden;
}
form.dropdown-item > button,
form.list-group-item.list-group-item-action > button {
  all: unset;
  background-color: inherit;
  display: block;
  padding: 50em;
  margin: -50em;
  cursor: pointer;
}

.list-group-sm .list-group-item {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.list-group-item-dark {
  background-color: #28221e;
  color: white;
  border-color: #697077;
}
.list-group-item-dark a.dropdown-toggle,
.list-group-item-dark > a {
  color: white;
}

/*
 * For some reason, active class was causing list items to
 * display on top of dropdown menus.
 */
.list-group-item-dark._active {
  background-color: #0092ff;
}
.list-group-item-dark._active a.dropdown-toggle,
.list-group-item-dark._active > a {
  color: white;
}

.dropdown-menu.selectize-dropdown {
  margin-top: -8px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.avatar-height {
  line-height: 3rem;
}
.ellipsis-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.width-2 {
  width: 2rem;
}
.width-approx-5 {
  min-width: 4rem;
  max-width: 6rem;
}
.width-approx-8 {
  min-width: 6rem;
  max-width: 8rem;
}
.width-approx-18 {
  min-width: 15rem;
  max-width: 20rem;
}

.pic-wrap-md {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
}
.pic-max-md {
  max-width: 40px;
  max-height: 40px;
}
.min-height-md {
  min-height: 40px;
}

.card-list-item {
  max-width: 30rem;
  float: left;
}

select[data-init="multiselect"] {
  height: 2.375rem !important;
  overflow-y: hidden;
}

select[data-init="multiselect"] > option {
  display: none;
}

.z-md {
  z-index: 10;
}

.cursor-pointer {
  cursor: pointer;
}

.text-top {
  vertical-align: top;
}

.min-width-md {
  min-width: 12em;
}

a.dropdown-item:not([href]):not([tabindex]):not(.disabled):hover {
  background-color: #f8f9fa;
}
a.dropdown-item.disabled:not([href]):not([tabindex]) {
  color: #868e96;
  cursor: default;
}

.th-checkbox {
  position: relative;
  top: 3px;
}

.bottom-1rem {
  margin-bottom: 1rem;
}

a.text-undecorated {
  text-decoration: none;
}

.is-invalid,
.is-invalid .selectize-input,
.is-invalid .selectize-input:focus {
  border: 2px solid #e51c23;
  border-radius: 0.2rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.is-warning {
  border: 2px solid #dd8800;
  border-radius: 0.2rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.old-update-data {
  color: grey;
}

.new-update-data {
  color: #4caf50;
}

.error,
.error-icon {
  color: #e51c23;
}

.success,
.success-icon {
  color: #4caf50;
}

.warning,
.warning-icon {
  color: #dd8800;
}

.flex-grow {
  flex-grow: 1;
}
.limited-height .selectize-input {
  max-height: 139px;
  overflow: auto;
}

.col-4rem {
  max-width: 4em;
}

div.is-invalid input.editable-column:focus,
div.is-invalid select.editable-column:focus {
  border: none;
}

div.selectize-input.has-items div.item {
  padding-right: 8px;
  word-break: break-word;
}

.iframe-email-preview {
  height: 100%;
  width: 100%;
  min-height: 800px;
  max-width: 600px;
  display: block;
  border: 1px solid black;
}

.flash-link {
  text-decoration: none;
  color: #fffefd;
  font-weight: bold;
}

.flash-link:hover {
  color: #fffefd;
  text-decoration: underline;
}

.default-cursor:hover {
  cursor: default;
}

.form-control[readonly][data-init="timePickr"] {
  background-color: #ffffff;
}

[data-init="rrFreezeTable"] {
  transition: margin-top 0.5s ease;
}

.selectize-no-caret .selectize-control.single .selectize-input:after {
  display: none;
}

mark,
.mark {
  padding: 0em;
}

.draggable:hover {
  cursor: move;
}

.external-corner-cell {
  padding: 0.6rem;
}

.rows-label-row {
  flex-direction: column;
  justify-content: right;
}

.rows-label {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  writing-mode: tb-lr; /*  for IE  */
  writing-mode: vertical-lr;
}

.noty_body a {
  color: white;
  font-weight: 800;
}

.row-hover-show {
  opacity: 0;
}
tr:hover .row-hover-show {
  opacity: 1;
}

.dismissible-badge {
  font-size: 0.875rem;
  font-weight: 400;
  margin: 2px;
}

.dismissible-badge a.remove {
  cursor: pointer;
}

.border-dotted {
  border-style: dotted !important;
}

.border-width-3 {
  border-width: 3px !important;
}

.font-weight-500 {
  font-weight: 500;
}

.custom-underline {
  border-bottom: 1px solid #dee2e6;
  margin-right: 15px;
  padding-right: 0px;
}

.nav-cherry {
  background-color: red !important;
}

.nav-placeholder {
  height: 5.3rem;
}

.padded-base-expand {
  min-height: calc(100vh - 85px);
  display: flex;
  flex-direction: column;
}

.padded-base-grow {
  flex-grow: 1;
}

.padded-base-shrink {
  flex-shrink: 1;
}

/* vertically aligns text with button text */
.btn-align {
  line-height: 2rem;
}

.transparent-card {
  background: transparent;
}

.circle-indicator {
  border-radius: 50%;
  height: 20px;
  width: 20px;
}

.center-text-widget-parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.animated-chart-element {
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.view-all-element {
  min-height: 167px;
  background-color: white;
  display: inline-block;
  text-align: center;
  align-content: center;
}

.view-all-item {
  margin-bottom: 5px;
  display: block !important;
}

.view-all {
  min-width: 11.11%;
}

.view-all .dashboard-nav-link {
  min-width: 100%;
  height: auto;
  display: block;
}

.view-all-item-caption {
  display: block;
}

.widget-table-text-item {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.75rem !important;
}

.loading-parent {
  display: flex;
}

.loading-child {
  margin: auto;
  width: 3rem;
  height: 3rem;
}

.loading-parent.fullscreen-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
}

.hide-loader {
  display: none;
}

.dashboard-container {
  background-color: #f4f8fc !important;
  height: 100%;
}

.dashboard-nav-link {
  cursor: pointer;
}

.imitate-link {
  cursor: pointer;
  color: #0092ff;
}

.imitate-link:hover {
  color: #0066b3;
  text-decoration: underline;
}

.imitate-link-no-color {
  cursor: pointer;
}

.imitate-link-no-color:hover {
  text-decoration: underline;
}

/*
These are all classes relating to the dashboard, regarding
font / padding / sizing changes.  These will be added to
the Bootswatch file once QA is complete
 */
.dashboard-header {
  size: 20px;
  font-family: Karla, serif;
  color: #8b8b8b;
}

.widget-card {
  border-radius: 5px;
  border: none;
}

select.figma-select,
.dropdown.figma-select {
  border: 2px solid #f1f1f1;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: white;
  font-family: Karla, serif;
  size: 14px;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: "";
  text-align: center;
  min-width: 112px;
  min-height: 33px;
}

.dropdown.figma-select a {
  vertical-align: sub;
}

.dropdown.figma-select .dropdown-menu {
  max-height: 400px;
  font-size: 10px;
}

.pre-order-header {
  color: #838383;
}

.widget-watchlist-icon {
  color: #7d7d7d;
}

.view-all-text {
  font-family: Karla, serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0;
  text-align: center;
}

.flex-release-item {
  display: inline-block;
  align-self: flex-end;
  min-width: 11.11%;
}

.flex-release-item .dashboard-nav-link {
  display: block;
}

.flex-release-item .dashboard-nav-link img,
.flex-release-item .displayBlock img {
  display: block;
  height: auto;
  min-height: 100%;
  width: 100%;
}

.flex-release-item div div {
  width: 100%;
}

.displayBlock {
  display: block;
}

.no-new-releases-box {
  min-height: 214px;
  background: #ffffff;
  border-radius: 11px;
  font-family: Karla, serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0;
  text-align: left;
  color: #a0a0a0;
}

.live-indicator {
  color: #169f00;
}

.live-indicator-dot {
  height: 12px;
  width: 12px;
  background: #00e825;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.dashboard-rounded {
  border-radius: 5px;
}

.dashboard-box-shadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.new-exceptions-box {
  max-height: 163px;
  min-width: 330px;
  text-align: left;
}

.ml-2rem {
  margin-left: 2rem !important;
}

.new-exceptions-box p {
  color: #000000;
  border-bottom: none;
  margin-bottom: 0;
}

.max-width-800 {
  max-width: 800px;
}

.width-800 {
  width: 800px;
}

.dotted-bottom-line {
  border-bottom: 2px dotted #000000;
}

.dotted-left-line {
  border-left: 2px dotted #444;
  min-width: 30px;
  min-height: 50%;
}

.widget-header {
  font-size: 18px;
  font-family: Karla, serif;
  font-weight: 800;
  color: #4d4d4d;
  border-bottom: 2px solid #eae0e0;
  padding-top: 1rem;
  padding-right: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
}

.widget-header-non-transparent {
  background-color: #ffffff;
}

.widget-list-item {
  font-family: Karla, serif;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-list-item-italic {
  font-family: Karla, serif;
  font-size: 16px;
  font-style: italic;
}

.widget-list-header {
  font-family: Karla, serif;
  font-size: 14px;
  background-color: #d9d9d9;
}

.market-analytics-genre .widget-list-header {
  font-size: 14px;
}

.market-analytics-genre .widget-table-text-item {
  max-width: 100%;
}

.market-analytics-genre .widget-table-text-item,
.market-analytics-genre .widget-table-text-item {
  font-size: 16px;
}

.table.no-cellpadding td {
  padding: 0;
}

.widget-card-shadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.dashboard-section-header {
  font-family: Karla, serif;
  font-size: 16px;
  font-weight: 700;
  color: #838383;
}
/* End dashboard classes */

.switch input {
  position: absolute;
  opacity: 0;
}

/**
 * 1. Adjust this to size
 */

.switch {
  display: inline-block;
  font-size: 10px; /* 1 */
  height: 10px;
  width: 35px;
  background: #bdb9a6;
  border-radius: 20px;
}

.switch div {
  height: 15px;
  width: 15px;
  border-radius: 1em;
  background: #00c2ff;
  box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
  margin-top: -3px;
}

.switch input:checked + div {
  -webkit-transform: translate3d(150%, 0, 0);
  -moz-transform: translate3d(150%, 0, 0);
  transform: translate3d(150%, 0, 0);
}

table.highlight-first tr:nth-child(1) {
  background-color: #beefff !important;
  font-weight: bold;
}

.placement-root-container .table th:nth-child(1),
.placement-root-container .table td:nth-child(1) {
  padding: 0.75rem 0 0.75rem 0.75rem !important;
}

.placement-root-container .table td:nth-child(3),
.placement-root-container .table th:nth-child(3) {
  text-align: right;
  padding-right: 0.75rem !important;
}

.placement-root-container .table th:nth-child(2) {
  width: 45%;
}

@media screen and (max-width: 991px) {
  .placement-root-container {
    padding-right: 3rem;
  }
  .exception-root-container {
    padding-right: 3rem;
  }
  .exception-root-container .max-width-800 {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .general-preference-btns {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
  .placement-root-container.width-800 {
    width: initial;
  }
}

.reduction .table th:nth-child(1) {
  width: 40%;
}

@media screen and (max-width: 720px) {
  .reduction table thead tr th:nth-child(2),
  .reduction table tbody tr td:nth-child(2) {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .reduction table thead tr th:nth-child(4),
  .reduction table tbody tr td:nth-child(4),
  .reduction table thead tr th:nth-child(3),
  .reduction table tbody tr td:nth-child(3) {
    display: none;
  }
  .new-exceptions-box {
    min-width: 100%;
  }
  .hide-graph {
    display: none;
  }
  .hide-table {
    display: block;
  }
  .dashboard-container .pr-5 {
    padding-right: 0 !important;
  }
  .exception-root-container {
    padding-right: 0;
  }
  .mr-480-5 {
    margin-right: 3rem !important;
  }
}

@media screen and (min-width: 480px) {
  .hide-table {
    display: none;
  }
}

@media screen and (max-width: 360px) {
  .exception-root-container .new-exceptions-chart {
    display: none;
  }
}

.open > .dropdown-menu {
  display: block;
}

.close-btn {
  background-image: linear-gradient(#808890, #808890 0%, #808890);
}

.info-card-large-label {
  font-family: Karla, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #5b5b5b;
}

.info-card-large-value {
  font-family: Karla, serif;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
}

.info-card-large-header {
  font-family: Karla, serif;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: #757575;
}

.info-card-large-header a {
  color: #757575;
}

.info-card-small-value {
  font-family: Karla, serif;
  font-weight: 400;
  font-size: 18px;
}

.info-card-small-header {
  font-family: Karla, serif;
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
}

.breadcrumb.vue {
  background-color: transparent;
}

.breadcrumb-item.vue.active {
  color: black;
  font-weight: 700;
  font-family: Karla, serif;
}

.breadcrumb-link.vue {
  color: black;
  font-weight: 700;
  font-family: Karla, serif;
}

.breadcrumb-item.vue::before {
  color: black;
  font-weight: 700;
  font-family: Karla, serif;
}

.tpr-dropdown {
  color: black;
  font-weight: 700;
  font-family: Karla, serif;
}

.territory-select-item {
  display: block;
  width: 25%;
  float: left;
}

.modal-overlay {
  display: block;
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.modal-overlay div {
  position: absolute;
  top: 50%;
  left: 50%;
}

.textarea-field {
  height: 300px;
}

.meta-table .meta-table-row {
  margin-bottom: 0.25rem;
}
.meta-table .meta-table-th {
  display: inline-block;
  width: 30%;
  text-align: right;
  padding-right: 1rem;
}

.table .date-cell {
  min-width: 8em;
}

.table .cell-xs {
  max-width: 6em;
}
.table .cell-sm {
  max-width: 10em;
}
.table .cell-md {
  max-width: 20em;
}
.table .cell-lg {
  max-width: 20em;
}

[data-init=inlineFilterForm] .dropdown-toggle::after {
  display: none;
}
[data-init=inlineFilterForm] [data-iff-input] {
  border: 0;
  outline: 0;
}
.badge-form-input {
  font-size: inherit;
  font-family: inherit;
  line-height: 1.5;
  font-weight: normal;
  padding-left: 8px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  height: inherit;
}
.input-group .badge.badge-form-input {
  height: auto;
}
.badge-form-input .remove {
  padding-top: 3px;
  border-left-color: #33a8ff;
  display: inline-block;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
}

.flex-height, .form-control.flex-height {
  height: inherit;
}