div[id="banner-gallery"] {
    margin-bottom: 1.5rem !important;
}

.item-editor-row .collapser:after {
    content: "View";
}

button > img[src*="magnifying-glass.svg"] {
    width: 14px;
    margin-top: 4px;
}

.shame-no-top-margin {
    margin-top: unset !important;
}

.shame-no-bottom-margin {
    margin-bottom: unset !important;
}

.shame-no-top-padding {
    padding-top: unset !important;
}

.shame-no-bottom-padding {
    padding-bottom: unset !important;
}

.shame-img-pointer img {
    cursor: pointer;
}

.shame-img-pointer a {
    margin-right: 20px;
}

.shame-no-flex {
    display: inherit;
}

.shame-machine-snapshots-simple p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.shame-machine-snapshots-simple a {
    text-align: center;
}

.shame-black-text {
    color: #1d282c;
}

.shame-dot {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.shame-expanding-button {
    background-color: #004e9e;
    height: 36px;
    float: right;
    cursor: pointer;
}

.shame-expanding-button:hover {
    background-color: #9eceff;
}

.shame-expanding-button img {
    width: 50px;
    height: 36px;
    float: right;
}

.shame-expanding-button div {
    color: white;
    display: inline;
    float: left;
}

.shame-expanding-button p {
    margin-top: 5px;
    margin-left: 5px;
}

.shame-smartservices-logo {
    margin-top: 6px;
    padding-right: 12px;
}

.shame-xsmall-text {
    font-size: x-small;
}

.shame-smaller-text {
    font-size: smaller;
}

.shame-vertical-align-middle {
    vertical-align: middle;
}

.shame-hide-draganddrop:before {
    content: none !important;
}

#customer-list {
    width: 356px;
    margin-top: 5px;
}

.shame-error-msg {
    background-color: #fdd;
    color: #b40000;
    display: none;
    padding: 2px .75rem;
    font-size: .8125rem;
    line-height: 1.5;
    margin-top: 0;
}

.shame-signature {
    font-family: 'Seaweed Script';
    font-size: 45px;
}

.shame-50-width {
    width: 50% !important;
}

.shame-50px-width {
    width: 50px !important;
}

.shame-120px-width {
    width: 120px !important;
}

.shame-70-margin-top {
    position: relative !important;
    z-index: 0;
    margin-top: -70px !important;
    opacity: 0;
    pointer-events: none;
}

.shame-inline-group-add-margin {
    margin-top: 0.75rem !important;
}

.shame-button-margin-left-5 {
    margin-left: 5px !important;
}

.shame-width-77 {
    width: 77% !important;
}

.shame-img-breadcrumb {
    height: 23px;
    margin-right: 10px;
}

.shame-qrcode-100px {
    width: 100px;
    transition: width 0.3s ease;
}

.shame-qrcode-100px:hover {
    width: 200px;
    cursor: pointer;
}

.shame-strikethrough {
    text-decoration: line-through red;
}

.shame-clear-decoration {
    text-decoration: none !important;
}

.shame-trans-background {
    background-color: transparent !important;
}

tr:not(.selected):hover td.shame-trans-background {
    /*background-color: color-mix(in hsl, #1f4e98, transparent 88%) !important;*/ /*This needs to replace the below statement when the new CSS is made live*/
    background-color: color-mix(in hsl, #1f4e98, transparent 89%) !important;
}

.shame-smaller-text {
    font-size: smaller;
}