body {
    margin: 0
}

.form-control.form-control-invalid,
form-control-invalid {
    border: 1px solid rgba(255, 0, 0, 0.75)
}

.form-control.form-control-invalid:focus,
form-control-invalid:focus {
    outline: 0;
    border: 1px solid rgba(255, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.75);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.75)
}

#mango-web-app {
    font-family: 'Roboto';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}

.mw-clickable {
    cursor: pointer
}

.mw-hide-spinners {
    -moz-appearance: textfield
}

.mw-hide-spinners::-webkit-outer-spin-button,
.mw-hide-spinners::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mw-calendar-holiday {
    background-color: red
}

.mw-calendar-delivery {
    background-color: yellow
}

.mw-calendar-selected {
    margin: .5em 0 0 .5em;
    width: 40px;
    height: 40px
}

@media (max-width: 720px) {
    .mw-calendar-selected {
        width: 30px;
        height: 30px;
        margin-top: 1em
    }
}

.H_ib.default .H_ib_body {
    bottom: 4.5em
}

.H_ib.default .H_ib_tail {
    margin: -5em -10px
}

.H_ib.customer-pin .H_ib_body {
    bottom: 2.5em
}

.H_ib.customer-pin .H_ib_tail {
    margin: -3em -10px
}

.H_ib.prospect-pin .H_ib_body {
    bottom: 2.5em
}

.H_ib.prospect-pin .H_ib_tail {
    margin: -3em -10px
}

.H_ib.truck .H_ib_body {
    bottom: 2.5em
}

.H_ib.truck .H_ib_tail {
    margin: -3em -10px
}

.H_ib.bread-crumb .H_ib_body {
    bottom: .5em
}

.H_ib.bread-crumb .H_ib_tail {
    margin: -1em -10px
}

@font-face {
    font-family: "signature-1";
    src: url("/fonts/signature1.woff") format("woff")
}

.signature-font-1 {
    font-family: "signature-1"
}

@font-face {
    font-family: "signature-2";
    src: url("/fonts/signature2.woff") format("woff")
}

.signature-font-2 {
    font-family: "signature-2"
}

@font-face {
    font-family: "signature-3";
    src: url("/fonts/signature3.woff") format("woff")
}

.signature-font-3 {
    font-family: "signature-3"
}

@font-face {
    font-family: "signature-4";
    src: url("/fonts/signature4.woff") format("woff")
}

.signature-font-4 {
    font-family: "signature-4"
}

@font-face {
    font-family: "signature-5";
    src: url("/fonts/signature5.woff") format("woff")
}

.signature-font-5 {
    font-family: "signature-5"
}

@font-face {
    font-family: "signature-6";
    src: url("/fonts/signature6.woff") format("woff")
}

.signature-font-6 {
    font-family: "signature-6"
}

@font-face {
    font-family: "signature-7";
    src: url("/fonts/signature7.woff") format("woff")
}

.signature-font-7 {
    font-family: "signature-7"
}

.mw-checkbox {
    -webkit-appearance: none;
    display: block;
    min-height: 1.5em;
    min-width: 1.5em;
    max-height: 1.5em;
    max-width: 1.5em;
    background-color: white;
    border: 1px solid #c8c8c8;
    margin-right: 10px;
    border-radius: 0.25rem
}

input.mw-checkbox[type="checkbox"i]:disabled {
    background-color: #e9ecef
}

.mw-checkbox:hover {
    background-color: #ccc
}

.mw-checkbox:checked {
    background-color: #1230BC
}

.mw-checkbox:checked:after {
    display: block
}

.mw-checkbox:after {
    content: "";
    display: none;
    margin-left: .5em;
    margin-top: .2em;
    width: .45em;
    height: .85em;
    border: solid white;
    border-width: 0 .2em .2em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mw-checkbox:indeterminate {
    background-color: #1230BC;
    text-align: center
}

.mw-checkbox:indeterminate:after {
    margin-top: 0;
    margin-left: 0;
    width: calc(1.5em / 2 - 1px);
    height: calc(1.5em / 2 - 1px);
    background: white;
    border-radius: 0.2em;
    border: unset;
    border-width: unset;
    -webkit-transform: unset;
    transform: unset;
    display: inline-block;
    position: relative
}

.mw-radio {
    -webkit-appearance: none;
    display: block;
    min-height: 1.5em;
    min-width: 1.5em;
    max-height: 1.5em;
    max-width: 1.5em;
    background-color: white;
    border: 1px solid #c8c8c8;
    margin-right: 10px;
    border-radius: 0.25rem
}

input.mw-radio[type="radio"i]:disabled {
    background-color: #e9ecef
}

.mw-radio:hover {
    background-color: #ccc
}

.mw-radio:checked {
    background-color: #1230BC;
    text-align: center
}

.mw-radio:checked:after {
    display: block
}

.mw-radio:after {
    content: "";
    display: none;
    margin-left: .5em;
    margin-top: .2em;
    width: .45em;
    height: .85em;
    border: solid white;
    border-width: 0 .2em .2em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mw-scroll-bar::-webkit-scrollbar {
    width: initial
}

.mw-scroll-bar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.mw-scroll-bar::-webkit-scrollbar-thumb {
    background: #BE009E;
    border-radius: 10px
}

.mw-scroll-bar::-webkit-scrollbar-thumb:hover {
    background: #00e6e6
}

.mw-scroll-bar::-webkit-scrollbar-thumb:active {
    background: #0cc
}

.mw-col {
    text-align: left
}

.mw-col.mw-right {
    text-align: right
}

.mw-col.mw-center {
    text-align: center
}

.mw-col.mw-bold {
    font-weight: bold
}

.mw-progress-container {
    position: absolute;
    background: white;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.mw-progress-loading-bar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.mw-spinner-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mw-progress {
    width: 75%
}

.mw-progress .mw-center-text {
    width: 100%;
    text-align: center
}

.mw-progress div.progress {
    height: 5px
}

.mw-progress div.progress div.progress-bar {
    width: 25%
}

.mw-progress div.progress div.progress-bar .red {
    color: red;
    background: red
}

.mw-loading .progress {
    height: 5px;
    width: 100%
}

.mw-loading .progress .progress-bar {
    width: 25%
}

.mw-loading label {
    display: block;
    text-align: center;
    width: 100%;
    font-weight: bold
}

.mw-progress .progress .progress-bar,
.mw-loading .progress .progress-bar {
    margin-left: -25%;
    -webkit-transition: width 2s;
    transition: width 2s;
    animation-duration: 1s;
    animation-name: mw-keyframe-loading;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@keyframes mw-keyframe-loading {
    from {
        margin-left: -25%
    }
    to {
        margin-left: 100%
    }
}

.mw-spinner {
    width: 2em;
    align-self: center;
    margin-top: 1em;
    margin-bottom: 1em;
    z-index: 9999;
    border: 1em solid #f9f9f9;
    border-bottom-color: #1230BC;
    border-top: 1em solid #1230BC;
    border-radius: 50%;
    -webkit-animation: mw-spinner-frames 2s linear infinite;
    animation: mw-spinner-frames 2s linear infinite
}

@-webkit-keyframes mw-spinner-frames {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes mw-spinner-frames {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.mw-animate-shake {
    animation: mw-keyframe-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

@keyframes mw-keyframe-shake {
    10%,
    90% {
        transform: translate3d(-0.5em, 0, 0)
    }
    20%,
    80% {
        transform: translate3d(1em, 0, 0)
    }
    30%,
    50%,
    70% {
        transform: translate3d(-2em, 0, 0)
    }
    40%,
    60% {
        transform: translate3d(2em, 0, 0)
    }
}

.mw-menu-items a,
.mw-menu-items a:hover,
.mw-menu-items a:focus {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mw-menu-items .dropdown-menu a {
    cursor: pointer
}

.mw-menu-items ul p {
    color: white;
    padding: 10px
}

.mw-menu-items ul li a {
    font-size: 1.1em;
    display: block
}

.mw-menu-items ul li a:hover {
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer
}

.mw-menu-items ul ul a {
    font-size: 0.9em;
    padding-left: 2em;
    background: #2f3538
}

.mw-menu-items a[data-toggle="collapse"] {
    position: relative
}

.mw-menu-items .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.mw-menu-items .mw-menu-arrow {
    display: inline;
    margin: 0 0 0 .3em;
    font-size: .7em;
    position: relative;
    bottom: -.3em;
    opacity: 0
}

.mw-menu-items.mw-menu-horizontal {
    display: flex;
    flex-direction: row;
    line-height: 2em;
    background: #1230BC;
    color: white;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    background-image: linear-gradient(#1230BC, #00a2f3)
}

.mw-menu-items.mw-menu-horizontal .mw-left-menu-field-sales,
.mw-menu-items.mw-menu-horizontal .mw-left-menu-mango-web {
    width: 100vw;
    text-align: center
}

.mw-menu-items.mw-menu-horizontal ul {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.mw-menu-items.mw-menu-horizontal ul li {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.mw-menu-items.mw-menu-horizontal ul li a {
    padding: 0 .5em 0 .5em
}

.mw-menu-items.mw-menu-horizontal ul li a:hover .mw-menu-arrow {
    opacity: 100%
}

.mw-menu-items.mw-menu-horizontal .mw-left-menu-field-sales img {
    display: none
}

.mw-menu-items.mw-menu-vertical ul li {
    display: block
}

.mw-menu-items.mw-menu-vertical ul li a {
    padding: 10px
}

.mw-menu-items.mw-menu-vertical ul li a:hover {
    background-color: rgba(255, 255, 255, 0.2)
}

.mw-menu-items.mw-menu-vertical ul.components {
    padding: 2px 0;
    border-bottom: 1px solid #000
}

.mw-menu-items.mw-menu-vertical .left-menu-header {
    padding: 20px;
    color: white;
    background-color: rgba(255, 255, 255, 0.3);
    height: 50px
}

.mw-menu-items.mw-menu-vertical .left-menu-header button {
    background-color: transparent;
    color: white;
    border: 0
}

.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales {
    padding-top: 20px
}

.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales img {
    width: 18em;
    background: white;
    margin: 0.2em 1em;
    border: medium solid #BE009E
}

.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales .mw-left-menu-field-sales-space {
    height: 200px
}

.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales label {
    padding: 10px;
    font-size: 1.1em;
    display: block
}

.mw-menu-items.mw-menu-vertical .mw-left-menu-field-sales label i {
    padding-right: 0.5em
}

#mw-left-menu .left-menu-main {
    position: fixed;
    width: 0;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    color: white;
    overflow-x: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #1230BC;
    overflow-y: auto;
    white-space: nowrap
}

#mw-left-menu .left-menu-main .close-button a {
    position: absolute;
    right: .3em;
    color: white
}

#mw-close-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 998;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#mw-close-menu.mw-close-menu-show {
    display: inline-block
}

#mw-top-page {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh
}

#mw-top-page .mw-top-menu-horizontal-logo {
    float: left;
    height: 1.9em;
    margin: 0 1em 0 .5em
}

#mw-top-page .mw-body {
    flex-grow: 1;
    overflow: auto
}

#mw-top-page .mw-top-menu {
    z-index: 997;
    top: 0;
    width: 100vw;
    box-sizing: border-box;
    height: 50px;
    background: #1230BC;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#mw-top-page .mw-top-menu .mw-top-page-left {
    display: flex;
    flex-direction: row
}

#mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button {
    width: fit-content
}

#mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button .supervisor-back-button-text {
    padding-left: 10px
}

@media (max-width: 800px) {
    #mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button .supervisor-back-button-text {
        font-weight: unset;
        font-size: .9em
    }
}

@media (max-width: 500px) {
    #mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button .supervisor-back-button-text {
        font-weight: unset;
        font-size: .8em
    }
}

@media (max-width: 400px) {
    #mw-top-page .mw-top-menu .mw-menu-button.supervisor-back-button .supervisor-back-button-text {
        display: none
    }
}

#mw-top-page .mw-top-menu .mw-menu-button {
    height: 50px;
    width: 60px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none;
    color: #000;
    font-weight: bold;
    cursor: pointer
}

#mw-top-page .mw-top-menu .mw-menu-button i {
    font-size: 20px;
    color: #000
}

@media only print {
    #mw-top-page .mw-top-menu .mw-menu-button {
        display: none
    }
}

#mw-top-page .mw-top-menu .mw-menu-button label {
    color: #000;
    font-weight: bold
}

#mw-top-page .mw-top-menu button:hover {
    background: rgba(255, 255, 255, 0.15)
}

#mw-top-page .mw-top-menu button:active {
    background: white
}

#mw-top-page .mw-top-menu button:active i,
#mw-top-page .mw-top-menu button:active label {
    color: #1230BC
}

#mw-top-page .mw-top-menu button:focus {
    outline: thin solid transparent
}

#mw-top-page .mw-top-menu .dropdown-menu {
    border-radius: 0 0 .3em .3em;
    margin: 0;
    background: #1230BC;
    border-top: none
}

#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item {
    color: #000;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px
}

#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item i {
    position: relative;
    left: -1.2em
}

#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item span {
    position: absolute;
    left: 1.5em
}

#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item.disabled:hover,
#mw-top-page .mw-top-menu .dropdown-menu .disabled {
    color: rgba(255, 255, 255, 0.4)
}

#mw-top-page .mw-top-menu .dropdown-menu .dropdown-item:hover {
    color: #1230BC;
    font-weight: 300
}

#mw-top-page .mw-top-menu .dropdown-shopping-cart:hover #shopping-cart-summary.allow-hover {
    display: block
}

#mw-top-page .mw-top-menu a,
#mw-top-page .mw-top-menu a:hover {
    font-size: 20px;
    color: white;
    text-decoration: none
}

#mw-top-page .mw-top-menu .right-side {
    display: inline-flex;
    float: right;
    padding-right: 1em
}

#mw-top-page .mw-top-menu .mw-top-menu-title {
    color: white;
    font-size: 1.7em;
    overflow: hidden;
    align-self: center;
    height: 50px;
    line-height: 50px
}

@media (max-width: 800px) {
    #mw-top-page .mw-top-menu .mw-top-menu-title {
        font-size: 1.2em
    }
}

@media (max-width: 500px) {
    #mw-top-page .mw-top-menu .mw-top-menu-title {
        font-size: 1em
    }
}

#mw-top-page>div.mw-top-page-bar>div.mw-top-menu>div.right-side>div>button>label {
    color: white;
}

#mw-top-page .mw-topbar {
    display: flex;
    flex-direction: row;
    height: 2em;
    background-image: linear-gradient(#1230BC, #00a2f3);
    color: white;
}

#mw-top-page>div.mw-top-page-bar>div.mw-topbar>div.mw-topbar-link.mw-link1>a>span {
    color: white;
}

#mw-top-page>div.mw-top-page-bar>div.mw-topbar>div.mw-topbar-link.mw-link3>a>span {
    color: white;
}

#mw-top-page .mw-topbar .mw-topbar-link {
    color: white;
    margin: auto
}

#mw-top-page .mw-topbar .mw-topbar-link.mw-link1 {
    margin-left: .5em
}

#mw-top-page .mw-topbar .mw-topbar-link.mw-link1 span {
    margin: 0 0 0 .5em
}

#mw-top-page .mw-topbar .mw-topbar-link.mw-link1 span,
#mw-top-page .mw-topbar .mw-topbar-link.mw-link2 span,
#mw-top-page .mw-topbar .mw-topbar-link.mw-link3 span {
    display: inline;
    margin: 0 0 0 .5em
}

#mw-top-page .mw-topbar .mw-topbar-link.mw-link3 {
    margin-right: .5em
}

#mw-top-page .mw-topbar .mw-topbar-link a {
    color: white;
    text-decoration: none;
    transition: all .5s ease-out
}

#mw-top-page .mw-topbar .mw-topbar-link a:hover {
    color: #cfcfcf
}

@media (max-width: 500px) {
    #mw-top-page .mw-topbar {
        height: 3em
    }
    #mw-top-page .mw-topbar .mw-topbar-link.mw-link1 i,
    #mw-top-page .mw-topbar .mw-topbar-link.mw-link2 i,
    #mw-top-page .mw-topbar .mw-topbar-link.mw-link3 i {
        font-size: 3em
    }
    #mw-top-page .mw-topbar .mw-topbar-link.mw-link1 span,
    #mw-top-page .mw-topbar .mw-topbar-link.mw-link2 span,
    #mw-top-page .mw-topbar .mw-topbar-link.mw-link3 span {
        display: none
    }
}

#mw-top-page .mw-message-box.mw-sign-out-message .mw-message-box-dialog .mw-message-box-footer button {
    width: 30%
}

#mw-top-page .mw-message-box.mw-error-message .mw-message-box-dialog .mw-message-box-footer-right-align button {
    width: 20%
}

.mw-top-page-fixed {
    position: fixed;
    width: 100vw
}

.mw-account-page {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: #f3f3f3;
    flex-wrap: wrap;
    word-wrap: break-word;
    flex: 1
}

.mw-account-page .mw-account-page-container {
    display: flex;
    flex-direction: column;
    margin: 0.5em;
    position: relative;
    word-wrap: break-word;
    border: 1px solid #BE009E;
    flex: 1;
    min-width: 300px
}

.mw-account-page .mw-account-page-title {
    font-size: 1.25em;
    background-color: #BE009E;
    color: white;
    height: 2em;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 0.5em
}

.mw-account-page .mw-account-page-account {
    padding: 0em 0.75em
}

.mw-account-page .mw-account-page-section {
    display: block;
    font-size: 1em;
    margin: 0.75em;
    padding: 4px 10px;
    background-color: #BE009E;
    color: white;
}

@media (max-width: 1050px) {
    .mw-account-page {
        padding: 10px 0 5px 0
    }
}

@media (max-width: 630px) {
    .mw-account-page {
        height: unset
    }
}

.mw-add-card-page {
    display: flex;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    padding: 50px 30% 5px 30%;
    background: #f3f3f3
}

.mw-add-card-page .mw-add-card-container {
    display: flex;
    flex-direction: column;
    margin: 0.5em;
    position: relative;
    word-wrap: break-word;
    border: 1px solid #BE009E;
    flex: 1;
    min-width: 300px;
    height: fit-content;
    background: white
}

.mw-add-card-page .mw-add-card-container .mw-credit-card-component {
    padding: 1em
}

.mw-add-card-page .mw-add-card-container .mw-credit-card-component>div:nth-child(even) {
    background: transparent
}

.mw-add-card-page .mw-add-card-title {
    font-size: 1.25em;
    background-color: #BE009E;
    color: white;
    height: 2em;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 0.5em
}

.mw-add-card-page .mw-add-card-toolbar {
    padding: 1em;
    text-align: right
}

.mw-add-card-page .mw-add-card-toolbar button {
    width: fit-content
}

@media (max-width: 800px) {
    .mw-add-card-page {
        padding: 50px 0
    }
}

.mw-add-card-page .nav.nav-tabs .nav-item .nav-link {
    cursor: pointer;
    color: #007bff;
    font-size: 14px;
    font-weight: bold
}

#mw-add-equipment {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100vh;
    background: #f3f3f3
}

#mw-add-equipment .mw-add-equipment-catalog {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mw-add-equipment .mw-add-equipment-container {
    display: flex;
    flex-direction: column;
    width: 100%
}

#mw-add-equipment .mw-add-equipment-container .mw-add-equipment-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    word-wrap: break-word;
    padding: 0.5em 0.8em;
    background: #f3f3f3;
    overflow-y: scroll
}

#mw-add-equipment .mw-add-equipment-container .mw-add-equipment-items #mw-catalog-item {
    margin: 0.5em
}

#mw-add-equipment .mw-add-equipment-container .mw-add-equipment-items .mw-add-equipment-pagination-loading {
    background: white;
    border: solid 2px #e1e1e1;
    border-radius: 1.05rem;
    margin-bottom: .4em;
    height: 4em
}

@media (max-width: 930px),
(max-height: 700px) {
    #mw-add-equipment .mw-add-equipment-catalog {
        flex-direction: column
    }
    #mw-add-equipment .mw-add-equipment-items {
        padding: 1em;
        justify-content: center
    }
    #mw-add-equipment .mw-add-equipment-items #mw-catalog-item {
        overflow: unset;
        max-width: 24em;
        min-height: 200px;
        width: 100%
    }
    #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-image-container,
    #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-description {
        display: none
    }
    #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-favorite,
    #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-info-icon {
        margin-top: 0
    }
    #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-title-container {
        align-items: center
    }
    #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title {
        text-align: left;
        padding-left: 0.5em
    }
    #mw-add-equipment .mw-add-equipment-items #mw-catalog-item .mw-catalog-item-image-small-container {
        display: flex;
        border: none
    }
}

.mfs-add-image {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-add-image .mfs-add-image-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #1230BC;
    height: 500px;
    width: 700px;
    border-radius: 0.5em;
    max-height: 100%;
    display: flex;
    flex-direction: column
}

@media (max-width: 800px) {
    .mfs-add-image .mfs-add-image-dialog {
        width: 95%
    }
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0 0 auto;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-header .mfs-add-image-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body {
    width: 100%;
    flex: 1;
    background: white
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-progress {
    display: flex
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-add-image {
    display: none
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
    height: 400px;
    max-height: 400px;
    min-height: 400px;
    background: #f3f3f3;
    padding: 0.5em 0;
    border-bottom: thin solid #c8c8c8
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-no-photos {
    margin: 1em
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-success {
    margin: 1em;
    font-size: 1.5em;
    color: green
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper {
    margin: 0.5em 1em 0.5em 1em;
    padding: 1em;
    background: white;
    border-radius: 0.25em;
    box-shadow: 4px 3px 8px 1px #d8d8d8;
    display: flex;
    flex-direction: row
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper label {
    flex: 1;
    margin: 0;
    align-self: center
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper .mfs-add-image-picture-preview-image {
    max-height: 5em;
    max-width: 5em;
    margin-right: 2em
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper i {
    height: 35px;
    width: 35px;
    padding: 0.35em 0.5em;
    border-radius: 2em;
    border: medium solid #dc3545;
    text-align: center;
    background: #dc3545;
    color: white;
    align-self: center
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-body .mfs-add-image-picture-container .mfs-add-image-picture-preview-image-wrapper i:hover {
    cursor: pointer
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    flex: 0 0 auto;
    justify-content: space-around;
    background: white;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer button {
    height: fit-content;
    align-self: center;
    margin-right: 0.5em
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image {
    min-width: 6em;
    padding: 0.5em;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    flex: 1
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image.center {
    justify-content: center
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-button {
    height: 35px;
    width: 35px;
    padding: 0.3em 0.4em;
    border-radius: 2em;
    border: medium solid;
    text-align: center;
    background: #007bff
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-button .mfs-add-image-picture-icon {
    font-size: 1.3em;
    color: white
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-button:hover {
    cursor: pointer;
    text-decoration: none;
    border-color: #0062cc;
    background: #0062cc
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-input {
    display: none
}

.mfs-add-image .mfs-add-image-dialog .mfs-add-image-footer .mfs-add-image-picture-image .mfs-add-image-picture-label {
    margin: 0 .4em;
    align-self: center
}

#mw-admin-page .mw-loading-container {
    display: flex;
    padding: 50px;
    width: 100vw;
    height: auto;
    align-items: center;
    justify-content: center
}

#mw-admin-page .mw-loading-container .mw-loading {
    display: flex;
    flex-direction: column;
    min-width: 300px
}

#mw-admin-page .mw-admin-login {
    display: flex;
    padding: 4em;
    width: 100vw;
    height: auto;
    align-items: center;
    justify-content: center
}

#mw-admin-page .mw-admin-login .mw-admin-login-container {
    background: white;
    display: flex;
    flex-direction: column;
    min-width: 350px;
    border-radius: .3em;
    border: 1px solid #1230BC
}

#mw-admin-page .mw-admin-login .mw-admin-login-container .card-header {
    color: white;
    background: #1230BC;
    height: 4em
}

#mw-admin-page .mw-admin-login .mw-admin-login-container .mw-admin-login-message {
    padding: 0;
    margin-top: 1.3em;
    color: red
}

#mw-admin-page .mw-admin-login .mw-admin-login-container label {
    margin-bottom: 0
}

#mw-admin-page .mw-admin-login .mw-admin-login-container button {
    margin-top: 1em
}

#mw-admin-page .mw-admin-login .mw-admin-login-container .close {
    color: #000;
    margin-top: 0;
    position: relative;
    top: -2.2em;
    right: -.3em
}

#mw-admin-page .mw-admin-settings-container {
    display: flex;
    flex-direction: column;
    background: #f3f3f3
}

#mw-admin-page .mw-admin-settings-container .mw-settings-header {
    color: white;
    background: #1230BC;
    padding: .1em 0 .1em .5em;
    border-radius: .3em .3em 0 0;
    margin-bottom: 0
}

#mw-admin-page .mw-admin-settings-container .mw-settings-card {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0 0 .3em .3em;
    padding: .3em .5em .5em .5em;
    margin-bottom: 1em
}

#mw-admin-page .mw-admin-settings-container .mw-admin-version-with-link,
#mw-admin-page .mw-admin-settings-container .mw-admin-version,
#mw-admin-page .mw-admin-settings-container .mw-settings-row {
    display: flex;
    flex-flow: column;
    justify-content: space-around
}

@media (min-width: 1200px) {
    #mw-admin-page .mw-admin-settings-container .mw-admin-version-with-link,
    #mw-admin-page .mw-admin-settings-container .mw-admin-version,
    #mw-admin-page .mw-admin-settings-container .mw-settings-row {
        flex-flow: row
    }
}

#mw-admin-page .mw-admin-settings-container .mw-settings-key {
    flex: 1;
    font-weight: bold
}

#mw-admin-page .mw-admin-settings-container .mw-sysinfo-update,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-pass,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-user,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-port,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-url {
    flex-direction: column;
    margin-right: 1em;
    font-weight: bold
}

#mw-admin-page .mw-admin-settings-container .mw-sysinfo-url {
    flex: 5
}

#mw-admin-page .mw-admin-settings-container .mw-sysinfo-port {
    flex: 1
}

#mw-admin-page .mw-admin-settings-container .mw-sysinfo-pass,
#mw-admin-page .mw-admin-settings-container .mw-sysinfo-user {
    flex: 2
}

#mw-admin-page .mw-admin-settings-container .mw-sysinfo-block {
    width: 100%
}

#mw-admin-page .mw-admin-settings-container .mw-sysinfo-update {
    flex: 5
}

#mw-admin-page .mw-admin-settings-container .mw-settings-value {
    display: flex;
    flex-direction: row;
    flex: 3
}

#mw-admin-page .mw-admin-settings-container .mw-settings-button {
    width: 15em;
    margin: .1em
}

#mw-admin-page .mw-admin-settings-container .mw-settings-value-hex {
    flex-direction: column;
    flex: 1
}

#mw-admin-page .mw-admin-settings-container .mw-settings-value-color-box {
    flex-direction: column;
    flex: 1;
    border: 1px solid black;
    height: 92%
}

#mw-admin-page .mw-admin-settings-container .mw-settings-cmd,
#mw-admin-page .mw-admin-settings-container .mw-settings-value-color-pad {
    flex: 12
}

#mw-admin-page .mw-admin-settings-container .mw-admin-page-title {
    text-align: center
}

#mw-admin-page .mw-admin-settings-container .mw-admin-page-title h1 {
    color: #007bff;
    text-shadow: 0 0 5px #00c2e6, 0 0 10px #68d8ec;
    margin-top: .5em
}

#mw-admin-page .mw-admin-settings-container .mw-admin-page-update {
    width: 100vw;
    text-align: center;
    padding: 1em;
    border: 1px solid #ffcc00;
    background-color: #ff8d00;
    border-radius: 0.3em;
    color: white;
    margin: 0 .65em 1em .65em;
    font-size: 1.5em
}

#mw-admin-page .mw-admin-settings-container .mw-admin-page-update div {
    display: block;
    margin: 0 auto
}

#mw-admin-page .mw-admin-settings-container .mw-admin-page-update div:last-child {
    margin-top: .5em
}

#mw-admin-page .mw-admin-settings-container .close {
    position: relative;
    top: -2.2em;
    right: -.3em
}

#mw-admin-page .mw-admin-settings-container .mw-admin-settings-text-box {
    border: 1px solid black;
    border-radius: .3em;
    margin-bottom: .2em;
    padding: .2em
}

#mw-admin-page .mw-admin-settings-container .mw-admin-info,
#mw-admin-page .mw-admin-settings-container .mw-admin-error {
    color: white;
    font-size: 2em;
    padding: .5em;
    border-radius: .2em;
    margin-bottom: 1em
}

#mw-admin-page .mw-admin-settings-container .mw-admin-info button,
#mw-admin-page .mw-admin-settings-container .mw-admin-error button {
    display: block;
    float: right;
    padding: .7em 2em .7em 2em
}

#mw-admin-page .mw-admin-settings-container .mw-admin-error {
    background: red
}

#mw-admin-page .mw-admin-settings-container .mw-admin-info {
    background: #16de16
}

#mw-admin-page .mw-admin-settings-container .mw-admin-danger {
    background-color: red;
    color: yellow
}

#mw-admin-page .mw-admin-settings-container .dropdown-menu p {
    padding: .5em;
    margin: 0;
    white-space: nowrap
}

#mw-admin-page .mw-admin-settings-container .dropdown-menu p:hover {
    cursor: pointer;
    background: #ebebeb
}

#mw-admin-page .mw-admin-settings-container .mw-admin-cmd-output {
    flex-direction: column;
    padding-left: 1em;
    background: black;
    color: limegreen;
    margin-top: 1em
}

#mw-admin-page .mw-captcha {
    display: flex
}

#mw-admin-page .mw-captcha .mw-captcha-image {
    margin: 0
}

#mw-auth-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background: #1230BC;
    min-height: 100vh;
    max-width: 100vw;
    width: 100vw
}

#mw-auth-page .mw-auth-login {
    min-width: 300px;
    max-width: 400px;
    background: white;
    padding: 25px;
    border: 1px solid #c8c8c8;
    flex-direction: column;
    max-height: 100%;
    overflow: auto
}

#mw-auth-page .mw-auth-login .mw-auth-copyright {
    align-self: flex-end;
    font-size: 0.8em;
    margin-top: 1em;
    display: none;
}

#mw-auth-page .mw-auth-login .mw-auth-copyright i {
    margin-right: 0.3em
}

#mw-auth-page .mw-page-link {
    background: #1230BC;
    color: white;
    padding: .2em;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin: 1em;
    text-decoration: underline
}

#mw-auth-page .mw-auth-button-label {
    display: flex;
    flex-direction: row;
    text-align: left;
    width: 100%;
    margin-top: .5em
}

#mw-auth-page .mw-auth-button-label label {
    display: flex;
    flex: 1;
    color: black
}

#mw-auth-page .mw-auth-button {
    text-align: center;
    background: #1230BC;
    color: white;
    padding: 0.375em 0.75em;
    font-size: 1em;
    border-radius: 0.3em;
    border: 1px solid transparent;
    width: 100%
}

@media (min-width: 500px) {
    #mw-auth-page .mw-auth-button {
        width: 10em;
        margin-left: .7em
    }
}

#mw-auth-page .mw-auth-back {
    background: #a8a8a8;
    color: white;
    display: block;
    padding: 0.375em 0.75em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.3em;
    border: none;
    margin: 1em;
    width: 5em
}

#mw-auth-page .mw-auth-divider {
    margin: .9em 0 .3em 0;
    border-top: 1px solid #c8c8c8;
    width: 100%
}

#mw-auth-page label {
    background: white;
    color: #6c757d;
    font-size: 1em
}

#mw-auth-page .form-control {
    width: 100%
}

#mw-auth-page .mw-captcha .form-control {
    display: inline-block;
    width: 35%
}

#mw-auth-page .mw-auth-build {
    display: none;
    margin-top: 1em;
    text-align: right;
    font-size: 1.1em;
    float: right
}

#mw-auth-page .mw-auth-copyright {
    float: right
}

#mw-checkout-page {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #f3f3f3ff;
    text-align: center;
    flex: 1;
    padding: 10px 10% 1em 10%
}

#mw-checkout-page .shopping-cart-reloading-cart {
    padding: 0.5em
}

#mw-checkout-page .mw-checkout-container {
    display: inline-flex;
    flex-direction: column;
    text-align: left;
    padding: 1em;
    background: white;
    border: 1px solid #e1e1e1;
    min-width: 300px;
    width: 600px
}

@media (max-width: 800px) {
    #mw-checkout-page .mw-checkout-container {
        width: 95%
    }
}

#mw-checkout-page .mw-checkout-container button {
    margin-top: 1em;
    width: fit-content
}

#mw-checkout-page .mw-checkout-container .mw-checkout-title {
    font-size: 1.25em;
    font-weight: bold;
    color: white;
    background: #BE009E;
    display: flex;
    padding: 0.2em 0.5em;
    margin: 0
}

#mw-checkout-page .mw-checkout-container .mw-checkout-empty {
    padding: 1em 0;
    text-align: center
}

#mw-checkout-page .mw-checkout-container #shopping-cart-summary {
    display: inline-block;
    position: relative;
    left: 0;
    width: 100%;
    background: none;
    border: none
}

#mw-checkout-page .mw-checkout-container .mw-checkout-back {
    margin: 0 0 0.5em 0
}

#mw-checkout-page .mw-checkout-container .mw-checkout-customer {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-bottom: 1em
}

#mw-checkout-page .mw-checkout-container .mw-checkout-customer .mw-checkout-customer-name {
    font-weight: bold;
    font-size: 1.5em;
    color: #898989
}

#mw-checkout-page .mw-checkout-container .mw-checkout-customer span {
    padding-bottom: 0.25em
}

#mw-checkout-page .mw-checkout-container .mw-checkout-customer i {
    color: #898989;
    font-size: 1.3em;
    margin-right: 0.5em
}

#mw-checkout-page .mw-checkout-signature-container {
    align-self: center
}

#mw-checkout-page .mw-checkout-signature-container .mw-checkout-signature-wrapper {
    margin-top: 1em;
    width: 100%;
    height: 8em;
    border: #e1e1e1 1px solid;
    border-radius: 0.25rem
}

#mw-checkout-page .mw-checkout-signature-container .mw-checkout-signature-wrapper .fa-signature {
    display: flex;
    justify-content: center;
    font-size: 8em;
    height: 100%;
    align-items: center;
    color: #C0C0C0
}

#mw-checkout-page .mw-checkout-signature-container .mw-checkout-signature-wrapper .mw-checkout-signature-image {
    height: 100%;
    width: 100%
}

#mw-checkout-page .mw-checkout-signature-container .mw-checkout-signature-print {
    margin-bottom: 0;
    padding: .5em;
    color: #6b6b6b
}

#mw-checkout-page .mw-checkout-button {
    margin: 1em
}

#mw-checkout-page .mw-checkout-button button {
    width: 15em;
    margin: 0.5em
}

#mw-checkout-page .mw-checkout-button-column {
    margin: 1em;
    display: flex;
    flex-direction: column;
    align-items: center
}

#mw-checkout-page .mw-checkout-button-column .mw-checkout-minimum-requirement-error {
    font-size: 1.5em;
    text-align: center;
    color: #dc3545
}

#mw-checkout-page .mw-checkout-button-column button {
    width: 15em;
    margin-top: 0.5em
}

#mw-checkout-page .mw-checkout-credit-cards {
    display: inline-flex;
    flex-direction: column;
    flex: 1;
    width: auto;
    word-wrap: break-word;
    text-align: left;
    padding: 1em
}

#mw-checkout-page .mw-checkout-credit-card {
    display: inline-flex;
    flex-direction: row;
    flex: 1;
    width: auto;
    word-wrap: break-word;
    text-align: left;
    padding: 1em;
    background: white;
    border: 1px solid #e1e1e1
}

#mw-checkout-page .mw-item {
    display: inline-block;
    width: 15em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#mw-checkout-page .mw-total,
#mw-checkout-page .mw-tax {
    position: relative;
    right: .2em
}

#mw-checkout-page #shopping-cart-summary {
    display: contents;
    width: 26.5em
}

#mw-checkout-page #shopping-cart-summary .mw-shopping-cart-summary {
    padding: 0 0.5em
}

#mw-checkout-page #shopping-cart-summary .mw-cart-item {
    color: black;
    display: flex
}

#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-item {
    min-width: 13em;
    display: flex;
    flex: 3;
    max-width: none
}

#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-image {
    display: none
}

#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-deposits,
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-quantity,
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-total,
#mw-checkout-page #shopping-cart-summary .mw-cart-item .mw-tax {
    display: flex;
    flex: 1;
    right: unset;
    justify-content: flex-end
}

#mw-checkout-page #shopping-cart-summary .mw-cart-divider {
    border-top: 1px solid black
}

#mw-checkout-page #shopping-cart-summary .mw-cart-item-list {
    overflow: unset;
    max-height: none
}

#mw-checkout-page #shopping-cart-summary .mw-cart-title {
    color: #6b6b6b;
    padding-top: 1em
}

#mw-checkout-page .mw-checkout-inner-container-buy-now {
    display: flex;
    justify-content: flex-end
}

#mw-checkout-page .mw-checkout-inner-container-buy-now .btn-buy-now {
    width: 10em
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5em 0
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .mw-progress-loading-bar {
    width: 14.4em
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .mw-checkout-form-control-label {
    width: 10em;
    text-align: center
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .mw-checkout-form-control {
    width: 10em;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .mw-checkout-form-control-no-date {
    width: 10em;
    text-align: center
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data .btn {
    width: 4em;
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #ced4da
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-data label {
    color: red;
    flex: 1;
    text-align: center;
    margin: 0
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-exact {
    display: flex;
    flex-direction: row;
    margin-top: 0.5em
}

#mw-checkout-page .mw-checkout-inner-container .mw-checkout-exact-options input {
    width: fit-content
}

#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result {
    padding: 0 0.8em;
    display: flex;
    align-items: center
}

#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-message {
    margin-right: .4em
}

#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-message.valid-coupon {
    color: green
}

#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-message.not-applicable,
#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-message.invalid-coupon {
    color: red
}

#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-icon {
    color: white;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5em;
    height: 1.5em;
    margin: 0
}

#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-icon.fa-check {
    background: green;
    border: 1px solid green
}

#mw-checkout-page .mw-checkout-apply-coupon-container .mw-checkout-apply-coupon-result .mw-checkout-apply-coupon-icon.fa-times {
    background: red;
    border: 1px solid red
}

#mw-checkout-page .mw-checkout-progress {
    position: absolute;
    top: 0;
    left: 0;
    background: white
}

@media (max-width: 500px) {
    #mw-checkout-page {
        padding: 4em 5px 1em 5px
    }
    #mw-checkout-page .mw-checkout-container,
    #mw-checkout-page .mw-item,
    #mw-checkout-page .mw-total,
    #mw-checkout-page .mw-tax {
        font-size: 0.8em
    }
}

#mw-dashboard-page {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: .5em 0.5em 1em 0.5em;
    background: white;
    box-sizing: border-box;
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: auto
}

#mw-dashboard-page .mw-dashboard-title {
    font-size: 1.25em;
    background-color: #BE009E;
    color: white;
    min-height: 2em;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 0.5em
}

#mw-dashboard-page .mw-dashboard-invoices-container {
    flex-direction: column;
    display: flex;
    margin: 0.5em;
    flex: 1;
    font-size: 0.9em
}

#mw-dashboard-page .mw-dashboard-invoices-container button {
    font-size: 1em
}

#mw-dashboard-page .mw-dashboard-container {
    display: flex;
    flex-direction: column;
    margin: 0.5em;
    position: relative;
    word-wrap: break-word;
    border: 1px solid #BE009E;
    flex: 1;
    min-width: 300px
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-favorites,
#mw-dashboard-page .mw-dashboard-container .mw-account,
#mw-dashboard-page .mw-dashboard-container .mw-delivery-stop {
    overflow-y: auto
}

#mw-dashboard-page .mw-dashboard-container .mw-account {
    flex: 1
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-account {
    padding: 0em 0.75em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-account .mw-account-paperless {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-account .mw-account-paperless .mw-column {
    flex: 1;
    align-self: center
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-section {
    display: block;
    font-size: 1em;
    margin: 0.75em;
    background-color: #BE009E;
    color: white;
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-balance {
    color: #6b6b6b;
    font-size: 1.25em;
    text-align: center;
    width: 100%;
    height: 50px
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-balance label {
    margin: 0.5em
}

#mw-dashboard-page .mw-dashboard-container #mw-invoices-table {
    border: none;
    margin: 0
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-section {
    display: block;
    font-size: 1em;
    margin-bottom: 0.75em;
    background-color: #BE009E;
    color: white;
    padding: 0.2em 0.5em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-calendar-section {
    background: greenyellow;
    color: black;
    border-radius: 2em;
    text-align: center;
    margin: 0.5em 2em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-calendar-hold {
    color: #ff0;
    background-color: red
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-skipped {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    color: white;
    background: #dc3545;
    padding-top: 0.5em;
    font-weight: bold;
    width: 100%
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-next-delivery {
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    align-items: center;
    margin: auto;
    padding: 0;
    background: transparent;
    border: thin solid #BE009E;
    min-width: 120px
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-next-delivery label {
    cursor: pointer;
    margin: 0;
    padding: 2px 5px
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-next-delivery .mw-dashboard-date {
    font-size: 2em;
    font-weight: bold
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-next-delivery .mw-dashboard-month {
    color: white;
    background: #BE009E;
    width: 100%
}

#mw-dashboard-page .mw-dashboard-container button {
    font-size: 0.9em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-date-loading {
    height: 5em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container {
    flex-direction: row;
    padding: 1em 0.5em 0.5em 0.5em;
    display: flex
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-calendar-hold-emergency {
    display: flex;
    justify-content: flex-start
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-calendar-hold-emergency.center {
    flex: 1;
    justify-content: center
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-date-buttons {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    margin-right: -0.4em;
}

#mw-dashboard-page>div:nth-child(3)>div.mw-dashboard-delivery-day>div.mw-dashboard-buttons-container>div>button.btn.btn-primary.mw-dashboard-date-button {
    display: none;
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-date-buttons .mw-dashboard-date-button {
    margin-right: 0.4em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-calendar-hold-message {
    text-align: center;
    margin-bottom: 1em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-products {
    align-self: center;
    padding: 1em;
    text-align: right
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-show-more {
    position: relative;
    text-align: center
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-show-more .mw-dashboard-show-info {
    transform: scale(7, 2);
    position: absolute;
    top: .45em;
    color: #1230BC
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-show-more .mw-dashboard-collapse-info {
    transform: scale(7, 2);
    position: absolute;
    top: -.1em;
    color: #1230BC
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: auto;
    word-wrap: break-word
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down {
    width: 15em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-text.form-control {
    width: unset
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box {
    width: 100%
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-ticketnumber,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-ticketnumber,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-ticketnumber,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-ticketnumber {
    width: 7em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-formattedcalendardate,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-formattedcalendardate,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-formattedcalendardate,
#mw-dashboard-page .mw-dashboard-container .mw-dashboard-row.mw-dashboard-orders-dropdown .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-formattedcalendardate {
    width: 7em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-add-text {
    font-size: 1.25em;
    font-weight: bold;
    color: #28a745;
    text-align: center;
    margin-left: 7px;
    width: 150px
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-skip-message {
    font-size: 1.25em;
    font-weight: bold;
    color: red;
    margin-bottom: 2em
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-product-row {
    margin: 0em 0.5em;
    overflow: auto;
    display: flex;
    flex-direction: row;
    width: auto
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-button-row {
    display: block;
    padding-top: .5em;
    flex-direction: row;
    width: auto;
    margin-top: .7em;
    border-top: 1px solid #1230BC
}

@media (max-width: 450px) {
    #mw-dashboard-page .mw-dashboard-container .mw-dashboard-button-row {
        padding-top: 1em
    }
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-button-row .fas {
    float: right;
    right: 0;
    font-size: 1.5em;
    color: #6b6b6b
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-button-row button {
    border: none;
    background-color: transparent;
    outline: none;
    float: right;
    right: 0;
    width: auto
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-column {
    display: inline-block;
    flex-direction: column;
    width: auto;
    word-wrap: break-word;
    width: 150px;
    margin: 0.25em;
    border: thin solid #c8c8c8
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-column .mw-dashboard-text {
    color: #495057;
    margin: 0.5em;
    padding-top: 0.5em;
    border-top: thin solid #c8c8c8;
    max-width: none;
    text-align: left;
    font-size: 0.9em;
    max-height: 58px;
    min-height: 58px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-column .mw-dashboard-details {
    color: #495057;
    font-size: 0.9em;
    margin: 0 0.5em 0.5em;
    text-align: left
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-label {
    font-size: 1em;
    font-weight: bold;
    color: #434343;
    display: flex;
    margin: 7px;
    word-wrap: break-word;
    width: auto
}

#mw-dashboard-page .mw-dashboard-container .mw-dashboard-date-label {
    font-size: 1em;
    font-weight: bold;
    color: #434343;
    display: flex;
    word-wrap: break-word;
    width: auto;
    margin-top: 0.375em;
    margin-right: 1em
}

#mw-dashboard-page .mw-dashboard-container .fa-edit:hover {
    color: #3390deff
}

#mw-dashboard-page .mw-dashboard-container .fa-edit:active {
    color: #1d6daf
}

#mw-dashboard-page .mw-dashboard-container .fa-edit::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-container .fa-times-circle:hover {
    color: #ff6966
}

#mw-dashboard-page .mw-dashboard-container .fa-times-circle:active {
    color: #ff1d1a
}

#mw-dashboard-page .mw-dashboard-container .fa-times-circle::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-container .fa-redo:hover {
    color: #3390deff
}

#mw-dashboard-page .mw-dashboard-container .fa-redo:active {
    color: #1d6daf
}

#mw-dashboard-page .mw-dashboard-container .fa-redo::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-container .fa-calendar-plus:hover {
    color: #4fb96b
}

#mw-dashboard-page .mw-dashboard-container .fa-calendar-plus:active {
    color: #3a9252
}

#mw-dashboard-page .mw-dashboard-container .fa-calendar-plus::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-container .fa-envelope:hover {
    color: #ffbf00
}

#mw-dashboard-page .mw-dashboard-container .fa-envelope:active {
    color: #cc9900
}

#mw-dashboard-page .mw-dashboard-container .fa-envelope::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-container .fa-arrow-alt-circle-down:hover {
    color: #b3b3b3
}

#mw-dashboard-page .mw-dashboard-container .fa-arrow-alt-circle-down:active {
    color: #8c8c8c
}

#mw-dashboard-page .mw-dashboard-container .fa-arrow-alt-circle-down::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-container .fa-save:hover {
    color: #3390deff
}

#mw-dashboard-page .mw-dashboard-container .fa-save:active {
    color: #1d6daf
}

#mw-dashboard-page .mw-dashboard-container .fa-save::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-container .fa-calendar-alt:hover {
    color: #b3b3b3
}

#mw-dashboard-page .mw-dashboard-container .fa-calendar-alt:active {
    color: #8c8c8c
}

#mw-dashboard-page .mw-dashboard-container .fa-calendar-alt::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-container .fa-times:hover {
    color: #ff6966
}

#mw-dashboard-page .mw-dashboard-container .fa-times:active {
    color: #ff1d1a
}

#mw-dashboard-page .mw-dashboard-container .fa-times::before {
    float: right
}

#mw-dashboard-page .mw-dashboard-toolbar {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start
}

#mw-dashboard-page .mw-dashboard-toolbar .mw-dashboard-current-date {
    font-size: 25px
}

#mw-dashboard-page .mw-dashboard-toolbar .mw-dashboard-controls {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex: 1
}

#mw-dashboard-page .mw-dashboard-toolbar .mw-dashboard-controls button {
    display: block;
    margin: 1px;
    background: #1230BC;
    border: none
}

#mw-dashboard-page .mw-dashboard-default-products-container {
    display: flex;
    flex-direction: column;
    margin: 5px;
    flex-wrap: wrap
}

#mw-dashboard-page .mw-dashboard-default-products-container .mw-dashboard-default-products-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#mw-dashboard-page .mw-dashboard-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 148px;
    height: 148px;
    background: white
}

#mw-dashboard-page .mw-dashboard-image-container img {
    max-width: 90%;
    max-height: 90%
}

#mw-dashboard-page .mw-dashboard-image-container .fas {
    float: right;
    right: 0;
    font-size: 5em;
    color: #28a745
}

#mw-dashboard-page .mw-dashboard-image-container.mw-dashboard-add {
    border: none;
    cursor: pointer
}

#mw-dashboard-page .deliveries-product-control {
    margin-left: 7px;
    width: 150px
}

#mw-dashboard-page .deliveries-product-control .btn {
    width: 100%
}

#mw-dashboard-page .mw-dashboard-message .form-control {
    height: 15em
}

#mw-dashboard-page .mw-dashboard-message-buttons {
    float: right;
    margin: 0.4em;
    font-size: 0.9em
}

#mw-dashboard-page .mw-default-catalog .modal-dialog {
    max-width: none;
    padding: 2em
}

#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container {
    position: inherit;
    display: block;
    flex-direction: row;
    width: auto;
    overflow-y: hidden;
    padding: 0.5em
}

#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-column {
    display: inline-block;
    flex-direction: column;
    width: auto;
    word-wrap: break-word;
    width: 120px;
    margin-bottom: 7px;
    margin-right: 1em
}

#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-column .form-control {
    max-width: 120px
}

#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-text {
    font-size: 0.9em;
    font-weight: normal;
    color: #434343;
    margin-left: 7px;
    display: block;
    max-width: 120px;
    word-wrap: break-word;
    width: auto;
    line-height: 1.5em;
    height: 43px;
    overflow: hidden
}

#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 120px;
    height: 120px;
    background: white;
    margin-left: 7px
}

#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-image-container img {
    padding: 2px;
    height: 100%
}

#mw-dashboard-page .mw-default-catalog .mw-default-catalog-container .mw-default-catalog-image-container .fas {
    float: right;
    right: 0;
    font-size: 5em;
    color: #28a745
}

#mw-dashboard-page .mw-search-drop-down-box {
    width: 100%
}

#mw-deliveries-page {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mw-deliveries-page .mw-deliveries-toolbar {
    display: flex;
    flex-direction: row;
    background: #f3f3f3;
    min-height: 50px
}

#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts .mw-deliveries-search {
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex: 1
}

#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts .mw-deliveries-search label {
    padding: 5px 15px 0 0
}

#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts .mw-deliveries-search .mw-delivery-stop {
    min-width: 200px;
    max-width: 500px;
    flex: 1
}

#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts .mw-deliveries-search .mw-account {
    min-width: 200px;
    max-width: 500px;
    flex: 1
}

#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-buttons {
    display: flex;
    flex-direction: row
}

#mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-buttons .mw-deliveries-toolbar-button {
    height: fit-content;
    display: flex;
    flex-direction: row;
    margin: 6px
}

#mw-deliveries-page .mw-deliveries-loading {
    width: unset
}

#mw-deliveries-page .mw-deliveries-list-loading {
    height: 200px
}

#mw-deliveries-page .mw-deliveries-delivery-orders {
    display: flex;
    justify-content: center;
    min-height: 450px
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders {
    margin-top: .5em;
    width: 80%;
    display: flex;
    flex-direction: column
}

@media (max-width: 920px) {
    #mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders {
        width: 100%
    }
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-header {
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    background: #BE009E;
    color: white;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    padding: .6em 0
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-header label {
    margin: 0
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body {
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: 60vh;
    border: solid 1px #BE009E;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    flex: 1
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body .mw-deliveries-open-orders-row {
    display: flex;
    flex-direction: row;
    min-height: 2em;
    flex: 1
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body .selected-row {
    background: #BE009E;
    color: white;
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body .mw-deliveries-open-orders-row:hover {
    color: #007bff;
    cursor: pointer
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body .alternate-row {
    background: #f3f3f3
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-body label {
    margin: 0.2em 0
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-ticket-number {
    flex: 1;
    padding: 0 1em;
    text-align: left
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-date {
    flex: 1;
    padding: 0 1em;
    text-align: left
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-message {
    flex: 2;
    padding: 0 1em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 600px) {
    #mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-message {
        display: none
    }
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-open-orders .mw-deliveries-open-orders-total {
    padding-right: 0.8em;
    flex: 1;
    padding: 0 1em;
    text-align: right
}

#mw-deliveries-page .mw-deliveries-delivery-orders .mw-deliveries-calendar {
    padding: 0.5em
}

#mw-deliveries-page .mw-deliveries-selected-order {
    margin: 0.5em 10%
}

#mw-deliveries-page .mw-deliveries-list-type {
    font-weight: bold;
    display: flex;
    flex: 1;
    background: #f3f3f3;
    margin: 1em;
    padding: 0.5em;
    border-radius: 0.5em
}

#mw-deliveries-page .mw-deliveries-order {
    border: thick solid #f3f3f3;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em
}

#mw-deliveries-page .mw-default-catalog-service {
    font-size: 0.9em;
    font-weight: normal;
    color: #434343;
    display: block;
    max-width: 120px;
    word-wrap: break-word;
    width: 100%;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
    background: #e9ecef
}

#mw-deliveries-page .mw-deliveries-hold-service {
    color: #ff0;
    background-color: red;
    border-radius: 1em;
    padding: 0 0.5em;
    margin: 0.5em
}

#mw-deliveries-page .mw-deliveries-order-status {
    color: #28a745;
    width: fit-content;
    font-weight: bold
}

#mw-deliveries-page .mw-deliveries-order-status label {
    margin: 0
}

#mw-deliveries-page .mw-deliveries-skipped {
    background: #dc3545;
    color: white;
    border-radius: 1em;
    padding: 0 0.5em;
    margin: 0.5em
}

#mw-deliveries-page .mw-deliveries-order-header {
    background: #f3f3f3;
    padding: 1em 1em 0 1em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em
}

#mw-deliveries-page .mw-deliveries-order-toolbar {
    padding-bottom: 0.5em;
    flex-direction: column;
    text-align: center
}

#mw-deliveries-page .mw-deliveries-order-toolbar label {
    font-size: 1.25em
}

#mw-deliveries-page .mw-deliveries-order-toolbar .mw-deliveries-order-button {
    flex: 1
}

#mw-deliveries-page .mw-deliveries-order-toolbar .mw-deliveries-order-button button {
    margin: 0 5px
}

#mw-deliveries-page .mw-deliveries-order-message {
    display: flex;
    flex-direction: column;
    text-align: center
}

#mw-deliveries-page .reorder {
    border: thick solid #f3f3f3;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    padding: 1em;
    display: flex;
    flex-wrap: wrap
}

#mw-deliveries-page .mw-default-catalog-container,
#mw-deliveries-page .mw-default-catalog-container-equipment {
    position: inherit;
    display: flex;
    flex-direction: row;
    width: auto;
    padding: 1em;
    justify-content: center;
    flex-wrap: wrap
}

#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-column,
#mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-column {
    display: flex;
    flex-direction: column;
    width: auto;
    word-wrap: break-word;
    width: 120px;
    margin-bottom: 7px;
    margin-right: 1em
}

#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-column .form-control,
#mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-column .form-control {
    max-width: 120px;
    height: 38px
}

#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-text,
#mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-text {
    font-size: 0.9em;
    font-weight: normal;
    color: #434343;
    display: block;
    max-width: 120px;
    word-wrap: break-word;
    width: auto;
    line-height: 1.5em;
    height: 43px;
    overflow: hidden
}

#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-add,
#mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-add {
    font-weight: bold;
    color: #28a745;
    display: block;
    max-width: 120px;
    height: 43px;
    text-align: center
}

#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-image-container,
#mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 120px;
    height: 120px;
    background: white
}

#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-image-container img,
#mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-image-container img {
    padding: 2px;
    height: 100%
}

#mw-deliveries-page .mw-default-catalog-container .mw-default-catalog-image-container i,
#mw-deliveries-page .mw-default-catalog-container-equipment .mw-default-catalog-image-container i {
    color: #666666;
    font-size: 4em
}

#mw-deliveries-page .mw-default-catalog-container-equipment {
    flex-direction: column;
    margin: 0 2em
}

#mw-deliveries-page .mw-calendar-card-body {
    flex: 1;
    align-self: center;
    width: 500px
}

@media (max-width: 550px) {
    #mw-deliveries-page .mw-calendar-card-body {
        width: 100%
    }
}

#mw-deliveries-page .hidden {
    height: 202px;
    padding-bottom: 0
}

#mw-deliveries-page .mw-deliveries-add-button {
    border: none
}

#mw-deliveries-page .mw-deliveries-full-calendar {
    position: absolute;
    right: 0;
    margin: 6px
}

#mw-deliveries-page .mw-dashboard-message .form-control {
    height: 15em
}

#mw-deliveries-page .mw-dashboard-message-buttons {
    float: right;
    margin: 0.4em;
    font-size: 0.9em
}

#mw-deliveries-page .mw-deliveries-add-order {
    width: fit-content;
    margin-top: 0.5em
}

#mw-deliveries-page .mw-deliveries-fillup {
    display: flex;
    flex-direction: row;
    margin-top: 0.5em;
    align-self: center
}

#mw-deliveries-page .mw-deliveries-fillup .mw-deliveries-fillup-checkbox {
    display: flex;
    flex-direction: row
}

#mw-deliveries-page .mw-deliveries-fillup .mw-deliveries-fillup-checkbox input:disabled {
    background-color: #e9ecef
}

#mw-deliveries-page .mw-deliveries-reorder {
    padding: 1em 1em 0 1em;
    display: flex;
    flex-direction: row;
    background: #f3f3f3;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em
}

#mw-deliveries-page .mw-deliveries-reorder label {
    padding: 0.375em 0;
    margin-right: 0.5em
}

#mw-deliveries-page .mw-deliveries-reorder .mw-search-drop-down-box {
    width: 100%
}

#mw-deliveries-page .mw-deliveries-reorder .mw-deliveries-reorder-button {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

#mw-deliveries-page .mw-deliveries-reorder .mw-deliveries-reorder-button button {
    height: fit-content
}

#mw-deliveries-page .header {
    font-weight: bold;
    border-bottom: thin solid #212529
}

#mw-deliveries-page .mw-deliveries-equipment-install {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding: 0.5em 0;
    font-size: 0.9em
}

#mw-deliveries-page .mw-deliveries-equipment-install .header {
    font-weight: bold
}

#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-image {
    width: 60px
}

#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-image img {
    width: 60px;
    height: 60px
}

#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-image i {
    color: #666666;
    font-size: 4em
}

#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-type {
    display: flex;
    flex: 1;
    margin: auto;
    margin-right: 0.5em
}

#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-type .mw-deliveries-equipment-install-quantity {
    width: auto
}

#mw-deliveries-page .mw-deliveries-equipment-install .mw-deliveries-equipment-install-delete {
    border: none;
    background: none;
    color: #dc3545;
    font-size: 1.3em;
    width: 32px
}

#mw-deliveries-page .mw-deliveries-equipment-exchange {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding: 0.5em 0;
    font-size: 0.9em
}

#mw-deliveries-page .mw-deliveries-equipment-exchange .header {
    font-weight: bold
}

#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-image {
    width: 60px
}

#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-image img {
    width: 60px;
    height: 60px
}

#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-image i {
    color: #666666;
    font-size: 3em
}

#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-type {
    display: flex;
    flex: 1;
    margin: auto;
    margin-right: 0.5em
}

#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-type .mw-deliveries-equipment-exchange-edit-btn {
    line-height: 0;
    padding: 0;
    height: fit-content;
    margin-left: .6em
}

#mw-deliveries-page .mw-deliveries-equipment-exchange .mw-deliveries-equipment-exchange-delete {
    border: none;
    background: none;
    color: #dc3545;
    font-size: 1.3em;
    width: 32px
}

#mw-deliveries-page .mw-deliveries-equipment-service {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding: 0.5em 0;
    font-size: 0.9em
}

#mw-deliveries-page .mw-deliveries-equipment-service .header {
    font-weight: bold
}

#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-image {
    width: 60px
}

#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-image img {
    width: 60px;
    height: 60px
}

#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-image i {
    color: #666666;
    font-size: 3em
}

#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-type {
    display: flex;
    flex: 1;
    margin: auto;
    margin-right: 0.5em
}

#mw-deliveries-page .mw-deliveries-equipment-service .mw-deliveries-equipment-service-delete {
    border: none;
    background: none;
    color: #dc3545;
    font-size: 1.3em;
    width: 32px
}

#mw-deliveries-page .mw-deliveries-equipment-pickup {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding: 0.5em 0;
    font-size: 0.9em
}

#mw-deliveries-page .mw-deliveries-equipment-pickup .header {
    font-weight: bold
}

#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-image {
    width: 60px
}

#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-image img {
    width: 60px;
    height: 60px
}

#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-image i {
    color: #666666;
    font-size: 3em
}

#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-type {
    display: flex;
    flex: 1;
    margin: auto;
    margin-right: 0.5em
}

#mw-deliveries-page .mw-deliveries-equipment-pickup .mw-deliveries-equipment-pickup-delete {
    border: none;
    background: none;
    color: #dc3545;
    font-size: 1.3em;
    width: 32px
}

@media (max-width: 1000px) {
    #mw-deliveries-page .mw-deliveries-toolbar {
        flex-direction: column;
        min-height: 110px
    }
    #mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-buttons .mw-deliveries-toolbar-button {
        margin-top: 0
    }
}

@media (max-width: 600px) {
    #mw-deliveries-page .mw-deliveries-toolbar {
        min-height: 200px
    }
    #mw-deliveries-page .mw-deliveries-toolbar label {
        min-width: 75px
    }
    #mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-accounts {
        flex-direction: column
    }
    #mw-deliveries-page .mw-deliveries-toolbar .mw-deliveries-buttons .mw-deliveries-toolbar-button {
        margin-top: 0
    }
}

#mw-my-deliveries-page {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #f3f3f3;
    padding: 0 2em
}

@media (max-width: 550px) {
    #mw-my-deliveries-page {
        padding: 0 .6em
    }
}

#mw-my-deliveries-page .btn-my-deliveries {
    border-top: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    background-color: white;
    border-bottom: 4px solid #1230BC;
    border-radius: 0.25rem;
    color: #1230BC
}

#mw-my-deliveries-page .btn-my-deliveries.primary {
    background: #007bff;
    color: white;
    border: none
}

#mw-my-deliveries-page .btn-my-deliveries.secondary {
    background: #6c757d;
    color: white;
    border: none
}

#mw-my-deliveries-page .btn-my-deliveries.warning {
    background: #ffc107;
    color: white;
    border: none
}

#mw-my-deliveries-page .btn-my-deliveries.success {
    background: #28a745;
    color: white;
    border: none
}

#mw-my-deliveries-page .btn-my-deliveries.danger {
    background: #dc3545;
    color: white;
    border: none
}

#mw-my-deliveries-page .btn-my-deliveries:not(:active) {
    transition: background-color 350ms ease, color 350ms ease
}

#mw-my-deliveries-page .btn-my-deliveries:active {
    color: white;
    background-color: #006fa7;
    transition: background-color 350ms ease, color 350ms ease
}

#mw-my-deliveries-page .btn-my-deliveries.primary:active {
    background-color: #006fe6
}

#mw-my-deliveries-page .btn-my-deliveries.secondary:active {
    background-color: #60686f
}

#mw-my-deliveries-page .btn-my-deliveries.warning:active {
    background-color: #edb100
}

#mw-my-deliveries-page .btn-my-deliveries.success:active {
    background-color: #23923d
}

#mw-my-deliveries-page .btn-my-deliveries.danger:active {
    background-color: #d32535
}

#mw-my-deliveries-page .btn-my-deliveries.primary:active,
#mw-my-deliveries-page .btn-my-deliveries.primary:hover,
#mw-my-deliveries-page .btn-my-deliveries.primary:focus {
    background: #0062cc
}

#mw-my-deliveries-page .btn-my-deliveries.secondary:active,
#mw-my-deliveries-page .btn-my-deliveries.secondary:hover,
#mw-my-deliveries-page .btn-my-deliveries.secondary:focus {
    background: #545b62
}

#mw-my-deliveries-page .btn-my-deliveries.warning:active,
#mw-my-deliveries-page .btn-my-deliveries.warning:hover,
#mw-my-deliveries-page .btn-my-deliveries.warning:focus {
    background: #d39e00
}

#mw-my-deliveries-page .btn-my-deliveries.success:active,
#mw-my-deliveries-page .btn-my-deliveries.success:hover,
#mw-my-deliveries-page .btn-my-deliveries.success:focus {
    background: #1e7e34
}

#mw-my-deliveries-page .btn-my-deliveries.danger:active,
#mw-my-deliveries-page .btn-my-deliveries.danger:hover,
#mw-my-deliveries-page .btn-my-deliveries.danger:focus {
    background: #bd2130
}

#mw-my-deliveries-page .mw-my-deliveries-group {
    display: flex;
    align-items: center
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-label {
    padding-right: .8em;
    height: 100%;
    display: flex;
    align-items: center;
    border: thin solid #ced4da;
    border-radius: 0.25em;
    padding-left: .4em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f3f3f3;
    min-height: calc(1.5em + 0.75rem + 2px)
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-select,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-section.mw-title,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-delivery-stop-select,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down-group {
    margin-top: 0;
    height: 100%;
    flex: 1
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-select .mw-search-drop-down-group span,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-section.mw-title .mw-search-drop-down-group span,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-delivery-stop-select .mw-search-drop-down-group span,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down .mw-search-drop-down-group span,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down-group .mw-search-drop-down-group span {
    width: unset
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down-group {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    align-items: center;
    min-height: calc(1.5em + 0.75rem + 2px)
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-search-drop-down,
#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-label {
    margin: 0
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-data {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 0.75rem;
    height: 100%;
    border: thin solid #ced4da;
    border-radius: 0.25em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    flex: 1;
    min-height: calc(1.5em + 0.75rem + 2px)
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-date {
    margin: 0;
    height: 100%;
    align-items: center;
    display: flex;
    border-top: thin solid #ced4da;
    border-bottom: thin solid #ced4da;
    padding: 0 0.75rem;
    flex: 1;
    width: 10em;
    min-height: calc(1.5em + 0.75rem + 2px)
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-date-no-edit {
    margin: 0;
    height: 100%;
    align-items: center;
    display: flex;
    border: thin solid #ced4da;
    border-radius: 0.25em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 0.75rem;
    flex: 1;
    width: 10em;
    min-height: calc(1.5em + 0.75rem + 2px);
    border-left: none
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-button {
    height: 100%;
    border: thin solid #ced4da;
    border-radius: 0.25em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-height: calc(1.5em + 0.75rem + 2px)
}

#mw-my-deliveries-page .mw-my-deliveries-group .mw-my-deliveries-group-button i {
    font-size: 1.25em
}

#mw-my-deliveries-page .mw-my-deliveries-header {
    background-color: white;
    border-radius: .25rem;
    display: flex;
    padding: 0 1em;
    border-bottom: 4px solid #afafaf;
    min-height: 5em;
    align-items: center;
    margin-top: 1em
}

#mw-my-deliveries-page .mw-my-deliveries-header.hold-service {
    border-color: red;
    color: red
}

@media (max-width: 500px) {
    #mw-my-deliveries-page .mw-my-deliveries-header {
        flex-direction: column
    }
}

#mw-my-deliveries-page .mw-my-deliveries-header .mw-my-deliveries-header-title {
    margin-left: .6em;
    text-transform: uppercase;
    font-weight: bold
}

#mw-my-deliveries-page .mw-my-deliveries-header .mw-my-deliveries-header-text {
    margin-left: .6em
}

#mw-my-deliveries-page .mw-my-deliveries-header .mw-my-deliveries-header-button {
    margin-left: .6em;
    flex: 1;
    display: flex;
    justify-content: flex-end
}

#mw-my-deliveries-page .mw-my-deliveries-header i {
    font-size: 1.5em
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar {
    flex-direction: column;
    margin-top: 1em;
    background-color: white;
    border-radius: .25rem
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account {
    padding: 1em;
    display: flex;
    flex-direction: column
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar {
    margin-top: .4em
}

@media (max-width: 600px) {
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar {
        flex-direction: column
    }
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar {
    display: flex
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-name,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-name {
    flex: 2
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-name .mw-my-deliveries-account-select,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-name .mw-my-deliveries-account-select {
    flex: 1
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-number,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-number {
    flex: 1;
    margin-left: .4em
}

@media (max-width: 900px) {
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-number,
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-number {
        display: none
    }
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-account-number .mw-my-deliveries-account-data,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-account-number .mw-my-deliveries-account-data {
    flex: 1
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-stop-name,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-stop-name {
    flex: 1
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .mw-my-deliveries-group.mw-my-deliveries-stop-name .mw-my-deliveries-account-select,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .mw-my-deliveries-group.mw-my-deliveries-stop-name .mw-my-deliveries-account-select {
    flex: 1
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .btn-my-deliveries,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .btn-my-deliveries {
    margin-left: .4em;
    background: #6c757d;
    color: white;
    border: none
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-account-bar .btn-my-deliveries:hover,
#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-account .mw-my-deliveries-delivery-bar .btn-my-deliveries:hover {
    background: #545b62
}

#mw-my-deliveries-page>div>div.mw-my-deliveries-actions-bar>button:nth-child(3) {
    display: none !important;
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar {
    display: flex;
    padding: 0 1em 1em 1em
}

@media (max-width: 500px) {
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar {
        flex-wrap: wrap
    }
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries {
    flex: 1;
    margin: 0 .2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 8em;
    justify-content: center
}

@media (max-width: 500px) {
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries {
        flex-direction: row;
        align-items: center;
        flex: 1 0 50%;
        margin: 0;
        height: 3em
    }
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-icon {
        margin: 0
    }
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-icon {
    font-size: 1.5em;
    margin-bottom: .4em
}

@media (max-width: 500px) {
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-icon {
        font-size: .75em;
        margin: 0
    }
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-label {
    font-weight: bold
}

@media (max-width: 600px) {
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-label {
        font-size: .75em
    }
}

@media (max-width: 500px) {
    #mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries .mw-my-deliveries-action-label {
        padding-left: .8em;
        margin: 0
    }
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .btn-my-deliveries:hover {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #1230BC;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #1230BC
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .selected {
    color: white;
    background: #1230BC
}

#mw-my-deliveries-page .mw-my-deliveries-toolbar .mw-my-deliveries-actions-bar .selected:hover {
    box-shadow: unset
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders {
    margin-top: .5em;
    display: flex;
    flex-direction: column;
    flex: 1
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-header {
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    background: #BE009E;
    color: white;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    padding: .6em 0
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-header label {
    margin: 0
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body {
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: 60vh;
    border: solid 1px #BE009E;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    flex: 1;
    background-color: white
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body .mw-my-deliveries-view-orders-row {
    display: flex;
    flex-direction: row;
    min-height: 2em;
    flex: 1
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body .selected-row {
    background: #BE009E;
    color: white;
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body .mw-my-deliveries-view-orders-row:hover {
    color: #007bff;
    cursor: pointer
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body .alternate-row {
    background: #f3f3f3
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-body label {
    margin: 0.2em 0
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-ticket-number {
    flex: 1;
    padding: 0 1em;
    text-align: left
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-date {
    flex: 1;
    padding: 0 1em;
    text-align: left
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-message {
    flex: 2;
    padding: 0 1em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 600px) {
    #mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-message {
        display: none
    }
}

#mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-total {
    padding-right: 0.8em;
    flex: 1;
    padding: 0 1em;
    text-align: right
}

@media (max-width: 400px) {
    #mw-my-deliveries-page .mw-my-deliveries-view-orders .mw-my-deliveries-view-orders-total {
        display: none
    }
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order {
    padding: 1em 0
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container {
    background: white;
    border-radius: 0.25em;
    display: flex;
    flex-direction: column
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-status {
    display: flex;
    justify-content: center;
    font-weight: bold;
    height: 2em;
    font-size: 1.2em;
    align-items: center;
    border-radius: .25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-status.status-scheduled {
    background-color: #28a745;
    color: white
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-status.status-skipped {
    background: #dc3545;
    color: white
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-status.status-hold-service {
    background-color: red;
    color: #ff0
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-groups-container {
    display: flex
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-groups-container .mw-my-deliveries-delivery-order {
    margin-right: .4em
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-groups-container .mw-my-deliveries-select-order {
    margin-right: .4em
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar {
    display: flex;
    margin: 1em 1em 0 1em
}

@media (max-width: 700px) {
    #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar {
        flex-direction: column
    }
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-description {
    display: flex;
    align-items: center
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-description .mw-my-deliveries-edit-order-tool-bar-text {
    margin-left: .2em
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-description .mw-my-deliveries-edit-order-tool-bar-text.title {
    text-transform: uppercase
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-description .mw-my-deliveries-edit-order-tool-bar-select {
    margin: 0 .2em 0 .4em
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

@media (max-width: 700px) {
    #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons {
        justify-content: initial
    }
}

@media (max-width: 500px) {
    #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons {
        flex-wrap: wrap
    }
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons .btn-my-deliveries {
    margin-left: .4em
}

@media (max-width: 700px) {
    #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons .btn-my-deliveries {
        flex: 1;
        margin-left: .2em;
        margin-right: .2em
    }
}

@media (max-width: 500px) {
    #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons .btn-my-deliveries {
        flex: 1 0 50%;
        margin-left: 0;
        margin-right: 0
    }
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mfs-button-toggle-wrapper {
    background-color: white;
    justify-content: unset;
    padding: 1em 1em 0 1em
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .unscheduled {
    background: #f3f3f3
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items {
    display: flex;
    padding: 1em;
    overflow: auto;
    border: thin solid #ded4da;
    margin: 1em
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items .mw-my-deliveries-edit-no-order {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 550px) {
    #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items {
        flex-wrap: wrap
    }
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items .mw-catalog-item-mini {
    flex: 0 0 auto;
    margin-right: 1em
}

@media (max-width: 550px) {
    #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items .mw-catalog-item-mini {
        margin-right: 0;
        flex: 1 0 auto
    }
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-items .unscheduled {
    background: #f3f3f3
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar {
    flex-wrap: wrap
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar .mw-my-deliveries-edit-order-tool-bar-buttons {
    display: none
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar .mw-my-deliveries-groups-container {
    flex-wrap: wrap
}

#mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar .mw-my-deliveries-groups-container .mw-my-deliveries-group {
    flex: 1 0 auto
}

@media (max-width: 500px) {
    #mw-my-deliveries-page .mw-my-deliveries-edit-order .mw-my-deliveries-edit-order-container .mw-my-deliveries-edit-order-tool-bar.previous-container-tool-bar .mw-my-deliveries-date {
        flex: 1 0 auto
    }
}

.mw-catalog-item-mini {
    display: flex;
    flex-direction: column;
    border: thin solid #ced4da;
    border-radius: .25rem;
    width: 12em
}

.mw-catalog-item-mini .mw-catalog-item-mini-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 12em;
    border-bottom: 1px solid rgba(225, 225, 225, 0.5);
    position: relative;
    background: white
}

.mw-catalog-item-mini .mw-catalog-item-mini-image-container .mw-catalog-item-mini-item-image {
    padding: 1em;
    height: 100%;
    max-width: 100%
}

.mw-catalog-item-mini .mw-catalog-item-mini-image-container i {
    font-size: 6em;
    color: #666666
}

.mw-catalog-item-mini .mw-catalog-item-mini-title {
    font-size: 16px;
    color: #666666;
    word-wrap: break-word;
    margin-top: 0.2em;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding: 0 .4em
}

.mw-catalog-item-mini .mw-catalog-item-mini-row {
    display: flex;
    padding: 0 0.4em 0.4em 0.4em;
    flex: 1;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-start
}

.mw-catalog-item-mini .mw-catalog-item-mini-row .mw-catalog-item-mini-label-checkbox {
    display: flex;
    justify-content: center;
    margin: 0;
    align-items: center
}

.mw-catalog-item-mini .mw-catalog-item-mini-row .mw-catalog-item-mini-row-quantity {
    margin-top: .5em
}

.mw-catalog-item-mini .mw-catalog-item-mini-coupon {
    padding: 0.4em;
    display: flex;
    justify-content: space-between
}

.mw-catalog-item-mini .mw-catalog-item-mini-invalid {
    font-size: 12px;
    margin-top: 0.2em;
    color: rgba(255, 0, 0, 0.75);
    padding: 0 .4em .4em .4em;
    text-align: center
}

.mw-catalog-item-mini .mw-catalog-item-mini-exchange-icon {
    display: flex;
    justify-content: center;
    color: #666666;
    width: 100%;
    transform: rotate(90deg)
}

.mw-catalog-item-mini .mw-catalog-item-mini-exchange-type {
    font-size: 16px;
    color: #666666;
    word-wrap: break-word;
    margin-top: 0.2em;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding: 0 0.4em
}

.mw-catalog-item-mini .mw-catalog-item-mini-exchange-type .mw-catalog-item-mini-exchange-edit-btn {
    padding: 0;
    margin-left: .4em
}

.mw-catalog-item-mini .mw-catalog-item-mini-service-code {
    margin-bottom: 0;
    width: 100%
}

#mw-equipment-page {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: scroll;
    text-align: center;
    background: #f3f3f3
}

#mw-equipment-page .mw-equipment-container {
    display: block;
    flex-direction: row
}

#mw-equipment-page .mw-equipment-container .mw-equipment-loading {
    margin-top: 10vh
}

#mw-equipment-page .mw-equipment-hold {
    color: #ff0;
    background-color: red;
    border-radius: 1em;
    padding: 0 0.5em;
    margin: 0.5em;
    margin: 1em auto;
    width: fit-content
}

#mw-equipment-page .mw-equipment-add {
    margin: 0.5em
}

#mw-equipment-page .mw-equipment-image-container {
    display: block;
    justify-content: center;
    align-items: center;
    background: white;
    height: 200px;
    width: 200px;
    border-right: 1px solid #c8c8c8;
    margin-right: 0.5em
}

#mw-equipment-page .mw-equipment-image-container img {
    height: 100%;
    width: 100%;
    padding: 1em
}

#mw-equipment-page .mw-equipment-image-container .fas {
    font-size: 6em;
    color: #666666;
    padding: 50px
}

#mw-equipment-page .mw-equipment-detail {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mw-equipment-page .mw-equipment-text-container {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mw-equipment-page .mw-equipment-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0.5em;
    overflow: hidden
}

#mw-equipment-page .mw-equipment-text label,
#mw-equipment-page .mw-equipment-text .mw-equipment-additional-text {
    margin: 0
}

#mw-equipment-page .mw-equipment-text .mw-equipment-edit-btn {
    line-height: inherit;
    padding: 0;
    height: fit-content;
    margin-left: .6em
}

#mw-equipment-page .mw-equipment-options {
    display: inline-block;
    flex-direction: row;
    flex: 1;
    background: #f3f3f3;
    padding: 0.2em 0.5em;
    text-align: right;
    float: right;
    width: 100%
}

#mw-equipment-page .mw-equipment-options button {
    margin: 0.2em;
    width: fit-content
}

#mw-equipment-page .mw-equipment-toolbar {
    text-align: left
}

#mw-equipment-page .mw-equipment-toolbar button {
    margin: 6px 10px
}

#mw-equipment-page .mw-equipment-install {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    word-wrap: break-word;
    flex: 1;
    padding: 1em 0 1em 0.8em;
    background: #f3f3f3
}

#mw-equipment-page .mw-equipment-item {
    flex-wrap: inherit;
    flex-direction: column;
    padding: 0
}

#mw-equipment-page .mw-equipment-item #mw-catalog-item {
    width: initial
}

#mw-equipment-page .mw-equipment-add-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: #f3f3f3;
    flex: 1
}

#mw-equipment-page #exchangePopup .modal-body {
    text-align: left
}

#mw-equipment-page #exchangePopup .mw-equipment-exchange {
    text-align: right
}

#mw-equipment-page #exchangePopup .mw-equipment-exchange-sn {
    font-weight: bold;
    margin: 0
}

@media (max-width: 800px) {
    #mw-equipment-page .mw-equipment-container {
        padding: 0 0.5em
    }
}

#mw-favorite-products-page {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background: #f3f3f3;
    overflow-y: scroll
}

#mw-favorite-products-page .mw-favorite-products-toolbar {
    text-align: center;
    margin-top: 1em
}

#mw-favorite-products-page .mw-favorite-products-toolbar .btn {
    margin-right: 0.5em
}

#mw-favorite-products-page .mw-favorite-products-container {
    position: inherit;
    display: flex;
    flex-direction: row;
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1em
}

#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product {
    display: inline-block;
    flex-direction: column;
    width: 18em;
    word-wrap: break-word;
    margin: 1em;
    border: 1px solid #e1e1e1;
    padding: 0.5em;
    background: white
}

#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .form-control {
    width: 6em;
    margin-bottom: 0.5em
}

#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .mw-favorite-products-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 15em;
    border-bottom: thin solid #e1e1e1
}

#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .mw-favorite-products-image-container img {
    padding: 2px;
    height: 100%
}

#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .mw-favorite-products-image-container i {
    font-size: 5em;
    color: #666666
}

#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .btn {
    width: 100%
}

#mw-favorite-products-page .mw-favorite-products-container .mw-favorite-products-product .mw-favorite-products-text {
    font-weight: normal;
    color: #666666;
    display: block;
    word-wrap: break-word;
    width: 200px;
    line-height: 1.5em;
    overflow: hidden;
    background: white;
    height: 1.5em;
    margin: 0.25em 0
}

@media (max-width: 890px) {
    #mw-favorite-products-page {
        height: unset
    }
    #mw-favorite-products-page .mw-favorite-products-additional-products {
        flex-direction: column
    }
    #mw-favorite-products-page #mw-catalog-filters {
        padding-left: 1em
    }
    #mw-favorite-products-page .mw-favorite-products-additional-products {
        flex-direction: column
    }
}

#mw-favorite-products-additional-page {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100vh;
    background: #f3f3f3
}

#mw-favorite-products-additional-page .mw-favorite-products-additional-products {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: #f3f3f3;
    flex: 1
}

#mw-favorite-products-additional-page .mw-favorite-products-additional-products #mw-catalog-item {
    margin: 0.5em
}

#mw-favorite-products-additional-page .mw-favorite-products-additional-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 1em;
    background: #f3f3f3
}

#mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-toolbar {
    margin: 0.5em;
    height: 3em
}

#mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-catalog {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    word-wrap: break-word;
    overflow-y: scroll;
    justify-self: center
}

#mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-catalog .mw-favorite-products-additional-product-modified {
    background-color: red
}

#mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-catalog .mw-favorite-products-additional-pagination-loading {
    background: white;
    border: solid 2px #e1e1e1;
    border-radius: 1.05rem;
    margin-bottom: .4em;
    height: 4em
}

@media (max-width: 890px),
(max-height: 700px) {
    #mw-favorite-products-additional-page {
        height: unset
    }
    #mw-favorite-products-additional-page #mw-catalog-filters {
        padding-left: 1em
    }
    #mw-favorite-products-additional-page .mw-favorite-products-additional-products {
        flex-direction: column;
        justify-self: center
    }
    #mw-favorite-products-additional-page .mw-favorite-products-additional-container {
        padding-left: 0
    }
    #mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-toolbar {
        margin: 0;
        padding: 0 0 1em 2em;
        background: white;
        height: unset
    }
    #mw-favorite-products-additional-page .mw-favorite-products-additional-container .mw-favorite-products-additional-catalog {
        overflow-y: unset;
        justify-content: center
    }
    #mw-favorite-products-additional-page #mw-catalog-item {
        overflow: unset;
        max-width: 24em;
        min-height: 200px
    }
    #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-image-container,
    #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-description {
        display: none
    }
    #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-favorite,
    #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-info-icon {
        margin-top: 0
    }
    #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-title-container {
        align-items: center
    }
    #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title {
        text-align: left;
        padding-left: 0.5em
    }
    #mw-favorite-products-additional-page #mw-catalog-item .mw-catalog-item-image-small-container {
        display: flex;
        border: none
    }
}

#mw-fs-auth-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background: #1230BC;
    min-height: 100vh;
    max-width: 100vw;
    width: 100vw;
    display: -webkit-flex
}

#mw-fs-auth-page .mw-fs-auth-login {
    display: flex;
    min-width: 300px;
    max-width: 400px;
    background: white;
    padding: 25px;
    border: 1px solid #c8c8c8
}

#mw-fs-auth-page .mw-fs-page-link {
    background: #1230BC;
    color: white;
    padding: .2em;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin: 1em;
    text-decoration: underline
}

#mw-fs-auth-page .mw-fs-auth-button-label {
    text-align: left;
    width: 100%;
    margin-top: .5em
}

@media (min-width: 500px) {
    #mw-fs-auth-page .mw-fs-auth-button-label {
        text-align: right
    }
}

#mw-fs-auth-page .mw-fs-auth-button {
    text-align: center;
    background: #1230BC;
    color: white;
    padding: 0.375em 0.75em;
    font-size: 1em;
    border-radius: 0.3em;
    border: 1px solid transparent;
    width: 100%
}

@media (min-width: 500px) {
    #mw-fs-auth-page .mw-fs-auth-button {
        width: 10em;
        margin-left: .7em
    }
}

#mw-fs-auth-page .form-control {
    width: 100%
}

#mw-fs-auth-page .mw-captcha .form-control {
    display: inline-block;
    width: 35%
}

#mfs-account {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#mfs-account .mfs-account-body {
    border: thick solid #1230BC;
    border-radius: 0.5em;
    display: flex;
    flex-direction: column;
    padding: 2em;
    margin: 1em auto;
    max-width: 450px;
    height: fit-content;
    align-self: center
}

#mfs-account .mfs-account-body img {
    max-height: 250px;
    border-radius: 0.5em
}

#mfs-account .mfs-account-body label {
    display: flex;
    flex: 1
}

#mfs-account .mfs-account-body .mfs-account-name {
    display: flex;
    flex: 1;
    font-size: 2em
}

#mfs-account .mfs-account-body .btn {
    margin-top: 1em
}

@media (max-width: 745px) {
    #mfs-account .mfs-account-body {
        margin: 1em
    }
}

#mw-fs-login {
    display: flex;
    min-width: 300px;
    max-width: 400px;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: white;
    flex-direction: column
}

#mw-fs-login .mw-captcha-image {
    margin: 0
}

#mw-fs-login .mw-fs-captcha {
    display: flex;
    flex-direction: row
}

#mw-fs-login .mw-fs-captcha input {
    width: 35%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#mw-fs-login div.form-group {
    margin-bottom: 5px
}

#mw-fs-login label {
    font-size: 14px;
    color: #4b4b4b;
    margin: 0.5em 0
}

#mw-fs-login .mw-fs-input {
    display: flex;
    flex: 1
}

#mw-fs-login .mw-fs-password {
    display: flex;
    flex-direction: row
}

#mw-fs-login .mw-fs-form {
    width: 100%;
    height: 100%
}

#mw-fs-login .mw-fs-form .mw-fs-logo {
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

#mw-fs-login .mw-fs-form .mw-fs-logo img {
    max-width: 100%;
    width: 100%
}

#mw-fs-login .mw-fs-form .mw-fs-error {
    color: red
}

#mw-fs-login .mw-fs-form .btn-link {
    padding: 0.5em 0
}

#mw-fs-login .mw-fs-sign-in {
    background: #1230BC;
    color: white;
    float: right;
    margin-top: 1em;
    width: 100%
}

@media (min-width: 500px) {
    #mw-fs-login .mw-fs-sign-in {
        width: unset;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

#mw-fs-login .mw-auth-build {
    display: none;
    margin-top: 1em;
    align-self: flex-end;
    font-size: 1.1em
}

#mw-fs-login .mw-auth-copyright {
    align-self: flex-end;
    font-size: 0.8em;
    margin-top: 1em
}

#mw-fs-login .mw-auth-copyright i {
    margin-right: 0.3em
}

#mfs-item {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#mfs-item .mfs-item-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    max-width: 500px;
    min-width: 500px;
    max-height: 80%;
    flex-direction: column;
    flex: 1;
    display: flex
}

#mfs-item .mfs-item-dialog .mfs-item-header {
    background: #1230BC;
    color: white;
    text-align: center
}

#mfs-item .mfs-item-dialog .mfs-item-header .mfs-item-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

#mfs-item .mfs-item-dialog .mfs-item-dialog-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    min-height: 50vh
}

#mfs-item .mfs-item-dialog .mfs-item-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1em;
    min-height: 200px
}

#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-image {
    min-width: 200px;
    max-width: 200px;
    height: 200px;
    padding-right: 1em
}

#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-image img,
#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-image i {
    width: 100%
}

#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-image i {
    font-size: 5em;
    color: #666666;
    text-align: center;
    padding: 50px
}

#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header {
    display: flex;
    flex-direction: column;
    height: 200px;
    width: 100%
}

#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header .mfs-item-title {
    color: #666666;
    font-size: 1.2em
}

#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header .mfs-item-description {
    display: flex;
    flex-direction: row
}

#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header .mfs-item-description .mfs-item-text-title {
    font-weight: bold;
    width: 120px
}

#mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header .mfs-item-description .mfs-item-negative-quantity {
    color: red
}

#mfs-item .mfs-item-dialog .mfs-item-text {
    display: flex;
    flex-direction: column;
    margin: 1em 1em 0 1em
}

#mfs-item .mfs-item-dialog .mfs-item-text label {
    width: 100%;
    min-height: 24px
}

#mfs-item .mfs-item-dialog .mfs-item-text .mfs-item-text-title {
    font-weight: bold
}

#mfs-item .mfs-item-dialog .mfs-item-footer-right-align {
    display: flex;
    flex-direction: row;
    margin: 1em;
    justify-content: flex-end;
    min-height: 50px
}

#mfs-item .mfs-item-dialog .mfs-item-footer-right-align button {
    height: fit-content
}

@media (max-width: 1200px) {
    #mfs-item {
        font-size: 1.1em
    }
}

@media (max-width: 1100px) {
    #mfs-item {
        font-size: 1.2em
    }
}

@media (max-width: 600px) {
    #mfs-item {
        font-size: 1em
    }
    #mfs-item .mfs-item-dialog {
        min-width: 80%;
        max-width: 80%
    }
    #mfs-item .mfs-item-dialog .mfs-item-body {
        flex-direction: column
    }
    #mfs-item .mfs-item-dialog .mfs-item-body .mfs-item-text-header {
        border-bottom: thin solid #666666;
        margin-top: 1em;
        height: unset;
        padding-bottom: 1em
    }
}

@media (max-width: 400px) {
    #mfs-item .mfs-item-dialog {
        min-width: 95%;
        max-width: 95%
    }
}

#mfs-item-equipment {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#mfs-item-equipment .mfs-item-equipment-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    max-width: 500px;
    min-width: 500px;
    max-height: 80%;
    display: flex;
    flex-direction: column;
    flex: 1
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-header {
    background: #1230BC;
    color: white;
    text-align: center
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-header .mfs-item-equipment-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-dialog-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1em
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-image {
    min-width: 200px;
    max-width: 200px;
    height: 200px;
    padding-right: 1em
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-image img,
#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-image i {
    width: 100%
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-image i {
    font-size: 5em;
    color: #666666;
    text-align: center;
    padding: 50px
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header {
    display: flex;
    flex-direction: column;
    height: 200px;
    width: 100%
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header .mfs-item-equipment-title {
    color: #666666;
    font-size: 1.2em
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header .mfs-item-equipment-description {
    display: flex;
    flex-direction: row
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header .mfs-item-equipment-description .mfs-item-equipment-text-title {
    font-weight: bold;
    margin-right: 0.25em
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-text {
    display: flex;
    flex-direction: column;
    margin: 1em 1em 0 1em
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-text .mfs-item-equipment-text-title {
    font-size: 1.2em;
    color: #666666
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-text .mfs-item-equipment-text-description {
    display: flex;
    flex-direction: row
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-text .mfs-item-equipment-text-description .mfs-item-equipment-text-type {
    font-weight: bold;
    margin-right: 0.25em
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-equipment-display-footer {
    display: flex;
    flex-direction: row;
    margin: 1em;
    justify-content: flex-end
}

#mfs-item-equipment .mfs-item-equipment-dialog .mfs-equipment-display-footer .btn {
    margin-left: 0.5em
}

@media (max-width: 1200px) {
    #mfs-item-equipment {
        font-size: 1.1em
    }
}

@media (max-width: 1100px) {
    #mfs-item-equipment {
        font-size: 1.2em
    }
}

@media (max-width: 600px) {
    #mfs-item-equipment {
        font-size: 1em
    }
    #mfs-item-equipment .mfs-item-equipment-dialog {
        min-width: 80%;
        max-width: 80%
    }
    #mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body {
        flex-direction: column
    }
    #mfs-item-equipment .mfs-item-equipment-dialog .mfs-item-equipment-body .mfs-item-equipment-text-header {
        border-bottom: thin solid #666666;
        margin-top: 1em;
        height: unset;
        padding-bottom: 1em
    }
}

@media (max-width: 400px) {
    #mfs-item-equipment .mfs-item-equipment-dialog {
        min-width: 95%;
        max-width: 95%
    }
}

#mfs-create-prospect {
    display: flex;
    flex-direction: column;
    align-items: center
}

#mfs-create-prospect .submit-button {
    margin-bottom: 2em;
    min-height: 38px
}

#mfs-create-prospect .error {
    color: red
}

#mfs-create-prospect .mfs-create-prospect-container {
    flex-direction: column;
    width: 800px;
    margin: 1em;
    border: medium solid #f3f3f3;
    border-radius: 0.25em;
    color: #495057;
    padding-bottom: 0.5em
}

@media (max-width: 850px) {
    #mfs-create-prospect .mfs-create-prospect-container {
        width: 98%
    }
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-title {
    background: #f3f3f3;
    text-align: center;
    padding: 0.5em;
    font-size: 1.1em;
    width: 100%
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-header {
    margin: 1em;
    font-size: 1.1em;
    font-weight: bold
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section {
    display: flex;
    flex-direction: row;
    margin: 0.5em 1em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .mfs-create-prospect-column {
    flex: 1
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .mfs-create-prospect-column.zip-code input {
    text-transform: uppercase
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .mfs-create-prospect-column .required {
    border-color: red
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .divider {
    margin-right: 0.5em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section a {
    height: 35px;
    width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    border: medium solid;
    text-align: center;
    align-self: flex-end
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .geocode {
    background: #28a745;
    color: white;
    border-color: #28a745;
    margin-left: 0.5em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .geocode:hover {
    background: #1e7e34;
    border-color: #1e7e34;
    cursor: pointer
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .autofill {
    background: #007bff;
    color: white;
    border-color: #007bff;
    margin-left: 0.5em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-section .autofill:hover {
    background: #0062cc;
    border-color: #0062cc;
    cursor: pointer
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact {
    display: flex;
    flex-direction: column;
    margin: 0.5em 1em;
    background: #f3f3f3;
    padding: 1em;
    border-radius: 0.25em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .name {
    margin-bottom: 0.5em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact {
    display: flex;
    flex-direction: row
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .divider {
    margin-right: 0.5em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .name {
    flex: 1
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .email {
    flex: 1
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .phone {
    flex: 1
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field-contact .mfs-create-prospect-contact .message {
    flex: 2
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field {
    display: flex;
    flex-direction: column;
    margin: 0.5em 1em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .uppercase {
    text-transform: uppercase
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .address {
    margin-bottom: 0.5em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .required {
    border-color: red
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid {
    display: flex;
    flex-direction: row
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales label,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales input,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates label,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates input,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid label,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid input {
    flex: 1
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales .divider,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates .divider,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid .divider {
    margin-right: 0.5em
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-sales .invalid,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-dates .invalid,
#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid .invalid {
    border-color: red
}

#mfs-create-prospect .mfs-create-prospect-container .mfs-create-prospect-field .mfs-create-prospect-invalid {
    margin-top: 0.5em;
    font-size: 0.9em;
    color: red
}

#mfs-customer {
    display: flex;
    flex-direction: column
}

#mfs-customer .mfs-customer-label {
    display: flex;
    flex: 1
}

#mfs-confirmation {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    padding: 50px;
    text-align: center
}

#mfs-confirmation .mfs-confirmation-image {
    display: flex;
    flex: 2;
    align-items: flex-end;
    align-self: center;
    margin-bottom: 2em
}

#mfs-confirmation i {
    color: #28a745;
    font-size: 12em
}

#mfs-confirmation .mfs-confirmation-header {
    font-size: 3em
}

#mfs-confirmation .mfs-confirmation-message {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 1.5em
}

#mfs-confirmation .mfs-confirmation-message button {
    width: fit-content;
    align-self: center;
    margin: 0.5em
}

#mfs-dashboard {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mfs-dashboard .mfs-dashboard-page-header {
    border-bottom: thick solid #e3e3e3;
    margin: 1em 2em
}

#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section {
    color: #616161;
    font-size: 1.25em;
    display: flex;
    flex-direction: row;
    height: fit-content;
    margin-bottom: .2em
}

#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section .mfs-dashboard-header-label {
    margin-right: 0.3em
}

#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section .mfs-dashboard-header-label i {
    font-size: 2em;
    color: #616161;
    margin-right: 0.3em
}

#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section .btn {
    margin: auto 1em;
    width: fit-content;
    height: fit-content
}

#mfs-dashboard .mfs-dashboard-page-header .mfs-dashboard-header-section .mw-search-drop-down {
    margin: auto 1em auto 0;
    width: 15em;
    height: fit-content
}

#mfs-dashboard .mfs-dashboard-section {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin: 2em
}

@media (max-width: 1300px) {
    #mfs-dashboard .mfs-dashboard-section {
        flex-direction: column;
        margin: 0;
        align-self: center;
        width: 60%
    }
    #mfs-dashboard .mfs-dashboard-section .mfs-dashboard-card {
        flex: unset;
        min-height: 475px
    }
    #mfs-dashboard .mfs-dashboard-page-header {
        margin: 0.5em
    }
}

@media (max-width: 700px) {
    #mfs-dashboard .mfs-dashboard-section {
        width: 100%
    }
    #mfs-dashboard .mfs-dashboard-header-section i {
        display: none
    }
    #mfs-dashboard .mfs-dashboard-pending {
        flex-direction: column
    }
    #mfs-dashboard .mfs-dashboard-pending .btn {
        margin-left: 0;
        margin-bottom: 0.5em
    }
    #mfs-dashboard .mfs-dashboard-pending label {
        height: fit-content
    }
}

.mfs-dashboard-grid-hover .mfs-dashboard-chart:hover {
    cursor: pointer
}

#mfs-lookup {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mfs-lookup .mfs-lookup-toggle {
    display: flex;
    flex-direction: row;
    background: #f3f3f3
}

#mfs-lookup .mfs-lookup-toggle .mfs-information-toggle {
    flex: 1
}

#mfs-lookup .mfs-lookup-toggle .mfs-view-toggle {
    position: absolute;
    right: 0
}

#mfs-lookup .mfs-lookup-toggle .mfs-view-toggle .mfs-button-toggle-button {
    background: white;
    color: #495057
}

#mfs-lookup .mfs-lookup-toggle .mfs-view-toggle .mfs-button-toggle-button-selected {
    background: #495057;
    color: white
}

#mfs-lookup .mfs-lookup-toolbar {
    display: flex;
    flex-direction: row;
    padding: 1em
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options {
    display: flex;
    flex-direction: row;
    margin-right: 0.5em
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-search-dropdown {
    background: #f3f3f3;
    max-width: 220px;
    min-width: 220px
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-search-dropdown:hover {
    cursor: pointer
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive {
    display: flex;
    flex-direction: row;
    margin: auto 0;
    background: #f3f3f3;
    padding: 0.2em;
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 0.25em;
    border: 1px solid #ced4da;
    margin-right: 0.5em;
    width: 230px
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive input,
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive label {
    margin: auto 0.2em
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive:hover input,
#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-inactive:hover label {
    cursor: pointer
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search .form-control {
    display: flex;
    flex: 1;
    margin: 0 1em 0 0;
    margin-right: 0.5em
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search .mfs-lookup-search-button {
    background: #1230BC;
    width: 2.2em;
    height: 2.2em;
    border: none;
    border-radius: 2em;
    color: white;
    padding: 0
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search .mfs-lookup-search-button i {
    margin: auto;
    font-size: 1.25em
}

#mfs-lookup .mfs-lookup-toolbar .mfs-lookup-search .mfs-lookup-search-button:hover {
    background: #005e8d
}

#mfs-lookup .mfs-lookup-divider {
    padding: 0em 1em 0em 1em;
    background: white
}

#mfs-lookup .mfs-lookup-header {
    margin: 0 1em;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    padding: 0.2em 1em 0.2em 0;
    border-top-right-radius: 0.25em;
    border-top-left-radius: 0.25em;
    color: white;
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons {
    width: 250px;
    margin: 0;
    padding: 0 0.3em;
    justify-content: space-evenly;
    display: flex;
    align-items: center
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons a,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons a,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons a {
    height: 35px;
    width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    border: medium solid;
    text-align: center
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-new-delivery,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-new-delivery,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-new-delivery {
    background: #31d0d3;
    color: white;
    border-color: #31d0d3
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-new-delivery:hover,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-new-delivery:hover,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-new-delivery:hover {
    background: #25aaac;
    border-color: #25aaac;
    cursor: pointer
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-new-invoice,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-new-invoice,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-new-invoice {
    background: #31d0ff;
    color: white;
    border-color: #31d0ff
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-new-invoice:hover,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-new-invoice:hover,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-new-invoice:hover {
    background: #00c3fd;
    border-color: #00c3fd;
    cursor: pointer
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-visit,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-visit,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-visit {
    background: #007bff;
    color: white;
    border-color: #007bff
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-visit:hover,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-visit:hover,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-visit:hover {
    background: #0062cc;
    border-color: #0062cc;
    cursor: pointer
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-map,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-map,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-map {
    background: #FF8400;
    color: white;
    border-color: #FF8400
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-map:hover,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-map:hover,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-map:hover {
    background: #cc6a00;
    border-color: #cc6a00;
    cursor: pointer
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-contact,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-contact,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-contact {
    background: #18AC38;
    color: white;
    border-color: #18AC38
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .mfs-lookup-contact:hover,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .mfs-lookup-contact:hover,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .mfs-lookup-contact:hover {
    background: #127f29;
    border-color: #127f29;
    cursor: pointer
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-icons .unavailable,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-icons .unavailable,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-icons .unavailable {
    color: white;
    background: #d8d8d8;
    border-color: #d8d8d8
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-phone,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-phone,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-phone {
    flex: 1;
    margin: 0;
    padding: 0 0.3em;
    min-width: 115px
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-route,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-route,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-route {
    margin: 0;
    padding: 0 0.3em;
    width: 60px
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-id,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-id,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-id {
    margin: 0;
    padding: 0 0.3em;
    width: 100px
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-delivery-id,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-delivery-id,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-delivery-id {
    margin: 0;
    padding: 0 0.3em;
    width: 100px
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-status,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-status,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-status {
    flex: 1.4;
    margin: 0;
    padding: 0 0.3em;
    display: flex;
    flex-direction: row
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-status .mfs-lookup-section-tank svg,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-status .mfs-lookup-section-tank svg,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-status .mfs-lookup-section-tank svg {
    width: 40px;
    height: 40px
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover {
    cursor: pointer
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section {
    flex: 2;
    margin: 0;
    padding: 0 0.3em
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-address,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-address,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-address {
    flex: 3;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

#mfs-lookup .mfs-lookup-header .mfs-lookup-section-address label,
#mfs-lookup .mfs-lookup-customer .mfs-lookup-section-address label,
#mfs-lookup .mfs-lookup-customer-small .mfs-lookup-section-address label {
    margin: 0
}

#mfs-lookup .mfs-lookup-container,
#mfs-lookup .mfs-lookup-card-container {
    margin: 0 1em;
    overflow-y: scroll;
    border: thin solid #BE009E;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #495057;
    background: #f3f3f3
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #d8d8d8;
    background: white
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer label,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer label {
    cursor: pointer;
    align-self: center
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer:hover,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer:hover {
    color: #007bff;
    background: #f3f3f3
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small {
    display: none;
    flex-direction: column;
    margin: 0.5em;
    background: white;
    padding: 1em 1em 0 1em;
    border-radius: 0.25em;
    box-shadow: 4px 3px 8px 1px #d8d8d8;
    border-top: 12px solid #d8d8d8
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-divider,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-divider {
    flex: 1
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header {
    display: flex;
    flex-direction: row
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 1.1em
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title:hover,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title:hover {
    color: #007bff;
    cursor: pointer
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title:hover label,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-customer-small-title:hover label {
    cursor: pointer
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-section-icons,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-section-icons {
    align-items: unset;
    padding: 0;
    width: fit-content
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-section-icons a,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-header .mfs-lookup-section-icons a {
    margin-left: 0.5em
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer {
    display: flex;
    flex-direction: row;
    border-top: thin solid #d8d8d8;
    height: 50px
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer span svg,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer span svg {
    padding-top: 0.5em
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-active,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-active {
    display: flex;
    flex: 1;
    align-items: center
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar {
    display: flex;
    flex: 2
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact {
    display: flex;
    text-align: center;
    border-left: thin solid #d8d8d8;
    color: #495057;
    flex: 1;
    padding: 0;
    margin: 0;
    height: 100%
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact label,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact label {
    flex: 1;
    align-self: center;
    margin: 0
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact i,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact i {
    margin-right: 0.5em
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .disabled,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .disabled {
    color: #d8d8d8
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .disabled:hover,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .disabled:hover {
    cursor: pointer
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button {
    display: none
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact:hover,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact:hover {
    color: #007bff;
    text-decoration: none;
    cursor: pointer
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact:hover label,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact:hover label {
    cursor: pointer
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status {
    flex: 1;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status .mfs-lookup-section-tank svg,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status .mfs-lookup-section-tank svg {
    width: 40px;
    height: 40px
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status .mfs-lookup-section-tank svg:hover {
    cursor: pointer
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display {
    display: none
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .hold,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .hold {
    border-color: red
}

#mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .inactive,
#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .inactive {
    border-color: gold
}

#mfs-lookup .mfs-lookup-card-container {
    flex-wrap: wrap;
    flex-direction: row
}

#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view {
    display: flex;
    flex: 1 0 25%;
    min-width: 500px
}

#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small {
    display: flex;
    width: 100%
}

#mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-fill-space {
    display: flex;
    flex: 1;
    height: 50%
}

#mfs-lookup .section-small {
    flex: 0.5;
    margin: 0;
    padding: 0 0.3em
}

#mfs-lookup .mfs-lookup-count {
    margin: 1em;
    display: flex;
    flex-direction: row;
    text-align: right
}

#mfs-lookup .mfs-lookup-count span {
    flex: 1;
    padding: 0.5em 0
}

#mfs-lookup .mw-message-box-dialog .sub-block {
    color: red
}

@media (max-width: 1000px) {
    #mfs-lookup .mfs-lookup-toggle .mfs-view-toggle {
        display: none
    }
    #mfs-lookup .mfs-lookup-header {
        display: none
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer {
        display: none
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small {
        display: flex
    }
    #mfs-lookup .mfs-lookup-card-container {
        flex-wrap: unset;
        flex-direction: column
    }
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view {
        display: flex;
        flex: 1;
        min-width: unset
    }
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small {
        display: flex;
        flex: 1;
        min-width: unset
    }
}

@media (max-width: 800px) {
    #mfs-lookup .mfs-lookup-toolbar {
        flex-direction: column
    }
    #mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options {
        margin: 0 0 1em 0
    }
    #mfs-lookup .mfs-lookup-toolbar .mfs-lookup-options .mfs-lookup-search-dropdown {
        max-width: unset;
        min-width: unset;
        flex: 1
    }
}

@media (max-width: 600px) {
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .detail-display,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .detail-display {
        display: none
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer {
        flex-direction: column;
        height: 100px
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status,
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-active,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-section-status,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-active {
        border-bottom: thin solid #d8d8d8;
        margin: 0
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar {
        flex: 1;
        border-bottom: thin solid #d8d8d8
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .phone,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .phone {
        border: none
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact {
        justify-content: center
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button {
        display: flex;
        align-self: center
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button i,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .card-button i {
        align-self: center
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .detail-button,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .mfs-lookup-customer-small-footer .mfs-lookup-customer-small-toolbar .mfs-lookup-customer-contact .detail-button {
        display: none
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display {
        display: flex;
        padding: 0.5em 0;
        justify-content: unset
    }
    #mfs-lookup .mfs-lookup-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display a,
    #mfs-lookup .mfs-lookup-card-container .mfs-lookup-customer-view .mfs-lookup-customer-small .card-display a {
        margin-right: 0.5em
    }
}

.mfs-credit-flags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.mfs-credit-flags .mw-progress-loading-bar {
    height: initial;
    justify-content: initial;
    flex: 1;
    padding-left: 1em
}

.mfs-credit-flags .section-sub-account {
    color: red;
    background-color: white
}

.mfs-credit-flags .section-master-account {
    color: red;
    background-color: white
}

.mfs-credit-flags .section-major-account {
    color: #804000;
    background-color: #FF8000
}

.mfs-credit-flags .section-cod {
    color: #ff0;
    background-color: blue
}

.mfs-credit-flags .section-over-credit {
    color: #000;
    background-color: orange
}

.mfs-credit-flags .section-past-due {
    color: red;
    background-color: pink
}

.mfs-credit-flags .section-hold-service {
    color: #ff0;
    background-color: red
}

.mfs-credit-flags .section-inactive {
    color: #fff;
    background-color: gold
}

.mfs-credit-flags .section-will-call {
    color: #000;
    background-color: #8FBC8B
}

.mfs-credit-flags .section-suspended {
    color: red;
    background-color: tan
}

.mfs-credit-flags .section-returned-check {
    color: blue;
    background-color: purple
}

.mfs-credit-flags .section-collections {
    color: red;
    background-color: #ff0
}

.mfs-credit-flags .status-label {
    border-radius: .2em;
    font-weight: bolder;
    border: thin solid;
    min-width: 2em;
    height: 2em;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2em;
    font-size: 0.9em;
    margin: 0.1em
}

.mfs-dashboard-card {
    display: flex;
    flex-direction: column;
    flex: 1;
    border: thick solid #e3e3e3;
    border-radius: 0.5em;
    margin: 1em;
    height: fit-content
}

.mfs-dashboard-card .mfs-dashboard-header {
    padding: 1em;
    background: #e3e3e3;
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5em;
    flex: 1
}

.mfs-dashboard-card .mfs-dashboard-header i {
    font-size: 3em;
    padding: 0.5em;
    border-radius: 10em;
    height: 100px;
    width: 100px;
    margin-right: 1em
}

.mfs-dashboard-card .mfs-dashboard-header .fas.fa-user-plus {
    background: #95c7ff;
    color: #007bff
}

.mfs-dashboard-card .mfs-dashboard-header .fas.fa-coffee {
    background: #ffcd99;
    color: #ff8400
}

.mfs-dashboard-card .mfs-dashboard-header .fas.fa-truck {
    background: #96e8a9;
    color: #18AC38
}

.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: right;
    color: #616161
}

.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title .mfs-dashboard-header-total {
    font-weight: bold;
    font-size: 2em
}

.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title label {
    font-size: 1.3em
}

.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title .customer {
    color: #007bff;
    font-weight: bold
}

.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title .order {
    color: #18AC38;
    font-weight: bold
}

.mfs-dashboard-card .mfs-dashboard-header .mfs-dashboard-header-title .visit {
    color: #ff8400;
    font-weight: bold
}

.mfs-dashboard-card .mfs-dashboard-body {
    margin: 0 1em
}

.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals {
    margin: 0.5em 0;
    display: flex;
    flex-direction: row;
    border-bottom: thin solid #e3e3e3
}

.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals .mfs-dashboard-duration {
    text-align: right;
    flex: 1;
    display: flex;
    flex: 1
}

.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals .customer {
    color: #007bff;
    font-weight: bold
}

.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals .order {
    color: #18AC38;
    font-weight: bold
}

.mfs-dashboard-card .mfs-dashboard-body .mfs-dashboard-totals .visit {
    color: #ff8400;
    font-weight: bold
}

.mfs-dashboard-card .mfs-dashboard-body .enabled:hover {
    color: #007bff;
    cursor: pointer
}

.mfs-dashboard-card .mfs-dashboard-body .enabled:hover label {
    cursor: pointer
}

.mfs-dashboard-card .mfs-dashboard-body .remove-line {
    border-bottom: none
}

.mfs-dashboard-card .mfs-dashboard-goals {
    display: flex;
    flex-direction: column;
    border-top: thick solid #e3e3e3;
    padding: 1em 1em 0.5em 1em
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress {
    display: flex;
    flex-direction: row
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .mfs-dashboard-goal-description {
    flex: 1;
    color: #616161
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .btn {
    flex: 1;
    padding: 0;
    margin: 0;
    text-align: left
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .mfs-dashboard-goal-percentage {
    font-weight: bold;
    background: orange;
    padding: 0.2em 0.8em;
    border-radius: 1em;
    color: white
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .customer {
    background: #007bff
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .order {
    background: #18AC38
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .visit {
    background: #ff8400
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .right {
    text-align: right
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .fa-chevron-left {
    margin-right: 0.2em
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .fa-chevron-right {
    margin-left: 0.2em
}

.mfs-dashboard-card .mfs-dashboard-goals .mfs-dashboard-goal-progress .mfs-dashboard-goal-complete {
    font-weight: bold;
    font-size: 1.2em;
    flex: 1
}

.mfs-dashboard-card .mfs-dashboard-goals .progress {
    margin: 0.5em 0
}

.mfs-dashboard-card .mfs-dashboard-goals .progress .customer {
    background: #007bff
}

.mfs-dashboard-card .mfs-dashboard-goals .progress .order {
    background: #18AC38
}

.mfs-dashboard-card .mfs-dashboard-goals .progress .visit {
    background: #ff8400
}

#mfs-equipment-list {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

#mfs-equipment-list .section-mini {
    flex: 0 0 3em;
    margin: 0 0 0 0.5em;
    display: flex;
    flex-direction: row
}

#mfs-equipment-list .section-wide {
    flex: 2 0 0;
    margin: 0
}

#mfs-equipment-list .section-short {
    flex: 1;
    margin: 0;
    display: flex;
    flex-direction: row
}

#mfs-equipment-list .section-short .mfs-equipment-info {
    border: none;
    background: #007bff;
    color: white;
    height: 22px;
    width: 22px;
    border-radius: 1em;
    font-size: 0.8em;
    margin-right: 0.3em
}

#mfs-equipment-list .section-short label {
    margin: 0;
    display: flex;
    flex: 1
}

#mfs-equipment-list .mfs-equipment-header {
    margin: 1em 1em 0 1em;
    border-bottom: thin solid #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    flex: 0 0 auto
}

#mfs-equipment-list .mfs-equipment-container {
    margin: 0 1em;
    overflow-y: auto;
    height: 15em;
    flex: 1
}

#mfs-equipment-list .mfs-equipment-container .mfs-equipment-spinner-container {
    display: flex;
    justify-content: center
}

#mfs-equipment-list .mfs-equipment-container .mfs-equipment-row {
    padding: .2em 0;
    display: flex;
    flex-direction: row;
    border-bottom: thin solid #c8c8c8
}

#mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small {
    display: none
}

#mfs-equipment-list .mfs-equipment-container .mfs-equipment-row:hover {
    color: #007bff;
    cursor: pointer
}

#mfs-equipment-list .mfs-equipment-container .mfs-equipment-row:hover label {
    cursor: pointer
}

#mfs-equipment-list .mfs-equipment-container .selected {
    background: #c0deff
}

#mfs-equipment-list .mfs-equipment-count {
    margin: 1em;
    flex: 0 0 auto
}

@media (max-width: 1200px) {
    #mfs-equipment-list {
        font-size: 0.9em
    }
    #mfs-equipment-list .section-short .mfs-equipment-info {
        font-size: 0.9em
    }
}

@media (max-width: 1100px) {
    #mfs-equipment-list {
        font-size: 0.8em
    }
}

@media (max-width: 1000px) {
    #mfs-equipment-list .mfs-equipment-header {
        display: none
    }
    #mfs-equipment-list .mfs-equipment-container {
        padding-right: 0
    }
    #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row {
        display: none
    }
    #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small {
        display: flex;
        flex-direction: column;
        padding: 1em;
        border-bottom: thin solid #c8c8c8
    }
    #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small .mfs-equipment-row-header {
        display: flex;
        flex-direction: row;
        font-weight: bold;
        font-size: 1.2em
    }
    #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small .mfs-equipment-row-header input {
        margin: auto 0
    }
    #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small .mfs-equipment-row-header label {
        margin: 0em 0.3em 0 1em;
        flex: 1
    }
    #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small .mfs-equipment-row-header .mfs-equipment-info {
        border: none;
        background: #007bff;
        color: white;
        height: 22px;
        width: 22px;
        border-radius: 1em;
        font-size: 0.9em;
        margin-right: 0.3em
    }
    #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small label {
        margin: 0.2em;
        padding: 0;
        cursor: pointer
    }
    #mfs-equipment-list .mfs-equipment-container .mfs-equipment-row-small:hover {
        cursor: pointer;
        color: #007bff
    }
}

#mfs-order-lookup {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mfs-order-lookup .mfs-order-lookup-search {
    display: flex;
    flex-direction: row;
    padding: 1em
}

#mfs-order-lookup .mfs-order-lookup-search .form-control {
    display: flex;
    flex: 9;
    border: thin solid #BE009E;
    margin: 0 1em 0 0;
    max-width: 500px
}

#mfs-order-lookup .mfs-order-lookup-search .form-control.form-control-invalid,
#mfs-order-lookup .mfs-order-lookup-search form-control-invalid {
    border: 1px solid rgba(255, 0, 0, 0.75)
}

#mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button {
    display: flex;
    flex: 1;
    background: transparent;
    border: none;
    max-width: 50px
}

#mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button i {
    margin: auto;
    font-size: 1.25em
}

#mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button-small {
    display: none
}

#mfs-order-lookup .mfs-order-lookup-search button:hover {
    color: #007bff
}

#mfs-order-lookup .mfs-order-lookup-header {
    margin: 0 1em;
    background: #BE009E;
    color: white;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em
}

#mfs-order-lookup .mfs-lookup-divider {
    padding: 0em 1em 0em 1em;
    background: white
}

#mfs-order-lookup .section-wide {
    flex: 3;
    margin: 0;
    padding: 0 1em
}

#mfs-order-lookup .section-short {
    flex: 1;
    margin: 0;
    padding: 0 1em
}

#mfs-order-lookup .section-number {
    flex: 1;
    margin: 0;
    padding: 0 1em;
    text-align: right
}

#mfs-order-lookup .mfs-order-lookup-container {
    margin: 0 1em;
    overflow-y: scroll;
    border: thin solid #BE009E;
    flex: 1
}

#mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order {
    display: flex;
    flex-direction: row;
    padding: 0.2em 0
}

#mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order label {
    cursor: pointer
}

#mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small {
    display: none
}

#mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order:hover {
    cursor: pointer;
    color: #007bff
}

#mfs-order-lookup .mfs-order-lookup-container .odd {
    background: #f3f3f3
}

#mfs-order-lookup .mfs-order-lookup-count {
    margin: 1em;
    display: flex;
    flex-direction: row;
    text-align: right
}

#mfs-order-lookup .mfs-order-lookup-count span {
    flex: 1
}

#mfs-order-lookup .mfs-order-lookup-empty {
    margin: 1em
}

@media (max-width: 1200px) {
    #mfs-order-lookup {
        font-size: 0.9em
    }
    #mfs-order-lookup .form-control {
        font-size: 1em
    }
}

@media (max-width: 1100px) {
    #mfs-order-lookup {
        font-size: 0.8em
    }
}

@media (max-width: 1000px) {
    #mfs-order-lookup .mfs-order-lookup-header {
        display: none
    }
    #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order {
        display: none
    }
    #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small {
        display: flex;
        flex-direction: column;
        padding: 0.5em
    }
    #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small .mfs-order-lookup-order-header {
        font-weight: bold;
        font-size: 1.2em;
        border-bottom: thin solid black
    }
    #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small label {
        margin: 0.2em;
        padding: 0;
        cursor: pointer
    }
    #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order-small:hover {
        cursor: pointer;
        color: #007bff
    }
    #mfs-order-lookup .mfs-order-lookup-container .mfs-order-lookup-order {
        display: none
    }
}

@media (max-width: 800px) {
    #mfs-order-lookup .mfs-order-lookup-search {
        flex-direction: column;
        padding: 1em
    }
    #mfs-order-lookup .mfs-order-lookup-search .form-control {
        margin: 0 1em 0.5em 0
    }
    #mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button {
        display: none
    }
    #mfs-order-lookup .mfs-order-lookup-search .mfs-order-lookup-search-button-small {
        display: flex;
        width: fit-content;
        font-size: 1em
    }
}

#mfs-product-lookup .mfs-product-lookup-search {
    display: flex;
    flex-direction: row;
    padding: 1em 1% 3em 1%
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-on-truck {
    display: flex;
    align-items: center;
    margin-right: 1em;
    height: calc(1.5em + 0.75rem + 2px)
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-on-truck label {
    margin: 0
}

#mfs-product-lookup .mfs-product-lookup-search .form-control {
    display: flex;
    flex: 9;
    border: thin solid #BE009E;
    margin: 0 1em 0 0;
    max-width: 500px
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar {
    display: flex;
    height: fit-content;
    flex: 1
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button {
    display: flex;
    flex: 1;
    background: transparent;
    border: none;
    max-width: 50px;
    height: calc(1.5em + 0.75rem + 2px)
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button i {
    margin: auto;
    font-size: 1.25em
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button-small {
    display: none
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-scan-button {
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    justify-content: center;
    align-items: center;
    width: 6em
}

@media (min-width: 800px) {
    #mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-scan-button {
        margin-left: auto;
        width: initial
    }
}

#mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-scan-button i {
    font-size: 4em
}

#mfs-product-lookup .mfs-product-lookup-search button:hover {
    color: #007bff
}

#mfs-product-lookup .mfs-product-lookup-header {
    margin: 0 1%;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white;
}

#mfs-product-lookup .mfs-product-lookup-header i {
    margin-right: 0.4em
}

#mfs-product-lookup .mfs-product-lookup-header label:hover {
    cursor: pointer
}

#mfs-product-lookup .mfs-product-lookup-container {
    margin: 0 1%;
    overflow-y: scroll;
    height: 60vh;
    border: thin solid #BE009E
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product {
    display: flex;
    flex-direction: row;
    padding: 0.2em 0
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product label {
    cursor: pointer
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small {
    display: none
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product:hover {
    cursor: pointer;
    color: #007bff
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop:hover {
    color: #007bff;
    cursor: pointer
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop {
    display: flex;
    flex-direction: column;
    margin: 1em 15%;
    background: white;
    border: thin solid #c8c8c8;
    border-radius: 0.5em;
    padding: 0.5em;
    max-width: 900px
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop label {
    cursor: pointer
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop-id {
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: thin solid
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop-label {
    font-weight: bold
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop-group {
    display: flex;
    flex-direction: row
}

#mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-stop-info {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mfs-product-lookup .mfs-product-lookup-container .odd-product {
    background: #f3f3f3
}

#mfs-product-lookup .mfs-product-lookup-container .negative {
    color: red
}

#mfs-product-lookup .section-wide {
    flex: 3;
    margin: 0;
    padding: 0 1em
}

#mfs-product-lookup .section-short {
    flex: 1;
    margin: 0;
    padding: 0 1em
}

#mfs-product-lookup .section-short-number {
    flex: 1;
    margin: 0;
    padding: 0 1em;
    text-align: right
}

#mfs-product-lookup .section-number {
    text-align: right
}

#mfs-product-lookup .section-icons {
    width: 125px;
    margin: 0;
    padding: 0 1em;
    justify-content: space-around;
    display: flex;
    align-items: center
}

#mfs-product-lookup .section-icons a {
    height: 35px;
    width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    border: medium solid;
    text-align: center
}

#mfs-product-lookup .section-icons .mfs-product-lookup-load {
    background: #18ac38;
    color: white;
    border-color: #18ac38
}

#mfs-product-lookup .section-icons .mfs-product-lookup-load:hover {
    background: #127f29;
    border-color: #127f29
}

#mfs-product-lookup .section-icons .mfs-product-lookup-unload {
    background: #ff0000;
    color: white;
    border-color: #ff0000
}

#mfs-product-lookup .section-icons .mfs-product-lookup-unload:hover {
    background: #c00;
    border-color: #c00
}

#mfs-product-lookup .mfs-product-lookup-count {
    margin: 0.5em 1%
}

#mfs-product-lookup .mfs-product-lookup-select {
    padding: 1em 1em 0 1em
}

#mfs-product-lookup .mfs-product-lookup-select label {
    padding: 0 1em 0 0.5em
}

#mfs-product-lookup .mfs-product-lookup-empty {
    margin: 1em
}

@media (max-width: 1200px) {
    #mfs-product-lookup {
        font-size: 0.9em
    }
    #mfs-product-lookup .form-control {
        font-size: 1em
    }
}

@media (max-width: 1100px) {
    #mfs-product-lookup {
        font-size: 0.8em
    }
}

@media (max-width: 1000px) {
    #mfs-product-lookup .mfs-product-lookup-header {
        display: none
    }
    #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product {
        display: none
    }
    #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small {
        display: flex;
        flex-direction: column;
        padding: 0.5em
    }
    #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small .mfs-product-lookup-product-header {
        font-weight: bold;
        font-size: 1.2em;
        border-bottom: thin solid black
    }
    #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small .section-icons-small {
        display: flex;
        padding: 0.5em 0;
        justify-content: initial
    }
    #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small .section-icons-small a {
        margin-right: 0.5em;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: initial
    }
    #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small label {
        margin: 0.2em;
        padding: 0;
        cursor: pointer
    }
    #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product-small:hover {
        cursor: pointer;
        color: #007bff
    }
    #mfs-product-lookup .mfs-product-lookup-container .mfs-product-lookup-product {
        display: none
    }
}

@media (max-width: 800px) {
    #mfs-product-lookup .mfs-product-lookup-search {
        flex-direction: column;
        padding: 1em
    }
    #mfs-product-lookup .mfs-product-lookup-search .form-control {
        margin: 0 1em 0.5em 0
    }
    #mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button {
        display: none
    }
    #mfs-product-lookup .mfs-product-lookup-search .mfs-product-lookup-search-toolbar .mfs-product-lookup-search-button-toolbar .mfs-product-lookup-search-button-small {
        display: flex;
        width: fit-content;
        font-size: 1em
    }
}

#mfs-prospect-assignment {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mfs-prospect-assignment .mfs-prospect-assignment-grid,
#mfs-prospect-assignment .mfs-prospect-assignment-map {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-height: 50%;
    min-height: 50%
}

#mfs-prospect-assignment .mfs-prospect-assignment-grid .mfs-prospect-map-map,
#mfs-prospect-assignment .mfs-prospect-assignment-map .mfs-prospect-map-map {
    min-width: 100%;
    min-height: 100%
}

#mfs-prospect-assignment .mfs-prospect-assignment-toggle {
    display: flex;
    flex-direction: row;
    background: #f3f3f3
}

#mfs-prospect-assignment .mfs-prospect-assignment-toggle .mfs-information-toggle {
    flex: 1
}

#mfs-prospect-assignment .mfs-prospect-assignment-toggle .mfs-view-toggle {
    position: absolute;
    right: 0
}

#mfs-prospect-assignment .mfs-prospect-assignment-toggle .mfs-view-toggle .mfs-button-toggle-button {
    background: white;
    color: #495057
}

#mfs-prospect-assignment .mfs-prospect-assignment-toggle .mfs-view-toggle .mfs-button-toggle-button-selected {
    background: #495057;
    color: white
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar {
    display: flex;
    flex-direction: row;
    padding: 1em
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-button-toggle-wrapper {
    background: transparent;
    padding: 0 0 0 1em
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options {
    display: flex;
    flex-direction: row;
    margin-right: 0.5em
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-search-dropdown {
    background: #f3f3f3;
    max-width: 220px;
    min-width: 220px
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-search-dropdown:hover {
    cursor: pointer
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive {
    display: flex;
    flex-direction: row;
    margin: auto 0;
    background: #f3f3f3;
    padding: 0.2em;
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 0.25em;
    border: 1px solid #ced4da;
    margin-right: 0.5em;
    width: 230px
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive input,
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive label {
    margin: auto 0.2em
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive:hover input,
#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-inactive:hover label {
    cursor: pointer
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search .form-control {
    display: flex;
    flex: 1;
    margin: 0 1em 0 0;
    margin-right: 0.5em
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search .mfs-prospect-assignment-search-button {
    background: #1230BC;
    width: 2.2em;
    height: 2.2em;
    border: none;
    border-radius: 2em;
    color: white;
    padding: 0
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search .mfs-prospect-assignment-search-button i {
    margin: auto;
    font-size: 1.25em
}

#mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-search .mfs-prospect-assignment-search-button:hover {
    background: #005e8d
}

#mfs-prospect-assignment .mfs-prospect-assignment-divider {
    padding: 0em 1em 0em 1em;
    background: white
}

#mfs-prospect-assignment .mfs-prospect-assignment-header {
    background: #BE009E;
    display: flex;
    flex-direction: row;
    padding: 0.2em 1em 0.2em 0;
    color: white;
}

#mfs-prospect-assignment .mfs-prospect-assignment-text {
    display: flex;
    flex: 1
}

#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-prospect-assignment-view {
    display: flex;
    flex: 8
}

#mfs-prospect-assignment .mfs-prospect-assignment-text a {
    height: 35px;
    width: 35px;
    min-width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    border: medium solid;
    text-align: center
}

#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-map {
    background: #FF8400;
    color: white;
    border-color: #FF8400
}

#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-map i {
    width: 20px
}

#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-map:hover {
    background: #cc6a00;
    border-color: #cc6a00;
    cursor: pointer
}

#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-save {
    background: #007bff;
    color: white;
    border-color: #007bff
}

#mfs-prospect-assignment .mfs-prospect-assignment-text .mfs-lookup-save:hover {
    background: #0062cc;
    border-color: #0062cc;
    cursor: pointer
}

#mfs-prospect-assignment .mfs-prospect-assignment-text .disabled {
    background: #c8c8c8;
    color: white;
    border-color: #c8c8c8
}

#mfs-prospect-assignment .mfs-prospect-assignment-text:hover {
    cursor: pointer
}

#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-small-section,
#mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-small-section,
#mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-small-section {
    width: 250px;
    margin: 0;
    padding: 0 0.3em;
    align-self: center;
    display: flex
}

#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-small-section select,
#mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-small-section select,
#mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-small-section select {
    margin-right: 0.5em
}

#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-name,
#mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-name,
#mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-name {
    flex: 2;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-section-address,
#mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-section-address,
#mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-section-address {
    flex: 3;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-section-address label,
#mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-section-address label,
#mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-section-address label {
    margin: 0
}

#mfs-prospect-assignment .mfs-prospect-assignment-header .mfs-prospect-assignment-icons,
#mfs-prospect-assignment .mfs-prospect-assignment-customer .mfs-prospect-assignment-icons,
#mfs-prospect-assignment .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-icons {
    width: 160px
}

#mfs-prospect-assignment .mfs-prospect-assignment-container,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container {
    overflow-y: scroll;
    border: thin solid #BE009E;
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #495057;
    background: white
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .no-data,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .no-data {
    margin: 1em
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #d8d8d8;
    background: white
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer label,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer label {
    cursor: pointer;
    align-self: center
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer:hover,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer:hover {
    color: #007bff;
    background: #f3f3f3
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small {
    display: none;
    flex-direction: column;
    margin: 0.5em;
    background: white;
    padding: 1em 1em 0 1em;
    border-radius: 0.25em;
    box-shadow: 4px 3px 8px 1px #d8d8d8;
    border-top: 12px solid #d8d8d8
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-divider,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-divider {
    flex: 1
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header {
    display: flex;
    flex-direction: row
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-icons,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-icons {
    align-items: unset
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 1.1em
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title a,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title a {
    height: 35px;
    width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    border: medium solid;
    text-align: center
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title .mfs-lookup-map,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title .mfs-lookup-map {
    background: #FF8400;
    color: white;
    border-color: #FF8400
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title .mfs-lookup-map:hover,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title .mfs-lookup-map:hover {
    background: #cc6a00;
    border-color: #cc6a00;
    cursor: pointer
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title:hover,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title:hover {
    color: #007bff;
    cursor: pointer
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title:hover label,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-customer-small-title:hover label {
    cursor: pointer
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-section-icons,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-section-icons {
    align-items: unset;
    padding: 0;
    width: fit-content
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-section-icons a,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-header .mfs-prospect-assignment-section-icons a {
    margin-left: 0.5em
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer {
    display: flex;
    flex-direction: row;
    border-top: thin solid #d8d8d8;
    height: 50px;
    text-align: center
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer label,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer label {
    flex: 1;
    align-self: center
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer label i,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer label i {
    color: #495057;
    margin-right: 0.5em
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer .divider,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer .divider {
    height: 100%;
    border-right: thin solid #d8d8d8
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer select,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .mfs-prospect-assignment-customer-small-footer select {
    height: 32px;
    max-height: 32px;
    margin-top: 0.5em
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display {
    display: none
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .hold,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .hold {
    border-color: red
}

#mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .inactive,
#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .inactive {
    border-color: gold
}

#mfs-prospect-assignment .mfs-prospect-assignment-card-container {
    flex-wrap: wrap;
    flex-direction: row
}

#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view {
    display: flex;
    flex: 1 0 25%;
    min-width: 500px
}

#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small {
    display: flex;
    width: 100%
}

#mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-fill-space {
    display: flex;
    flex: 1;
    height: 50%
}

#mfs-prospect-assignment .section-small {
    flex: 0.5;
    margin: 0;
    padding: 0 0.3em
}

#mfs-prospect-assignment .mfs-prospect-assignment-count {
    display: flex;
    flex-direction: row;
    text-align: right;
    background: #f3f3f3;
    padding: 0 0.5em
}

#mfs-prospect-assignment .mfs-prospect-assignment-count span {
    flex: 1;
    padding: 0.5em 0
}

#mfs-prospect-assignment .mw-message-box-dialog .sub-block {
    color: red
}

@media (max-width: 1000px) {
    #mfs-prospect-assignment .mfs-button-toggle {
        display: none
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-header {
        display: none
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer {
        display: none
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small {
        display: flex
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container {
        flex-wrap: unset;
        flex-direction: column
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view {
        display: flex;
        flex: 1;
        min-width: unset
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small {
        display: flex;
        flex: 1;
        min-width: unset
    }
}

@media (max-width: 800px) {
    #mfs-prospect-assignment .mfs-prospect-assignment-toolbar {
        flex-direction: column
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options {
        margin: 0 0 1em 0
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-toolbar .mfs-prospect-assignment-options .mfs-prospect-assignment-search-dropdown {
        max-width: unset;
        min-width: unset;
        flex: 1
    }
}

@media (max-width: 600px) {
    #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .detail-display,
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .detail-display {
        display: none
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display,
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display {
        display: flex;
        padding: 0.5em 0;
        justify-content: unset
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display a,
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display a {
        margin-right: 0.5em
    }
}

@media (max-width: 600px) {
    #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .detail-display,
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .detail-display {
        display: none
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display,
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display {
        display: flex;
        padding: 0.5em 0;
        justify-content: unset
    }
    #mfs-prospect-assignment .mfs-prospect-assignment-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display a,
    #mfs-prospect-assignment .mfs-prospect-assignment-card-container .mfs-prospect-assignment-customer-view .mfs-prospect-assignment-customer-small .card-display a {
        margin-right: 0.5em
    }
}

#mfs-prospect {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mfs-prospect .mfs-prospect-toggle {
    display: flex;
    flex-direction: row;
    background: #f3f3f3
}

#mfs-prospect .mfs-prospect-toggle .mfs-information-toggle {
    flex: 1
}

#mfs-prospect .mfs-prospect-toggle .mfs-view-toggle {
    position: absolute;
    right: 0
}

#mfs-prospect .mfs-prospect-toggle .mfs-view-toggle .mfs-button-toggle-button {
    background: white;
    color: #495057
}

#mfs-prospect .mfs-prospect-toggle .mfs-view-toggle .mfs-button-toggle-button-selected {
    background: #495057;
    color: white
}

#mfs-prospect .mfs-prospect-toolbar {
    display: flex;
    flex-direction: row;
    padding: 1em
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive {
    display: flex;
    flex-direction: row;
    margin: auto 0;
    background: #f3f3f3;
    padding: 0.2em;
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 0.25em;
    border: 1px solid #ced4da;
    margin-right: 0.5em;
    width: 230px
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive input,
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive label {
    margin: auto 0.2em
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive:hover input,
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive:hover label {
    cursor: pointer
}

#mfs-prospect .mfs-prospect-toolbar .mfs-button-toggle-wrapper {
    background: transparent;
    padding: 0 0 0 1em
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options {
    display: flex;
    flex-direction: row;
    margin-right: 0.5em
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-search-dropdown {
    background: #f3f3f3;
    max-width: 220px;
    min-width: 220px
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-search-dropdown:hover {
    cursor: pointer
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive {
    display: flex;
    flex-direction: row;
    margin: auto 0;
    background: #f3f3f3;
    padding: 0.2em;
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 0.25em;
    border: 1px solid #ced4da;
    margin-right: 0.5em;
    width: 230px
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive input,
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive label {
    margin: auto 0.2em
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive:hover input,
#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-inactive:hover label {
    cursor: pointer
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search .form-control {
    display: flex;
    flex: 1;
    margin: 0 1em 0 0;
    margin-right: 0.5em
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search .mfs-prospect-search-button {
    background: #1230BC;
    width: 2.2em;
    height: 2.2em;
    border: none;
    border-radius: 2em;
    color: white;
    padding: 0
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search .mfs-prospect-search-button i {
    margin: auto;
    font-size: 1.25em
}

#mfs-prospect .mfs-prospect-toolbar .mfs-prospect-search .mfs-prospect-search-button:hover {
    background: #005e8d
}

#mfs-prospect .mfs-prospect-divider {
    padding: 0em 1em 0em 1em;
    background: white
}

#mfs-prospect .mfs-prospect-header {
    margin: 0 1em;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    padding: 0.2em 1em 0.2em 0;
    border-top-right-radius: 0.25em;
    border-top-left-radius: 0.25em;
    color: white;
}

#mfs-prospect .mfs-prospect-header i {
    margin-right: 0.5em
}

#mfs-prospect .mfs-prospect-text {
    display: flex;
    flex: 1
}

#mfs-prospect .mfs-prospect-text:hover {
    cursor: pointer
}

#mfs-prospect .mfs-prospect-header .mfs-prospect-small-section,
#mfs-prospect .mfs-prospect-customer .mfs-prospect-small-section,
#mfs-prospect .mfs-prospect-customer-small .mfs-prospect-small-section {
    flex: 1;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

#mfs-prospect .mfs-prospect-header .mfs-prospect-name,
#mfs-prospect .mfs-prospect-customer .mfs-prospect-name,
#mfs-prospect .mfs-prospect-customer-small .mfs-prospect-name {
    flex: 2;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

#mfs-prospect .mfs-prospect-header .mfs-prospect-name label,
#mfs-prospect .mfs-prospect-customer .mfs-prospect-name label,
#mfs-prospect .mfs-prospect-customer-small .mfs-prospect-name label {
    margin: 0
}

#mfs-prospect .mfs-prospect-header .mfs-prospect-name a,
#mfs-prospect .mfs-prospect-customer .mfs-prospect-name a,
#mfs-prospect .mfs-prospect-customer-small .mfs-prospect-name a {
    flex: 1;
    text-align: right;
    color: red
}

#mfs-prospect .mfs-prospect-header .mfs-prospect-section-address,
#mfs-prospect .mfs-prospect-customer .mfs-prospect-section-address,
#mfs-prospect .mfs-prospect-customer-small .mfs-prospect-section-address {
    flex: 3;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

#mfs-prospect .mfs-prospect-header .mfs-prospect-section-address label,
#mfs-prospect .mfs-prospect-customer .mfs-prospect-section-address label,
#mfs-prospect .mfs-prospect-customer-small .mfs-prospect-section-address label {
    margin: 0
}

#mfs-prospect .mfs-prospect-header .mfs-prospect-icons,
#mfs-prospect .mfs-prospect-customer .mfs-prospect-icons,
#mfs-prospect .mfs-prospect-customer-small .mfs-prospect-icons {
    width: 200px
}

#mfs-prospect .mfs-prospect-container,
#mfs-prospect .mfs-prospect-card-container {
    margin: 0 1em;
    overflow-y: scroll;
    border: thin solid #BE009E;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #495057;
    background: #f3f3f3
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons {
    width: 200px;
    margin: 0;
    padding: 0 0.3em;
    justify-content: space-evenly;
    display: flex;
    align-items: center
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons a,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons a {
    height: 35px;
    width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    border: medium solid;
    text-align: center
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-delivery,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-delivery {
    background: #31d0d3;
    color: white;
    border-color: #31d0d3
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-delivery:hover,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-delivery:hover {
    background: #25aaac;
    border-color: #25aaac;
    cursor: pointer
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-invoice,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-invoice {
    background: #31d0ff;
    color: white;
    border-color: #31d0ff
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-invoice:hover,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-new-invoice:hover {
    background: #00c3fd;
    border-color: #00c3fd;
    cursor: pointer
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-visit,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-visit {
    background: #007bff;
    color: white;
    border-color: #007bff
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-visit:hover,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-visit:hover {
    background: #0062cc;
    border-color: #0062cc;
    cursor: pointer
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-map,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-map {
    background: #FF8400;
    color: white;
    border-color: #FF8400
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-map:hover,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-map:hover {
    background: #cc6a00;
    border-color: #cc6a00;
    cursor: pointer
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-contact,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-contact {
    background: #18AC38;
    color: white;
    border-color: #18AC38
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-contact:hover,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .mfs-lookup-contact:hover {
    background: #127f29;
    border-color: #127f29;
    cursor: pointer
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-icons .unavailable,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-icons .unavailable {
    color: white;
    background: #d8d8d8;
    border-color: #d8d8d8
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #d8d8d8;
    background: white
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer label,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer label {
    cursor: pointer;
    align-self: center
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .converted,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .converted {
    background: #ffebeb
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer:hover,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer:hover {
    color: #007bff;
    background: #f3f3f3
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small {
    display: none;
    flex-direction: column;
    margin: 0.5em;
    background: white;
    padding: 1em 1em 0 1em;
    border-radius: 0.25em;
    box-shadow: 4px 3px 8px 1px #d8d8d8;
    border-top: 12px solid #d8d8d8
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-divider,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-divider {
    flex: 1
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header {
    display: flex;
    flex-direction: row
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-icons,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-icons {
    align-items: unset
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 1.1em
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title i,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title i {
    color: red
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title:hover,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title:hover {
    color: #007bff;
    cursor: pointer
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title:hover label,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-customer-small-title:hover label {
    cursor: pointer
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-section-icons,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-section-icons {
    align-items: unset;
    padding: 0;
    width: fit-content
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-section-icons a,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-header .mfs-prospect-section-icons a {
    margin-left: 0.5em
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer {
    display: flex;
    flex-direction: row;
    border-top: thin solid #d8d8d8;
    height: 50px;
    text-align: center
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer label,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer label {
    flex: 1;
    align-self: center
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer label i,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer label i {
    color: #495057;
    margin-right: 0.5em
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer .divider,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .mfs-prospect-customer-small-footer .divider {
    height: 100%;
    border-right: thin solid #d8d8d8
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display {
    display: none
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .customer,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .customer {
    border-color: red;
    background: #ffebeb
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .hold,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .hold {
    border-color: red
}

#mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .inactive,
#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .inactive {
    border-color: gold
}

#mfs-prospect .mfs-prospect-card-container {
    flex-wrap: wrap;
    flex-direction: row
}

#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view {
    display: flex;
    flex: 1 0 25%;
    min-width: 500px
}

#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small {
    display: flex;
    width: 100%
}

#mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-fill-space {
    display: flex;
    flex: 1;
    height: 50%
}

#mfs-prospect .section-small {
    flex: 0.5;
    margin: 0;
    padding: 0 0.3em
}

#mfs-prospect .mfs-prospect-count {
    margin: 1em;
    display: flex;
    flex-direction: row;
    text-align: right
}

#mfs-prospect .mfs-prospect-count span {
    flex: 1;
    padding: 0.5em 0
}

#mfs-prospect .mw-message-box-dialog .sub-block {
    color: red
}

@media (max-width: 1000px) {
    #mfs-prospect .mfs-button-toggle {
        display: none
    }
    #mfs-prospect .mfs-prospect-header {
        display: none
    }
    #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer {
        display: none
    }
    #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small {
        display: flex
    }
    #mfs-prospect .mfs-prospect-card-container {
        flex-wrap: unset;
        flex-direction: column
    }
    #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view {
        display: flex;
        flex: 1;
        min-width: unset
    }
    #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small {
        display: flex;
        flex: 1;
        min-width: unset
    }
}

@media (max-width: 800px) {
    #mfs-prospect .mfs-prospect-toolbar {
        flex-direction: column
    }
    #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-inactive {
        margin-bottom: 1em
    }
    #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options {
        margin: 0 0 1em 0
    }
    #mfs-prospect .mfs-prospect-toolbar .mfs-prospect-options .mfs-prospect-search-dropdown {
        max-width: unset;
        min-width: unset;
        flex: 1
    }
}

@media (max-width: 600px) {
    #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .detail-display,
    #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .detail-display {
        display: none
    }
    #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display,
    #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display {
        display: flex;
        padding: 0.5em 0;
        justify-content: unset
    }
    #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display a,
    #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display a {
        margin-right: 0.5em
    }
}

@media (max-width: 600px) {
    #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .detail-display,
    #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .detail-display {
        display: none
    }
    #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display,
    #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display {
        display: flex;
        padding: 0.5em 0;
        justify-content: unset
    }
    #mfs-prospect .mfs-prospect-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display a,
    #mfs-prospect .mfs-prospect-card-container .mfs-prospect-customer-view .mfs-prospect-customer-small .card-display a {
        margin-right: 0.5em
    }
}

#mfs-view-prospect {
    display: flex;
    flex-direction: column;
    align-items: center
}

#mfs-view-prospect .error {
    color: red
}

#mfs-view-prospect .success {
    color: #28a745
}

#mfs-view-prospect .customer {
    background: #ffe6e6
}

#mfs-view-prospect .customer {
    margin: 0;
    font-weight: bold;
    color: red;
    font-size: 1.5em;
    text-align: center;
    width: 100%
}

#mfs-view-prospect .mfs-view-prospect-toolbar {
    width: 100%;
    text-align: left;
    margin: 0.5em
}

#mfs-view-prospect .mfs-view-prospect-toolbar button {
    margin: 0.5em
}

.mfs-view-prospect-container {
    flex-direction: column;
    max-width: 800px;
    margin: 1em;
    border: medium solid #f3f3f3;
    border-radius: 0.25em;
    color: #495057;
    padding-bottom: 0.5em
}

.mfs-view-prospect-container.mango-form {
    width: 98%
}

.mfs-view-prospect-container .mfs-view-invalid-feedback {
    color: red
}

.mfs-view-prospect-container .mfs-view-invalid-feedback.address {
    margin-top: -0.5rem
}

.mfs-view-prospect-container .mfs-view-invalid-feedback.next-contact-date {
    margin-top: 0.5rem
}

.mfs-view-prospect-container .mfs-view-prospect-convert-toolbar {
    display: flex;
    flex-direction: row
}

.mfs-view-prospect-container .mfs-view-prospect-convert-toolbar label {
    margin: 0 0 0 1em;
    align-self: center;
    flex: 1;
    color: red
}

.mfs-view-prospect-container .mfs-view-prospect-title {
    background: #f3f3f3;
    text-align: center;
    padding: 0.5em;
    font-size: 1.1em;
    width: 100%
}

.mfs-view-prospect-container .mfs-view-prospect-header {
    margin: 1em;
    font-size: 1.1em;
    font-weight: bold
}

.mfs-view-prospect-container .mfs-view-prospect-section {
    display: flex;
    flex-direction: row;
    margin: 0.5em 1em
}

.mfs-view-prospect-container .mfs-view-prospect-section.document {
    margin-top: -0.5em;
    flex-wrap: wrap
}

.mfs-view-prospect-container .mfs-view-prospect-section.document .mfs-view-prospect-column {
    margin-top: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column {
    flex: 1
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column.zip-code input {
    text-transform: uppercase
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-zip {
    display: flex
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column.document {
    flex-direction: column;
    min-width: 27em;
    border: medium solid #f3f3f3;
    border-bottom: none
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document {
    display: flex;
    border-bottom: medium solid #f3f3f3
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document .mfs-view-prospect-document-title {
    flex: 1.5;
    margin: 0;
    padding: .2em .4em
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document .mfs-view-prospect-document-type {
    flex: 1;
    margin: 0;
    padding: .2em .4em
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-section-checkbox {
    margin-bottom: .4em;
    display: flex;
    align-items: center
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources .mfs-view-prospect-document-attachement {
    margin-left: 0.5em;
    display: flex;
    align-items: center
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources .mfs-view-prospect-document-attachement .fa-paperclip {
    padding-right: .2em
}

.mfs-view-prospect-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    min-height: 35px;
    min-width: 35px;
    max-height: 35px;
    max-width: 35px;
    text-decoration: none
}

.mfs-view-prospect-container .mfs-view-prospect-section .divider {
    margin-right: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-section .disabled {
    background: #c8c8c8;
    color: white;
    border-color: #c8c8c8;
    margin-left: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-section .geocode {
    background: #28a745;
    color: white;
    border-color: #28a745;
    margin-left: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-section .geocode:hover {
    background: #1e7e34;
    border-color: #1e7e34;
    cursor: pointer
}

.mfs-view-prospect-container .mfs-view-prospect-section .autofill {
    background: #007bff;
    color: white;
    border-color: #007bff;
    margin-left: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-section .autofill:hover {
    background: #0062cc;
    border-color: #0062cc;
    cursor: pointer
}

.mfs-view-prospect-container .mfs-view-prospect-section .required {
    border-color: red
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact {
    display: flex;
    flex-direction: column;
    margin: 0.5em 1em;
    background: #f3f3f3;
    padding: 1em;
    border-radius: 0.25em
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .name {
    margin-bottom: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact {
    display: flex;
    flex-direction: row
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form {
    display: flex;
    flex-direction: column
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.divider {
    margin-right: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.name {
    flex: 1
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.email {
    flex: 1
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.phone {
    flex: 1
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact .mfs-view-prospect-contact-form.message {
    flex: 2
}

.mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-validation-errors {
    margin-top: 1em;
    margin-bottom: 0
}

.mfs-view-prospect-container .mfs-view-prospect-field {
    display: flex;
    flex-direction: column;
    margin: 0.5em 1em
}

.mfs-view-prospect-container .mfs-view-prospect-field .uppercase {
    text-transform: uppercase
}

.mfs-view-prospect-container .mfs-view-prospect-field .address {
    margin-bottom: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid {
    display: flex;
    flex-direction: row
}

.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales label,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales input,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates label,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates input,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid label,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid input {
    flex: 1
}

.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales .divider,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates .divider,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid .divider {
    margin-right: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-sales .invalid,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-dates .invalid,
.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid .invalid {
    border-color: red
}

.mfs-view-prospect-container .mfs-view-prospect-field .mfs-view-prospect-invalid {
    margin-top: 0.5em;
    font-size: 0.9em;
    color: red
}

.mfs-view-prospect-container .convert {
    float: right;
    margin: 0 1em
}

.mfs-view-prospect-container .mfs-view-prospect-contact-container {
    flex-direction: column;
    padding-bottom: 0.5em
}

.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-contact {
    display: flex;
    flex-direction: column;
    margin: 0.5em;
    padding: 1em;
    border-radius: 0.25em;
    box-shadow: 4px 3px 8px 1px #d8d8d8;
    background: white
}

.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-image {
    border: thin solid #c8c8c8;
    margin: 0.5em 1em;
    padding: 0.5em;
    border-radius: 0.25em
}

.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-image label {
    margin: 0
}

.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-image label:hover {
    cursor: pointer
}

.mfs-view-prospect-container .mfs-view-prospect-contact-container .mfs-view-prospect-image:hover {
    cursor: pointer;
    color: #007bff
}

.mfs-view-prospect-container .mfs-view-prospect-contact-container .no-data {
    margin: 1em
}

.mfs-view-prospect-container .button-toggle {
    justify-content: center;
    display: flex;
    margin: 1em
}

.mfs-view-prospect-container .button-toggle .selected {
    color: white;
    background: #007bff;
    border: thin solid #007bff
}

.mfs-view-prospect-container .button-toggle .unselected {
    color: #007bff;
    background: white;
    border: thin solid #007bff
}

.mfs-view-prospect-container .button-toggle .left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.mfs-view-prospect-container .button-toggle .right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none
}

@media (max-width: 700px) {
    .mfs-view-prospect-container .mfs-view-prospect-section {
        flex-direction: column
    }
    .mfs-view-prospect-container .mfs-view-prospect-section .divider {
        margin: 0
    }
    .mfs-view-prospect-container .mfs-view-prospect-field-contact .mfs-view-prospect-contact {
        flex-direction: column
    }
}

.slide-console-panel {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 0;
    -webkit-transition: width 1s;
    transition: width 1s;
    border: solid 1px #BE009E;
    color: white;
    background: #1230BC;
    padding: 0
}

.slide-console-panel.console-open {
    padding: .6em .2em;
    width: 20em
}

@media (max-width: 500px) {
    .slide-console-panel.console-open {
        width: 100%
    }
}

.slide-console-panel.console-open .console-panel {
    overflow: auto;
    display: flex
}

.slide-console-panel .console-header {
    text-align: center;
    display: flow-root;
    margin: .1em 0 0 0;
    font-weight: bold;
    font-size: 1.4em
}

.slide-console-panel .console-header.warning {
    font-weight: bold;
    color: red
}

.slide-console-panel .console-button-group {
    display: flex;
    flex-direction: row;
    margin-bottom: .6em;
    padding: 0 .4em
}

.slide-console-panel .console-button-group .console-button {
    flex: 1;
    border-radius: 3em;
    margin: 0 .2em 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.slide-console-panel .console-button-group .console-button.console-close {
    display: none
}

.slide-console-panel .console-button-group .console-button.console-close .close-icon {
    margin-right: .4em
}

@media (max-width: 500px) {
    .slide-console-panel .console-button-group .console-button.console-close {
        display: flex
    }
}

.slide-console-panel .console-panel {
    flex-direction: column;
    padding: 0 .4em;
    overflow: hidden;
    display: none
}

.slide-console-panel .console-panel.fill {
    flex: 1
}

.slide-console-panel .console-group {
    margin-bottom: .6em;
    background: #00a2f3;
    border-radius: 5px
}

.slide-console-panel .console-group .console-title {
    margin-bottom: 0;
    width: 100%;
    padding: 0 .4em
}

.slide-console-panel .console-group .console-select {
    padding: 0.2em 0.5em;
    height: fit-content;
    position: relative;
    color: white;
    border: 1px solid #000;
    background: #BE009E;
    width: 100%;
    border-radius: 5px
}

.slide-console-panel .console-group .console-dropdown-checkbox.direction-column mms-drop-down-checkbox-display-column-group {
    flex-direction: column;
    align-items: flex-start
}

.slide-console-panel .console-group .console-dropdown-checkbox .mms-drop-down-checkbox-display-column:first-child {
    flex: .5
}

.slide-console-panel .console-group .console-dropdown-checkbox .mms-drop-down-checkbox .mms-drop-down-checkbox-list-item {
    padding: 0.1em
}

.slide-console-panel .console-group .console-dropdown-checkbox .mms-drop-down-checkbox-text-wrapper {
    padding: 0;
    min-height: 1.2em;
    max-height: 1.2em
}

.slide-console-panel .console-group .console-dropdown-checkbox .mms-drop-down-checkbox-text-wrapper .mms-drop-down-checkbox-text {
    line-height: 1.2em
}

.slide-console-panel .console-group .console-checkbox {
    padding: 0.2em 0.5em;
    height: fit-content;
    position: relative;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    cursor: pointer
}

.slide-console-panel .console-group .console-checkbox.disable-text {
    color: #000;
    cursor: initial
}

#mfs-prospect-map {
    display: flex
}

#mfs-prospect-map .mw-input-box .mw-message-box-dialog {
    max-width: 40em
}

#mfs-prospect-map .mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell {
    width: 100%
}

#mfs-prospect-map .mfs-prospect-map-content {
    flex: 1;
    display: flex;
    flex-direction: column
}

@media (max-width: 500px) {
    #mfs-prospect-map .mfs-prospect-map-content.console-open .mfs-prospect-map-map-container .mfs-prospect-map-console-expand {
        display: none
    }
}

@media (max-width: 500px) {
    #mfs-prospect-map .mfs-prospect-map-content.console-open .mfs-prospect-map-prospect-activity {
        display: none
    }
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-map-container {
    display: flex;
    position: relative;
    flex: 1
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-map-container .mfs-prospect-map-console-expand {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    height: 5em;
    display: flex;
    width: 2em;
    align-items: center;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    justify-content: center;
    -webkit-transition: left 1s;
    transition: left 1s;
    border: solid 1px #BE009E;
    border-left: initial
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-map-container .mfs-prospect-map-map {
    width: 100%;
    height: 100%
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list {
    max-height: 40%;
    display: flex;
    flex-direction: column
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-type {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-id {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-name {
    flex: 2;
    margin: 0;
    padding: 0 0.3em
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-address {
    flex: 5;
    margin: 0;
    padding: 0 0.3em
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .list-visit-date {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-header {
    flex: 0;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    padding: 0.2em 0 0.2em 0;
    border-top-right-radius: 0.25em;
    border-top-left-radius: 0.25em;
    color: white;
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-container {
    flex: 1;
    overflow-y: auto;
    border: thin solid #BE009E;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #495057;
    background: #f3f3f3
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-container .mfs-prospect-map-prospect-list-row {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #d8d8d8;
    background: white
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-container .mfs-prospect-map-prospect-list-row label {
    cursor: pointer;
    align-self: center
}

#mfs-prospect-map .mfs-prospect-map-content .mfs-prospect-map-prospect-list .mfs-prospect-map-prospect-list-container .mfs-prospect-map-prospect-list-row:hover {
    color: #007bff;
    background: #f3f3f3
}

#mfs-prospect-map .here-maps-info-bubble-row {
    display: flex;
    flex-direction: row;
    width: 20em
}

#mfs-prospect-map .here-maps-info-bubble-row .here-maps-info-bubble-title {
    font-weight: bold;
    margin: 0;
    margin-right: .2em
}

#mfs-prospect-map .here-maps-info-bubble-row .here-maps-info-bubble-text {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

#mfs-prospect-map .here-maps-info-bubble-row .here-maps-info-bubble-button {
    margin-top: .2em;
    font-size: 14px;
    margin-right: .6em
}

#mfs-manager-dashboard {
    display: flex;
    flex-direction: column;
    padding: 1em 0
}

#mfs-manager-dashboard .mfs-manager-dashboard-section {
    flex-direction: column;
    background: #1230BC;
    border-radius: 0.25em;
    border: medium solid #1230BC;
    margin: 1em
}

#mfs-manager-dashboard .mfs-manager-dashboard-section .mfs-manager-dashboard-header {
    padding: 0.2em 0.5em;
    color: #000;
    font-size: 1.3em
}

#mfs-manager-dashboard .mfs-manager-dashboard-section .mfs-manager-dashboard-goals {
    display: flex;
    background: white
}

#mfs-manager-dashboard .mfs-manager-dashboard-section .mfs-manager-dashboard-goals .mfs-dashboard-card {
    display: unset
}

@media (max-width: 1000px) {
    #mfs-manager-dashboard .mfs-manager-dashboard-goals {
        flex-direction: column
    }
}

#mfs-visit-lookup {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mfs-visit-lookup .mfs-visit-lookup-completed {
    padding: 0.5em 1em
}

#mfs-visit-lookup .mfs-visit-lookup-completed label {
    margin-right: 1em
}

#mfs-visit-lookup .mfs-visit-lookup-completed select {
    max-width: 500px
}

#mfs-visit-lookup .mfs-visit-lookup-search {
    display: flex;
    flex-direction: row;
    padding: 1em
}

#mfs-visit-lookup .mfs-visit-lookup-search .form-control {
    display: flex;
    flex: 9;
    border: thin solid #BE009E;
    margin: 0 1em 0 0;
    max-width: 500px
}

#mfs-visit-lookup .mfs-visit-lookup-search .form-control.form-control-invalid,
#mfs-visit-lookup .mfs-visit-lookup-search form-control-invalid {
    border: 1px solid rgba(255, 0, 0, 0.75)
}

#mfs-visit-lookup .mfs-visit-lookup-search .mfs-visit-lookup-search-bar {
    display: flex;
    flex-direction: row
}

#mfs-visit-lookup .mfs-visit-lookup-search .mfs-visit-lookup-search-bar .mfs-visit-lookup-search-button {
    display: flex;
    flex: 1;
    background: transparent;
    border: none;
    max-width: 50px
}

#mfs-visit-lookup .mfs-visit-lookup-search .mfs-visit-lookup-search-bar .mfs-visit-lookup-search-button i {
    margin: auto;
    font-size: 1.25em
}

#mfs-visit-lookup .mfs-visit-lookup-search button:hover {
    color: #007bff
}

#mfs-visit-lookup .mfs-lookup-divider {
    padding: 0em 1em 0em 1em;
    background: white
}

#mfs-visit-lookup .mfs-visit-lookup-header {
    margin: 0 1%;
    background: #BE009E;
    color: white;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em
}

#mfs-visit-lookup .section-wide {
    flex: 3;
    margin: 0;
    padding: 0 1em
}

#mfs-visit-lookup .section-name {
    flex: 2;
    margin: 0;
    padding: 0 1em
}

#mfs-visit-lookup .section-short {
    flex: 1;
    margin: 0;
    padding: 0 1em;
    word-break: break-word
}

#mfs-visit-lookup .section-date {
    width: 180px;
    margin: 0;
    padding: 0 1em
}

#mfs-visit-lookup .section-complete {
    width: 120px;
    margin: 0;
    padding: 0 1em
}

#mfs-visit-lookup .past-due {
    font-weight: bold;
    color: red
}

#mfs-visit-lookup .due {
    font-weight: bold
}

#mfs-visit-lookup .completed {
    background: #d9d9d9
}

#mfs-visit-lookup .mfs-visit-lookup-container {
    margin: 0 1%;
    overflow-y: scroll;
    flex: 1;
    border: thin solid #BE009E
}

#mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #BE009E
}

#mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit label {
    cursor: pointer;
    word-break: break-word
}

#mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small {
    display: none
}

#mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit:hover {
    cursor: pointer;
    color: #007bff
}

#mfs-visit-lookup .mfs-visit-lookup-count {
    margin: 1em;
    display: flex;
    flex-direction: row;
    text-align: right
}

#mfs-visit-lookup .mfs-visit-lookup-count span {
    flex: 1
}

#mfs-visit-lookup .mfs-visit-lookup-empty {
    margin: 1em
}

@media (max-width: 1200px) {
    #mfs-visit-lookup {
        font-size: 0.9em
    }
    #mfs-visit-lookup .form-control {
        font-size: 1em
    }
}

@media (max-width: 1100px) {
    #mfs-visit-lookup {
        font-size: 0.8em
    }
}

@media (max-width: 1000px) {
    #mfs-visit-lookup .mfs-visit-lookup-header {
        display: none
    }
    #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit {
        display: none
    }
    #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small {
        display: flex;
        flex-direction: column;
        padding: 0.5em;
        border-bottom: thin solid #BE009E
    }
    #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small .mfs-visit-lookup-visit-header {
        font-weight: bold;
        font-size: 1.2em
    }
    #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small label {
        margin: 0.2em;
        padding: 0;
        cursor: pointer
    }
    #mfs-visit-lookup .mfs-visit-lookup-container .mfs-visit-lookup-visit-small:hover {
        cursor: pointer;
        color: #007bff
    }
}

@media (max-width: 800px) {
    #mfs-visit-lookup .mfs-visit-lookup-search {
        flex-direction: column;
        padding: 1em
    }
    #mfs-visit-lookup .mfs-visit-lookup-search .form-control {
        margin: 0 1em 0.5em 0
    }
}

#mfs-equipment-lookup {
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

#mfs-equipment-lookup .mfs-equipment-lookup-search {
    display: flex;
    flex-direction: row;
    padding: 1em 1% 1em 1%;
    flex: 0 0 auto
}

#mfs-equipment-lookup .mfs-equipment-lookup-search .mfs-equipment-lookup-search-title {
    display: flex;
    margin: 0 1em 0 0;
    font-size: x-large;
    align-items: center
}

#mfs-equipment-lookup .mfs-equipment-lookup-search .form-control {
    display: flex;
    flex: 9;
    border: thin solid #BE009E;
    margin: 0 1em 0 0;
    max-width: 500px
}

#mfs-equipment-lookup .btn-show-wrapper {
    flex: 1;
    display: flex;
    padding: 0 1% 1em 1%;
    flex: 0 0 auto
}

#mfs-equipment-lookup .btn-show-wrapper .mfs-equipment-lookup-search-button {
    display: flex;
    flex: 1;
    background: transparent;
    border: none;
    max-width: 50px;
    font-size: 1.25em
}

#mfs-equipment-lookup .btn-show-wrapper .mfs-equipment-lookup-search-button i {
    margin: auto
}

#mfs-equipment-lookup .btn-show-wrapper .mfs-equipment-lookup-search-button-small {
    display: none
}

#mfs-equipment-lookup .btn-show-wrapper .btn-show,
#mfs-equipment-lookup .btn-show-wrapper .btn-load,
#mfs-equipment-lookup .btn-show-wrapper .btn-scan {
    margin-right: 0.5em;
    margin-bottom: 0.5em
}

#mfs-equipment-lookup .btn-show-wrapper .btn-scan {
    justify-content: center;
    align-items: center
}

@media (min-width: 800px) {
    #mfs-equipment-lookup .btn-show-wrapper .btn-scan {
        margin-left: auto
    }
}

#mfs-equipment-lookup .btn-show-wrapper .btn-scan i {
    font-size: 4em
}

#mfs-equipment-lookup .mfs-equipment-lookup-progress,
#mfs-equipment-lookup #mfs-equipment-list {
    flex: 1
}

#mfs-equipment-lookup .mfs-equipment-lookup-progress .mfs-equipment-header,
#mfs-equipment-lookup #mfs-equipment-list .mfs-equipment-header {
    margin: 0 1%;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white;
}

#mfs-equipment-lookup .mfs-equipment-lookup-progress .mfs-equipment-container,
#mfs-equipment-lookup #mfs-equipment-list .mfs-equipment-container {
    margin: 0 1%;
    overflow-y: scroll;
    border: thin solid #BE009E
}

@media (max-width: 1000px) {
    #mfs-equipment-lookup .mfs-equipment-lookup-progress .mfs-equipment-header,
    #mfs-equipment-lookup #mfs-equipment-list .mfs-equipment-header {
        display: none
    }
}

#mfs-equipment-lookup .mfs-equipment-lookup-footer {
    display: flex;
    justify-content: space-between;
    padding: 0% 1% 1% 1%;
    flex: 0 0 auto
}

#mfs-equipment-lookup .mfs-equipment-lookup-footer .fa-barcode {
    font-size: 4em
}

#mfs-equipment-lookup .mfs-equipment-lookup-select {
    padding: 1em 1em 0 1em
}

#mfs-equipment-lookup .mfs-equipment-lookup-select label {
    padding: 0 1em 0 0.5em
}

#mfs-equipment-lookup .mfs-equipment-lookup-empty {
    margin: 1em
}

#mfs-equipment-lookup .mw-message-box {
    min-height: 12vh
}

@media (max-width: 1200px) {
    #mfs-equipment-lookup {
        font-size: 0.9em
    }
    #mfs-equipment-lookup #mfs-equipment-list,
    #mfs-equipment-lookup .form-control,
    #mfs-equipment-lookup .btn {
        font-size: 1em
    }
}

@media (max-width: 1100px) {
    #mfs-equipment-lookup {
        font-size: 0.8em
    }
}

@media (max-width: 800px) {
    #mfs-equipment-lookup .mfs-equipment-lookup-search {
        flex-direction: column;
        padding: 1em
    }
    #mfs-equipment-lookup .mfs-equipment-lookup-search .form-control {
        margin: 0 1em 0.5em 0
    }
    #mfs-equipment-lookup .mfs-equipment-lookup-search .mfs-equipment-lookup-search-button {
        display: none
    }
    #mfs-equipment-lookup .btn-show-wrapper {
        flex-direction: row;
        padding: 0 1em 0 1em
    }
    #mfs-equipment-lookup .btn-show-wrapper .mfs-equipment-lookup-search-button-small,
    #mfs-equipment-lookup .btn-show-wrapper .btn-show,
    #mfs-equipment-lookup .btn-show-wrapper .btn-load,
    #mfs-equipment-lookup .btn-show-wrapper .btn-scan {
        display: flex;
        margin-right: 0.5em;
        font-size: 1em;
        margin-bottom: 0.5em
    }
}

.mfs-forgot-password {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-forgot-password .mfs-forgot-password-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-header .mfs-forgot-password-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-body-table {
    display: table;
    padding: 1em;
    overflow: hidden;
    width: 100%
}

.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-footer {
    margin: 1em 0;
    text-align: right
}

.mfs-forgot-password .mfs-forgot-password-dialog .mfs-forgot-password-footer button {
    padding: 0.375em 0.75em;
    margin-top: 0.5em
}

#mw-history-page {
    padding: 60px 0 10px 0;
    height: 100vh
}

#mw-history-page #mw-invoice-history-table {
    width: 600px;
    min-width: 300px;
    margin: auto
}

#mw-hold-service {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center
}

#mw-hold-service .mw-hold-service-wrapper {
    display: flex;
    flex-direction: column;
    padding-left: 10%;
    padding-right: 10%;
    align-items: center
}

#mw-hold-service .mw-hold-service-wrapper .mw-hold-service-label {
    font-size: 2em;
    font-weight: bolder;
    text-align: center
}

#mw-hold-service .mw-hold-service-wrapper .mw-hold-service-button {
    font-size: 1em;
    width: 10em;
    height: 4em
}

.mw-leave-message-page {
    background: #f3f3f3;
    display: flex;
    flex-direction: column
}

.mw-leave-message-page .mw-leave-message-container {
    display: flex;
    flex-direction: column;
    margin: auto;
    border: 1px solid #BE009E;
    min-width: 800px;
    width: 50%
}

.mw-leave-message-page .mw-leave-message-title {
    font-size: 1.25em;
    background-color: #BE009E;
    color: white;
    height: 2em;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 0.5em
}

.mw-leave-message-page .mw-leave-message-toolbar {
    padding: 1em;
    text-align: right
}

.mw-leave-message-page .mw-leave-message-toolbar button {
    width: fit-content
}

.mw-leave-message-page .mw-leave-message-input,
.mw-leave-message-page .mw-leave-message-message-box {
    display: flex;
    flex-direction: row;
    margin: 1em
}

.mw-leave-message-page .mw-leave-message-input label,
.mw-leave-message-page .mw-leave-message-message-box label {
    display: flex;
    flex: 1
}

.mw-leave-message-page .mw-leave-message-input input,
.mw-leave-message-page .mw-leave-message-input textarea,
.mw-leave-message-page .mw-leave-message-message-box input,
.mw-leave-message-page .mw-leave-message-message-box textarea {
    display: flex;
    flex: 2
}

.mw-leave-message-page .mw-leave-message-input textarea,
.mw-leave-message-page .mw-leave-message-message-box textarea {
    height: 200px
}

@media (max-width: 820px) {
    .mw-leave-message-page .mw-leave-message-container {
        margin: unset;
        width: unset;
        min-width: unset;
        flex: 1
    }
    .mw-leave-message-page .mw-leave-message-container .mw-leave-message-message-box {
        flex: 1
    }
}

#mw-notifications-page {
    background: #f3f3f3;
    height: 100vh
}

#mw-notifications-page .mw-notifications-toolbar {
    padding: 1em
}

#mw-notifications-page .mw-notifications-container {
    border-bottom: thin solid #c8c8c8;
    background: white;
    margin: 0 1em
}

#mw-notifications-page .mw-notifications-message {
    padding: 1em 0.5em
}

@media (max-width: 580px) {
    #mw-notifications-page {
        padding: 50px 0
    }
}

#mw-orders-page .no-filters,
#mw-orders-page .existing-filters {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: #f3f3f3
}

#mw-orders-page .no-filters .mw-orders-delivery-section,
#mw-orders-page .existing-filters .mw-orders-delivery-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1
}

#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-delivery-info,
#mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-delivery-info {
    display: flex;
    flex-direction: row;
    background: #BE009E;
    color: white;
    margin-bottom: 0.5em
}

#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-delivery-info label,
#mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-delivery-info label {
    margin: 0.2em 0.5em
}

#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container,
#mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    word-wrap: break-word;
    background: #f3f3f3;
    overflow: auto
}

#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container .mw-orders-products-pagination-loading,
#mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container .mw-orders-products-pagination-loading {
    background: white;
    border: solid 2px #e1e1e1;
    border-radius: 1.05rem;
    margin-bottom: .4em;
    height: 4em
}

#mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item,
#mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item {
    margin: 0.5em
}

@media (max-width: 890px) {
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item {
        margin: 0.2em
    }
}

@media (max-width: 930px),
(max-height: 700px) {
    #mw-orders-page .no-filters,
    #mw-orders-page .existing-filters {
        flex-direction: column;
        overflow: hidden;
        height: unset
    }
    #mw-orders-page .no-filters .mw-orders-delivery-section,
    #mw-orders-page .existing-filters .mw-orders-delivery-section {
        padding-top: 0;
        overflow: unset
    }
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container {
        padding: 1em;
        overflow: unset;
        justify-content: center
    }
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item {
        overflow: unset;
        max-width: 24em;
        min-height: 200px;
        width: 100%
    }
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-image-container,
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-description,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-image-container,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-description {
        display: none
    }
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-favorite,
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-info-icon,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-favorite,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-info-icon {
        margin-top: 0
    }
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-title-container,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-title-container {
        align-items: center
    }
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title {
        text-align: left;
        padding-left: 0.5em
    }
    #mw-orders-page .no-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-image-small-container,
    #mw-orders-page .existing-filters .mw-orders-delivery-section .mw-orders-products-container #mw-catalog-item .mw-catalog-item-image-small-container {
        display: flex;
        border: none
    }
}

#mw-orders-page .no-filters {
    flex-direction: column
}

#mw-orders-page .no-filters #mw-catalog-filters {
    width: unset
}

#mw-pay-invoice-page {
    display: flex;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    padding: 50px 30% 5px 30%;
    background: #f3f3f3
}

#mw-pay-invoice-page .mw-pay-invoice-container {
    display: flex;
    flex-direction: column;
    margin: 0.5em;
    position: relative;
    word-wrap: break-word;
    border: 1px solid #BE009E;
    flex: 1;
    min-width: 300px;
    height: fit-content;
    background: white
}

#mw-pay-invoice-page .mw-pay-invoice-container label {
    margin: 0.5em 0
}

#mw-pay-invoice-page .mw-pay-invoice-totals {
    margin-top: 0.5em
}

#mw-pay-invoice-page .mw-pay-invoice-totals .mw-pay-invoice-charge {
    font-weight: bold;
    margin: 0.2em 0;
    text-align: right
}

#mw-pay-invoice-page .mw-pay-invoice-totals .mw-pay-invoice-charge label {
    margin: 0.1em
}

#mw-pay-invoice-page .mw-pay-invoice-title {
    font-size: 1.25em;
    background-color: #BE009E;
    color: white;
    height: 2em;
    text-align: center;
    padding-top: 5px
}

#mw-pay-invoice-page .mw-pay-invoice-title label {
    margin: 0.1em
}

#mw-pay-invoice-page .mw-pay-invoice-toolbar {
    padding: 1em;
    text-align: right
}

#mw-pay-invoice-page .mw-pay-invoice-toolbar button {
    width: fit-content
}

#mw-pay-invoice-page .mw-pay-invoice-methods {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1em
}

#mw-pay-invoice-page .mw-pay-invoice-methods .nav-link {
    color: #007bff
}

#mw-pay-invoice-page .mw-pay-invoice-toolbar {
    padding: 1em
}

#mw-pay-invoice-page .mw-choose-payment-method-container {
    border-top: none;
    margin-bottom: 1em
}

#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px;
    margin: 5px;
    border: 1px solid #e1e1e1;
    cursor: pointer
}

#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card label {
    cursor: pointer
}

#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .mw-card-description {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0
}

#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .mw-card-expiry {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0
}

#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .mw-credit-card-checkbox {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #c8c8c8;
    margin-right: 1em
}

#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .mw-credit-card-checkbox i {
    display: none
}

#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card.mw-credit-card-selected .mw-credit-card-checkbox i {
    margin: .15em;
    font-size: 25px;
    display: block;
    color: #BE009E
}

#mw-pay-invoice-page .mw-choose-payment-method-container .mw-credit-card .check:hover {
    background: #ebebeb
}

#mw-pay-invoice-page .mw-pay-invoice-payments {
    display: flex;
    flex-direction: row
}

#mw-pay-invoice-page .mw-pay-invoice-payments label,
#mw-pay-invoice-page .mw-pay-invoice-payments input {
    display: flex;
    flex: 1
}

#mw-pay-invoice-page .mw-pay-invoice-payments input {
    padding: 0.5em;
    text-align: right
}

@media (max-width: 800px) {
    #mw-pay-invoice-page {
        padding: 50px 0
    }
}

#mw-payments-page {
    display: flex;
    flex-direction: row;
    flex: 1
}

@media (max-width: 1000px) {
    #mw-payments-page {
        overflow-y: auto;
        flex-direction: column
    }
    #mw-payments-page #mw-invoices-table,
    #mw-payments-page #mw-invoice-history-table,
    #mw-payments-page #mw-statements,
    #mw-payments-page #mw-manage-cards-table {
        min-height: 90vh;
        width: 70%;
        align-self: center
    }
}

@media (max-height: 700px) {
    #mw-payments-page {
        font-size: 0.9em
    }
    #mw-payments-page #mw-sign-up-product-catalog {
        flex-direction: column
    }
    #mw-payments-page .mw-sign-up-body-catalog {
        height: unset;
        overflow: hidden
    }
}

#mw-reset-password-page {
    background: #1230BC;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

#mw-reset-password-page .mw-reset-password-container {
    min-width: 300px;
    padding: 25px;
    background: white
}

#mw-reset-password-page .mw-reset-password-container label {
    margin: 0
}

#mw-reset-password-page .mw-reset-password-message button {
    width: 20%;
    margin-top: 2em;
    margin-left: 40%
}

#mw-reset-password-page .mw-reset-password-button {
    display: block;
    float: right;
    margin-top: 2em
}

#mw-reset-password-page .mw-password-requirements {
    margin-top: 2em
}

#mfs-reset-password-page {
    background: #1230BC;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

#mfs-reset-password-page .mfs-reset-password-container {
    min-width: 300px;
    padding: 25px;
    background: white
}

#mfs-reset-password-page .mfs-reset-password-container label {
    margin: 0
}

#mfs-reset-password-page .mfs-reset-password-message button {
    width: 20%;
    margin-top: 2em;
    margin-left: 40%
}

#mfs-reset-password-page .mfs-reset-password-button {
    display: block;
    float: right;
    margin-top: 2em
}

#mfs-reset-password-page .mfs-password-requirements {
    margin-top: 2em
}

#mw-sign-up-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: white;
    width: 100vw
}

#mw-sign-up-page .mw-sign-up-container {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    flex: 1
}

#mw-sign-up-page .mw-sign-up-container .mw-shopping-cart-table-cart,
#mw-sign-up-page .mw-sign-up-container .mw-shopping-cart-table-summary {
    border: none
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-header {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
    padding: 0.5em;
    align-self: center
}

@media (max-width: 1200px) {
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
        font-size: 85%
    }
}

@media (max-width: 1080px) {
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
        font-size: 80%
    }
}

@media (max-width: 950px) {
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
        font-size: 70%
    }
}

@media (max-width: 850px) {
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-header #mw-step-progress-bar {
        display: none
    }
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-title-header {
    padding: 0.5em;
    text-align: center
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-title-header .mw-sign-up-title {
    font-size: 2em;
    align-self: center
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-title-header .mw-sign-up-description {
    font-size: 1em;
    align-self: center;
    width: 95%;
    text-align: center
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body {
    flex: 10 10 auto;
    display: flex;
    overflow-y: auto;
    height: 100%
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-form {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding-bottom: .4em
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-web-prospect,
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-web-prospect-contact {
    padding: 1em 1.0em 100px 1.0em
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-delivery-information-form,
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-sign-up-info-form {
    padding: 0 1.0em 0 1.0em
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-confirm-order {
    padding: 1em 15% 1em 15%
}

@media (max-width: 1200px) {
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-confirm-order {
        padding: 1em 1em 100px 1em
    }
}

@media (max-width: 900px) {
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-confirm-order #mw-shopping-cart-table {
        flex-direction: column
    }
}

@media (max-width: 600px) {
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-web-prospect-container .mw-web-prospect-column {
        margin: 0 0
    }
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-web-prospect-contact {
        min-width: 100%
    }
    #mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-confirm-order-container {
        height: fit-content;
        flex-direction: row
    }
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-progress .mw-sign-up-progress {
    position: inherit;
    width: 100%
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-check-availability {
    flex: 1;
    align-items: center
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body #mw-check-availability .alert-success {
    width: 20em
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-failed {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-failed .mw-sign-up-error-title {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: .8em
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-failed .mw-sign-up-error-message {
    font-size: 1em
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body .mw-sign-up-progress {
    position: inherit;
    width: 100%;
    height: 100%;
    background: inherit
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-footer {
    flex: 2 2 auto;
    display: flex;
    flex-direction: row;
    min-height: 50px;
    max-height: 50px;
    padding: 0 5px;
    background: #f3f3f3;
    width: 100%;
    justify-content: center
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-footer button {
    height: fit-content;
    margin: 7px
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-footer .mw-sign-up-btn-previous,
#mw-sign-up-page .mw-sign-up-container .mw-sign-up-footer .mw-sign-up-btn-next {
    width: 7em
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body-catalog {
    flex: 10 10 auto;
    display: flex;
    overflow-y: auto;
    height: 100%
}

#mw-sign-up-page .mw-sign-up-container .mw-sign-up-body-catalog .mw-sign-up-products {
    background: #f3f3f3
}

@media (max-width: 890px) {
    #mw-sign-up-page {
        font-size: 0.9em
    }
    #mw-sign-up-page #mw-sign-up-product-catalog {
        flex-direction: column
    }
    #mw-sign-up-page .mw-sign-up-body-catalog {
        height: unset;
        overflow: hidden
    }
    #mw-sign-up-page .mw-sign-up-container {
        overflow-y: hidden
    }
}

@media (max-height: 700px) {
    #mw-sign-up-page {
        font-size: 0.9em
    }
    #mw-sign-up-page #mw-sign-up-product-catalog {
        flex-direction: column
    }
    #mw-sign-up-page .mw-sign-up-body-catalog {
        height: unset;
        overflow: hidden
    }
}

#mfs-work-flow-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: white;
    width: 100vw
}

#mfs-work-flow-page .mfs-work-flow-container {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    flex: 1
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header {
    flex: 0;
    display: flex;
    flex-direction: column
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
    padding: 0.5em;
    align-self: center
}

@media (max-width: 1200px) {
    #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
        font-size: 85%
    }
}

@media (max-width: 1080px) {
    #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
        font-size: 80%
    }
}

@media (max-width: 950px) {
    #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
        font-size: 70%
    }
}

@media (max-width: 850px) {
    #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-header #mw-step-progress-bar {
        display: none
    }
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-title-header {
    padding: 0.5em;
    text-align: center
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-title-header .mfs-work-flow-title {
    font-size: 2em;
    align-self: center
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-title-header .mfs-work-flow-description {
    font-size: 1em;
    align-self: center;
    width: 95%;
    text-align: center
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body {
    flex: 1;
    overflow: auto
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card {
    min-width: 40em;
    width: 40%;
    margin: 0.6em auto;
    overflow: hidden
}

@media (max-width: 40em) {
    #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card {
        width: 100%;
        min-width: initial
    }
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container {
    background: white;
    padding: 15px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 1px
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
    border: thin solid #e1e1e1;
    border-radius: 0.25em
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-card-description {
    font-size: 20px;
    margin: 0;
    color: black
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-credit-card-info {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-height: 100px
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-credit-card-description {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1em;
    text-transform: uppercase
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-card-delete {
    height: 35px;
    width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    background: #dc3545;
    color: white;
    text-align: center;
    margin: 0.5em;
    border: medium solid
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mw-cards-container .mw-credit-card .mw-card-delete:hover {
    background: #bd2130
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mfs-work-flow-credit-card-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mfs-work-flow-credit-card-footer .btn {
    margin-left: .6em
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-credit-card .mfs-work-flow-credit-card-footer .mw-cards-no-cards {
    display: flex;
    flex: 1;
    align-items: center
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-photos {
    min-width: 40em;
    width: 40%;
    margin: 0.6em auto;
    overflow: hidden
}

@media (max-width: 40em) {
    #mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-body.mfs-work-flow-photos {
        width: 100%;
        min-width: initial
    }
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-footer {
    flex: 2 2 auto;
    display: flex;
    flex-direction: row;
    min-height: 50px;
    max-height: 50px;
    padding: 0 5px;
    background: #f3f3f3;
    width: 100%;
    justify-content: center
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-footer button {
    height: fit-content;
    margin: 7px
}

#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-footer .mfs-work-flow-btn-previous,
#mfs-work-flow-page .mfs-work-flow-container .mfs-work-flow-footer .mfs-work-flow-btn-next {
    width: 7em
}

@media (max-width: 890px) {
    #mfs-work-flow-page {
        font-size: 0.9em
    }
    #mfs-work-flow-page .mfs-work-flow-container {
        overflow-y: hidden
    }
}

@media (max-height: 700px) {
    #mfs-work-flow-page {
        font-size: 0.9em
    }
}

#mw-add-delivery-location-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: white;
    width: 100vw
}

#mw-add-delivery-location-page .mw-add-delivery-location-container {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-shopping-cart-table-cart,
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-shopping-cart-table-summary {
    border: none
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
    padding: 0.5em;
    align-self: center
}

@media (max-width: 1200px) {
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
        font-size: 85%
    }
}

@media (max-width: 1080px) {
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
        font-size: 80%
    }
}

@media (max-width: 950px) {
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
        font-size: 70%
    }
}

@media (max-width: 850px) {
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-header #mw-step-progress-bar {
        display: none
    }
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-title-header {
    padding: 0.5em;
    text-align: center
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-title-header .mw-add-delivery-location-title {
    font-size: 2em;
    align-self: center
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-title-header .mw-add-delivery-location-description {
    font-size: 1em;
    align-self: center;
    width: 95%;
    text-align: center
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body {
    flex: 10 10 auto;
    display: flex;
    overflow-y: auto;
    align-items: center;
    justify-content: center;
    height: 100%
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-form {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    flex-direction: column;
    padding-bottom: .4em
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-web-prospect,
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-web-prospect-contact,
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-delivery-information-form,
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-sign-up-info-form {
    padding: 1em 1.0em 100px 1.0em
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-confirm-order {
    padding: 1em 15% 1em 15%
}

@media (max-width: 1200px) {
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-confirm-order {
        padding: 1em 1em 100px 1em
    }
}

@media (max-width: 900px) {
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-confirm-order #mw-shopping-cart-table {
        flex-direction: column
    }
}

@media (max-width: 600px) {
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-web-prospect-container .mw-web-prospect-column {
        margin: 0 0
    }
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-web-prospect-contact {
        min-width: 100%
    }
    #mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-confirm-order-container {
        height: fit-content;
        flex-direction: row
    }
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-progress .mw-add-delivery-location-progress {
    position: inherit;
    width: 100%
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-check-availability {
    flex: 1;
    align-items: center
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body #mw-check-availability .alert-success {
    width: 20em
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-failed {
    display: flex;
    flex-direction: column;
    width: 20em
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-failed .mw-add-delivery-location-error-title {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: .8em
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-failed .mw-add-delivery-location-error-message {
    font-size: 1em
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body .mw-add-delivery-location-progress {
    position: inherit;
    width: 100%;
    height: 100%;
    background: inherit
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-footer {
    flex: 2 2 auto;
    display: flex;
    flex-direction: row;
    min-height: 50px;
    max-height: 50px;
    padding: 0 5px;
    background: #f3f3f3;
    width: 100%;
    justify-content: center
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-footer button {
    height: fit-content;
    margin: 7px
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-footer .mw-add-delivery-location-btn-previous,
#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-footer .mw-add-delivery-location-btn-next {
    width: 7em
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body-catalog {
    flex: 10 10 auto;
    display: flex;
    overflow-y: auto;
    height: 100%
}

#mw-add-delivery-location-page .mw-add-delivery-location-container .mw-add-delivery-location-body-catalog .mw-sign-up-products {
    background: #f3f3f3
}

@media (max-width: 890px) {
    #mw-add-delivery-location-page {
        font-size: 0.9em
    }
    #mw-add-delivery-location-page #mw-sign-up-product-catalog {
        flex-direction: column
    }
    #mw-add-delivery-location-page .mw-add-delivery-location-body-catalog {
        height: unset;
        overflow: hidden
    }
    #mw-add-delivery-location-page .mw-add-delivery-location-container {
        overflow-y: hidden
    }
}

@media (max-height: 700px) {
    #mw-add-delivery-location-page {
        font-size: 0.9em
    }
    #mw-add-delivery-location-page #mw-sign-up-product-catalog {
        flex-direction: column
    }
    #mw-add-delivery-location-page .mw-add-delivery-location-body-catalog {
        height: unset;
        overflow: hidden
    }
}

#mw-yearly-calendar-page {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

#mw-yearly-calendar-page .mw-yearly-calendar-container {
    width: 100%;
    padding: 0 .2em 0 .2em
}

#mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-toolbar {
    justify-content: center;
    display: flex;
    padding: 2em;
    visibility: hidden;
}

@media only print {
    #mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-toolbar {
        display: none
    }
}

#mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-toolbar button {
    margin: 0.5em
}

#mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-card-body {
    flex: 1 1 auto;
    padding: 0;
    text-align: center
}

#mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-card-body .mw-yc-calendar {
    padding: 0 .3em 1em .3em;
    min-width: 20em;
    max-width: 25em;
    display: inline-flex
}

@media (min-width: 400px) {
    #mw-yearly-calendar-page .mw-yearly-calendar-container .mw-yearly-calendar-card-body .mw-yc-calendar {
        padding: 0 .8em 1em .8em;
        max-width: 30em
    }
}

#mw-yearly-calendar-page .mw-yc-loading {
    position: fixed;
    border-radius: .3em;
    border: 1px solid #1230BC;
    z-index: 999;
    background: #000;
    color: #1230BC;
    padding: 1em 5em 1em 2em;
    top: 20%;
    left: 0;
    right: 0;
    width: 13em;
    margin: auto
}

#mw-yearly-calendar-page .mw-yc-spinner {
    position: absolute;
    right: 2em;
    top: -.3em
}

#mw-yearly-calendar-page #mw-delivery-calendar .fc-toolbar h2 {
    font-size: 1.5em
}

#mw-yearly-calendar-page .mw-input-box .sub-block {
    color: red
}

#mw-yearly-calendar-pdf {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 2.5em;
    padding-bottom: 1em
}

#mw-yearly-calendar-pdf-table {
    margin-right: 2em
}

#mw-yearly-calendar-pdf-title {
    text-align: center;
    padding-bottom: 0;
    font-size: 1.7em
}

#mw-yearly-calendar-pdf-dow {
    height: 1.7em;
    border: 1px solid white;
    background: #3c63b4;
    color: white;
    text-align: center;
    font-weight: bold
}

#mw-yearly-calendar-pdf-week {
    border: 1px solid #dddddd;
    background: #f1f1f1;
    width: 64px;
    height: 54px
}

#mw-yearly-calendar-disabled,
#mw-yearly-calendar-delivery,
#mw-yearly-calendar-holiday,
#mw-yearly-calendar-pdf-day {
    vertical-align: top;
    border: 1px solid #dddddd;
    background: white;
    width: 64px;
    height: 54px
}

#mw-yearly-calendar-delivery {
    background: #ffff00
}

#mw-yearly-calendar-holiday {
    background: #ff0000
}

#mw-yearly-calendar-disabled {
    background: #f1f1f1
}

#mw-yearly-calendar-pdf-day-number {
    text-align: right;
    vertical-align: top;
    width: 30px
}

#mw-yearly-calendar-pdf-day-image {
    text-align: left;
    width: 30px;
    padding-top: .5em
}

#mw-yearly-calendar-pdf-day-label {
    font-size: .9em;
    line-height: .5em
}

#mw-payment-receipt-title {
    width: 100%;
    margin: 0 auto;
    font-size: 2.5em
}

#mw-payment-receipt-header-from,
#mw-payment-receipt-header-to {
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 1em;
    width: 50%;
    padding-bottom: 0.2em
}

#mw-payment-receipt-customer-name,
#mw-payment-receipt-company-name,
#mw-payment-receipt-customer-address1,
#mw-payment-receipt-company-address1,
#mw-payment-receipt-customer-address2,
#mw-payment-receipt-company-address2,
#mw-payment-receipt-account,
#mw-payment-receipt-date,
#mw-payment-receipt-type,
#mw-payment-receipt-amount,
#mw-payment-receipt-previous-balance {
    padding: 0.2em 0 0.2em 0
}

#mw-payment-receipt-table-header {
    margin: 2em 0 0.5em 0;
    border-bottom: thin solid black;
    padding-bottom: 0.5em
}

#mw-payment-receipt-header-number,
#mw-payment-receipt-header-amount,
#mw-payment-receipt-header-date,
#mw-payment-receipt-header-discount,
#mw-payment-receipt-header-applied {
    font-weight: bold;
    width: 20%
}

#mw-payment-receipt-table {
    padding-bottom: 0.5em
}

#mw-payment-receipt-number,
#mw-payment-receipt-amount,
#mw-payment-receipt-date,
#mw-payment-receipt-discount,
#mw-payment-receipt-applied {
    width: 20%
}

.mw-catalog-item-info-modal .mw-catalog-item-info {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mw-catalog-item-info-modal .mw-catalog-item-info .mw-catalog-item-info-image {
    width: 15em;
    height: 15em
}

.mw-catalog-item-info-modal .mw-catalog-item-info .mw-catalog-item-info-image img {
    width: 100%;
    height: 100%
}

.mw-catalog-item-info-modal .mw-catalog-item-info .mw-catalog-item-info-description {
    margin-top: 1em;
    width: 100%
}

.mw-account {
    display: flex;
    flex-direction: column;
    font-size: 1em
}

.mw-account .mw-account-table {
    margin-top: .5em
}

.mw-account .mw-toolbar {
    display: flex;
    justify-content: flex-end
}

.mw-account .mw-toolbar .mw-master-sub-wrapper {
    flex: 1
}

.mw-account .mw-toolbar .mw-master-sub-wrapper .mw-master-sub {
    border: 1px solid black;
    border-radius: .2em;
    width: 1.8em;
    height: 1.8em;
    font-weight: bold;
    color: red;
    display: flex;
    justify-content: center;
    align-items: center
}

.mw-account .mw-toolbar button {
    font-size: 0.9em;
    margin: 0.2em 0em 0.2em 0.2em
}

.mw-account .fas {
    color: #6b6b6b
}

.mw-account .mw-section {
    flex-direction: column
}

.mw-account .mw-section .mw-title {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #c8c8c8;
    padding: .1em 0 .1em 0;
    font-size: 1.3em;
    font-weight: bold;
    color: black
}

.mw-account .mw-section.mw-title .mw-title-image {
    display: flex;
    flex-direction: row;
    margin-top: .2em
}

.mw-account .mw-section.mw-title .mw-title-image i {
    float: right;
    width: 1.2em;
    font-size: 1.5em;
    min-height: 1.35em
}

.mw-account .mw-section.mw-title .mw-search-drop-down {
    margin-top: .2em
}

.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box {
    width: 100%
}

.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-customername,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-customername,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-customername,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-customername {
    width: 18em
}

.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-contactname,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-contactname,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-contactname,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-contactname {
    width: 10em
}

.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-address,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-address,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-address,
.mw-account .mw-section.mw-title .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-address {
    width: 15em
}

.mw-account .mw-section .mw-label {
    font-weight: bold;
    color: #6b6b6b
}

.mw-account .mw-section .mw-column {
    display: inline-flex;
    flex-direction: column;
    min-width: 12em;
    margin-bottom: 0.5em
}

.mw-account .mw-section .mw-toolbar {
    display: block
}

.mw-account .mw-section .mw-toolbar button {
    color: black;
    border: none;
    background-color: transparent;
    outline: none;
    float: right;
    width: auto
}

.mw-account .mw-section .mw-toolbar button i {
    font-size: 1.5em
}

.mw-account .mw-section.mw-contact-info .mw-contact-info-header {
    font-weight: bold;
    color: #6b6b6b
}

.mw-account .mw-section.mw-contact-info span {
    display: flex;
    flex-direction: row
}

.mw-account .mw-section.mw-contact-info span .mw-contact-address {
    padding-left: 26px
}

.mw-account .mw-section.mw-contact-info span a {
    display: inline-block;
    margin-bottom: 0.5rem
}

.mw-account .mw-section.mw-contact-info span i {
    float: right;
    width: 26px;
    height: 26px;
    font-size: 1.5em
}

.mw-account .mw-section .mw-account-phone,
.mw-account .mw-section .mw-account-editable {
    width: 20em;
    height: 1.8em;
    padding: .1em .2em .1em .2em;
    margin: 0
}

.mw-account .mw-account-phone {
    margin-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px
}

.mw-account .mw-account-divider {
    border-top: 1px solid #ced4da;
    margin: 0.5em;
    padding-bottom: 0.5em
}

.mw-account .mw-account-validation-error {
    font-size: 12px;
    margin-top: 0.2em;
    color: rgba(255, 0, 0, 0.75);
    margin-left: 26px
}

.mw-captcha {
    display: flex;
    flex-direction: row;
    flex: 1
}

.mw-captcha .mw-refresh-button {
    cursor: pointer
}

.mw-captcha .mw-refresh-button i {
    color: green
}

.mw-captcha .mw-refresh-rotate {
    animation: rotation .4s infinite linear
}

.mw-captcha .mw-refresh-rotate-stop {
    animation: none
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.mw-captcha .mw-captcha-image {
    margin-left: .5em
}

.mw-captcha .mw-captcha-status {
    margin-left: .5em;
    align-self: center
}

.mw-captcha .mw-captcha-status.mw-captcha-valid {
    color: green
}

.mw-captcha .mw-captcha-status.mw-captcha-invalid {
    color: red
}

.mw-captcha .mw-captcha-status.mw-captcha-checking {
    color: blue
}

#mw-catalog-item {
    display: flex;
    flex-direction: column;
    width: 18em;
    background: white;
    padding: 0 .6em;
    border: 1px solid #e1e1e1
}

#mw-catalog-item .mw-catalog-item-options {
    display: flex;
    flex-direction: row;
    align-self: flex-end
}

#mw-catalog-item .favorite {
    color: #F19CA2;
    background: transparent;
    display: flex;
    cursor: pointer;
    border: none;
    margin: 0.5em 0.2em;
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center
}

#mw-catalog-item .mw-catalog-item-favorite {
    background: transparent;
    display: flex;
    cursor: pointer;
    border: none;
    margin: 0.5em 0.2em;
    color: #666666;
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

#mw-catalog-item .saving-favorite {
    color: #666666;
    -webkit-animation: mw-spinner-frames 1.5s linear infinite;
    animation: mw-spinner-frames 1.5s linear infinite
}

#mw-catalog-item .mw-catalog-item-info-icon {
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #666666;
    margin: 0.5em 0.2em
}

#mw-catalog-item .mw-catalog-item-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 15em;
    border-bottom: 1px solid rgba(225, 225, 225, 0.5);
    position: relative
}

#mw-catalog-item .mw-catalog-item-image-container .mw-catalog-item-banner-image {
    max-height: 40%;
    max-width: 40%;
    position: absolute;
    top: 0;
    right: 0
}

#mw-catalog-item .mw-catalog-item-image-container .mw-catalog-item-product-image {
    padding: 30px;
    height: 100%;
    max-width: 100%
}

#mw-catalog-item .mw-catalog-item-image-container .mw-catalog-item-product-image:hover {
    cursor: pointer
}

#mw-catalog-item .mw-catalog-item-image-container i {
    font-size: 5em;
    color: #666666
}

#mw-catalog-item .mw-catalog-item-small {
    display: none;
    flex-direction: row;
    height: 100%;
    padding-top: 0.8em
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container {
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100px;
    height: 100px;
    background: white;
    padding: 0.5em;
    text-align: center;
    position: relative
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container .mw-catalog-item-banner-image {
    height: 2em;
    width: 2em;
    position: absolute;
    top: 0;
    right: 0
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container .mw-catalog-item-product-image {
    padding: 1px;
    height: 100%;
    width: 100%;
    max-width: 15em
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container .mw-catalog-item-product-image:hover {
    cursor: pointer
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-image-small-container i {
    font-size: 4em;
    color: #666666
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-fields {
    display: flex;
    flex-direction: row;
    height: 100%;
    flex: 1;
    margin-left: 0.5em
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-options {
    display: flex;
    flex-direction: row;
    width: fit-content
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-text {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-text .mw-catalog-item-small-text-title {
    display: flex;
    flex-direction: row
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-small-text .mw-catalog-item-small-text-title label {
    flex: 9;
    margin: 0
}

#mw-catalog-item .mw-catalog-item-small .mw-catalog-item-info-icon {
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #666666;
    margin: 0.5em 0.2em
}

#mw-catalog-item .mw-catalog-item-title {
    font-size: 16px;
    color: #666666;
    word-wrap: break-word;
    margin-top: 0.2em;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

#mw-catalog-item .mw-catalog-item-title:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #1230BC
}

#mw-catalog-item .mw-catalog-item-description {
    font-size: 12px;
    color: #434343;
    margin-top: 0.2em;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#mw-catalog-item .mw-catalog-item-small-text-item-price {
    flex-wrap: wrap
}

#mw-catalog-item .mw-catalog-item-edit-price {
    background: #007bff;
    border: none;
    color: white;
    border-radius: 1em;
    font-size: 0.8em;
    margin-left: 0.5em;
    padding: 0.1em 0.3em
}

#mw-catalog-item .mw-catalog-item-edit-price i {
    height: 17px;
    width: 17px;
    padding-left: 0.2em
}

#mw-catalog-item .mw-catalog-item-small-text-item-price,
#mw-catalog-item .mw-catalog-item-price {
    display: flex;
    margin-top: 0.2em;
    width: 100%;
    align-items: center
}

#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-gratis,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-gratis {
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    margin-left: .2em
}

#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-web-unit,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-web-unit {
    font-size: 12px;
    color: #434343;
    margin: 0 .2em
}

#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-web-price-for,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-web-price-for {
    font-size: 12px;
    color: #434343;
    margin-right: .2em
}

#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-web-period,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-web-period {
    font-size: 12px;
    color: #434343;
    margin-left: .2em
}

#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-recurring-button,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-recurring-button {
    font-size: 0.8em;
    border: 2px solid #ff8a30;
    border-radius: 40px;
    width: fit-content;
    color: #ff8a30;
    background-color: white;
    width: fit-content;
    margin-right: 8px;
    outline: none;
    width: 85px
}

#mw-catalog-item .mw-catalog-item-small-text-item-price .mw-catalog-item-recurring-button.active,
#mw-catalog-item .mw-catalog-item-price .mw-catalog-item-recurring-button.active {
    background-color: #ff8a30;
    color: white;
    outline: none
}

#mw-catalog-item .mw-catalog-item-price-value {
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    position: relative
}

#mw-catalog-item .mw-catalog-item-price-value .slashed-price {
    text-decoration: line-through
}

#mw-catalog-item .mw-catalog-item-price-value.original-price {
    font-size: 16px
}

#mw-catalog-item .mw-catalog-item-deposit {
    font-size: 12px;
    color: #434343
}

#mw-catalog-item .mw-catalog-item-row {
    flex-direction: column;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    position: relative;
    display: flex;
    flex: 1 0 auto;
    justify-content: flex-end
}

#mw-catalog-item .mw-catalog-item-row .mw-mw-catalog-item-row-group {
    display: flex;
    align-items: center
}

#mw-catalog-item .mw-catalog-item-row .mw-mw-catalog-item-row-group .mw-catalog-item-row-quantity {
    font-size: 16px;
    height: 2.2em;
    width: 6em
}

#mw-catalog-item .mw-catalog-item-row .mw-mw-catalog-item-row-group .mw-catalog-item-fillup {
    margin-bottom: 0.2em;
    display: flex;
    justify-content: center;
    flex: 1
}

#mw-catalog-item .mw-catalog-item-row .mw-mw-catalog-item-row-group .mw-catalog-item-fillup .mw-catalog-item-label-checkbox {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    margin: 0;
    color: #666666
}

#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button {
    font-size: 16px;
    border: 1px solid #3390de;
    border-radius: 0.25rem;
    height: 2.2em;
    bottom: 0;
    width: 100%;
    margin-top: 0.5em
}

#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-add {
    color: #fff;
    border: 1px solid #3390de;
    background-color: #3390de;
    min-height: 32px
}

#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-add:disabled {
    color: #fff;
    border: 1px solid #bbb;
    background-color: white;
    color: #bbb
}

#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-update {
    color: #131111;
    border: 1px solid #64de33;
    background-color: #64de33
}

#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-button-update:disabled {
    color: #bbb;
    border: 1px solid #e7ffde;
    background-color: #e7ffde
}

#mw-catalog-item .mw-catalog-item-row .mw-catalog-item-updating {
    justify-content: center;
    align-items: center;
    flex: 1;
    padding-left: .2em
}

#mw-catalog-item .mw-catalog-item-invalid {
    font-size: 12px;
    margin-top: .2em;
    color: rgba(255, 0, 0, 0.75)
}

#mw-catalog-item .mw-catalog-item-info-modal {
    text-align: initial
}

@media (max-width: 930px) {
    #mw-catalog-item {
        width: 100%
    }
    #mw-catalog-item .mw-catalog-item-small {
        display: flex
    }
    #mw-catalog-item .mw-catalog-item-title,
    #mw-catalog-item .mw-catalog-item-options {
        display: none
    }
    #mw-catalog-item .mw-catalog-item-price {
        display: none
    }
    #mw-catalog-item .mw-catalog-item-image-container {
        display: none
    }
    #mw-catalog-item .mw-catalog-item-small-text label {
        padding-bottom: 0.5em
    }
    #mw-catalog-item .mw-catalog-item-description {
        display: none
    }
    #mw-catalog-item .favorite {
        margin: 0 0.3em 0 0
    }
}

@media (max-height: 700px) {
    #mw-catalog-item {
        width: 100%
    }
    #mw-catalog-item .mw-catalog-item-small {
        display: flex
    }
    #mw-catalog-item .mw-catalog-item-title,
    #mw-catalog-item .mw-catalog-item-options {
        display: none
    }
    #mw-catalog-item .mw-catalog-item-price {
        display: none
    }
    #mw-catalog-item .mw-catalog-item-image-container {
        display: none
    }
    #mw-catalog-item .mw-catalog-item-small-text label {
        padding-bottom: 0.5em
    }
    #mw-catalog-item .mw-catalog-item-description {
        display: none
    }
    #mw-catalog-item .favorite {
        margin: 0 0.3em 0 0
    }
}

#mw-catalog-display {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#mw-catalog-display .mw-catalog-display-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    max-height: 100vh;
    width: 60em;
    display: flex;
    flex-direction: column
}

@media (max-width: 60em) {
    #mw-catalog-display .mw-catalog-display-dialog {
        width: 100%
    }
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body {
    display: flex;
    padding: 1em;
    max-height: 60vh
}

@media (max-width: 400px) {
    #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body {
        flex-direction: column
    }
    #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item {
        max-width: 100%
    }
    #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item {
        justify-content: center
    }
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20em;
    max-width: 40%;
    max-height: 20em;
    margin: 0.5em;
    flex: 1
}

@media (max-width: 650px) {
    #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image {
        max-height: 10em
    }
}

@media (max-width: 400px) {
    #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image {
        flex: 0;
        height: 10em;
        width: 100%;
        max-width: 100%
    }
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image img {
    vertical-align: middle;
    border-style: none;
    height: 100%;
    max-width: 100%
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-image i {
    font-size: 6em;
    color: #666666
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    color: #666666;
    overflow: hidden;
    max-width: 80%
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-title {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 0.2em;
    flex: 0
}

@media (max-width: 650px),
(max-height: 400px) {
    #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-title {
        font-size: 17px
    }
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content {
    flex: 1 1 auto;
    overflow: auto
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-sub-title {
    font-size: 16px;
    margin-bottom: 0.2em;
    flex: 0
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2em;
    align-items: baseline
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-price-value {
    font-size: 21px;
    font-weight: bold;
    color: #666666
}

@media (max-width: 650px),
(max-height: 400px) {
    #mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-price-value {
        font-size: 17px
    }
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-web-unit {
    font-size: 16px;
    color: #434343;
    padding: 0 .2em
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-web-price-for {
    font-size: 16px;
    color: #434343;
    margin-right: .2em
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-price .mw-catalog-display-web-period {
    font-size: 16px;
    color: #434343;
    margin-left: .2em
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-deposit {
    font-size: 16px;
    margin-bottom: 0.2em
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-body .mw-catalog-display-item .mw-catalog-display-content .mw-catalog-display-text {
    display: flex
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-footer-right-align,
#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-footer-right-align {
    justify-content: flex-end
}

#mw-catalog-display .mw-catalog-display-dialog .mw-catalog-display-footer {
    justify-content: space-between
}

#mfs-catalog-display {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#mfs-catalog-display .mfs-catalog-display-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    width: 100%;
    max-width: 500px;
    max-height: 100vh;
    display: flex;
    flex-direction: column
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-header {
    background: #1230BC;
    color: white;
    text-align: center;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-header .mfs-catalog-display-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    padding: 0.5em;
    align-items: center;
    max-height: 60vh;
    overflow-y: auto
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-divider {
    border-bottom: thin solid #c8c8c8;
    width: 100%;
    margin-bottom: 1em
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-rent-tab {
    display: flex;
    margin-bottom: 1em;
    width: 100%
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-rent-tab .mfs-catalog-display-rent-tab-one {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-rent-tab .mfs-catalog-display-rent-tab-two {
    flex: 1;
    border-radius: 0
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-rent-tab .mfs-catalog-display-rent-tab-three {
    flex: 1;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-tab-content {
    width: 100%
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5em;
    margin-left: -0.4em;
    width: 100%;
    flex-wrap: wrap
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox {
    display: flex;
    flex-direction: row;
    margin-left: 0.4em;
    min-width: fit-content
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox.mw-catalog-display-fill-up {
    flex: 1
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox.mw-catalog-display-gratis {
    flex: 1
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox.mw-catalog-display-recurring {
    flex: 2
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-options .mw-catalog-display-checkbox.mw-catalog-display-valid-dates {
    flex: 2
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    padding-bottom: 0.5em
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-image img {
    vertical-align: middle;
    border-style: none;
    height: 100%
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-image i {
    font-size: 6em;
    color: #666666
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 0.5em
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field .mfs-catalog-display-error {
    color: red;
    width: 100%
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field label {
    width: 65px;
    text-align: left;
    margin: auto
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field input,
#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mfs-catalog-display-field select {
    display: flex;
    flex: 1
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mw-catalog-display-fill-up {
    width: 100%
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-body .mw-catalog-display-fill-up label {
    display: flex
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-footer-right-align {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end
}

#mfs-catalog-display .mfs-catalog-display-dialog .mfs-catalog-display-footer-right-align button {
    margin-left: 0.5em
}

.mfs-product-transfer {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-product-transfer .mfs-product-transfer-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 400px;
    max-width: 400px;
    max-height: 100vh;
    display: flex;
    flex-direction: column
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-header {
    background: #1230BC;
    color: white;
    text-align: center;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-header .mfs-product-transfer-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    padding: 0.5em;
    align-items: center;
    max-height: 60vh
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-image,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    padding-bottom: 0.5em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-image img,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-image img {
    vertical-align: middle;
    border-style: none;
    height: 100%
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-divider,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-divider {
    border-bottom: thin solid #c8c8c8;
    width: 100%;
    margin-bottom: 1em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0.5em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 0.2em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-label,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-label {
    flex: 1 0 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 1em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-cell,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-cell {
    flex: 1 0 25%
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-label-result,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-label-result {
    flex: 1 0 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 1em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-cell-result,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-table .mfs-product-transfer-table-row .mfs-product-transfer-table-cell-result {
    flex: 1 0 50%
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-confirmation-image,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-confirmation-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-confirmation-image .confirmation-success,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-confirmation-image .confirmation-success {
    color: #28a745;
    font-size: 2em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-confirmation-image .confirmation-error,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-confirmation-image .confirmation-error {
    color: red;
    font-size: 2em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-error,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-error {
    display: flex;
    align-items: center;
    justify-content: center
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-field,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-field {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 0.5em
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-field label,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-field label {
    width: 65px;
    text-align: left;
    margin: auto
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-field input,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body-error .mfs-product-transfer-field select,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-field input,
.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-body .mfs-product-transfer-field select {
    display: flex;
    flex: 1
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-footer-right-align {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end
}

.mfs-product-transfer .mfs-product-transfer-dialog .mfs-product-transfer-footer-right-align button {
    margin-left: 0.5em
}

#mw-change-password {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#mw-change-password .mw-change-password-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em;
    min-height: 18em;
    max-height: 90%;
    display: flex;
    flex-direction: column
}

#mw-change-password .mw-change-password-dialog .mw-change-password-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0
}

#mw-change-password .mw-change-password-dialog .mw-change-password-header .mw-change-password-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

#mw-change-password .mw-change-password-dialog .mw-change-password-body {
    display: flex;
    flex-direction: column;
    padding: 0.5em;
    flex: 1;
    overflow: auto
}

#mw-change-password .mw-change-password-dialog .mw-change-password-body .mw-change-password-image {
    width: 5em;
    height: 5em;
    margin: .2em
}

#mw-change-password .mw-change-password-dialog .mw-change-password-body .mw-change-password-text {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    padding: 0.2em;
    align-self: center
}

#mw-change-password .mw-change-password-dialog .mw-change-password-body label {
    font-weight: bold;
    padding-top: 0.5em
}

#mw-change-password .mw-change-password-dialog .mw-change-password-body .mw-pr-button,
#mw-change-password .mw-change-password-dialog .mw-change-password-body .form-control {
    margin: 0.5em 0
}

#mw-change-password .mw-change-password-dialog .mw-change-password-progress-bar {
    display: flex
}

#mw-change-password .mw-change-password-dialog .mw-change-password-result {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mw-change-password .mw-change-password-dialog .mw-change-password-result .mw-change-password-result-icon {
    display: flex;
    justify-content: center;
    font-size: 5em;
    margin-bottom: .2em
}

#mw-change-password .mw-change-password-dialog .mw-change-password-result .mw-change-password-result-icon.fa-times {
    color: red
}

#mw-change-password .mw-change-password-dialog .mw-change-password-result .mw-change-password-result-icon.fa-check {
    color: green
}

#mw-change-password .mw-change-password-dialog .mw-change-password-result .mw-change-password-result-status {
    display: flex;
    justify-content: center
}

#mw-change-password .mw-change-password-dialog .mw-change-password-footer-right-align,
#mw-change-password .mw-change-password-dialog .mw-change-password-footer {
    flex: 0;
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    justify-content: space-between
}

#mw-change-password .mw-change-password-dialog .mw-change-password-footer-right-align {
    justify-content: flex-end
}

#mw-change-password .mw-change-password-view-password {
    cursor: pointer;
    width: 2.7em;
    display: flex;
    align-items: center;
    padding: .3em .7em;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .3em;
    margin: 0.5em 0
}

#mw-change-password .mw-change-password-current-password {
    display: flex;
    flex-direction: row
}

#mw-change-password .mw-change-password-toolbar {
    margin: 0.5em;
    text-align: right
}

#mw-check-availability {
    width: 30em;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 10px;
    padding: 0
}

#mw-check-availability .mw-check-availability-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 1.2em
}

#mw-check-availability .mw-check-availability-content .mw-check-availability-header {
    display: block;
    color: black;
    font-size: 18px;
    align-self: center
}

#mw-check-availability .mw-check-availability-content .mw-check-availability-select,
#mw-check-availability .mw-check-availability-content .mw-check-availability-input {
    display: flex;
    margin-top: 1em;
    flex-direction: row;
    align-items: center;
    align-self: center;
    width: 15em
}

#mw-check-availability .mw-check-availability-content .mw-check-availability-select .mw-check-availability-zipcode,
#mw-check-availability .mw-check-availability-content .mw-check-availability-input .mw-check-availability-zipcode {
    text-transform: uppercase
}

#mw-check-availability .mw-check-availability-content .mw-check-availability-select i,
#mw-check-availability .mw-check-availability-content .mw-check-availability-input i {
    font-size: 20px;
    margin-right: 5px
}

#mw-check-availability .mw-check-availability-button {
    width: 15em;
    align-self: center
}

#mw-check-availability .mw-progress-container {
    background: inherit
}

.mw-credit-card-component .mw-cards-add-card-group-double,
.mw-credit-card-component .mw-cards-add-card-group {
    padding: 0 0 0 5px;
    margin: .1em 0 0.5em 0
}

.mw-credit-card-component .mw-cards-add-card-group-double,
.mw-credit-card-component .mw-cards-add-card-group,
.mw-credit-card-component .mw-cards-add-card-expiry-group {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between
}

.mw-credit-card-component .mw-cards-add-card-group-col-double {
    flex-direction: column
}

.mw-credit-card-component .mw-cards-add-card-group-col-double,
.mw-credit-card-component .mw-cards-add-card-group-col {
    display: flex;
    flex: 1;
    width: 10em;
    min-width: 10em
}

.mw-credit-card-component .mw-cards-add-card-group-col-double label,
.mw-credit-card-component .mw-cards-add-card-group-col label,
.mw-credit-card-component .mw-cards-add-card-group-double label,
.mw-credit-card-component .mw-cards-add-card-group label {
    flex: 1;
    font-size: 1em
}

.mw-credit-card-component .mw-cards-add-card-group-col-double select,
.mw-credit-card-component .mw-cards-add-card-group-col select,
.mw-credit-card-component .mw-cards-add-card-group-double select,
.mw-credit-card-component .mw-cards-add-card-group select {
    flex: 1;
    font-size: 14px;
    padding: 5px
}

.mw-credit-card-component .mw-cards-add-card-group-col-double select option,
.mw-credit-card-component .mw-cards-add-card-group-col select option,
.mw-credit-card-component .mw-cards-add-card-group-double select option,
.mw-credit-card-component .mw-cards-add-card-group select option {
    font-size: 14px
}

.mw-credit-card-component .mw-cards-add-card-group-col-double input,
.mw-credit-card-component .mw-cards-add-card-group-col input,
.mw-credit-card-component .mw-cards-add-card-group-double input,
.mw-credit-card-component .mw-cards-add-card-group input {
    flex: 1;
    font-size: 14px;
    padding: 0.55em .2em 0.55em;
    margin-top: .1em
}

.mw-credit-card-component .mw-cards-add-card-group-col-double .mw-cards-add-card-required {
    margin-bottom: 0.5em
}

.mw-credit-card-component .mw-cards-add-card-required {
    border: 1px solid rgba(255, 0, 0, 0.75)
}

.mw-credit-card-component select {
    width: inherit
}

.mw-credit-card-component .mw-cards-zip input {
    text-transform: uppercase
}

#mw-confirm-order {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

#mw-confirm-order .mw-progress-loading-bar-main {
    background: white;
    border: #c8c8c8 1px solid
}

#mw-confirm-order .mw-confirm-order-cart {
    background: white;
    border: #c8c8c8 1px solid;
    padding: 0 .4em
}

#mw-confirm-order .mw-confirm-order-products-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: .4em
}

#mw-confirm-order .mw-confirm-order-products-wrapper label {
    font-weight: bold;
    font-size: 1em;
    text-transform: capitalize
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    word-wrap: break-word
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container {
    display: inline-flex;
    flex-direction: column;
    width: 15em;
    height: 10em;
    overflow: auto;
    border: 1px solid #c8c8c8;
    padding: 1em;
    margin-bottom: .4em;
    margin-right: .4em;
    background: white
}

@media (max-width: 550px) {
    #mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container {
        flex-grow: 1;
        margin-right: 0
    }
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons {
    display: inline-flex;
    flex-direction: column;
    width: 100%
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons input {
    text-transform: uppercase
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons .btn {
    width: 8em;
    margin-top: .4em;
    align-self: center
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons .mw-confirm-order-input .fa-times {
    color: red;
    margin-left: .2em
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-coupons .mw-confirm-order-input .fa-check {
    color: green;
    margin-left: .2em
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-date-container {
    display: flex;
    flex-direction: row
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-products .mw-confirm-order-products-container .mw-confirm-order-date-container .btn {
    width: 4em;
    margin-top: 0;
    margin-left: .4em;
    border: 1px solid #ced4da
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-notes {
    display: block;
    flex-direction: column;
    word-wrap: break-word;
    flex: 1;
    padding: 1em;
    border: 1px solid #c8c8c8;
    margin-bottom: .4em;
    padding-top: .4em;
    margin-right: 0.4em;
    background: white;
    min-width: 300px
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-notes textarea {
    margin-bottom: .8em
}

#mw-confirm-order .mw-confirm-order-products-wrapper .mw-confirm-order-notes .require-uppercase {
    text-transform: uppercase
}

#mw-customer-activation {
    display: flex;
    min-width: 300px;
    max-width: 400px;
    width: 100%;
    background: white;
    padding: 1em
}

#mw-customer-activation div.form-group {
    margin-bottom: 5px
}

#mw-customer-activation div.form-group .mb-3 {
    margin-bottom: 5px !important
}

#mw-customer-activation div.form-group .mb-3 input {
    border-radius: 0.25em
}

#mw-customer-activation div.form-group .mb-3 .mw-captcha input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

#mw-customer-activation div.form-group .mb-3 .mw-captcha img {
    margin: 0
}

#mw-customer-activation div.form-group .mb-3 .mw-captcha span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#mw-customer-activation .mw-customer-activation-label {
    font-size: 1em;
    margin: 0;
    color: #4b4b4b
}

#mw-customer-activation .mw-ca-activate {
    background: #1230BC;
    color: white
}

#mw-customer-activation .mw-ca-form {
    width: 100%
}

#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-password,
#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-repeat {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-password input,
#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-repeat input {
    width: unset
}

#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-password {
    margin-bottom: 0.5em
}

#mw-customer-activation .mw-ca-form .mw-password-requirements .mw-pr-password .mw-pr-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

#mw-customer-activation .mw-ca-failed {
    color: red;
    font-size: 15px
}

#mw-customer-activation .mw-ca-activate {
    margin-top: 15px
}

#mw-customer-activation .btn-link {
    padding: 0;
    font-size: 12px
}

#mw-customer-activation .success-signin {
    display: flex;
    justify-content: center;
    align-items: center
}

#mw-customer-activation .success-signin i {
    display: block;
    color: #28a745;
    font-size: 75px
}

#mw-customer-activation div>.form-group>.input-group i.merge-input {
    position: absolute;
    right: +.9em;
    top: .7em
}

#mw-customer-activation div>.form-group>.input-group i.merge-input.fas.fa-sync-alt.fa-spin {
    color: blue
}

#mw-customer-activation div>.form-group>.input-group i.merge-input.fas.fa-times {
    color: red
}

#mw-customer-activation div>.form-group>.input-group i.merge-input.fas.fa-check {
    color: green
}

#mw-customer-activation .mw-ca-header {
    font-size: 1.5em;
    margin: 0.5em 0
}

#mw-customer-activation .is-invalid {
    box-shadow: none
}

#mw-customer-login {
    min-width: 300px;
    max-width: 400px;
    background: white
}

#mw-customer-login .mw-captcha-image {
    margin: 0
}

#mw-customer-login .mw-customer-login-captcha {
    display: flex;
    flex-direction: row
}

#mw-customer-login .mw-customer-login-captcha input {
    width: 35%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#mw-customer-login .mw-customer-login-captcha-section {
    flex-direction: column
}

#mw-customer-login .btn-link {
    padding: 0.5em 0
}

#mw-customer-login div.form-group {
    margin-bottom: 5px
}

#mw-customer-login label {
    font-size: 14px;
    color: #4b4b4b;
    margin: 0.5em 0
}

#mw-customer-login .mw-customer-login-input {
    display: flex;
    flex: 1
}

#mw-customer-login .mw-customer-login-password {
    display: flex;
    flex-direction: row
}

#mw-customer-login .mw-cl-form {
    width: 100%
}

#mw-customer-login .mw-cl-form .mw-cl-logo {
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

#mw-customer-login .mw-cl-form .mw-cl-logo img {
    max-width: 100%;
    display: flex;
    flex: 1
}

#mw-customer-login .mw-cl-form .mw-cl-error {
    color: red
}

#mw-customer-login .mw-cl-form .mw-cl-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    word-wrap: break-word
}

#mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col1 {
    width: 100%
}

@media (min-width: 500px) {
    #mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col1 {
        flex: 1
    }
}

#mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col2 {
    width: 100%
}

@media (min-width: 500px) {
    #mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col2 {
        flex: 1
    }
}

#mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col2 .mw-link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

#mw-customer-login .mw-cl-form .mw-cl-row .mw-cl-col2 .mw-link:hover {
    text-decoration: underline
}

#mw-customer-login .mw-cl-form .mw-cl-forgot-password {
    display: block
}

#mw-customer-login .mw-cl-form .mw-cl-guest {
    display: block
}

#mw-customer-login .mw-cl-form .mw-cl-sign-in {
    background: #1230BC;
    color: white;
    margin-top: 1em;
    width: 100%
}

@media (min-width: 500px) {
    #mw-customer-login .mw-cl-form .mw-cl-sign-in {
        margin-top: unset;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

#mw-customer-login .success-signin {
    display: flex;
    justify-content: center;
    align-items: center
}

#mw-customer-login .success-signin i {
    display: block;
    color: #28a745;
    font-size: 75px
}

#mw-customer-login .mw-forgot-password-form {
    padding: 0
}

#mw-customer-login .mw-forgot-password-form .mw-fp-error {
    font-size: 14px;
    color: red;
    font-weight: normal
}

#mw-default-product-form {
    display: flex;
    flex-direction: column;
    margin: 7px
}

#mw-default-product-form .mw-dp-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 150px;
    height: 150px;
    background: white;
    border: 1px solid rgba(225, 225, 225, 0.5)
}

#mw-default-product-form .mw-dp-image-container img {
    padding: 2px;
    height: 100%
}

#mw-default-product-form .form-control {
    margin-top: 10px
}

#mw-delivery-calendar {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: .1em
}

#mw-delivery-calendar .mw-calendar-card-body {
    flex: 1 1 auto;
    padding: 0;
    text-align: center
}

#mw-delivery-calendar .mw-calendar-card-body .mw-calendar {
    min-width: 20em;
    max-width: 25em;
    display: inline
}

#mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-day-text {
    font-size: 0.7em;
    position: absolute;
    bottom: 0;
    margin: .3em
}

#mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-day-icon {
    font-size: 0.55em;
    position: absolute;
    bottom: 2em;
    margin: 0.2em;
    width: 23px;
    height: 23px
}

@media (min-width: 400px) {
    #mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-day-icon {
        margin: 0.5em;
        width: 30px;
        height: 30px
    }
}

#mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-no-select {
    cursor: not-allowed
}

@media (min-width: 450px) {
    #mw-delivery-calendar .mw-calendar-card-body .mw-calendar {
        max-width: 30em
    }
    #mw-delivery-calendar .mw-calendar-card-body .mw-calendar .mw-day-text {
        font-size: .8em
    }
}

#mw-delivery-calendar .mw-calendar-selected .fc-day-number {
    color: #000
}

#mw-delivery-calendar .fc-toolbar h2 {
    font-size: 1em
}

#mw-delivery-calendar .fc-button {
    font-size: .6em;
    margin-left: .1em
}

@media (min-width: 500px) {
    #mw-delivery-calendar .fc-toolbar h2 {
        font-size: 1.5em
    }
    #mw-delivery-calendar .fc-button {
        font-size: 1em
    }
}

#mw-delivery-calendar .fc-head {
    color: white;
    background: #1230BC
}

#mw-delivery-calendar .fc-dayGrid-view .fc-body .fc-row {
    min-height: 3.4em
}

#mw-delivery-calendar .fc-scroller {
    border: 0
}

#mw-delivery-calendar .fc-disabled-day {
    background: #f1f1f1;
    opacity: 1
}

#mw-delivery-calendar .fc-header-toolbar {
    margin-bottom: .1em
}

#mw-delivery-calendar .fc-button-primary {
    color: white;
    background: #1230BC;
    border-color: #1230BC
}

#mw-delivery-calendar .fc-button-primary:hover {
    opacity: .74
}

#mw-delivery-calendar button.fc-today-button.fc-button.fc-button-primary {
    text-transform: capitalize
}

.mw-delivery-stop {
    display: flex;
    flex-direction: column;
    font-size: 1em
}

.mw-delivery-stop .mw-delivery-stop-select {
    margin-top: .2em;
    display: flex
}

.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down-extended .mw-search-drop-down-group {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down-extended .mw-search-drop-down-group:focus-within {
    border: none;
    outline: 0;
    box-shadow: none;
    transition: none
}

.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down {
    flex: 1;
    font-size: .9em
}

.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box {
    width: 100%
}

.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-stopnumber,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-stopnumber,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-stopnumber,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-stopnumber {
    width: 5em
}

.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-deliveryname,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-deliveryname,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-deliveryname,
.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-deliveryname {
    width: 25em
}

.mw-delivery-stop .mw-delivery-stop-select .mw-search-drop-down .form-control {
    overflow: hidden;
    line-height: 38px;
    padding: 0 0.75em
}

.mw-delivery-stop .mw-delivery-stop-select .mw-delivery-stop-add {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 0 .5em;
    border: thin solid #ced4da;
    border-left: 0;
    font-size: 0.9em;
    cursor: pointer;
    border-radius: 0.25em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.mw-delivery-stop .mw-delivery-stop-select .mw-delivery-stop-add:hover .fas {
    color: #1230BC
}

.mw-delivery-stop .mw-delivery-stop-select:focus-within {
    border: 1px solid #80bdff;
    border-radius: 0.25em;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    transition: box-shadow 0.15s ease
}

.mw-delivery-stop .mw-delivery-stop-select:focus-within .mw-delivery-stop-add {
    border: none
}

.mw-delivery-stop .mw-delivery-stop-body {
    margin-top: .5em
}

.mw-delivery-stop .mw-delivery-stop-body .mw-delivery-info .mw-delivery-stop-driver {
    display: none;
}

.mw-delivery-stop .mw-delivery-stop-body .mw-delivery-info .mw-delivery-stop-next-date {
    flex-direction: column
}

.mw-delivery-stop .mw-delivery-stop-body .mw-tank-info {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-wrap: wrap
}

.mw-delivery-stop .mw-delivery-stop-body .mw-tank-info .mw-tank-info-details {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    margin: 0 0.5em
}

.mw-delivery-stop .mw-delivery-stop-body .mw-tank-info .mw-tank-info-details .mw-equipment-id {
    font-weight: bold;
    color: #495057
}

.mw-delivery-stop .mw-delivery-stop-body .mw-tank-info .mw-tank-info-details span {
    margin-bottom: 0.5em
}

.mw-delivery-stop button {
    font-size: 0.9em;
    float: right;
    margin: 0em 0em 0.4em 0.2em
}

.mw-delivery-stop .mw-section-title {
    display: block;
    font-size: 1em;
    margin-bottom: 0.75em;
    background-color: #BE009E;
    color: white;
    padding: 0.2em 0.5em
}

.mw-delivery-stop .fas {
    color: #6b6b6b
}

.mw-delivery-stop .mw-section {
    flex-direction: column
}

.mw-delivery-stop .mw-section .mw-toolbar {
    display: block
}

.mw-delivery-stop .mw-section .mw-toolbar button {
    color: black;
    border: none;
    background-color: transparent;
    outline: none;
    float: right;
    width: auto
}

.mw-delivery-stop .mw-section .mw-toolbar button i {
    font-size: 1.5em
}

.mw-delivery-stop .mw-section .mw-label {
    font-weight: bold;
    color: #6b6b6b;
    min-width: 12em
}

.mw-delivery-stop .mw-section .mw-column {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 0.5em
}

.mw-delivery-stop .mw-section.mw-contact-info span {
    display: flex;
    flex-direction: row
}

.mw-delivery-stop .mw-section.mw-contact-info span .mw-contact-address {
    padding-left: 26px
}

.mw-delivery-stop .mw-section.mw-contact-info span a {
    display: inline-block;
    margin-bottom: 0.5rem
}

.mw-delivery-stop .mw-section.mw-contact-info span i {
    float: right;
    width: 1.2em;
    font-size: 1.5em;
    min-height: 1.35em
}

.mw-delivery-stop .mw-section.mw-contact-info span input {
    width: 20em;
    height: 1.8em;
    padding: .1em .2em .1em .2em;
    margin: 0
}

.mw-delivery-stop .mw-section.mw-contact-info .mw-delivery-stop-validation-error {
    font-size: 12px;
    margin-top: 0.2em;
    color: rgba(255, 0, 0, 0.75);
    margin-left: 26px
}

.mw-delivery-stop .mw-section.mw-delivery-info div {
    display: flex
}

.mw-delivery-stop .mw-divider {
    border-top: 1px solid #ced4da;
    margin: 0.5em;
    padding-bottom: 0.5em
}

#mw-echeck-form .mw-ef-group:nth-child(even) {
    background: rgba(0, 0, 0, 0.05)
}

#mw-echeck-form .mw-ef-group {
    padding: 2px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px
}

#mw-echeck-form .mw-ef-group .mw-ef-label {
    display: flex;
    flex: 9;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0
}

#mw-echeck-form .mw-ef-group .mw-ef-input {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 15px;
    width: 100%;
    min-width: 200px;
    margin: 0;
    line-height: 0
}

#mw-echeck-form .mw-ef-group input[type="text"] {
    margin-left: 1.5em
}

#mw-echeck-form .mw-ef-group input[type="radio"] {
    line-height: 1em
}

.mw-edit-equipment {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mw-edit-equipment .mw-edit-equipment-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    max-width: 500px;
    width: 100%
}

.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-header .mw-edit-equipment-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 4px
}

.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-body {
    display: flex;
    flex-direction: column;
    padding: 1em;
    text-align: left
}

.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-body .mw-edit-equipment-text {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    padding: 0.5em
}

.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-body .mw-edit-equipment-text .form-control {
    margin: 0;
    width: 100%
}

.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-body .form-control {
    margin: 0.5em;
    width: auto
}

.mw-edit-equipment .mw-edit-equipment-dialog .mw-edit-equipment-submit {
    padding: 1em;
    text-align: right
}

#mw-equipment-display {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 1em auto;
    max-width: 800px
}

#mw-equipment-display .mw-equipment-display-toggle {
    flex: 1;
    text-align: left;
    display: flex
}

#mw-equipment-display .mw-equipment-display-toggle .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#mw-equipment-display .mw-equipment-display-toggle .unselected {
    background: #BE009E;
    color: white
}

#mw-equipment-display .mw-equipment-display-toggle .unselected:hover {
    background: #0cc
}

#mw-equipment-display .mw-equipment-display-toggle .selected {
    color: #BE009E;
    background: white;
    border: thin solid #BE009E;
    border-bottom: none
}

#mw-equipment-display .mw-equipment-display-toggle .mw-equipment-display-top-border {
    display: flex;
    flex: 1;
    border-bottom: thin solid #BE009E;
    margin-right: 0.1em
}

#mw-equipment-display .mw-equipment-display-general-container,
#mw-equipment-display .mw-equipment-display-tank-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    background: white;
    border: thin solid #BE009E;
    border-top: none
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-toolbar,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-toolbar {
    padding: 0.5em;
    border-top: thin solid #d8d8d8;
    text-align: left
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image {
    max-height: 200px;
    max-width: 200px;
    padding: 1em
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image i,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image i {
    font-size: 5em;
    color: #666666;
    margin-top: 0.6em
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image img,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image img {
    height: 100%;
    max-width: 100%
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image span,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image span {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-image span svg,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-image span svg {
    height: 100px;
    width: 100px
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail {
    flex: 1;
    display: flex;
    flex-direction: row;
    margin-left: 1em
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text label,
#mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text label {
    margin: auto 0;
    text-align: left
}

@media (max-width: 500px) {
    #mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header,
    #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header {
        flex-direction: column;
        align-items: center
    }
    #mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail,
    #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail {
        flex-direction: column;
        width: 100%;
        margin: 0
    }
    #mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text,
    #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text {
        margin: 0
    }
    #mw-equipment-display .mw-equipment-display-general-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text label,
    #mw-equipment-display .mw-equipment-display-tank-container .mw-equipment-display-header .mw-equipment-display-detail .mw-equipment-display-text label {
        padding: 0.25em 0.5em
    }
}

.mfs-order-summary {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-order-summary .mfs-order-summary-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    width: 600px;
    min-width: 300px
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-header {
    background: #1230BC;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 0.2em;
    font-size: 1.2em
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail {
    padding: 1em
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-title {
    font-weight: bold;
    padding: 0.5em 0;
    color: #6b6b6b;
    font-size: 1.2em
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5em
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-item label {
    margin-bottom: 0.2em
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-item .description {
    display: flex;
    flex: 10
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .mfs-order-summary-item .price {
    display: flex;
    flex: 1
}

.mfs-order-summary .mfs-order-summary-dialog .mfs-order-summary-detail .total {
    font-weight: bold
}

.mfs-order-summary .mfs-order-summary-dialog img {
    height: 32px;
    width: 32px;
    margin-right: 0.5em
}

@media (max-width: 600px) {
    .mfs-order-summary .mfs-order-summary-dialog {
        width: unset
    }
}

.mfs-stop-list {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 1em
}

.mfs-stop-list .mfs-stop-list-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em;
    max-height: 95vh;
    display: flex;
    flex-direction: column
}

.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0 0 auto
}

.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-header .mfs-stop-list-title {
    font-weight: bold;
    padding: 0.2em
}

.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end;
    flex: 0 0 auto
}

.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-container {
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex: 1
}

.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-stop {
    display: flex;
    flex-direction: column;
    padding: 0.5em;
    margin: 0.5em;
    border: thin solid black;
    flex-shrink: 0;
    cursor: pointer
}

.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-stop .mfs-stop-list-stop-header {
    font-weight: bold;
    display: flex;
    flex-direction: row
}

.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-stop label {
    cursor: pointer
}

.mfs-stop-list .mfs-stop-list-dialog .mfs-stop-list-stop:hover {
    color: #007bff
}

.mfs-image-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 1em
}

.mfs-image-box .mfs-image-box-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    display: flex;
    flex-direction: column;
    height: 90%;
    width: 90%
}

.mfs-image-box .mfs-image-box-dialog .mfs-image-box-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0 0 auto
}

.mfs-image-box .mfs-image-box-dialog .mfs-image-box-header .mfs-image-box-title {
    font-weight: bold;
    padding: 0.2em
}

.mfs-image-box .mfs-image-box-dialog .mfs-image-box-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end;
    flex: 0 0 auto
}

.mfs-image-box .mfs-image-box-dialog .mfs-image-box-container {
    display: flex;
    flex: 1;
    overflow: hidden
}

.mfs-image-box .mfs-image-box-dialog .mfs-image-box-container img {
    max-width: 100%;
    max-height: 100%;
    align-self: center;
    margin: auto;
    padding: 1em
}

.mfs-document-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 1em
}

.mfs-document-box .mfs-document-box-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    display: flex;
    flex-direction: column;
    height: 90%;
    width: 90%
}

.mfs-document-box .mfs-document-box-dialog .mfs-document-box-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0 0 auto
}

.mfs-document-box .mfs-document-box-dialog .mfs-document-box-header .mfs-document-box-title {
    font-weight: bold;
    padding: 0.2em
}

.mfs-document-box .mfs-document-box-dialog .mfs-document-box-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end;
    flex: 0 0 auto
}

.mfs-document-box .mfs-document-box-dialog .mfs-document-box-container {
    overflow: auto
}

.mfs-assignment-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 1em
}

.mfs-assignment-box .mfs-assignment-box-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    display: flex;
    flex-direction: column;
    height: unset;
    width: 600px
}

.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0 0 auto
}

.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-header .mfs-assignment-box-title {
    font-weight: bold;
    padding: 0.2em
}

.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end;
    flex: 0 0 auto
}

.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-footer label {
    color: red;
    flex: 1
}

.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-container {
    display: flex;
    flex: 1;
    overflow: hidden;
    flex-direction: column
}

.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-container .mfs-assignment-fields {
    margin: 1em
}

.mfs-assignment-box .mfs-assignment-box-dialog .mfs-assignment-box-container .success-message {
    padding: 1em 1em 0 1em
}

@media (max-width: 600px) {
    .mfs-assignment-box .mfs-assignment-box-dialog {
        width: 100%
    }
}

#mw-flash-message {
    margin: 1em 2em;
    padding: 0.5em;
    position: fixed;
    right: .6em;
    bottom: .6em;
    border: 1px solid #c8c8c8;
    border-radius: .4em;
    display: flex;
    flex-direction: column;
    background: white
}

#mw-flash-message .mw-flash-message-body {
    width: 25em;
    height: 6em;
    display: flex;
    flex-direction: row
}

#mw-flash-message .mw-flash-message-body .mw-flash-message-item-image-container {
    width: 5em;
    height: 5em;
    margin: .4em
}

#mw-flash-message .mw-flash-message-body .mw-flash-message-item-image-container img {
    height: 100%;
    width: 100%
}

#mw-flash-message .mw-flash-message-body .mw-flash-message-item-message {
    display: flex;
    flex: 1;
    flex-flow: column;
    height: 100%;
    padding: .4em;
    text-overflow: ellipsis;
    overflow: hidden
}

#mw-flash-message .mw-flash-message-body .mw-flash-message-item-message .mw-flash-message-item-title {
    font-weight: bold;
    font-size: 1.2em
}

#mw-flash-message .mw-flash-message-body .mw-flash-message-item-message .mw-flash-message-item-content {
    font-size: 1em
}

#mw-flash-message .mw-flash-message-footer {
    margin: .4em
}

#mw-flash-message .mw-flash-message-footer .btn-primary {
    float: left
}

#mw-flash-message .mw-flash-message-footer .btn-success {
    float: right
}

#mw-flash-message .mw-flash-message-footer .btn {
    width: 48%
}

#mw-invoice-history-table {
    display: flex;
    flex-direction: column;
    border: thin solid #BE009E;
    position: relative;
    flex: 1;
    margin: 5px;
    min-width: 300px
}

#mw-invoice-history-table .mw-col {
    box-sizing: border-box;
    display: block;
    color: #323232;
    height: 100%
}

#mw-invoice-history-table .mw-col-invoice-pdf {
    width: 2em
}

#mw-invoice-history-table .mw-col-invoice-pdf i .fas.fa-file-download {
    font-size: 20px;
    color: #969696
}

#mw-invoice-history-table .mw-col-invoice-pdf:hover {
    text-decoration: underline
}

#mw-invoice-history-table .mw-col-invoice-pdf:hover i {
    color: #BE009E
}

#mw-invoice-history-table .mw-col-invoice-pdf:active i {
    color: red
}

#mw-invoice-history-table .mw-col-invoice-date {
    flex: 1
}

#mw-invoice-history-table .mw-col-invoice-number {
    flex: 1.5
}

#mw-invoice-history-table .mw-col-amount {
    flex: 2
}

#mw-invoice-history-table .mw-history-right {
    text-align: right;
    margin-right: 1em
}

#mw-invoice-history-table .mw-history-header {
    height: 35px;
    min-height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #BE009E;
    border-bottom: thin solid #BE009E;
    color: #FFFFFF;
    overflow: hidden
}

#mw-invoice-history-table .mw-history-header span {
    font-size: .9em;
    text-transform: uppercase;
    padding: .35em;
    color: black;
    text-align: center;
    background: white
}

@media (min-width: 400px) {
    #mw-invoice-history-table .mw-history-header span {
        font-size: 1em
    }
}

#mw-invoice-history-table .mw-history-header span:hover {
    cursor: pointer;
    background: #ebebeb
}

#mw-invoice-history-table .mw-history-header span:not(:last-child) {
    border-right: thin solid #BE009E
}

#mw-invoice-history-table .mw-history-title {
    font-size: 1.25em
}

#mw-invoice-history-table .mw-history-container {
    display: flex;
    flex-direction: column;
    flex: 1 0 1px;
    overflow-y: scroll
}

#mw-invoice-history-table .mw-history-container label {
    display: block;
    padding: 15px;
    text-align: center;
    width: 100%
}

#mw-invoice-history-table .mw-history-container .mw-history-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-bottom: 1px solid #c8c8c8;
    min-height: 50px;
    align-items: center
}

#mw-invoice-history-table .mw-history-container .mw-history-item span {
    font-size: .8em;
    padding: 15px 0
}

@media (min-width: 400px) {
    #mw-invoice-history-table .mw-history-container .mw-history-item span {
        font-size: 1em
    }
}

#mw-invoice-history-table .mw-history-container .mw-history-item:hover {
    background: #f5f5f5
}

#mw-invoice-history-table .mw-history-container .mw-history-spinner {
    position: absolute;
    top: 45%;
    left: 45%
}

#mw-invoice-history-table .mw-history-toolbar {
    background: #BE009E;
    color: #FFFFFF;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .1em;
}

#mw-invoice-history-table .mw-history-toolbar button {
    color: white;
    margin-right: .3em;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: .2em;
    padding-right: .2em;
    font-size: 0.9em
}

@media (min-width: 500px) {
    #mw-invoice-history-table .mw-history-toolbar button {
        padding-left: .7em;
        padding-right: .7em
    }
}

#mw-invoice-history-table .mw-history-toolbar button:disabled {
    background: gray
}

#mw-invoice-history-table .mw-history-toolbar .mw-history-record-count {
    flex: auto;
    color: white;
    font-size: .9em
}

#mw-invoice-history-table .mw-history-search {
    display: flex;
    flex-direction: row;
    border-bottom: thin solid #BE009E
}

#mw-invoice-history-table .mw-history-search .form-control {
    display: flex;
    flex: 9;
    border: thin solid #BE009E;
    margin: 0.5em
}

#mw-invoice-history-table .mw-history-search button {
    display: flex;
    flex: 1;
    background: transparent;
    border: none
}

#mw-invoice-history-table .mw-history-search button i {
    margin: auto;
    font-size: 1.25em
}

#mw-invoice-history-table .mw-history-search button:hover {
    background: #ebebeb
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down {
    flex: 1;
    margin-bottom: 0
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box {
    width: 100%
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-customerid,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-customerid {
    flex: 3em;
    overflow: hidden
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-stopnumber,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-stopnumber {
    flex: 1em;
    overflow: hidden
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-deliveryname,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-deliveryname {
    flex: 7em;
    overflow: hidden
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-address,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-address,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-address,
#mw-invoice-history-table .mw-history-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-address {
    flex: 7em;
    overflow: hidden
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down-group {
    border: none
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down-group .mw-search-drop-down-arrow {
    padding: 6px;
    flex: 1;
    align-self: center;
    text-align: center
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down-group:focus-within {
    box-shadow: none;
    transition: none
}

#mw-invoice-history-table .mw-history-search .mw-search-drop-down-group:focus-within .form-control:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
}

#mw-manage-cards-table {
    display: flex;
    flex-direction: column;
    border: thin solid #BE009E;
    position: relative;
    flex: 1;
    margin: 5px;
    min-width: 300px
}

#mw-manage-cards-table .mw-cards-header {
    height: 35px;
    min-height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #BE009E;
    color: #FFFFFF;
    border-bottom: thin solid #BE009E;
}

#mw-manage-cards-table .mw-cards-title {
    font-size: 1.25em
}

#mw-manage-cards-table .mw-cards-container {
    background: white;
    padding: 15px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 1px;
    overflow-y: scroll
}

#mw-manage-cards-table .mw-cards-container .mw-cards-no-cards {
    display: block;
    padding: 15px;
    text-align: center;
    width: 100%
}

#mw-manage-cards-table .mw-credit-card,
#mw-manage-cards-table .mw-bank {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    border: thin solid #e1e1e1;
    min-height: 150px;
    border-radius: 0.25em;
    overflow: hidden
}

#mw-manage-cards-table .mw-credit-card .mw-credit-card-info,
#mw-manage-cards-table .mw-bank .mw-credit-card-info {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-height: 100px
}

#mw-manage-cards-table .mw-credit-card .mw-credit-card-expired,
#mw-manage-cards-table .mw-bank .mw-credit-card-expired {
    position: absolute;
    font-size: 4em;
    color: rgba(255, 0, 0, 0.6);
    transform: rotate(-10deg);
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0
}

#mw-manage-cards-table .mw-credit-card .mw-credit-card-description,
#mw-manage-cards-table .mw-bank .mw-credit-card-description {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1em;
    text-transform: uppercase
}

#mw-manage-cards-table .mw-credit-card .mw-credit-card-col,
#mw-manage-cards-table .mw-bank .mw-credit-card-col {
    display: flex;
    flex-direction: row;
    padding: 0.3em 0;
    background: #f3f3f3;
    justify-content: center;
    min-height: 50px
}

#mw-manage-cards-table .mw-credit-card .mw-credit-card-col button,
#mw-manage-cards-table .mw-bank .mw-credit-card-col button {
    margin: 0.1em;
    width: 130px
}

#mw-manage-cards-table .mw-credit-card .mw-card-delete,
#mw-manage-cards-table .mw-bank .mw-card-delete {
    height: 35px;
    width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    background: #dc3545;
    color: white;
    text-align: center;
    margin: 0.5em;
    z-index: 999;
    border: medium solid
}

#mw-manage-cards-table .mw-credit-card .mw-card-delete:hover,
#mw-manage-cards-table .mw-bank .mw-card-delete:hover {
    background: #bd2130
}

#mw-manage-cards-table .mw-bank {
    padding: 1em;
    min-height: 110px
}

#mw-manage-cards-table .mw-card-description {
    font-size: 20px;
    margin: 0;
    color: black
}

#mw-manage-cards-table .mw-card-expiry {
    font-size: .9em;
    margin: 0;
    color: black
}

#mw-manage-cards-table .mw-card-payment-type {
    font-size: .9em;
    margin: 0;
    color: #666666
}

#mw-manage-cards-table .mw-cards-failure {
    color: red;
    width: 100%;
    text-align: center;
    font-size: 15px
}

#mw-manage-cards-table #mw-cards-add-card-modal .modal-body {
    max-height: 500px;
    overflow-y: auto
}

#mw-manage-cards-table #mw-cards-add-card-modal .modal-body label {
    font-size: 14px;
    margin: 0
}

#mw-manage-cards-table #mw-cards-add-card-modal .modal-body input {
    font-size: 15px;
    margin-bottom: 2px
}

#mw-manage-cards-table .mw-cards-toolbar {
    background: #BE009E;
    color: #FFFFFF;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .1em;
}

#mw-manage-cards-table .mw-cards-toolbar button {
    color: white;
    margin-right: .3em;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: .2em;
    padding-right: .2em;
    font-size: 0.9em
}

@media (min-width: 500px) {
    #mw-manage-cards-table .mw-cards-toolbar button {
        padding-left: .7em;
        padding-right: .7em
    }
}

#mw-manage-cards-table .mw-cards-add-card-container {
    margin-bottom: .2em;
    padding: 0
}

@media (max-width: 500px) {
    #mw-manage-cards-table .mw-credit-card {
        min-height: unset
    }
    #mw-manage-cards-table .mw-credit-card .mw-credit-card-col {
        padding: 10px
    }
    #mw-manage-cards-table .mw-credit-card .mw-credit-card-col .mw-card-description {
        font-size: 15px;
        font-weight: bold
    }
    #mw-manage-cards-table .mw-credit-card .mw-credit-card-col button {
        font-size: 0.9em
    }
}

.mw-choose-delivery-date {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mw-choose-delivery-date .mw-choose-delivery-date-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mw-choose-delivery-date .mw-choose-delivery-date-dialog .mw-choose-delivery-date-header {
    background: #1230BC;
    color: white;
    text-align: center;
    position: relative
}

.mw-choose-delivery-date .mw-choose-delivery-date-dialog .mw-choose-delivery-date-header .mw-choose-delivery-date-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mw-choose-delivery-date .mw-choose-delivery-date-dialog .mw-choose-delivery-date-header .mw-choose-delivery-date-button {
    position: absolute;
    right: .5em;
    top: 0;
    color: #000
}

.mw-choose-delivery-date .mw-choose-delivery-date-dialog .mw-choose-delivery-date-body {
    margin-top: 1em;
    padding: 0.5em
}

.mw-input-box,
.mw-message-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mw-input-box .mw-message-box-dialog,
.mw-message-box .mw-message-box-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mw-input-box .mw-message-box-dialog .mw-message-box-header,
.mw-message-box .mw-message-box-dialog .mw-message-box-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mw-input-box .mw-message-box-dialog .mw-message-box-header .mw-message-box-title,
.mw-message-box .mw-message-box-dialog .mw-message-box-header .mw-message-box-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mw-input-box .mw-message-box-dialog .mw-message-box-body-table,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table {
    display: flex;
    margin-top: 1em;
    padding: 0.5em;
    overflow: hidden;
    width: 100%
}

.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-image,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-image {
    width: 5em;
    flex: 1;
    text-align: center
}

.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell {
    display: table-cell;
    vertical-align: middle
}

.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-image,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-image {
    width: 5em;
    height: 5em;
    margin: .2em
}

.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper {
    padding: 0.2em;
    max-height: 60vh;
    overflow: auto;
    display: block
}

.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .mw-message-box-text-block,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .mw-message-box-text-block {
    align-self: center;
    text-align: left;
    color: black;
    margin-bottom: 0.5em
}

.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .sub-block,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .sub-block {
    margin-top: 1em
}

.mw-input-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .mw-message-box-validation-error,
.mw-message-box .mw-message-box-dialog .mw-message-box-body-table .mw-message-box-body-cell .mw-message-box-text-wrapper .mw-message-box-validation-error {
    font-size: 12px;
    margin-top: 0.2em;
    color: rgba(255, 0, 0, 0.75)
}

.mw-input-box .mw-message-box-dialog .mw-message-box-footer-right-align,
.mw-input-box .mw-message-box-dialog .mw-message-box-footer,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer-right-align,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em
}

.mw-input-box .mw-message-box-dialog .mw-message-box-footer-right-align,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer-right-align {
    justify-content: flex-end
}

.mw-input-box .mw-message-box-dialog .mw-message-box-footer,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer {
    justify-content: space-between
}

.mw-input-box .mw-message-box-dialog .mw-message-box-footer button,
.mw-message-box .mw-message-box-dialog .mw-message-box-footer button {
    margin-right: 0.5em
}

.mfs-open-leads {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-open-leads .mfs-open-leads-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    width: 80%;
    max-height: 80%;
    display: flex;
    flex-direction: column
}

@media (max-width: 1000px) {
    .mfs-open-leads .mfs-open-leads-dialog {
        width: 100%
    }
}

@media (max-height: 500px) {
    .mfs-open-leads .mfs-open-leads-dialog {
        height: 100%;
        max-height: initial
    }
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-dialog-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-dialog-header .mfs-open-leads-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-header {
    background: #BE009E;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    padding: 0.2em 0.6em 0.2em 0.6em;
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-id {
    flex: 1.5;
    margin: 0;
    padding: 0 0.3em;
    align-self: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (max-width: 800px) {
    .mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-id {
        display: none
    }
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-phone {
    flex: 1;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

@media (max-width: 1200px) {
    .mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-phone {
        display: none
    }
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-name {
    flex: 2;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-section-address {
    flex: 3;
    margin: 0;
    padding: 0 0.3em;
    align-self: center
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-section-address label {
    margin: 0
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-icons {
    width: 160px
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-text {
    display: flex;
    flex: 1
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-text:hover {
    cursor: pointer
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container {
    border: thin solid #BE009E;
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #495057;
    background: #f3f3f3;
    overflow: auto;
    padding: 0 0.6em
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-lead-no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3em;
    margin: 0
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons {
    width: 160px;
    margin: 0;
    padding: 0 0.3em;
    justify-content: space-evenly;
    display: flex;
    align-items: center
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons a {
    height: 35px;
    width: 35px;
    padding: 0.2em;
    border-radius: 2em;
    border: medium solid;
    text-align: center
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-new-delivery {
    background: #31d0d3;
    color: white;
    border-color: #31d0d3
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-new-delivery:hover {
    background: #25aaac;
    border-color: #25aaac;
    cursor: pointer
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-new-invoice {
    background: #31d0ff;
    color: white;
    border-color: #31d0ff
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-new-invoice:hover {
    background: #00c3fd;
    border-color: #00c3fd;
    cursor: pointer
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-visit {
    background: #007bff;
    color: white;
    border-color: #007bff
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-visit:hover {
    background: #0062cc;
    border-color: #0062cc;
    cursor: pointer
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-map {
    background: #FF8400;
    color: white;
    border-color: #FF8400
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-map:hover {
    background: #cc6a00;
    border-color: #cc6a00;
    cursor: pointer
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-contact {
    background: #18AC38;
    color: white;
    border-color: #18AC38
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .mfs-lookup-contact:hover {
    background: #127f29;
    border-color: #127f29;
    cursor: pointer
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-icons .unavailable {
    color: white;
    background: #d8d8d8;
    border-color: #d8d8d8
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-customer {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #d8d8d8;
    background: white
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-customer label {
    cursor: pointer;
    align-self: center
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-lead-container .mfs-open-leads-customer-view .mfs-open-leads-customer:hover {
    color: #007bff;
    background: #f3f3f3
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-footer {
    justify-content: flex-end;
    display: flex;
    padding: .6em;
    min-height: 57px
}

.mfs-open-leads .mfs-open-leads-dialog .mfs-open-leads-footer .btn {
    min-height: 38px
}

.mfs-geocode-address {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-geocode-address .mfs-geocode-address-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

@media (max-height: 700px) {
    .mfs-geocode-address .mfs-geocode-address-dialog {
        height: 100%;
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 500px) {
    .mfs-geocode-address .mfs-geocode-address-dialog {
        width: 100%
    }
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-header .mfs-geocode-address-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body {
    display: flex;
    flex-direction: column
}

@media (max-height: 700px) {
    .mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body {
        flex: 1
    }
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-map-container {
    width: 30em;
    height: 30em
}

@media (max-width: 500px) {
    .mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-map-container {
        width: 100%
    }
}

@media (max-height: 700px) {
    .mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-map-container {
        flex: 1;
        height: 0
    }
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-map-container .mfs-geocode-address-map {
    height: 100%;
    width: 100%
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel {
    flex: 0;
    padding: 1em;
    display: flex;
    flex-direction: column
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-search-address {
    display: flex;
    flex-direction: row;
    align-items: center
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-search-address .mfs-geocode-address-panel-label {
    margin: 0
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-search-address .mfs-geocode-address-panel-form {
    margin: 0 .6em;
    flex: 1
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-search-address .mfs-geocode-address-search-button {
    border-radius: 1rem;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result {
    display: flex;
    flex-direction: row;
    margin-top: .4em
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result .mfs-geocode-address-result {
    display: flex;
    flex-direction: row;
    align-items: center
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result .mfs-geocode-address-result.longitude {
    margin-left: .8em
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result .mfs-geocode-address-result .mfs-geocode-address-result-label {
    margin-right: .6em;
    margin-bottom: 0
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-geocode-result .mfs-geocode-address-result .mfs-geocode-address-result-data {
    width: 8em;
    margin-bottom: 0
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-buttons {
    margin-top: .4em;
    display: flex;
    justify-content: flex-end
}

.mfs-geocode-address .mfs-geocode-address-dialog .mfs-geocode-address-body .mfs-geocode-address-panel .mfs-geocode-address-group-buttons .save-button {
    margin-left: .8em
}

.mms-edit-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mms-edit-box .mms-edit-box-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-header .mms-edit-box-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mms-edit-box .mms-edit-box-dialog .mmw-edit-exact-options .form-control {
    width: unset;
    margin: 0.5em 0
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-footer {
    padding: 0.5em;
    text-align: right
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table {
    display: table;
    margin-top: 1em;
    padding: 0.5em;
    overflow: hidden;
    width: 100%
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .form-control {
    margin-bottom: 0.5em
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-exact-options .mms-edit-data {
    display: flex;
    flex-direction: row
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-exact-options .mms-edit-data span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-exact-options .mms-edit-data button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    color: #495057;
    border-color: #ced4da
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-exact {
    display: flex;
    flex-direction: row;
    margin: 0.5em 0 0 0
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-image {
    width: 5em
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell {
    display: table-cell;
    vertical-align: middle
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-image {
    width: 5em;
    height: 5em;
    margin: .2em
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-text-wrapper {
    padding: 0.2em;
    max-height: 60vh;
    overflow: auto;
    display: block
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-text-wrapper .mms-edit-box-text-block {
    align-self: center;
    text-align: left;
    color: black;
    margin-bottom: 0.5em
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-text-wrapper .sub-block {
    margin-top: 1em
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-body-table .mms-edit-box-body-cell .mms-edit-box-text-wrapper .mms-edit-box-validation-error {
    font-size: 12px;
    margin-top: 0.2em;
    color: rgba(255, 0, 0, 0.75)
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-footer-right-align,
.mms-edit-box .mms-edit-box-dialog .mms-edit-box-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-footer-right-align {
    justify-content: flex-end
}

.mms-edit-box .mms-edit-box-dialog .mms-edit-box-footer {
    justify-content: space-between
}

.mw-forgot-password {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mw-forgot-password .mw-forgot-password-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    width: 100%;
    max-width: 500px
}

.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-header .mw-forgot-password-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-body {
    margin-top: 1em;
    padding: 1em;
    overflow: hidden;
    width: 100%
}

.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-body .mw-forgot-password-group {
    margin: .5em 0
}

.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-body .mw-forgot-password-account .mw-forgot-password-activation {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5em
}

.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-body .mw-forgot-password-account .mw-forgot-password-activation .mw-forgot-password-error {
    margin: 0.5em 0;
    font-size: 14px;
    color: red;
    font-weight: normal
}

.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end
}

.mw-forgot-password .mw-forgot-password-dialog .mw-forgot-password-footer .btn-send {
    margin-right: .8em
}

.mfs-signature {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-signature .mfs-signature-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em
}

@media (max-width: 600px) {
    .mfs-signature .mfs-signature-dialog {
        width: 100%
    }
}

.mfs-signature .mfs-signature-dialog .mango-sign {
    background: #ff9900;
    color: #ffffff;
    text-align: center
}

.mfs-signature .mfs-signature-dialog .mfs-signature-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mfs-signature .mfs-signature-dialog .mfs-signature-header .mfs-signature-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    padding: 0.5em;
    overflow: hidden;
    width: 100%
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .tab-ribbon {
    display: flex
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .tab-ribbon .tab {
    border-color: #c8c8c8;
    padding: .5em 1em 0 1em;
    border-radius: .5em .5em 0 0;
    border-width: .1em .1em 0 .1em;
    border-style: solid
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .tab-ribbon .tab.selected {
    background: #ffd494
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .tab-ribbon .tab:hover {
    background: #ffd494
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell {
    display: table-cell;
    vertical-align: middle;
    border: #c8c8c8 1px solid;
    border-radius: 0.25rem;
    height: 11em;
    width: 41em
}

@media (max-width: 600px) {
    .mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell {
        width: 100%
    }
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex {
    display: flex;
    padding: .3em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex label {
    margin: 0
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-left-panel {
    flex: 2;
    max-width: 27em;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-left-panel .signature-canvas {
    margin: 2em 0
}

@media (max-width: 600px) {
    .mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-left-panel .signature-canvas {
        width: 100%
    }
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-right-panel {
    flex: 1;
    overflow: auto;
    margin: 0 0 0 1em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-right-panel .font {
    display: block;
    padding: .3em;
    font-size: 1.5em;
    white-space: nowrap
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-right-panel .font.selected {
    background: #ffd494;
    border: #aaaaaa 1px solid;
    border-radius: .9em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .type-right-panel .font:hover {
    background: #ffd494;
    border-radius: .9em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel.dragging {
    background: #ff9900;
    border-radius: .3em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel.dragging i,
.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel.dragging span {
    color: #ffffff
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel i {
    font-size: 5em;
    color: #ff9900;
    padding: .1em 0 0 0
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-left-panel span {
    display: inline-block;
    line-height: 1.1;
    font-size: .9em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell.flex .upload-right-panel {
    flex: 2;
    max-width: 27em;
    overflow: hidden;
    margin: 0 0 0 1em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-canvas-wrapper {
    display: block;
    padding: 0.2em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-canvas-wrapper .mfs-signature-canvas {
    height: 10em;
    width: 40em
}

@media (max-width: 600px) {
    .mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-canvas-wrapper .mfs-signature-canvas {
        width: 100%
    }
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-print-label {
    margin-bottom: 0;
    margin-right: .4em;
    width: 6em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-body-table .mfs-signature-body-cell .mfs-signature-print-input {
    flex: 1
}

.mfs-signature .mfs-signature-dialog .mfs-signature-canvas-description {
    font-size: small;
    width: 100%;
    text-align: center
}

.mfs-signature .mfs-signature-dialog .mfs-signature-canvas-description .mfs-agreement {
    vertical-align: middle;
    padding: 0 0 0 .2em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-print {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-print .mfs-signature-print-label {
    margin-bottom: 0;
    margin-right: .4em;
    width: 6em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-print .mfs-signature-print-input {
    flex: 1
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: space-around
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools {
    display: flex;
    flex-direction: row;
    padding: 0 0.5em
}

@media (max-width: 500px) {
    .mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools {
        flex-wrap: wrap;
        justify-content: center
    }
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .btn,
.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush {
    margin: 0 .2em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush {
    display: flex;
    flex-direction: column;
    width: 10em
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-label {
    flex-shrink: 0;
    margin-bottom: 0.4em;
    align-self: flex-start
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 0.5em;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 1rem
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-slider:hover {
    opacity: 1
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25em;
    height: 1.25em;
    border-radius: 1rem;
    background: #1230BC;
    cursor: pointer
}

.mfs-signature .mfs-signature-dialog .mfs-signature-footer .mfs-signature-tools .mfs-signature-brush-slider::-moz-range-thumb {
    width: 1.25em;
    height: 1.25em;
    border-radius: 1rem;
    background: #1230BC;
    cursor: pointer
}

.mfs-draw-pad {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-draw-pad .mfs-draw-pad-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em
}

@media (max-width: 600px) {
    .mfs-draw-pad .mfs-draw-pad-dialog {
        width: 100%
    }
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-header .mfs-draw-pad-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    padding: 0.5em;
    overflow: hidden;
    width: 100%
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell {
    display: table-cell;
    vertical-align: middle;
    border: #c8c8c8 1px solid;
    border-radius: 0.25rem;
    height: 41em;
    width: 41em
}

@media (max-width: 600px) {
    .mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell {
        width: 100%
    }
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell.flex {
    display: flex;
    padding: .3em
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell.flex label {
    margin: 0
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell .mfs-draw-pad-canvas-wrapper {
    display: block;
    padding: 0.2em
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell .mfs-draw-pad-canvas-wrapper .mfs-draw-pad-canvas {
    height: 40em;
    width: 40em
}

@media (max-width: 600px) {
    .mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-body-table .mfs-draw-pad-body-cell .mfs-draw-pad-canvas-wrapper .mfs-draw-pad-canvas {
        width: 100%
    }
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    justify-content: space-around
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools {
    display: flex;
    flex-direction: row;
    padding: 0 0.5em
}

@media (max-width: 500px) {
    .mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools {
        flex-wrap: wrap;
        justify-content: center
    }
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .btn,
.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush {
    margin: 0 .2em
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush {
    display: flex;
    flex-direction: column;
    width: 10em
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-label {
    flex-shrink: 0;
    margin-bottom: 0.4em;
    align-self: flex-start
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 0.5em;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 1rem
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-slider:hover {
    opacity: 1
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25em;
    height: 1.25em;
    border-radius: 1rem;
    background: #1230BC;
    cursor: pointer
}

.mfs-draw-pad .mfs-draw-pad-dialog .mfs-draw-pad-footer .mfs-draw-pad-tools .mfs-draw-pad-brush-slider::-moz-range-thumb {
    width: 1.25em;
    height: 1.25em;
    border-radius: 1rem;
    background: #1230BC;
    cursor: pointer
}

.mfs-update-equipment-serial {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-header .mfs-update-equipment-serial-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body {
    margin-top: 1em;
    padding: 0.5em;
    width: 100%
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper {
    width: 100%;
    height: 100%
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block {
    display: flex;
    margin: .5em
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-image {
    font-size: 2em;
    margin-right: .2em
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-image .fa-check-circle {
    color: #28a745
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-image .fa-times-circle {
    color: #e63636
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-label {
    margin: 0;
    display: flex;
    align-items: center
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-body .mfs-update-equipment-serial-body-wrapper .mfs-update-equipment-serial-body-block .mfs-update-equipment-serial-text {
    flex: 1;
    margin-left: .2em;
    text-transform: uppercase
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-footer-complete {
    display: flex;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end
}

.mfs-update-equipment-serial .mfs-update-equipment-serial-dialog .mfs-update-equipment-serial-footer {
    display: flex;
    margin: 1em .5em .5em .5em;
    justify-content: space-between
}

.mfs-request-equipment-exchange {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em;
    max-height: 80%;
    display: flex;
    flex-direction: column
}

@media (max-height: 550px) {
    .mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog {
        max-height: 100%
    }
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0 0 auto
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-header .mfs-request-equipment-exchange-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body {
    margin-top: 1em;
    padding: 0.5em;
    width: 100%;
    flex: 1;
    overflow: auto;
    display: flex;
    flex-direction: column
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-message {
    width: 100%;
    margin: .5em
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-message .mfs-request-equipment-exchange-label {
    margin: 0;
    display: flex;
    align-items: center
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete {
    width: 100%;
    display: flex
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete .mfs-request-equipment-exchange-complete-image {
    font-size: 2em;
    margin-right: .2em
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete .mfs-request-equipment-exchange-complete-image .fa-check-circle {
    color: #28a745
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete .mfs-request-equipment-exchange-complete-image .fa-times-circle {
    color: #e63636
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-complete .mfs-request-equipment-exchange-complete-label {
    margin: 0;
    display: flex;
    align-items: center
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-equipment {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    height: 100%
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-equipment .mfs-request-equipment-exchange-search-block {
    display: flex;
    padding: .5em;
    width: 100%;
    flex: 0
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-equipment #mfs-equipment-list {
    flex: 1
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-equipment #mfs-equipment-list .mfs-equipment-count {
    margin: 0;
    margin-top: 1em
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: auto
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-equipment {
    display: flex;
    flex-direction: column
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-equipment .mfs-request-equipment-exchange-label {
    margin-bottom: .2em;
    flex: 1
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-date {
    display: flex;
    flex-wrap: wrap;
    flex: 1
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-date .mfs-request-equipment-exchange-edit-date-block {
    display: flex;
    margin: 0.5em
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-date .mfs-request-equipment-exchange-edit-date-block .mfs-request-equipment-exchange-label {
    display: flex;
    align-items: center;
    width: 8em;
    margin: 0
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-edit-date .mfs-request-equipment-exchange-edit-date-block .mfs-request-equipment-exchange-date {
    flex: 1;
    margin-left: .2em
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-checkbox {
    display: flex;
    align-items: center;
    margin: 0.5em
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent {
    display: flex;
    flex-wrap: wrap;
    flex: 1
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent {
    display: flex;
    margin: .5em;
    flex-direction: column
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent .mfs-request-equipment-exchange-body-rent-group {
    display: flex
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent .mfs-request-equipment-exchange-body-rent-group .mfs-request-equipment-exchange-label {
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: .2em;
    width: 8em
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent .mfs-request-equipment-exchange-body-rent-group .mfs-request-equipment-exchange-select,
.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-body .mfs-request-equipment-exchange-edit .mfs-request-equipment-exchange-rent .mfs-request-equipment-exchange-body-rent .mfs-request-equipment-exchange-body-rent-group .mfs-request-equipment-exchange-number {
    flex: 1
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-footer-complete {
    display: flex;
    margin: 0 .5em .5em .5em;
    justify-content: flex-end;
    flex: 0 0 auto
}

.mfs-request-equipment-exchange .mfs-request-equipment-exchange-dialog .mfs-request-equipment-exchange-footer {
    display: flex;
    margin: 0 .5em .5em .5em;
    justify-content: space-between;
    flex: 0 0 auto
}

.mfs-request-equipment-pickup {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-header .mfs-request-equipment-pickup-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body {
    margin-top: 1em;
    padding: 0.5em;
    width: 100%
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper {
    width: 100%;
    height: 100%
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block {
    display: flex;
    margin: .5em
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-image {
    font-size: 2em;
    margin-right: .2em
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-image .fa-check-circle {
    color: #28a745
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-image .fa-times-circle {
    color: #e63636
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-label {
    margin: 0;
    display: flex;
    align-items: center
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-block .mfs-request-equipment-pickup-date {
    flex: 1;
    margin-left: .2em
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-comment-block {
    display: flex;
    flex-direction: column;
    margin: .5em
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-comment-block .mfs-request-equipment-pickup-label {
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: .2em
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-body .mfs-request-equipment-pickup-body-wrapper .mfs-request-equipment-pickup-body-comment-block .mfs-request-equipment-pickup-text {
    height: 10em;
    width: 100%;
    resize: none;
    overflow: auto
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-footer-complete {
    display: flex;
    margin: 1em .5em .5em .5em;
    justify-content: flex-end
}

.mfs-request-equipment-pickup .mfs-request-equipment-pickup-dialog .mfs-request-equipment-pickup-footer {
    display: flex;
    margin: 1em .5em .5em .5em;
    justify-content: space-between
}

.mfs-record-visit {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-record-visit .mfs-record-visit-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #1230BC;
    height: 500px;
    width: 700px;
    border-radius: 0.5em;
    max-height: 100%;
    display: flex;
    flex-direction: column
}

@media (max-width: 800px) {
    .mfs-record-visit .mfs-record-visit-dialog {
        width: 95%
    }
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0 0 auto;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-header .mfs-record-visit-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body {
    padding: 1em;
    width: 100%;
    flex: 1;
    overflow: auto;
    background: white
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table {
    display: flex;
    flex-direction: column
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-add-image {
    display: none
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap
}

@media (max-width: 800px) {
    .mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row {
        flex-direction: column
    }
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row .mfs-record-visit-label {
    width: 8em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row .mfs-record-visit-text {
    flex: 1
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-row .mfs-record-visit-multi-text {
    flex: 1
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-error {
    margin-top: 1em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-checkbox {
    display: flex
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: .6em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -0.2em -0.4em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image {
    min-width: 6em;
    margin: 0.2em 0.4em;
    padding: 0 0.3em;
    justify-content: flex-start;
    display: flex;
    align-items: center
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image.center {
    justify-content: center
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-button {
    color: white;
    background: #007bff;
    height: 3.5em;
    width: 3.5em;
    padding: 0.2em;
    border-radius: 100%;
    border: medium solid #007bff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-button .mfs-record-visit-picture-icon {
    font-size: 1.75em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-button:hover {
    cursor: pointer;
    text-decoration: none;
    border-color: #0062cc;
    background: #0062cc
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-input {
    display: none
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-image .mfs-record-visit-picture-label {
    margin: 0 .4em;
    align-self: center
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper {
    margin: 0.2em 0.4em;
    max-height: 6em;
    width: 6em;
    position: relative;
    cursor: pointer
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper .mfs-record-visit-picture-preview-image {
    max-height: 100%;
    max-width: 100%;
    border: 1px solid #495057
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper .mfs-record-visit-picture-preview-delete {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5%;
    right: 5%;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1rem;
    background-color: red;
    color: white
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper:active .mfs-record-visit-picture-preview-delete,
.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper:hover .mfs-record-visit-picture-preview-delete {
    display: flex
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-picture .mfs-record-visit-picture-list .mfs-record-visit-picture-preview-image-wrapper:active .mfs-record-visit-picture-preview-delete {
    background-color: #c00
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-months {
    display: flex;
    flex-direction: row;
    margin-bottom: 1em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-months input {
    margin-right: 0.5em;
    width: fit-content
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up {
    display: flex;
    flex-direction: row;
    margin: 1em 0
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .required {
    border-color: red
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-checkbox {
    width: 150px;
    display: flex;
    align-items: center
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-checkbox input {
    margin-right: 0.5em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-checkbox label {
    margin: 0
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-date {
    width: fit-content;
    margin-right: 0.5em;
    min-width: 180px
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up .mfs-record-visit-date:before {
    content: att(placeholder) "asdf"
}

@media (max-width: 800px) {
    .mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up {
        flex-direction: column
    }
    .mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up div,
    .mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-body-table .mfs-record-visit-follow-up input {
        margin: 0.5em 0
    }
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-progress {
    display: flex
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-complete {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 50px;
    text-align: center
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-complete .mfs-record-visit-image {
    display: flex;
    align-self: center;
    margin-bottom: 2em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-complete i {
    color: #28a745;
    font-size: 12em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-edit-complete {
    text-align: center;
    font-size: 2em;
    width: 100%;
    margin: 1em 0
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-edit-complete i {
    color: #28a745;
    font-size: 1.5em;
    margin-right: 0.5em
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-body .mfs-record-visit-invalid-date {
    padding-top: 1em;
    color: red
}

.mfs-record-visit .mfs-record-visit-dialog .mfs-record-visit-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    flex: 0 0 auto;
    justify-content: space-around;
    background: white;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em
}

.mw-cards-delete-card {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mw-cards-delete-card .mw-cards-delete-card-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-header .mw-cards-delete-card-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.5em
}

.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-body {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    padding: 0.5em;
    overflow: hidden;
    width: 100%
}

.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-body .mw-cards-delete-card-description {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0
}

.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-card-body .mw-cards-delete-card-expiry {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0
}

.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em;
    float: right
}

.mw-cards-delete-card .mw-cards-delete-card-dialog .mw-cards-delete-footer .btn {
    margin-left: 0.5em
}

#mfs-barcode-scanner {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body {
    display: flex;
    flex-direction: column
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window {
    width: 26em;
    height: 20em;
    padding: 1em;
    background-color: #1230BC;
    overflow: hidden
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: white
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-title,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-no-camera-title,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-title,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-no-camera-title {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    flex: 0 0 auto
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .fa-video-slash,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .fa-video-slash {
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10em
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-image,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-image {
    height: 10em;
    display: flex;
    justify-content: center
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-image .fas,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-image .fas {
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8em
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-image img,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-image img {
    height: 100%
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-equipment-found-message,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-equipment-found .mfs-barcode-scanner-no-camera-message,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-equipment-found-message,
#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window .mfs-barcode-scanner-no-camera .mfs-barcode-scanner-no-camera-message {
    padding-top: .4em;
    text-align: center;
    flex: 0 0 auto;
    padding: 0 .4em
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-body .mfs-barcode-scanner-camera-window video {
    width: 100%;
    height: 100%
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-footer {
    text-align: center;
    margin: .4em 0;
    z-index: 9999;
    height: 2.5em;
    font-size: 1em
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-footer .btn {
    width: 10em;
    margin: 0 .4em
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-footer .mfs-barcode-scanner-spinner-container {
    display: flex;
    justify-content: center
}

#mfs-barcode-scanner .mfs-barcode-scanner-dialog .mfs-barcode-scanner-footer .mfs-barcode-scanner-spinner-container .mw-spinner {
    margin: 0
}

.mw-terms-and-conditions-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-header .mw-terms-and-conditions-box-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-body {
    margin-top: 1em;
    padding: 0.5em;
    max-height: 60vh;
    overflow: auto
}

.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-footer-right-align,
.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em
}

.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-footer-right-align {
    justify-content: flex-end
}

.mw-terms-and-conditions-box .mw-terms-and-conditions-box-dialog .mw-terms-and-conditions-box-footer {
    justify-content: space-between
}

.mw-password-requirements .mw-pr-password,
.mw-password-requirements .mw-pr-repeat {
    display: flex;
    position: relative;
    align-items: stretch;
    width: 100%
}

.mw-password-requirements .mw-pr-password .required,
.mw-password-requirements .mw-pr-repeat .required {
    border: thin solid red
}

.mw-password-requirements .mw-pr-password {
    margin-bottom: .1em
}

.mw-password-requirements .mw-pr-button {
    cursor: pointer;
    width: 2.7em;
    display: flex;
    align-items: center;
    padding: .3em .7em;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .3em;
    margin-left: -.2em
}

.mw-password-requirements .mw-pr-meter {
    margin-top: .3em
}

.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border {
    border: 1px solid lightgrey;
    height: .9em;
    border-radius: .19em;
    text-align: center
}

.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-text {
    top: -.57em;
    font-size: .77em;
    position: relative;
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold
}

.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-0,
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-1,
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-2,
.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-3 {
    height: .77em;
    border-radius: .19em
}

.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-0 {
    background: #ff7777;
    width: 33%
}

.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-1 {
    background: orange;
    width: 50%
}

.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-2 {
    background: yellow;
    width: 75%
}

.mw-password-requirements .mw-pr-meter .mw-pr-meter-progress-border .mw-pr-meter-progress-3 {
    background: #22ff22;
    width: 100%
}

.mw-password-requirements .mw-pr-meter ul.mw-pr-reasons {
    list-style: none;
    font-size: .77em;
    margin: .2em 0 0 0;
    line-height: .9em;
    padding: 0 0 0 1em
}

.mw-password-requirements .mw-pr-meter ul.mw-pr-reasons span {
    padding: 1em
}

.mw-password-requirements .mw-pr-meter ul.mw-pr-reasons li:before {
    content: "";
    display: inline-block;
    position: relative;
    top: -.15em;
    border-right: .1em solid red;
    border-bottom: .1em solid red;
    width: .25em;
    height: .25em;
    transform: rotate(-45deg);
    margin-right: .3em;
    padding: 0.5em 0
}

.mw-payment-methods {
    display: inline-flex;
    flex-direction: column;
    flex: 1;
    word-wrap: break-word;
    text-align: left;
    padding: 1em;
    background: white;
    border: 1px solid #e1e1e1;
    min-width: 300px;
    width: 600px
}

@media (max-width: 800px) {
    .mw-payment-methods {
        width: 95%
    }
}

@media (max-width: 500px) {
    .mw-payment-methods {
        font-size: 0.8em
    }
}

.mw-payment-methods .mw-payment-methods-title {
    font-size: 1.25em;
    font-weight: bold;
    background: #BE009E;
    color: #FFFFFF;
    display: flex;
    padding: 0.2em 0.5em;
    margin: 0
}

.mw-payment-methods .mw-payment-methods-container {
    padding: 0 .5em
}

.mw-payment-methods .mw-payment-methods-container .mw-payment-methods-credit-cards {
    font-size: 0.95em;
    font-weight: bold;
    width: 50%;
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

.mw-payment-methods .mw-payment-methods-container .mw-credit-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px;
    margin: 5px 0;
    border: 1px solid #e1e1e1;
    cursor: pointer
}

.mw-payment-methods .mw-payment-methods-container .mw-credit-card label {
    cursor: pointer
}

.mw-payment-methods .mw-payment-methods-container .mw-credit-card .mw-card-description {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0
}

.mw-payment-methods .mw-payment-methods-container .mw-credit-card .mw-card-expiry {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0
}

.mw-payment-methods .mw-payment-methods-container .mw-credit-card .mw-credit-card-checkbox {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #c8c8c8;
    margin-right: 1em
}

.mw-payment-methods .mw-payment-methods-container .mw-credit-card .mw-credit-card-checkbox i {
    display: none
}

.mw-payment-methods .mw-payment-methods-container .mw-credit-card.mw-credit-card-selected .mw-credit-card-checkbox i {
    margin: .15em;
    font-size: 25px;
    display: block;
    color: #BE009E
}

.mw-payment-methods .mw-payment-methods-toolbar {
    margin-top: 0.5em;
    display: flex;
    justify-content: flex-end;
    padding: 0 .5em
}

.mw-payment-methods .mw-payment-methods-toolbar .btn {
    margin-left: .4em
}

.mw-payment-methods .mw-payment-methods-summary-container {
    margin-top: 0.5em;
    padding: 0 .5em;
    display: flex;
    flex-direction: row
}

.mw-payment-methods .mw-payment-methods-summary-container .mw-payment-methods-description {
    display: flex;
    align-items: center;
    font-size: 0.95em;
    font-weight: bold;
    flex: 1
}

.mw-payment-methods .mw-payment-methods-summary-container .mw-payment-methods-input {
    font-size: 0.95em;
    display: inline;
    flex: 1
}

.mw-payment-methods .mw-payment-methods-summary-container .mw-payment-methods-text {
    flex: 1
}

.mw-payment-methods .mw-payment-methods-divider {
    border-top: 1px solid #e1e1e1;
    padding-top: 0.5em
}

.mw-quick-link {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mw-quick-link .mw-quick-link-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 2px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mw-quick-link .mw-quick-link-dialog .mw-quick-link-header {
    background: #1230BC;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em
}

.mw-quick-link .mw-quick-link-dialog .mw-quick-link-button {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    padding: 0.2em;
    align-items: center;
    width: 100%;
    border: none;
    background: none;
    padding: 0.5em;
    color: #007bff
}

.mw-quick-link .mw-quick-link-dialog .mw-quick-link-close {
    align-items: center;
    border: none;
    background: none;
    position: absolute;
    right: 0;
    color: #000;
    padding-right: 0.5em
}

.mfs-quick-link {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mfs-quick-link .mfs-quick-link-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #1230BC;
    border: 1em solid #1230BC;
    border-radius: 0.5em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-large,
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small {
    background: white;
    border-radius: 0.5em;
    margin-bottom: 1em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-large img,
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small img {
    max-width: 120px;
    max-height: 120px;
    margin: 0.5em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-large label,
.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small label {
    font-size: 1.5em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small {
    display: none
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body {
    display: flex;
    flex-direction: row;
    flex: 1;
    background: #1230BC
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section {
    display: flex;
    flex-direction: column;
    background: white;
    width: 400px;
    border-radius: 0.5em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section img {
    padding: 0.5em;
    width: 390px
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-route-section {
    display: flex;
    margin-bottom: .5em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-route-section .mfs-quick-link-label {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.0em;
    padding: 0.5em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-route-section .mfs-quick-link-select {
    flex: 1;
    margin-right: .5em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .text-large {
    font-weight: bold;
    font-size: 1.5em;
    padding: 0.5em;
    margin-bottom: 0
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-text-small {
    display: none
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-text-large {
    display: flex
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section-small {
    display: none
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-options {
    display: flex;
    flex-direction: column;
    background: #1230BC;
    align-items: center;
    padding-left: 1em
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-options .btn {
    width: 200px;
    margin: 0.3em;
    font-size: 1.1em;
    font-weight: bold
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due {
    background: white;
    display: flex;
    flex-direction: row;
    border-radius: 0.5em;
    margin-top: 1em;
    padding: 0.5em
}

@media (max-width: 650px) {
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due {
        flex-direction: column
    }
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups {
    display: flex;
    flex-direction: column;
    flex: 1
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-title {
    font-weight: bold;
    font-size: 1em;
    padding: 0 0.5em
}

@media (max-width: 650px) {
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-title {
        text-align: center
    }
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-follow-messages {
    color: #dc3545;
    display: flex
}

@media (max-width: 650px) {
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-follow-messages {
        flex-direction: column
    }
}

.mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-follow-messages label {
    display: flex;
    align-items: center;
    margin: 0 0.5em;
    height: 100%
}

@media (max-width: 650px) {
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-past-due .mfs-quick-link-past-due-follow-ups .mfs-quick-link-past-due-follow-messages label {
        justify-content: center
    }
}

@media (max-width: 650px) {
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-large {
        display: none
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small {
        display: flex;
        margin: 1em 0 0 0;
        font-size: 0.7em
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-employee-small label {
        margin: 0.3em
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body {
        flex-direction: column
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section {
        margin-bottom: 0.5em;
        width: unset
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section img {
        width: 260px
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-text-large {
        display: none
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section .mfs-quick-link-text-small {
        display: flex
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-options {
        padding: 0
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-options .btn {
        width: 100%
    }
    .mfs-quick-link .mfs-quick-link-dialog .mfs-quick-link-body .mfs-quick-link-section-small {
        display: flex;
        flex-direction: column;
        background: white;
        border-radius: 0.5em;
        padding: 0.5em 0.5em 0 0.5em;
        margin-top: 0.3em;
        font-weight: bold
    }
}

@media (max-height: 550px),
(max-width: 650px) {
    .mfs-quick-link {
        overflow-y: auto
    }
    .mfs-quick-link .mfs-quick-link-dialog {
        position: unset;
        transform: translate(0, 0);
        margin: 0 auto;
        width: fit-content
    }
}

.mw-search-drop-down {
    position: relative
}

.mw-search-drop-down .mw-search-drop-down-arrow {
    cursor: pointer
}

.mw-search-drop-down .mw-search-drop-down-arrow:hover {
    color: #1230BC
}

.mw-search-drop-down .mw-search-drop-down-arrow-disable,
.mw-search-drop-down .mw-search-drop-down-arrow {
    display: flex;
    align-items: center;
    padding: 0.5em;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    background-color: #fff
}

.mw-search-drop-down .mw-search-drop-down-arrow-disable {
    display: none
}

.mw-search-drop-down .mw-search-drop-down-group {
    display: flex;
    flex-direction: row;
    flex: 1;
    border: thin solid #ced4da;
    border-radius: 0.25em
}

.mw-search-drop-down .mw-search-drop-down-group .form-control:focus {
    border-color: initial;
    outline: 0;
    box-shadow: none
}

.mw-search-drop-down .mw-search-drop-down-group:focus-within {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    transition: box-shadow 0.15s ease
}

.mw-search-drop-down .mw-search-drop-down-group:focus-within .mw-delivery-stop-add {
    border: none
}

.mw-search-drop-down .mw-search-drop-down-input {
    background-color: #fff
}

.mw-search-drop-down .mw-search-drop-down-text.form-control {
    display: flex;
    flex: 1;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    align-items: center;
    width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mw-search-drop-down .mw-search-drop-down-box {
    position: absolute;
    min-width: 100%;
    background: #1230BC;
    color: white;
    border-radius: 0 0 .3em .3em;
    z-index: 99
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item {
    font-size: 1em;
    padding: 0.5em;
    border-radius: 0;
    cursor: pointer
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header span[class^="mw-search-drop-col-"],
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item span[class^="mw-search-drop-col-"],
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header span[class^="mw-search-drop-col-"],
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item span[class^="mw-search-drop-col-"] {
    display: inline-block;
    width: 10em
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header span[class^="mw-search-drop-col-"]:not(:last-child),
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item span[class^="mw-search-drop-col-"]:not(:last-child),
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header span[class^="mw-search-drop-col-"]:not(:last-child),
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item span[class^="mw-search-drop-col-"]:not(:last-child) {
    padding-right: 1em
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header {
    cursor: default
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item-selected,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item:hover,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item-selected,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item:hover {
    color: white;
    background-color: rgba(255, 255, 255, 0.5)
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item-bold,
.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item-bold {
    font-weight: bold
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers {
    width: 100%;
    font-weight: bolder;
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.35)
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items {
    width: 100%;
    max-height: 10em;
    overflow: auto
}

.mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-col-no-records-found {
    width: 100%;
    font-size: 1em;
    line-height: 2em;
    text-align: center
}

.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar {
    width: .7em
}

.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-corner {
    border: 0.7em solid #1230BC
}

.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-track:vertical {
    background-color: rgba(255, 255, 255, 0.5);
    border: .3em solid transparent;
    background-clip: content-box
}

.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-track:horizontal {
    background-color: rgba(255, 255, 255, 0.5);
    border: .5em solid transparent;
    background-clip: content-box
}

.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-thumb {
    display: none
}

.mw-search-drop-down .mw-search-drop-down-box-items::-webkit-scrollbar-thumb:hover {
    display: initial;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: .3em
}

.mw-shopping-cart-notification {
    display: flex;
    flex-direction: row;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-close {
    flex: 1;
    background-color: rgba(0, 0, 0, 0.7)
}

@media (max-width: 320px) {
    .mw-shopping-cart-notification .mw-shopping-cart-notification-panel-close {
        display: none
    }
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown {
    width: 20em
}

@media (min-width: 640px) {
    .mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown {
        width: 40em
    }
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel {
    flex: 1;
    width: 0
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel {
    display: flex;
    flex-direction: column;
    background: #f3f3f3;
    border: 1px solid #3C64B4;
    border-radius: .3em 0 0 .3em;
    padding: .2em;
    height: 100%;
    -webkit-transition: width .3s;
    transition: width .3s
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-header,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-header .mw-shopping-cart-notification-title,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-header .mw-shopping-cart-notification-title {
    font-weight: bold;
    font-size: 1.2em
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body {
    display: flex;
    flex-direction: column;
    background: white;
    padding: .5em .2em 1em .2em
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add {
    color: blue
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add span:before,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add span:before {
    content: "Added to cart"
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update {
    color: green
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update span:before,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update span:before {
    content: "Updated in cart"
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove {
    color: red
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove span:before,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove span:before {
    content: "Removed from cart"
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-add,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-update,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-type-remove {
    width: 100%;
    font-size: 2em;
    margin: .2em 0 .4em 0;
    padding-left: 1em
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product {
    display: flex;
    flex-direction: row;
    width: 100%
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product .mw-shopping-cart-notification-image,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product .mw-shopping-cart-notification-image {
    height: 5em;
    margin: .2em
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product .mw-shopping-cart-notification-text,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-product .mw-shopping-cart-notification-text {
    display: flex;
    flex: 1 1 auto;
    padding: 0.2em;
    align-self: center
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-buttons,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-buttons {
    margin: 1em .5em .5em .5em;
    align-self: center
}

@media (max-width: 639px) {
    .mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-shopping-cart-notification-body .mw-shopping-cart-notification-buttons button,
    .mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-shopping-cart-notification-body .mw-shopping-cart-notification-buttons button {
        width: 70%;
        margin: .3em
    }
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
    background: white;
    margin: .2em 0;
    padding: .5em .2em 1em .2em;
    text-align: center
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell label,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell label {
    display: block;
    font-weight: bold;
    margin-bottom: 0
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    padding: .2em;
    justify-content: space-evenly
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container {
    height: 5em
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container img,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container img {
    padding: 0
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container i,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-image-container i {
    font-size: 5em;
    color: #666666
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-title,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-title {
    margin-top: .1em
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-row,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-row {
    margin-bottom: .3em
}

.mw-shopping-cart-notification .mw-shopping-cart-notification-panel-shown .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-row button,
.mw-shopping-cart-notification .mw-shopping-cart-notification-panel .mw-upsell .mw-upsell-items #mw-catalog-item .mw-catalog-item-row button {
    margin: 0
}

#mw-invoices-table {
    display: flex;
    flex-direction: column;
    border: thin solid #BE009E;
    position: relative;
    flex: 1;
    min-width: 300px;
    margin: 5px
}

#mw-invoices-table .mw-col-invoice-pdf {
    width: 2em
}

#mw-invoices-table .mw-col-invoice-pdf i .fas.fa-file-download {
    font-size: 20px;
    color: #969696
}

#mw-invoices-table .mw-col-invoice-pdf:hover {
    text-decoration: underline
}

#mw-invoices-table .mw-col-invoice-pdf:hover i {
    color: #BE009E
}

#mw-invoices-table .mw-col {
    box-sizing: border-box;
    display: block;
    color: #323232;
    height: 100%
}

#mw-invoices-table .mw-col-checkbox {
    display: none;
    width: 2em
}

#mw-invoices-table .mw-col-checkbox div {
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    border: thin solid #BE009E;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .35em
}

#mw-invoices-table .mw-col-checkbox div i {
    font-size: 22px;
    color: #BE009E;
    margin: 0
}

#mw-invoices-table .mw-col-date {
    flex: 1
}

#mw-invoices-table .mw-col-invoice-number {
    flex: 1.5
}

#mw-invoices-table .mw-col-amount {
    flex: 2
}

#mw-invoices-table .mw-invoices-total {
    padding: 5px 10px;
    text-align: right;
    border-top: thin solid #BE009E;
    background: #f3f3f3;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

#mw-invoices-table .mw-invoices-total label {
    margin: 0;
    font-weight: bold
}

#mw-invoices-table .mw-invoices-total .mw-invoices-total-payments {
    font-weight: normal;
    color: #717171;
    display: flex;
    flex: 1
}

#mw-invoices-table .mw-invoices-total .mw-invoices-total-paying-unavailable {
    font-weight: normal;
    color: #717171;
    width: 100%;
    flex: 1 0 auto;
    text-align: center
}

#mw-invoices-table .mw-invoices-right {
    text-align: right;
    margin-right: 1em
}

#mw-invoices-table .mw-invoices-header {
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #BE009E;
    color: #FFFFFF;
    border-bottom: thin solid #BE009E;
    overflow: hidden
}

#mw-invoices-table .mw-invoices-header span {
    font-size: .9em;
    height: 34px;
    text-transform: uppercase;
    padding: .35em;
    color: black;
    text-align: center;
    background: white
}

@media (min-width: 400px) {
    #mw-invoices-table .mw-invoices-header span {
        font-size: 1em
    }
}

#mw-invoices-table .mw-invoices-header span:hover {
    cursor: pointer;
    background: #ebebeb
}

#mw-invoices-table .mw-invoices-header span:not(:last-child) {
    border-right: thin solid #BE009E
}

#mw-invoices-table .mw-invoices-title {
    font-size: 1.25em
}

#mw-invoices-table .mw-invoices-container {
    display: flex;
    flex-direction: column;
    flex: 1 0 1px;
    overflow-y: scroll;
    min-height: 300px
}

#mw-invoices-table .mw-invoices-container label {
    display: block;
    padding: 15px;
    text-align: center;
    width: 100%
}

#mw-invoices-table .mw-invoices-container .mw-invoices-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-bottom: 1px solid #c8c8c8;
    min-height: 50px;
    align-items: center;
    cursor: pointer
}

#mw-invoices-table .mw-invoices-container .mw-invoices-item span {
    font-size: .8em;
    padding: 15px 0
}

@media (min-width: 400px) {
    #mw-invoices-table .mw-invoices-container .mw-invoices-item span {
        font-size: 1em
    }
}

#mw-invoices-table .mw-invoices-container .mw-invoices-item:hover {
    background: #f5f5f5
}

#mw-invoices-table .mw-invoices-container .mw-invoices-spinner {
    position: absolute;
    top: 45%;
    left: 45%
}

#mw-invoices-table .mw-invoices-toolbar {
    background: #BE009E;
    color: #FFFFFF;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .1em;
    flex-direction: column;
}

@media (min-width: 500px) {
    #mw-invoices-table .mw-invoices-toolbar {
        flex-direction: row
    }
}

#mw-invoices-table .mw-invoices-toolbar button {
    color: white;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: .2em;
    padding-right: .2em;
    font-size: 0.9em;
    min-width: 10em;
    margin: .1em;
}

#mw-invoices-table>div.mw-invoices-toolbar>button.btn.btn-primary {
    display: none;
}

#mw-invoices-table>div.mw-invoices-toolbar>button:nth-child(4) {
    display: none;
}

@media (min-width: 500px) {
    #mw-invoices-table .mw-invoices-toolbar button {
        min-width: unset;
        margin-right: .3em;
        padding-left: .7em;
        padding-right: .7em
    }
}

#mw-invoices-table .mw-invoices-toolbar .mw-invoices-record-count {
    flex: auto;
    color: white;
    font-size: .9em;
    padding-left: 0.5em
}

#mw-invoices-table .mw-invoices-toolbar .mw-invoices-show-more:after {
    content: "More"
}

@media (min-width: 900px) {
    #mw-invoices-table .mw-invoices-toolbar .mw-invoices-show-more:after {
        content: "Show More"
    }
}

#mw-invoices-table .mw-choose-payment-method-container {
    padding: 5px
}

#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px;
    margin: 5px;
    cursor: pointer
}

#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card label {
    cursor: pointer
}

#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .mw-card-description {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0
}

#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .mw-card-expiry {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0
}

#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .mw-credit-card-checkbox {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #c8c8c8;
    margin-right: 1em
}

#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .mw-credit-card-checkbox i {
    display: none
}

#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card.mw-credit-card-selected .mw-credit-card-checkbox i {
    margin: .15em;
    font-size: 25px;
    display: block;
    color: #BE009E
}

#mw-invoices-table .mw-choose-payment-method-container .mw-credit-card .check:hover {
    background: #ebebeb
}

#mw-invoices-table .mw-pay-message label {
    width: 100%;
    text-align: center;
    font-size: 18px
}

#mw-invoices-table .mw-pay-message i {
    width: 100%;
    text-align: center;
    font-size: 50px
}

#mw-invoices-table .mw-pay-message i.fas.fa-check {
    color: #28a745
}

#mw-invoices-table .mw-pay-message i.fas.fa-times {
    color: red
}

#mw-invoices-table .mw-invoices-search {
    display: flex;
    flex-direction: row;
    border-bottom: thin solid #BE009E
}

#mw-invoices-table .mw-invoices-search .form-control {
    display: flex;
    flex: 9;
    border: thin solid #BE009E;
    margin: 0.5em
}

#mw-invoices-table .mw-invoices-search button {
    display: flex;
    flex: 1;
    background: transparent;
    border: none
}

#mw-invoices-table .mw-invoices-search button i {
    margin: auto;
    font-size: 1.25em
}

#mw-invoices-table .mw-invoices-search button:hover {
    background: #ebebeb
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down {
    flex: 1;
    margin-bottom: 0
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box {
    width: 100%
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-customerid,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-customerid {
    flex: 3em;
    overflow: hidden
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-stopnumber,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-stopnumber {
    flex: 1em;
    overflow: hidden
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-deliveryname,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-deliveryname {
    flex: 7em;
    overflow: hidden
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-address,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-address,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-address,
#mw-invoices-table .mw-invoices-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-address {
    flex: 7em;
    overflow: hidden
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down-group {
    border: none
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down-group .mw-search-drop-down-arrow {
    padding: 6px;
    flex: 1;
    align-self: center;
    text-align: center
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down-group:focus-within {
    box-shadow: none;
    transition: none
}

#mw-invoices-table .mw-invoices-search .mw-search-drop-down-group:focus-within .form-control:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
}

#mw-pay-summary-modal .mw-col.mw-balance {
    flex: 1
}

#mw-pay-summary-modal .mw-col.mw-amount {
    flex: 3
}

#mw-pay-summary-modal .mw-ps-title {
    font-weight: bold;
    margin-top: 0;
    padding: 5px
}

#mw-pay-summary-modal .nav.nav-tabs .nav-item .nav-link {
    cursor: pointer;
    color: #007bff;
    font-size: 14px;
    font-weight: bold
}

#mw-pay-summary-modal .mw-pay-summary-header {
    display: flex;
    height: 35px;
    min-height: 35px;
    margin-top: 15px;
    font-weight: bold;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #c8c8c8;
    text-transform: uppercase;
    font-size: 14px
}

#mw-pay-summary-modal .mw-pay-summary-header span {
    padding: 10px
}

#mw-pay-summary-modal .mw-pay-summary-header span:not(:last-child) {
    border-right: 1px solid #c8c8c8
}

#mw-pay-summary-modal .mw-pay-summary-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    justify-content: space-between;
    max-height: 300px;
    overflow-y: auto
}

#mw-pay-summary-modal .mw-pay-summary-content .mw-item {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #c8c8c8;
    height: 2em;
    min-height: 2em
}

#mw-pay-summary-modal .mw-pay-summary-content .mw-item span {
    font-size: 14px;
    padding: .5em 0
}

#mw-pay-summary-modal .mw-pay-summary-content .mw-item:hover {
    background: #f5f5f5
}

#mw-pay-summary-modal .mw-pay-summary-content .mw-col.mw-amount {
    padding-right: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#mw-pay-summary-modal .mw-pay-summary-content .mw-col.mw-amount input {
    max-width: 9em;
    text-align: right;
    height: 1.5em;
    padding: .5em 0
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #mw-pay-summary-modal .mw-pay-summary-content .mw-col.mw-amount input {
        padding: 0
    }
}

#mw-pay-summary-modal .mw-pay-summary-footer {
    display: flex;
    flex-direction: row;
    min-height: 1em
}

#mw-pay-summary-modal .mw-pay-summary-footer span {
    font-size: 14px;
    padding: .5 0
}

#mw-pay-summary-modal .mw-pay-summary-footer .mw-col.mw-amount {
    padding-right: 2em
}

#mw-pay-summary-modal .modal-body {
    padding: .3em
}

#mw-catalog-filters {
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background: white;
    width: 19em;
    flex: 0 0 auto
}

#mw-catalog-filters .mw-product-classification-filter {
    text-align: left;
    display: none;
    padding-left: 1em
}

#mw-catalog-filters .mw-product-classification-filter label {
    margin: auto 0;
    color: #666666;
    color: red
}

#mw-catalog-filters .mw-product-classification-filter .btn {
    padding: 0
}

#mw-catalog-filters .hidden {
    display: block
}

#mw-catalog-filters .fas {
    color: #6b6b6b
}

#mw-catalog-filters .mw-catalog-clear {
    margin: 1em;
    text-align: center
}

#mw-catalog-filters .mw-catalog-search {
    display: flex;
    width: 100%;
    word-wrap: break-word;
    padding: 1em
}

#mw-catalog-filters .mw-catalog-search .form-control {
    font-size: 0.95em;
    width: 80%;
    height: 2.2em;
    display: inline-block
}

#mw-catalog-filters .mw-catalog-search .fas {
    font-size: 1.5em;
    color: #6b6b6b
}

#mw-catalog-filters .mw-catalog-search button {
    border: none;
    background-color: transparent;
    outline: none;
    right: 0;
    padding-top: 0.2em;
    display: inline-block;
    width: 2.5em
}

#mw-catalog-filters .mw-product-classification-tree {
    display: flex;
    flex-direction: column;
    overflow: unset;
    padding-right: 1em;
    padding-left: 1em;
    text-align: left;
    overflow-y: auto
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container {
    width: 100%;
    margin-bottom: .5em
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-container-header {
    color: #666666;
    font-size: 1.4em;
    font-weight: bold
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification {
    color: #666666;
    display: flex;
    flex: 1;
    word-wrap: break-word;
    margin-bottom: .2em;
    margin-top: .2em
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification .mw-checkbox-label {
    width: 100%;
    margin: 0;
    cursor: pointer
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification .mw-checkbox-expand {
    color: #434343;
    float: right;
    width: fit-content;
    background-color: transparent;
    border: none;
    outline: none;
    align-self: center;
    cursor: pointer
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification .mw-checkbox {
    font-size: .9em;
    cursor: pointer
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-1 {
    border-top: 1px solid #e1e1e1;
    margin-top: .5em;
    padding-top: 0.5em
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-1 label {
    font-size: 1.25em;
    font-weight: bold;
    align-self: center
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-1 .mw-checkbox {
    font-weight: bold;
    align-self: center
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-2 {
    padding-left: 1.5em
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-2 label {
    font-size: 1em;
    align-self: center
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-2 .mw-checkbox {
    align-self: center
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-3 {
    padding-left: 3em
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-3 label {
    font-size: .9em;
    align-self: center
}

#mw-catalog-filters .mw-product-classification-tree .mw-product-classification-container .mw-product-classification-level-3 .mw-checkbox {
    align-self: center
}

#mw-catalog-filters .mw-catalog-filters-equipment {
    margin: 1em 2em 0 1em
}

@media (max-width: 930px) {
    #mw-catalog-filters {
        width: 100%;
        padding-bottom: 1em
    }
    #mw-catalog-filters .mw-product-classification-filter {
        display: inline-block
    }
    #mw-catalog-filters .mw-product-classification-tree {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
        padding: 1em;
        margin-right: 1em
    }
    #mw-catalog-filters .hidden {
        display: none
    }
}

@media (max-height: 700px) {
    #mw-catalog-filters {
        width: 100%;
        padding-bottom: 1em
    }
    #mw-catalog-filters .mw-product-classification-filter {
        display: inline-block
    }
    #mw-catalog-filters .mw-product-classification-tree {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
        padding: 1em;
        margin-right: 1em
    }
    #mw-catalog-filters .hidden {
        display: none
    }
}

.mw-cart-item-list::-webkit-scrollbar {
    width: .5em;
    background-color: #BE009E
}

.mw-cart-item-list::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: .3em
}

#shopping-cart-summary {
    display: none;
    position: absolute;
    right: 0;
    width: 20em;
    background: #BE009E;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 0 .3em .3em;
    padding: 0.5em;
    z-index: 1
}

@media (min-width: 340px) {
    #shopping-cart-summary {
        right: 1em
    }
}

#shopping-cart-summary hr {
    margin: 0;
    border-color: #000
}

#mw-top-page>div.mw-top-page-bar>div.mw-topbar>div.mw-topbar-link.mw-link1>a>i {
    color: white;
}

#mw-top-page>div.mw-top-page-bar>div.mw-topbar>div.mw-topbar-link.mw-link2>a>i {
    color: white;
}

#mw-top-page>div.mw-top-page-bar>div.mw-top-menu>div.right-side>div>button>i {
    color: white;
}

#shopping-cart-summary .mw-cart-footer.mw-cart-item span,
#shopping-cart-summary .mw-cart-header.mw-cart-item span {
    height: 1.2em;
    font-weight: bold
}

#shopping-cart-summary .mw-cart-item-list {
    overflow: auto;
    max-height: 30em
}

#shopping-cart-summary .mw-cart-item-list .mw-cart-item .mw-quantity .form-control {
    margin-left: 1em
}

#shopping-cart-summary .mw-cart-header {
    border-bottom: 1px solid;
    margin-top: .5em;
    margin-bottom: .5em
}

#shopping-cart-summary .mw-cart-footer {
    border-top: 1px solid;
    padding-top: .5em
}

#shopping-cart-summary .mw-cart-item {
    display: block;
    color: #000;
    font-weight: 300;
    font-size: 15px
}

#shopping-cart-summary .mw-cart-item .mw-image {
    display: inline-block;
    width: 2em;
    height: 2em;
    position: relative;
    top: -.5em;
    margin-left: .2em
}

#shopping-cart-summary .mw-cart-item .mw-image img {
    width: 100%;
    height: 100%
}

#shopping-cart-summary .mw-cart-item .mw-item {
    display: inline-block;
    width: 15em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 13em
}

#shopping-cart-summary .mw-cart-item .mw-deposits,
#shopping-cart-summary .mw-cart-item .mw-quantity,
#shopping-cart-summary .mw-cart-item .mw-total,
#shopping-cart-summary .mw-cart-item .mw-tax {
    right: .5em;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#shopping-cart-summary .mw-cart-item img {
    height: 1.5em
}

#shopping-cart-summary .mw-cart-toolbar {
    text-align: center;
    margin: 1em 0em 1em 0em
}

#shopping-cart-summary .mw-cart-toolbar button {
    width: 7em;
    height: 2.5em;
    margin: 0em 1em 0em 1em
}

#shopping-cart-summary .mw-cart-foot-note {
    text-align: center;
    color: #000;
    font-size: .8em;
    margin: 0
}

#shopping-cart-summary .mw-empty-cart {
    display: block;
    color: #000;
    font-weight: 300;
    font-size: 1.5em;
    margin: 2em 1em 2em 1em;
    text-align: center
}

#shopping-cart-summary .mw-cart-title {
    font-weight: bold;
    text-transform: uppercase;
    border-color: #000
}

#shopping-cart-summary .mw-cart-totals {
    margin-top: 1em;
    float: right
}

#shopping-cart-summary .mw-cart-totals span {
    font-weight: bold
}

#shopping-cart-summary .mw-cart-warning-footer {
    margin-top: 1em;
    font-size: .75em;
    color: #808080;
    float: left
}

#shopping-cart-summary .mw-shopping-cart-summary-section.bottle-deposits .mw-item,
#shopping-cart-summary .mw-shopping-cart-summary-section.bottle-deposits .mw-deposits {
    align-items: center
}

#shopping-cart-summary .mw-cart-button-wrapper {
    display: flex;
    justify-content: flex-end
}

#shopping-cart-summary .mw-cart-button-wrapper .btn-apply-changes {
    margin-top: 0
}

#mw-web-prospect {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center
}

#mw-web-prospect .mw-web-prospect-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: .4em
}

#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 20em;
    height: 15em;
    margin: 0 0.2em
}

#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column .mw-web-prospect-text {
    padding: .4em;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase
}

#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column .mw-web-prospect-image-container {
    height: 10em;
    margin: .2em .4em;
    cursor: pointer
}

#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column .mw-web-prospect-image-container img {
    height: 100%;
    max-width: 95%
}

#mw-web-prospect .mw-web-prospect-container .mw-web-prospect-column:hover {
    background: rgba(172, 172, 172, 0.164)
}

#mw-web-prospect .mw-progress-container {
    position: inherit;
    background: inherit;
    width: 100%
}

#mw-shopping-cart {
    display: flex;
    flex-direction: row;
    width: 100vw;
    background: #f3f3f3
}

@media (max-width: 900px) {
    #mw-shopping-cart {
        height: 100%;
        padding: 50px 0 0 0;
        font-size: 0.8em
    }
}

#mw-shopping-cart .mw-shopping-cart-body-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: scroll;
    padding: 10px 10% 0 10%
}

#mw-shopping-cart .mw-shopping-cart-body-content .mw-shopping-cart-body {
    height: 100%;
    width: 100%;
    padding-top: .4em
}

@media (max-width: 900px) {
    #mw-shopping-cart .mw-shopping-cart-body-content .mw-shopping-cart-body #mw-shopping-cart-table {
        flex-direction: column
    }
}

#mw-shopping-cart #mw-shopping-cart-table .mw-shopping-cart-table-cart,
#mw-shopping-cart #mw-shopping-cart-table .mw-shopping-cart-table-summary {
    border: none
}

#mw-shopping-cart-table {
    display: flex;
    flex-direction: row;
    width: 100%
}

#mw-shopping-cart-table .mw-shopping-cart-table-label {
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    padding: 0.5em 0;
    margin-bottom: 0;
    background: #BE009E;
    color: white
}

#mw-shopping-cart-table .mw-shopping-cart-table-container {
    display: flex;
    flex-direction: column;
    flex: 2;
    margin: 1em 0.5em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header {
    flex-direction: column;
    flex: 0 0 auto
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-table-names {
    display: flex;
    font-weight: bold;
    flex-direction: row;
    border-bottom: 2px solid black;
    font-size: 1.2em;
    padding-top: 0.5em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-install-header {
    position: relative
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-install-header .mw-shopping-cart-table-show-rate-label {
    position: absolute;
    right: 1.2em;
    bottom: 0.75em
}

@media (max-width: 600px) {
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-install-header .mw-shopping-cart-table-show-rate-label {
        display: none
    }
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-install-header .mw-shopping-cart-table-show-rate-label:hover {
    color: #BE009E;
    cursor: pointer
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body {
    flex-direction: column;
    flex: 1
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-row {
    display: flex;
    border-bottom: solid 1px #c8c8c8;
    padding: 0.5em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-row button {
    margin-top: 0.2em
}

@media (max-width: 500px) {
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-row {
        line-height: 1.5em
    }
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-exchange-row {
    border-bottom: solid 1px #c8c8c8
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-table-exchange-row .mw-shopping-cart-table-row {
    border-bottom: none
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0.5em 0
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-footer .btn {
    width: 7.5em;
    margin-right: .2em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body {
    display: flex
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item {
    flex: 3 0 0%;
    display: flex;
    flex-direction: row
}

@media (max-width: 500px) {
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item,
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item {
        flex: 1 0 0%
    }
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container {
    width: 6em;
    height: 6em;
    flex-shrink: 0;
    border: solid 1px #c8c8c8;
    display: flex;
    justify-content: center;
    padding: 0.1em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container img,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container img {
    height: 100%;
    max-width: 100%
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container i,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container i {
    font-size: 4em;
    color: #666666;
    padding: 15px 22px
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-equipment-description-container,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-equipment-description-container {
    flex: 1
}

@media (max-width: 500px) {
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-default,
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container,
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-default,
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container {
        display: none
    }
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-default,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-default {
    width: 6em;
    height: 6em;
    flex-shrink: 0;
    border: solid 1px #c8c8c8;
    padding: 1em;
    text-align: center
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-default i,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-default i {
    height: 100%;
    width: 100%;
    font-size: 4em;
    color: #666666
}

@media (max-width: 500px) {
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-image-container,
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-image-container {
        display: none
    }
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-name,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-name {
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 0.5em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-name .mw-shopping-cart-item-name-title,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-name .mw-shopping-cart-item-name-title {
    font-weight: bold;
    margin-right: .4em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-valid-range,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-valid-range {
    font-size: .9em;
    padding-left: 0.5em;
    font-style: italic
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-item .mw-shopping-cart-item-description,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-item .mw-shopping-cart-item-description {
    padding-left: 0.5em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-price,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-price {
    flex: 1 0 0%;
    text-align: center;
    min-width: 4em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-text,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-text {
    flex: 1 0 0%;
    text-align: center;
    min-width: 4em
}

@media (max-width: 500px) {
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-text,
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-text {
        display: none
    }
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-rent-header,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-rent-header {
    display: flex;
    flex: 4
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-rent,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-rent {
    display: flex;
    flex: 4;
    flex-direction: column
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-rent .mw-shopping-cart-rent-row,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-rent .mw-shopping-cart-rent-row {
    display: flex;
    width: 100%
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-date,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-date {
    display: flex;
    flex: 1.5 0 0%;
    text-align: left;
    justify-content: left;
    min-width: 8em;
    flex-direction: column
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-date .mw-shopping-cart-date-invalid,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-date .mw-shopping-cart-date-invalid {
    font-size: .8em;
    margin-bottom: .4em;
    color: rgba(255, 0, 0, 0.75)
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-date .form-control,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-date .form-control {
    width: 95%;
    margin-bottom: .4em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity {
    display: flex;
    flex: 1 0 0%;
    text-align: left;
    justify-content: left;
    min-width: 4em;
    flex-direction: column
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity .form-control,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity .form-control {
    width: 95%;
    margin-bottom: 0.5em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity .mw-shopping-cart-quantity-invalid,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity .mw-shopping-cart-quantity-invalid {
    font-size: .8em;
    margin-top: 4px;
    color: rgba(255, 0, 0, 0.75)
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity .mw-catalog-item-label-checkbox,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity .mw-catalog-item-label-checkbox {
    display: flex;
    flex-direction: row;
    margin: 0
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-quantity .mw-catalog-item-update,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-quantity .mw-catalog-item-update {
    height: 30px;
    padding: 0;
    font-size: 0.9em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-tax,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-tax {
    flex: 1 0 0%;
    text-align: center;
    min-width: 4em
}

@media (max-width: 500px) {
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-tax,
    #mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-tax {
        display: none
    }
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    flex: 1 0 0%;
    min-width: 4em;
    padding-right: .4em
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-edit-group,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-edit-group {
    display: flex
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-edit,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-edit {
    background: #007bff;
    border: none;
    color: white;
    border-radius: 1em;
    font-size: 0.8em;
    margin-left: 0.5em;
    height: 2em;
    width: 2em;
    align-items: center;
    justify-content: center
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .save-button,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .save-button {
    background: green
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .cancel-button,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .cancel-button {
    background: red
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-rent,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-rent {
    color: #508EBF;
    text-transform: uppercase
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-service,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-service {
    color: #BF8150;
    text-transform: uppercase;
    text-align: right
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-rent-hidden,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-rent-hidden {
    visibility: hidden
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-delete i,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-delete i {
    cursor: pointer
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-delete i:hover,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-delete i:hover {
    color: #BE009E
}

#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-header .mw-shopping-cart-cost .mw-shopping-cart-cost-delete .fas,
#mw-shopping-cart-table .mw-shopping-cart-table-container .mw-shopping-cart-table-body .mw-shopping-cart-cost .mw-shopping-cart-cost-delete .fas {
    font-size: 1.5em;
    color: #6b6b6b
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 1em 0.5em;
    border: 1px solid #c8c8c8
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-header {
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    padding-top: 0.5em
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-warning {
    font-size: .75em;
    color: #808080;
    padding: 0.5em;
    margin-bottom: 0
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-minimum-requirement-error {
    font-size: 2em;
    text-align: center;
    color: #dc3545
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    color: black;
    text-transform: uppercase;
    border-bottom: solid 1px #c8c8c8
}

@media (max-width: 900px) {
    #mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container {
        border: none
    }
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-delivery-fee-container {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-delivery-fee-container .mw-shopping-cart-table-summary-delivery-fee {
    display: flex;
    width: 100%;
    flex-direction: row
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-delivery-fee-container .mw-shopping-cart-table-summary-delivery-fee-list {
    display: flex;
    width: 100%;
    flex-direction: column
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-delivery-fee-container .mw-shopping-cart-table-summary-delivery-fee-list .mw-shopping-cart-table-summary-delivery-fee-label {
    font-size: .75em;
    color: #808080;
    padding-left: 0.5em;
    margin: 0
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-label,
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-label {
    flex: 1;
    text-align: left;
    padding: 0.5em;
    padding-left: .35em;
    display: flex;
    align-items: center
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-amount,
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-amount {
    flex: 1;
    text-align: right;
    padding: 0.5em;
    padding-right: 1.35em
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-summary-amount .btn,
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-amount .btn {
    width: 2em;
    margin-top: 0;
    margin-left: 0.4em;
    border: 1px solid #ced4da;
    padding: 0
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-label,
#mw-shopping-cart-table .mw-shopping-cart-table-summary .mw-shopping-cart-table-summary-container .mw-shopping-cart-table-grand-amount {
    font-weight: bold
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .btn {
    margin-top: 1em
}

#mw-shopping-cart-table .mw-shopping-cart-table-summary .btn i {
    margin: .4em
}

#mw-statements {
    display: flex;
    flex-direction: column;
    border: thin solid #BE009E;
    position: relative;
    flex: 1;
    margin: 5px;
    min-width: 300px
}

#mw-statements .mw-statements-header {
    height: 35px;
    min-height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #BE009E;
    border-bottom: thin solid #BE009E;
    color: white
}

#mw-statements .mw-statements-header span {
    font-size: .9em;
    text-transform: uppercase;
    padding: .35em;
    color: black;
    text-align: center;
    background: white
}

@media (min-width: 400px) {
    #mw-statements .mw-statements-header span {
        font-size: 1em
    }
}

#mw-statements .mw-statements-header span:hover {
    cursor: pointer;
    background: #ebebeb
}

#mw-statements .mw-statements-header span:not(:last-child) {
    border-right: thin solid #BE009E
}

#mw-statements .mw-statements-title {
    font-size: 1.25em
}

#mw-statements .mw-statements-search {
    display: flex;
    flex-direction: row;
    border-bottom: thin solid #BE009E
}

#mw-statements .mw-statements-search .form-control {
    display: flex;
    flex: 9;
    border: thin solid #BE009E;
    margin: 0.5em
}

#mw-statements .mw-statements-search button {
    display: flex;
    flex: 1;
    background: transparent;
    border: none
}

#mw-statements .mw-statements-search button i {
    margin: auto;
    font-size: 1.25em
}

#mw-statements .mw-statements-search button:hover {
    background: #ebebeb
}

#mw-statements .mw-statements-search .mw-search-drop-down {
    flex: 1;
    margin-bottom: 0
}

#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box {
    width: 100%
}

#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-customerid,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-customerid,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-customerid {
    flex: 3em;
    overflow: hidden
}

#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-stopnumber,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-stopnumber,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-stopnumber {
    flex: 1em;
    overflow: hidden
}

#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-deliveryname,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-deliveryname,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-deliveryname {
    flex: 7em;
    overflow: hidden
}

#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-header .mw-search-drop-col-address,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-headers .mw-search-drop-item .mw-search-drop-col-address,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-header .mw-search-drop-col-address,
#mw-statements .mw-statements-search .mw-search-drop-down .mw-search-drop-down-box .mw-search-drop-down-box-items .mw-search-drop-item .mw-search-drop-col-address {
    flex: 7em;
    overflow: hidden
}

#mw-statements .mw-statements-search .mw-search-drop-down-group {
    border: none
}

#mw-statements .mw-statements-search .mw-search-drop-down-group .mw-search-drop-down-arrow {
    padding: 6px;
    flex: 1;
    align-self: center;
    text-align: center
}

#mw-statements .mw-statements-search .mw-search-drop-down-group:focus-within {
    box-shadow: none;
    transition: none
}

#mw-statements .mw-statements-search .mw-search-drop-down-group:focus-within .form-control:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
}

#mw-statements .mw-statements-container {
    display: flex;
    flex-direction: column;
    flex: 1 0 1px;
    overflow-y: scroll
}

#mw-statements .mw-statements-container .mw-statements-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-bottom: 1px solid #c8c8c8;
    min-height: 50px;
    align-items: center
}

#mw-statements .mw-statements-container .mw-statements-item label {
    display: block;
    padding: 15px;
    text-align: center;
    width: 100%
}

#mw-statements .mw-statements-container .mw-statements-item span {
    font-size: .8em;
    padding: 15px 0
}

@media (min-width: 400px) {
    #mw-statements .mw-statements-container .mw-statements-item span {
        font-size: 1em
    }
}

#mw-statements .mw-statements-container .mw-statements-item:hover {
    background: #f5f5f5
}

#mw-statements .mw-statements-container .mw-statements-spinner {
    position: absolute;
    top: 45%;
    left: 45%
}

#mw-statements .mw-statements-toolbar {
    background: #BE009E;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .1em;
    color: white
}

#mw-statements .mw-statements-toolbar button {
    color: white;
    margin-right: .3em;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: .2em;
    padding-right: .2em;
    font-size: 0.9em
}

@media (min-width: 500px) {
    #mw-statements .mw-statements-toolbar button {
        padding-left: .7em;
        padding-right: .7em
    }
}

#mw-statements .mw-statements-toolbar button:disabled {
    background: gray
}

#mw-statements .mw-statements-toolbar .mw-statements-record-count {
    flex: auto;
    color: white;
    font-size: .9em
}

#mw-statements .mw-col {
    box-sizing: border-box;
    display: block;
    color: #323232;
    height: 100%
}

#mw-statements .mw-col-invoice-pdf {
    width: 2em
}

#mw-statements .mw-col-invoice-pdf i .fas.fa-file-download {
    font-size: 20px;
    color: #969696
}

#mw-statements .mw-col-invoice-pdf:hover {
    text-decoration: underline
}

#mw-statements .mw-col-invoice-pdf:hover i {
    color: #BE009E
}

#mw-statements .mw-col-invoice-pdf:active i {
    color: red
}

#mw-statements .mw-col-invoice-date {
    flex: 1
}

#mw-statements .mw-col-invoice-number {
    flex: 1.5
}

#mw-statements .mw-col-amount {
    flex: 2
}

#mw-statements .mw-statements-empty {
    padding: 1em
}

#mw-sign-up-product-catalog {
    display: flex;
    flex-direction: row;
    width: 100%
}

#mw-sign-up-product-catalog .mw-sign-up-products {
    flex: 1;
    overflow-y: auto
}

#mw-sign-up-product-catalog .mw-sign-up-products #mfs-equipment-list {
    height: 100%;
    width: 100%;
    padding-top: .4em;
    padding-left: 0.8em;
    background: white
}

#mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    word-wrap: break-word;
    padding-top: .4em;
    padding-left: 0.8em;
    background: #f3f3f3
}

#mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item {
    margin: 0.5em
}

#mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container .mw-sign-up-pagination-loading {
    background: white;
    border: solid 2px #e1e1e1;
    border-radius: 1.05rem;
    margin-bottom: .4em;
    height: 4em
}

@media (max-width: 930px),
(max-height: 700px) {
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container {
        padding: 1em;
        justify-content: center
    }
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item {
        overflow: unset;
        max-width: 24em;
        min-height: 200px;
        width: 100%
    }
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-image-container,
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-description {
        display: none
    }
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-favorite,
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-info-icon {
        margin-top: 0
    }
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-title-container {
        align-items: center
    }
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-title-container .mw-catalog-item-title {
        text-align: left;
        padding-left: 0.5em
    }
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container #mw-catalog-item .mw-catalog-item-image-small-container {
        display: flex;
        border: none
    }
}

#mw-sign-up-product-catalog .mw-progress-container {
    position: relative;
    background: inherit;
    width: 100%
}

@media (max-width: 890px) {
    #mw-sign-up-product-catalog .mw-sign-up-products {
        overflow-y: initial;
        padding-right: 1em
    }
    #mw-sign-up-product-catalog .mw-sign-up-products .mw-sign-up-products-container {
        overflow: hidden;
        padding-left: 0;
        height: 100%
    }
}

#mw-sign-up-equipment-catalog {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%
}

#mw-sign-up-equipment-catalog .mw-sign-up-products-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    word-wrap: break-word;
    padding-top: .4em;
    padding-left: 0.8em;
    background: #f3f3f3;
    overflow-y: scroll
}

#mw-sign-up-equipment-catalog .mw-sign-up-products-container #mw-catalog-item {
    margin: .2em
}

#mw-sign-up-equipment-catalog .mw-progress-container {
    position: unset;
    background: inherit;
    width: 100%
}

.mw-sign-up-address-contact {
    display: flex;
    flex-direction: column;
    padding: .8em
}

.mw-sign-up-summary {
    display: flex;
    flex-direction: column;
    padding: .8em
}

.mw-sign-up-summary .mw-sign-up-summary-header {
    display: flex;
    flex-direction: row
}

.mw-sign-up-summary .mw-sign-up-summary-header .mw-sign-up-summary-title {
    display: flex;
    flex: 1;
    justify-content: center
}

.mw-sign-up-summary .mw-sign-up-summary-header .mw-sign-up-summary-incomplete {
    color: red;
    font-size: 1.4em
}

.mw-sign-up-summary .mw-sign-up-summary-body {
    display: flex;
    flex-direction: column
}

.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label:nth-child(even) {
    background: rgba(0, 0, 0, 0.05)
}

.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label {
    margin: 0;
    display: flex;
    font-size: 0.9em;
    color: #4b4b4b
}

.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-header {
    flex: 1;
    text-transform: uppercase;
    width: 0
}

.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-text-block {
    flex: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 0
}

.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-data {
    flex: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 0
}

.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-data .fa-check {
    color: #28a745
}

.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-data .fa-exclamation {
    padding-left: .2em;
    color: red
}

.mw-sign-up-summary .mw-sign-up-summary-body .mw-sign-up-summary-label .mw-sign-up-summary-data .mw-sign-up-summary-signature {
    width: 25em;
    max-width: 100%
}

.mw-sign-up-summary .mw-sign-up-summary-toolbar {
    display: flex;
    justify-content: flex-end
}

.mw-sign-up-summary .mw-sign-up-summary-toolbar .mw-sign-up-summary-option {
    margin: 0 .2em
}

.mw-sign-up-address-box .required,
.mw-sign-up-contact-box .required {
    border: thin solid red
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail,
.mw-sign-up-address-box .mw-sign-up-address-box-detail,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: .4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name-label {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin: 0 -.4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name-label label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name-label label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name-label label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name-label label {
    display: flex;
    flex: 1;
    padding: 0 .4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin: 0 -.4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name input,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name input,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-full-name input,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-full-name input {
    display: flex;
    flex: 1;
    margin: 0 .4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-split,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-split,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-split,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-split {
    width: 100%;
    align-self: center;
    height: 1px;
    background-color: #c8c8c8;
    margin-top: .8em;
    margin-bottom: .4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-header,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-header,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-header,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-header,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-header,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-header,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-header,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-header {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    color: #4b4b4b
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-checkbox-label,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-checkbox-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-checkbox-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-checkbox-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-checkbox-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-checkbox-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-checkbox-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-checkbox-label {
    display: flex;
    align-items: center;
    font-size: .9em;
    text-transform: uppercase
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label {
    text-transform: uppercase;
    font-size: .9em;
    color: #4b4b4b;
    margin-bottom: 2px
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-label .mw-sign-up-address-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label .mw-sign-up-contact-box-label-required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-label .mw-sign-up-address-box-label-required {
    color: red;
    font-weight: bold
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-input-line-1,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-input-line-1,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-input-line-1,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-input-line-1 {
    margin-bottom: .2em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-input-state,
.mw-sign-up-address-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-input-state,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-input-state,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-input-state,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-contact-box-input-state,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .mw-sign-up-address-box-input-state,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-contact-box-input-state,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .mw-sign-up-address-box-input-state {
    width: 4.5em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-detail .required,
.mw-sign-up-address-box .mw-sign-up-address-box-detail .required,
.mw-sign-up-contact-box .mw-sign-up-contact-box-detail .required,
.mw-sign-up-contact-box .mw-sign-up-address-box-detail .required {
    border: thin solid red
}

.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.4em
}

.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail {
    padding: 0 .4em
}

.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-city,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-city {
    flex-grow: 5.5;
    width: 20em
}

@media (max-width: 500px) {
    .mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-city,
    .mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-city {
        width: 100%
    }
}

.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-state,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-state {
    flex-grow: 1.8;
    width: 6em
}

@media (max-width: 500px) {
    .mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-state,
    .mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-state {
        width: 100%
    }
}

.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code {
    flex-grow: 2.7;
    width: 10em
}

.mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code .mw-sign-up-address-box-input,
.mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code .mw-sign-up-address-box-input {
    text-transform: uppercase
}

@media (max-width: 500px) {
    .mw-sign-up-address-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code,
    .mw-sign-up-contact-box .mw-sign-up-address-box-city-state-zip-wrapper .mw-sign-up-address-box-detail.address-box-postal-code {
        width: 100%
    }
}

.mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers,
.mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail,
.mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail {
    padding: 0 .4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-name,
.mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-name {
    flex-grow: 1;
    width: 25em
}

@media (max-width: 500px) {
    .mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-name,
    .mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-name {
        width: 100%
    }
}

.mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-email,
.mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-email {
    flex-grow: 1;
    width: 25em
}

@media (max-width: 500px) {
    .mw-sign-up-address-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-email,
    .mw-sign-up-contact-box .mw-sign-up-contact-box-header-wrappers .mw-sign-up-contact-box-detail.contact-box-email {
        width: 100%
    }
}

.mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers,
.mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.4em
}

.mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail,
.mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail {
    flex-grow: 1;
    width: 10em;
    padding: 0 .4em
}

@media (max-width: 500px) {
    .mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail,
    .mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail {
        width: 100%
    }
}

.mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-via,
.mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-via {
    flex-grow: 1;
    width: 20em
}

@media (max-width: 500px) {
    .mw-sign-up-address-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-via,
    .mw-sign-up-contact-box .mw-sign-up-contact-box-phone-wrappers .mw-sign-up-contact-box-detail.contact-box-contact-via {
        width: 100%
    }
}

.mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper,
.mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.4em
}

.mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input,
.mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input-line-1,
.mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input,
.mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input-line-1 {
    flex-grow: 1;
    width: 25em;
    margin: 0 .4em
}

@media (max-width: 500px) {
    .mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input,
    .mw-sign-up-address-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input-line-1,
    .mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input,
    .mw-sign-up-contact-box .mw-sign-up-address-box-address-wrapper .mw-sign-up-address-box-input-line-1 {
        width: 100%
    }
}

#mw-delivery-information-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    align-items: flex-start
}

#mw-delivery-information-form .mw-delivery-information-form-wrapper {
    width: 30em;
    border-radius: 0.25rem;
    background: white;
    border: #c8c8c8 1px solid;
    margin: .4em 1.0em;
    padding: .8em
}

#mw-delivery-information-form .mw-delivery-information-form-wrapper .mw-delivery-information-form-header {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    color: #4b4b4b;
    display: flex;
    justify-content: center
}

#mw-delivery-information-form .mw-delivery-information-form-wrapper .mw-delivery-information-form-same-as-delivery {
    display: flex;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #4b4b4b
}

@media (max-width: 500px) {
    #mw-delivery-information-form .mw-delivery-information-form-wrapper {
        margin: 0.4em 0;
        width: 100%
    }
}

#mw-sign-up-info-form {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    flex: 1
}

#mw-sign-up-info-form .require-uppercase .form-control,
#mw-sign-up-info-form .require-uppercase .mw-sign-up-address-contact-data {
    text-transform: uppercase
}

#mw-sign-up-info-form .mw-sign-up-info-container {
    border-radius: 0.25rem;
    background: white;
    border: #c8c8c8 1px solid;
    margin: .4em 1.0em;
    display: flex;
    flex-direction: column;
    width: 80%
}

@media (max-width: 780px) {
    #mw-sign-up-info-form .mw-sign-up-info-container {
        margin: 0.4em 0;
        width: 100%
    }
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-button-toggle-wrapper {
    background: inherit;
    padding: 0 0.5em 0.5em 0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-button-toggle-wrapper .mfs-button-toggle-button {
    flex: 1
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-paperless {
    display: flex;
    flex-direction: row
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-paperless input {
    margin-right: 0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-contact-box {
    padding-top: 0
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature {
    display: flex;
    flex-direction: column
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-terms-message,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-terms-message,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-terms-message {
    max-height: 15em;
    width: 100%;
    overflow: auto;
    margin-bottom: 1em;
    border: #c8c8c8 1px solid;
    border-radius: 0.25rem;
    padding: .4em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-header,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-header,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-header {
    font-size: inherit;
    text-transform: uppercase;
    font-size: .9em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-wrapper,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-wrapper,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-wrapper {
    width: 100%;
    height: 8em;
    border: #c8c8c8 1px solid;
    border-radius: 0.25rem;
    margin-bottom: .8em;
    display: flex;
    flex-direction: row;
    justify-content: center
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-group-signature-image,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-group-signature-image,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-group-signature-image {
    height: 100%
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-wrapper .fa-signature,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-wrapper .fa-signature,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-wrapper .fa-signature {
    display: flex;
    justify-content: center;
    font-size: 8em;
    height: 100%;
    align-items: center;
    color: #c8c8c8
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-form-checkbox,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-form-checkbox,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-wrapper .mw-sign-up-info-form-checkbox {
    margin-bottom: .8em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-clickable:hover,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-clickable:hover,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-clickable:hover {
    cursor: pointer
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-clickable:hover .fa-signature-hover,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-clickable:hover .fa-signature-hover,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-clickable:hover .fa-signature-hover {
    color: #1230BC
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-cc-agree-container .mw-sign-up-info-group-signature-print,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container .mw-sign-up-info-group-signature-print,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-signature .mw-sign-up-info-group-signature-print {
    margin-bottom: 0;
    padding: .5em;
    color: #6b6b6b
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-container {
    padding-top: .8em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-header {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    color: #4b4b4b
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper {
    display: flex;
    margin: 0 -.4em;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 5px;
    margin-bottom: 10px
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper .mw-sign-up-info-group,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper .mw-password-requirements {
    flex-grow: 1;
    width: 25em;
    padding: 0 .4em;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 500px) {
    #mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper .mw-sign-up-info-group,
    #mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group-wrapper .mw-password-requirements {
        width: 100%
    }
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-form-label-checkbox {
    display: flex;
    align-items: center;
    font-size: inherit;
    text-transform: uppercase;
    font-size: .9em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-add-contract {
    border-color: #c8c8c8;
    margin-bottom: 10px
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-add-contract:hover {
    background-color: #c8c8c8
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-type,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-title,
#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-name {
    margin-bottom: 10px
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-default-period {
    font-size: 0.9em;
    margin-bottom: 10px;
    width: 100%
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-description {
    max-height: 10em;
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;
    border: #c8c8c8 1px solid;
    border-radius: 0.25rem;
    padding: .4em;
    color: #4b4b4b;
    font-size: 0.9em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-label {
    text-transform: uppercase;
    text-align: left;
    color: #4b4b4b
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-valid-dates {
    display: flex;
    flex-direction: row
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-contract-valid-dates .mw-sign-up-info-contract-label {
    flex: 1
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group {
    margin-top: 5px;
    margin-bottom: 10px
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group .mw-sign-up-info-validating {
    font-size: .8em;
    margin-top: 4px
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group .mw-sign-up-info-invalid {
    font-size: .8em;
    margin-top: 4px;
    color: rgba(255, 0, 0, 0.75)
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group .mw-sign-up-info-valid {
    font-size: .8em;
    margin-top: 4px;
    color: #28a745
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-group .mw-sign-up-info-required {
    border: 1px solid rgba(255, 0, 0, 0.75)
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-terms-btn {
    font-size: 1.4em;
    background: transparent;
    border: none;
    color: #2D92E7
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-form-checkbox {
    display: flex;
    flex-direction: row;
    margin-bottom: .8em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-form-checkbox .mw-checkbox {
    align-self: center
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-container-button-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 0 .8em .8em .8em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mw-sign-up-info-container-button-wrapper .mw-sign-up-info-container-button {
    margin: 0 .2em
}

#mw-sign-up-info-form .mw-sign-up-info-container .require-uppercase {
    text-transform: uppercase
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section {
    display: flex;
    flex-direction: row;
    margin: 0.5em 1em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section.document {
    margin-top: -0.5em;
    flex-wrap: wrap
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section.document .mfs-view-prospect-column {
    margin-top: 0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column {
    flex: 1
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column.zip-code input {
    text-transform: uppercase
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-zip {
    display: flex
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column.document {
    flex-direction: column;
    min-width: 27em;
    background: #f3f3f3;
    border-radius: 0.25em;
    padding: 0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document {
    display: flex;
    border: medium solid #f3f3f3;
    background: white;
    padding: 0.25em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document .mfs-view-prospect-document-title {
    flex: 1.5;
    margin: 0;
    padding: .2em .4em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document .mfs-view-prospect-document-type {
    flex: 1;
    margin: 0;
    padding: .2em .4em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-section-checkbox {
    margin-bottom: .4em;
    display: flex;
    align-items: center
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources .mfs-view-prospect-document-attachement {
    margin-left: 0.5em;
    display: flex;
    align-items: center
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-document-additional-resources .mfs-view-prospect-document-attachement .fa-paperclip {
    padding-right: .2em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .mfs-view-prospect-column .mfs-view-prospect-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    min-height: 35px;
    min-width: 35px;
    max-height: 35px;
    max-width: 35px;
    text-decoration: none
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .divider {
    margin-right: 0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .disabled {
    background: #c8c8c8;
    color: white;
    border-color: #c8c8c8;
    margin-left: 0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .geocode {
    background: #28a745;
    color: white;
    border-color: #28a745;
    margin-left: 0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .geocode:hover {
    background: #1e7e34;
    border-color: #1e7e34;
    cursor: pointer
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .autofill {
    background: #007bff;
    color: white;
    border-color: #007bff;
    margin-left: 0.5em
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .autofill:hover {
    background: #0062cc;
    border-color: #0062cc;
    cursor: pointer
}

#mw-sign-up-info-form .mw-sign-up-info-container .mfs-view-prospect-section .required {
    border-color: red
}

#mw-sign-up-info-form .mw-sign-up-info-wrapper {
    padding-left: .8em;
    padding-right: .8em
}

#mw-sign-up-info-form .mw-sign-up-info-wrapper label {
    text-transform: uppercase;
    font-size: 0.9em;
    color: #4b4b4b
}

#mw-sign-up-info-form #mw-echeck-form>div:nth-child(even) {
    background: inherit
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group {
    position: relative;
    padding: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    display: block;
    height: auto;
    font-size: inherit
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group label {
    margin-bottom: 2px
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-input {
    font-size: inherit;
    margin-left: 0
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label {
    padding-left: 1em;
    margin-bottom: 2px;
    display: flex;
    align-items: center
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn {
    -webkit-appearance: none;
    display: block;
    min-height: 1.5em;
    min-width: 1.5em;
    max-height: 1.5em;
    max-width: 1.5em;
    background-color: white;
    border: 1px solid #c8c8c8;
    margin-right: 10px;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    display: flex
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:hover {
    background-color: #ccc
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:checked {
    background-color: #1230BC
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:checked:after {
    display: block
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:after {
    content: "";
    display: none;
    min-height: 0.75em;
    min-width: 0.75em;
    max-height: 0.75em;
    max-width: 0.75em;
    background: white;
    border-radius: 1rem
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:indeterminate {
    background-color: #1230BC;
    text-align: center
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-radio-label .mw-ef-radio-btn:indeterminate:after {
    margin-top: 0;
    margin-left: 0;
    width: calc(1.5em / 2 - 1px);
    height: calc(1.5em / 2 - 1px);
    background: white;
    border-radius: 0.2em;
    border: unset;
    border-width: unset;
    -webkit-transform: unset;
    transform: unset;
    display: inline-block;
    position: relative
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label {
    display: flex;
    align-items: center
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox {
    -webkit-appearance: none;
    display: block;
    min-height: 1.5em;
    min-width: 1.5em;
    max-height: 1.5em;
    max-width: 1.5em;
    background-color: white;
    border: 1px solid #c8c8c8;
    margin-right: 10px;
    border-radius: 0.25rem
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:hover {
    background-color: #ccc
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:checked {
    background-color: #1230BC
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:checked:after {
    display: block
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:after {
    content: "";
    display: none;
    margin-left: .5em;
    margin-top: .2em;
    width: .45em;
    height: .85em;
    border: solid white;
    border-width: 0 .2em .2em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:indeterminate {
    background-color: #1230BC;
    text-align: center
}

#mw-sign-up-info-form #mw-echeck-form .mw-ef-group .mw-ef-checkbox-label .mw-ef-checkbox:indeterminate:after {
    margin-top: 0;
    margin-left: 0;
    width: calc(1.5em / 2 - 1px);
    height: calc(1.5em / 2 - 1px);
    background: white;
    border-radius: 0.2em;
    border: unset;
    border-width: unset;
    -webkit-transform: unset;
    transform: unset;
    display: inline-block;
    position: relative
}

#mw-sign-up-info-form .mw-credit-card-component {
    display: flex;
    flex-direction: column
}

#mw-sign-up-info-form .mw-credit-card-component .credit-card-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.4em 0 -.4em
}

#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group {
    padding: 0 .4em
}

#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group.mw-cards-number {
    flex: 5 0 auto;
    width: 25em
}

#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group.mw-cards-verification {
    flex: 2 0 auto;
    width: 10em
}

#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group.mw-cards-expiry {
    flex: 3 0 auto;
    width: 15em
}

#mw-sign-up-info-form .mw-credit-card-component .credit-card-container .mw-cards-add-card-group.mw-cards-country {
    flex: 3 0 auto;
    width: 15em
}

#mw-sign-up-info-form .mw-credit-card-component .name-sub {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.4em 10px -.4em
}

#mw-sign-up-info-form .mw-credit-card-component .name-sub .mw-cards-add-card-group {
    margin: 0 .4em;
    flex: 1 0 auto
}

#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.4em 0 -.4em
}

#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group {
    padding: 0 .4em
}

#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-city {
    flex: 5.5 0 auto;
    width: 20em
}

@media (max-width: 500px) {
    #mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-city {
        width: 100%
    }
}

#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-state {
    flex: 1.8 0 auto;
    width: 6em
}

@media (max-width: 500px) {
    #mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-state {
        width: 100%
    }
}

#mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-zip {
    flex: 2.7 0 auto;
    width: 10em
}

@media (max-width: 500px) {
    #mw-sign-up-info-form .mw-credit-card-component .city-state-zip-sub .mw-cards-add-card-group.mw-cards-zip {
        width: 100%
    }
}

#mw-sign-up-info-form .mw-credit-card-component .form-control {
    padding: 0.375rem 0.75rem;
    width: 100%
}

#mw-sign-up-info-form .mw-credit-card-component label {
    margin-bottom: 2px;
    width: 100%;
    flex: initial
}

#mw-sign-up-info-form .mw-credit-card-component input {
    font-size: inherit;
    margin: 0
}

#mw-sign-up-info-form .mw-credit-card-component select {
    height: calc(1.5em + 0.75rem + 2px);
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 0.375rem 0.75rem;
    font-size: inherit
}

#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    justify-content: initial;
    padding: 0
}

#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group select.mw-cards-add-card-required {
    border: 1px solid rgba(255, 0, 0, 0.75)
}

#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group .mw-cards-add-card-expiry-group {
    margin: 0
}

#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group .mw-cards-add-card-expiry-group,
#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group .mw-cards-add-card-group-col {
    width: 100%;
    min-width: initial;
    flex: initial
}

#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group-double {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    justify-content: initial;
    padding: 0;
    margin: 0 -.4em 10px -.4em
}

#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group-double label {
    padding: 0 0.4em
}

#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group-double .mw-cards-add-card-group-col-double {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: inherit;
    min-width: inherit;
    width: 100%;
    flex: initial;
    min-width: initial;
    flex-direction: row
}

#mw-sign-up-info-form .mw-credit-card-component .mw-cards-add-card-group-double .mw-cards-add-card-group-col-double input {
    flex: 1 0 auto;
    width: 25em;
    margin: 0 0.4em
}

#mw-sign-up-info-form .mw-sign-up-info-container-group {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center
}

#mw-sign-up-info-form .mw-sign-up-info-container-group .edit-block {
    display: none
}

#mw-sign-up-info-form .mw-sign-up-info-container-group .edit-block.sign-up-active {
    display: flex
}

#mw-sign-up-info-form .mw-sign-up-info-container-group .edit-block .mw-sign-up-info-group-header {
    padding: .8em .8em 0 .8em
}

#mw-sign-up-info-form .mw-sign-up-info-container-group .summary-block {
    display: flex;
    flex: 1;
    flex-direction: column
}

.mw-open-hours {
    display: flex;
    flex-direction: column
}

.mw-open-hours .mw-open-hours-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center
}

.mw-open-hours .mw-open-hours-checkbox input {
    margin-right: 0.5em
}

.mw-open-hours .mw-open-hours-varied-hours {
    margin-bottom: .4em
}

.mw-open-hours .mw-open-hours-day-container {
    display: flex;
    flex-direction: row
}

.mw-open-hours .mw-open-hours-day-container .mw-open-hours-day-label {
    flex: 1
}

.mw-open-hours .mw-open-hours-day-container .mw-open-hours-closed {
    flex: 3
}

.mw-open-hours .mw-open-hours-time-form {
    display: flex;
    flex-direction: row;
    margin-bottom: .8em
}

.mw-open-hours .mw-open-hours-time-form .mw-open-hours-time-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: baseline
}

.mw-open-hours .mw-open-hours-time-form .mw-open-hours-time-container.mw-open-hours-time-start {
    justify-content: center
}

.mw-open-hours .mw-open-hours-time-form .mw-open-hours-time-container .mw-open-hours-time-label {
    margin-right: 0.5em
}

.mw-open-hours .mw-open-hours-header {
    display: flex;
    flex-direction: row;
    width: 100%
}

.mw-open-hours .mw-open-hours-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: .4em
}

.mw-open-hours .mw-open-hours-row .mw-open-hours-day-cell {
    align-items: center
}

.mw-open-hours .mw-open-hours-row .mw-open-hours-closed-cell {
    align-items: center;
    justify-content: center
}

.mw-open-hours .mw-open-hours-day-cell {
    flex: 1.5;
    display: flex
}

.mw-open-hours .mw-open-hours-open-from-cell {
    flex: 2;
    display: flex
}

.mw-open-hours .mw-open-hours-open-to-cell {
    flex: 2;
    display: flex
}

.mw-open-hours .mw-open-hours-closed-cell {
    flex: .5;
    display: flex
}

.mw-open-hours .mw-open-hours-time-invalid {
    border: solid 1px red
}

#mw-web-prospect-contact {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 30em;
    flex-basis: 100%
}

#mw-web-prospect-contact .mw-web-prospect-contact-container {
    width: 100%
}

#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail {
    width: 100%;
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
    display: block
}

#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail .mw-web-prospect-contact-detail-header {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    color: #4b4b4b;
    width: 100%
}

#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail .mw-web-prospect-contact-detail-label {
    text-transform: uppercase;
    font-size: .9em;
    color: #4b4b4b;
    margin-bottom: 2px
}

#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail .mw-web-prospect-contact-detail-checkbox-label {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: .9em;
    color: #4b4b4b;
    margin-bottom: 2px
}

#mw-web-prospect-contact .mw-web-prospect-contact-container .mw-web-prospect-contact-detail .mw-web-prospect-contact-detail-required {
    color: red;
    font-size: 1.3em;
    font-weight: bold
}

#mw-web-prospect-contact .modal-content.mw-progress-container {
    min-height: 250px
}

#mw-web-prospect-contact .mw-web-prospect-message {
    text-align: center;
    display: flex;
    padding: 1em;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%
}

#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-label label {
    width: 100%;
    font-size: 1.8em
}

#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body {
    margin-bottom: 1em
}

#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body .mw-web-prospect-message-label {
    font-size: .85em
}

#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body .mw-web-prospect-message-message {
    margin: .5em 0
}

#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body i {
    width: 100%;
    font-size: 50px
}

#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body i.fas.fa-check {
    color: #28a745
}

#mw-web-prospect-contact .mw-web-prospect-message .mw-web-prospect-message-body i.fas.fa-times {
    color: red
}

#mw-step-progress-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    background: #f3f3f3
}

#mw-step-progress-bar .mw-step-progress-bar-divider {
    max-width: 4em;
    height: .3em;
    background-color: #c8c8c8;
    flex: 1 0 auto
}

#mw-step-progress-bar .mw-step-progress-bar-divider-on {
    background-color: #2D92E7
}

#mw-step-progress-bar .mw-step-progress-bar-step {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 .4em
}

#mw-step-progress-bar .mw-step-progress-bar-step .fa-check {
    color: white
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-text {
    margin-right: .4em;
    flex-grow: 1;
    flex-shrink: 0
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-pointer {
    cursor: pointer
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-text.mw-step-progress-bar-step-pointer:hover+.mw-step-progress-bar-bulb.mw-step-progress-bar-step-pointer,
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb.mw-step-progress-bar-step-pointer:hover {
    background: #8cbfe9
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb {
    border: 2px solid #c8c8c8;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    flex-shrink: 0
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-on {
    border: 2px solid #2D92E7;
    background: #2D92E7
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-text.mw-step-progress-bar-step-pointer:hover+.mw-step-progress-bar-bulb-on,
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-on.mw-step-progress-bar-step-pointer:hover {
    background: #8cbfe9
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-step-text.mw-step-progress-bar-step-pointer:active+.mw-step-progress-bar-bulb-on,
#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-on.mw-step-progress-bar-step-pointer:active {
    background: #007ee6;
    border: 2px solid #007ee6
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-active {
    border: 2px solid #2D92E7
}

#mw-step-progress-bar .mw-step-progress-bar-step .mw-step-progress-bar-bulb-current {
    background: #adcee9
}

#mw-step-progress-bar .start,
#mw-step-progress-bar .end {
    flex: 1
}

#mw-step-progress-bar .start {
    text-align: right
}

#mw-step-progress-bar .start .mw-step-progress-bar-step-text {
    flex-shrink: unset
}

#mw-step-progress-bar .end .mw-step-progress-bar-step-text {
    flex: unset
}

#mw-water-calculator {
    padding: .4em .4em .4em .8em
}

#mw-water-calculator .mw-water-calculator-title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-weight: bold
}

#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row {
    display: flex;
    align-items: center
}

#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-label {
    flex: 1;
    margin-bottom: 0
}

#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-select-form {
    flex: 1;
    display: flex;
    padding-right: .4em;
    align-items: center;
    flex-wrap: wrap
}

#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-select-form .mw-water-calculator-select-label {
    margin-bottom: 0;
    margin-right: .4em
}

#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-select-form .mw-water-calculator-select {
    flex: 1 1 auto;
    max-width: 8em
}

#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-input {
    width: 5em
}

#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-row .mw-water-calculator-checkbox {
    display: flex;
    align-items: center
}

#mw-water-calculator .mw-water-calculator-body .mw-water-calculator-note {
    margin-top: .4em
}

.mms-background-route-not-started {
    background: #fff
}

.mms-background-route-downloaded {
    background: green
}

.mms-background-route-started {
    background: #add8e6
}

.mms-background-route-completed {
    background: #ffb6c1
}

.mms-background-stop-default {
    background: green
}

.mms-background-stop-order {
    background: red
}

.mms-background-stop-high-priority {
    background: darkred
}

.mms-background-stop-complete {
    background: gray
}

.mms-background-stop-skip {
    background: #d3d3d3
}

.mms-background-stop-off-route {
    background: #add8e6
}

.mms-background-stop-drag {
    background: blue
}

.mms-background-stop-delivery-skip {
    background: #ff4500
}

.mms-background-stop-manual-delivery {
    background: #ff0
}

.mms-background-flag-hold {
    background: red
}

.mms-background-flag-cod {
    background: blue
}

.mms-background-flag-past-due {
    background: pink
}

.mms-background-flag-over-credit-limit {
    background: orange
}

.mms-background-flag-collections {
    background: #ff0
}

.mms-background-flag-inactive {
    background: gold
}

.mms-background-flag-returned-check {
    background: purple
}

.mms-background-flag-suspended {
    background: tan
}

.mms-background-flag-credit-card {
    background: teal
}

.mms-background-flag-will-call {
    background: #8FBC8B
}

#mms-dashboard {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mms-dashboard .mms-drop-down-checkbox-text {
    max-width: 100%
}

#mms-dashboard .mms-lookup-search {
    display: flex;
    flex-direction: row;
    margin: 1em 1em 0 1em
}

#mms-dashboard .mms-lookup-search .mms-lookup-search-date {
    display: none
}

#mms-dashboard .mms-lookup-search .mms-lookup-route {
    display: flex;
    flex-direction: row;
    flex: 1;
    border: none
}

#mms-dashboard .mms-lookup-search .mms-lookup-route .mms-lookup-search-route {
    align-self: center
}

#mms-dashboard .mms-lookup-search .mms-lookup-route .mms-lookup-search-route-filters {
    flex: 1;
    margin-left: 1em;
    height: calc(1.5em + 0.75rem + 2px)
}

#mms-dashboard .mms-lookup-search .mms-lookup-route .mms-lookup-search-select {
    flex: 1;
    margin-left: 1em
}

#mms-dashboard .mms-lookup-search .mms-lookup-route-date {
    margin-left: 1em
}

#mms-dashboard .mms-lookup-header {
    margin: 1em 1em 0;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white
}

@media (max-width: 850px) {
    #mms-dashboard .mms-lookup-header {
        display: none
    }
}

#mms-dashboard .mms-lookup-container {
    margin: 0 1em;
    overflow-y: scroll;
    flex: 1;
    border: thin solid #BE009E;
    border-top: none
}

#mms-dashboard .mms-lookup-container .mms-lookup-route {
    padding: 0.5em 0
}

#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-section-id,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-scheduled-deliveries,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-completed-deliveries,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-skipped-deliveries,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-off-route-deliveries,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-sales,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-driver-name,
#mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-route-status {
    display: flex;
    align-items: center
}

@media (max-width: 1100px) {
    #mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-driver-name,
    #mms-dashboard .mms-lookup-container .mms-lookup-route .mms-lookup-route-status {
        display: none
    }
}

#mms-dashboard .mms-lookup-container .mw-progress-container {
    position: relative
}

#mms-dashboard .mms-lookup-header-small {
    display: none;
    margin: 1em 1em 0;
    background: #BE009E;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white
}

@media (max-width: 850px) {
    #mms-dashboard .mms-lookup-header-small {
        display: flex
    }
}

#mms-dashboard .mms-lookup-header .mms-lookup-section-id,
#mms-dashboard .mms-lookup-header-small .mms-lookup-section-id,
#mms-dashboard .mms-lookup-route .mms-lookup-section-id {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-dashboard .mms-lookup-header .mms-lookup-driver-name,
#mms-dashboard .mms-lookup-header .mms-lookup-route-status,
#mms-dashboard .mms-lookup-header-small .mms-lookup-driver-name,
#mms-dashboard .mms-lookup-header-small .mms-lookup-route-status,
#mms-dashboard .mms-lookup-route .mms-lookup-driver-name,
#mms-dashboard .mms-lookup-route .mms-lookup-route-status {
    flex: 2;
    margin: 0;
    padding: 0 0.3em
}

@media (max-width: 1100px) {
    #mms-dashboard .mms-lookup-header .mms-lookup-driver-name,
    #mms-dashboard .mms-lookup-header .mms-lookup-route-status,
    #mms-dashboard .mms-lookup-header-small .mms-lookup-driver-name,
    #mms-dashboard .mms-lookup-header-small .mms-lookup-route-status,
    #mms-dashboard .mms-lookup-route .mms-lookup-driver-name,
    #mms-dashboard .mms-lookup-route .mms-lookup-route-status {
        display: none
    }
}

#mms-dashboard .mms-lookup-header .mms-lookup-route-controls,
#mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls,
#mms-dashboard .mms-lookup-route .mms-lookup-route-controls {
    flex: 1;
    margin: 0;
    padding: 0 0.3em;
    display: flex;
    justify-content: space-evenly
}

@media (max-width: 1100px) {
    #mms-dashboard .mms-lookup-header .mms-lookup-route-controls,
    #mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls,
    #mms-dashboard .mms-lookup-route .mms-lookup-route-controls {
        display: none
    }
}

#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder,
#mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder,
#mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder {
    flex: 1
}

#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button,
#mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button,
#mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button {
    width: 30px;
    border-radius: 2em;
    background: #1230BC;
    color: white;
    border: medium solid #1230BC;
    text-align: center
}

#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button .mms-lookup-route-controls-icon,
#mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button .mms-lookup-route-controls-icon,
#mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button .mms-lookup-route-controls-icon {
    align-self: center;
    color: #000
}

#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover,
#mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover,
#mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover {
    background: #000
}

#mms-dashboard .mms-lookup-header .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover .mms-lookup-route-controls-icon,
#mms-dashboard .mms-lookup-header-small .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover .mms-lookup-route-controls-icon,
#mms-dashboard .mms-lookup-route .mms-lookup-route-controls .mms-lookup-route-controls-place-holder .mms-lookup-route-controls-button:hover .mms-lookup-route-controls-icon {
    color: #1230BC
}

#mms-dashboard .mms-lookup-header .mms-lookup-scheduled-deliveries,
#mms-dashboard .mms-lookup-header-small .mms-lookup-scheduled-deliveries,
#mms-dashboard .mms-lookup-route .mms-lookup-scheduled-deliveries {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-dashboard .mms-lookup-header .mms-lookup-completed-deliveries,
#mms-dashboard .mms-lookup-header-small .mms-lookup-completed-deliveries,
#mms-dashboard .mms-lookup-route .mms-lookup-completed-deliveries {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-dashboard .mms-lookup-header .mms-lookup-skipped-deliveries,
#mms-dashboard .mms-lookup-header-small .mms-lookup-skipped-deliveries,
#mms-dashboard .mms-lookup-route .mms-lookup-skipped-deliveries {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-dashboard .mms-lookup-header .mms-lookup-off-route-deliveries,
#mms-dashboard .mms-lookup-header-small .mms-lookup-off-route-deliveries,
#mms-dashboard .mms-lookup-route .mms-lookup-off-route-deliveries {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-dashboard .mms-lookup-header .mms-lookup-sales,
#mms-dashboard .mms-lookup-header-small .mms-lookup-sales,
#mms-dashboard .mms-lookup-route .mms-lookup-sales {
    flex: 1;
    margin: 0;
    padding: 0 0.3em;
    min-width: 124px
}

#mms-dashboard .mms-lookup-route {
    border-bottom: 1px solid #f0f0f0
}

#mms-dashboard .mms-lookup-route {
    display: flex;
    flex-direction: row
}

#mms-dashboard .mms-lookup-route label {
    cursor: pointer
}

#mms-dashboard .mms-lookup-route-small {
    display: none
}

#mms-dashboard .mms-lookup-route:hover {
    color: #007bff
}

#mms-dashboard .mms-route-status-default {
    background: #f3f3f3
}

#mms-dashboard .mms-route-status-downloaded {
    background: #f2de79
}

#mms-dashboard .mms-route-status-started {
    background: #79f2cc
}

#mms-dashboard .mms-route-status-completed {
    background: #79f29a
}

#mms-dashboard .mms-lookup-container-totals {
    height: unset;
    overflow: unset;
    padding-right: 1em;
    font-weight: bold;
    border-top: none;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border: thin solid #BE009E;
    margin: 0 1em
}

#mms-dashboard .mms-lookup-change-date {
    display: flex;
    flex-direction: row
}

#mms-dashboard .mms-lookup-change-date {
    padding: 1em 1em 0.5em 1em
}

#mms-dashboard .mms-lookup-change-date .center {
    text-align: center;
    flex: 1
}

#mms-dashboard .mms-lookup-change-date .btn.btn-link {
    width: fit-content;
    padding: 0;
    margin: 0
}

#mms-dashboard .mms-lookup-change-date .btn.btn-link.right {
    margin-left: auto;
    width: fit-content;
    text-align: right
}

#mms-dashboard .mms-lookup-change-date .fas.fa-chevron-left {
    padding-right: .5em;
    text-align: left
}

#mms-dashboard .mms-lookup-change-date .fas.fa-chevron-right {
    padding-left: .5em
}

@media (max-width: 500px) {
    #mms-dashboard .mms-lookup-search {
        flex-direction: column
    }
    #mms-dashboard .mms-lookup-search .mms-lookup-route label {
        display: flex;
        flex: 1
    }
    #mms-dashboard .mms-lookup-search .mms-lookup-route .mms-lookup-search-route-filters {
        display: flex;
        flex: 3;
        margin: 0
    }
    #mms-dashboard .mms-lookup-search .mms-lookup-route-date {
        flex: 1;
        display: flex;
        padding-top: 0.5em;
        margin: 0
    }
    #mms-dashboard .mms-lookup-search .mms-lookup-route-date label {
        display: flex;
        flex: 1
    }
    #mms-dashboard .mms-lookup-search .mms-lookup-route-date input {
        display: flex;
        flex: 3;
        margin: 0
    }
}

#mms-release-code {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mms-release-code .mms-release-code-group-label {
    margin: 1em 1em 0.5em 1em;
    background: #BE009E;
    font-weight: bold;
    padding: 0.5em;
    color: white;
    border-radius: 0.5em
}

@media (max-height: 640px) {
    #mms-release-code .mms-release-code-group-label {
        height: 2em;
        display: flex;
        align-items: center
    }
}

#mms-release-code .mms-release-code-release-date-group {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto
}

#mms-release-code .mms-release-code-release-date-group .mms-release-code-date-picker {
    width: unset;
    max-width: 200px;
    margin: 0 1em
}

#mms-release-code .mms-release-code-customer-group {
    display: flex;
    flex-direction: column;
    min-height: 20em;
    flex: 1;
    overflow: hidden
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-error {
    margin: 0 0 0 1em;
    color: red
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-search {
    display: flex;
    flex-direction: row;
    padding: 0.5em 1em;
    background: white
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section select {
    background: #f3f3f3
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section input,
#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section select {
    flex: 1;
    margin-right: 0.5em
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section .mms-release-code-search-button {
    background: #1230BC;
    width: 2.2em;
    height: 2.2em;
    border: none;
    border-radius: 2em;
    color: white;
    padding: 0
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section .mms-release-code-search-button i {
    margin: auto;
    font-size: 1.25em
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-small,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-small {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-id,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-id {
    margin: 0;
    padding: 0 0.3em;
    width: 100px
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-delivery-id,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-delivery-id {
    margin: 0;
    padding: 0 0.3em;
    width: 85px
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-status,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-status {
    flex: 1.4;
    margin: 0;
    padding: 0 0.3em
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section {
    flex: 2;
    margin: 0;
    padding: 0 0.3em
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-section-long,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-section-long {
    flex: 3;
    margin: 0;
    padding: 0 0.3em
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-new-delivery,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-new-delivery {
    width: 120px;
    margin: 0
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header .mms-release-code-visit,
#mms-release-code .mms-release-code-customer-group .mms-release-code-customer .mms-release-code-visit {
    width: 58px;
    margin: 0
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-header {
    margin: 0 1em;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    border: thin solid #495057;
    border-bottom: none;
    color: #495057
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-container {
    margin: 0 1em;
    overflow-y: scroll;
    flex: 1;
    border: thin solid #BE009E
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-container a {
    color: inherit
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-container a:hover {
    color: #1230BC
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #d8d8d8
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer label,
#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer .mms-release-code-section-status {
    cursor: pointer
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small {
    display: none
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer:hover {
    color: #007bff
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-container .selected {
    background: #c0deff
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-count {
    margin: 0.2em 1em;
    display: flex;
    flex-direction: row;
    text-align: right
}

#mms-release-code .mms-release-code-customer-group .mms-release-code-count span {
    flex: 1
}

@media (max-width: 1000px) {
    #mms-release-code .mms-release-code-customer-group .mms-release-code-header {
        display: none
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small {
        display: flex;
        flex-direction: column;
        padding: 0.5em
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .mms-release-code-customer-header {
        font-weight: bold;
        border-bottom: thin solid black;
        display: flex;
        flex-direction: row
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .mms-release-code-customer-header .mms-release-code-section-status {
        margin-bottom: .2em
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .mms-release-code-customer-address {
        padding-left: 22px
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .fas {
        font-size: 1.1em;
        padding-right: 0.5em;
        width: 22px
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small label {
        margin: 0.2em;
        padding: 0;
        cursor: pointer
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-small .mms-release-code-new-delivery {
        margin: 0.5em;
        width: fit-content
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer-header:hover {
        cursor: pointer;
        color: #007bff
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-container .mms-release-code-customer {
        display: none
    }
}

@media (max-width: 500px) {
    #mms-release-code .mms-release-code-customer-group .mms-release-code-search {
        flex-direction: column
    }
    #mms-release-code .mms-release-code-customer-group .mms-release-code-search .mms-release-code-search-section select {
        margin-right: 0;
        margin-bottom: 0.5em
    }
}

#mms-release-code .mms-release-code-generate-reason-group {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto
}

#mms-release-code .mms-release-code-generate-reason-group textarea {
    margin: 0 1em;
    height: 60px;
    max-height: 200px;
    width: unset
}

#mms-release-code .mms-release-code-generate-reason-group .mms-release-code-generate {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: .5em 0
}

#mms-route-details {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mms-route-details .mms-route-details-last-refresh {
    align-self: center;
    text-align: center;
    padding-left: 1em;
    max-width: 10em
}

#mms-route-details .mms-route-details-header {
    display: flex;
    flex-direction: row;
    margin-left: 1em;
    margin-right: 1em
}

#mms-route-details .mms-route-details-header .mms-route-status {
    flex: 1
}

#mms-route-details .mms-route-status {
    text-align: center;
    border-top: thin solid #000;
    border-bottom: thin solid #e9ecef
}

#mms-route-details .mms-route-status label {
    margin: 0.3em
}

#mms-route-details .mms-lookup-search {
    display: flex;
    flex-direction: row;
    margin: 1em 1em 0 1em
}

#mms-route-details .mms-lookup-search .mms-lookup-search-route {
    align-self: center
}

#mms-route-details .mms-lookup-search .form-control {
    flex: 1;
    margin-left: 1em
}

#mms-route-details .mms-lookup-search .date-picker-date-label {
    align-self: center;
    margin-left: 1em;
    flex: .1;
    height: 38px;
    padding: 0.3em 0.3em 0.3em 0.5em
}

#mms-route-details .mms-lookup-search .date-picker-date-label i {
    margin: 0.3em 0.3em 0.3em 0.5em
}

#mms-route-details .mms-lookup-header {
    margin: 1em 1em 0;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white
}

@media (max-width: 850px) {
    #mms-route-details .mms-lookup-header {
        display: none
    }
}

#mms-route-details .mms-lookup-icons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly
}

#mms-route-details .mms-lookup-icons .mms-lookup-icon-circle {
    border: 1px solid;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    text-align: center;
    padding: .25em;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    background: white
}

#mms-route-details .mms-lookup-icons .mms-lookup-icon-high-priority {
    border-color: red;
    color: red
}

#mms-route-details .mms-lookup-icons .mms-lookup-icon-high-priority i {
    font-size: 1.5em
}

#mms-route-details .mms-lookup-icons .mms-lookup-icon-exact-date {
    border-color: black;
    color: #ffed75
}

#mms-route-details .mms-lookup-header .mms-lookup-section-id,
#mms-route-details .mms-lookup-route .mms-lookup-section-id {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-route-details .mms-lookup-header .mms-lookup-stop-number,
#mms-route-details .mms-lookup-route .mms-lookup-stop-number {
    flex: .5;
    margin: 0;
    padding: 0 0.3em
}

#mms-route-details .mms-lookup-header .mms-lookup-delivery-name,
#mms-route-details .mms-lookup-route .mms-lookup-delivery-name {
    flex: 3;
    margin: 0;
    padding: 0 0.3em
}

#mms-route-details .mms-lookup-header .mms-lookup-city,
#mms-route-details .mms-lookup-route .mms-lookup-city {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-route-details .mms-lookup-header .mms-lookup-state,
#mms-route-details .mms-lookup-route .mms-lookup-state {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-route-details .mms-lookup-header .mms-lookup-postal-code,
#mms-route-details .mms-lookup-route .mms-lookup-postal-code {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-route-details .mms-lookup-header .mms-lookup-sales,
#mms-route-details .mms-lookup-route .mms-lookup-sales {
    flex: 1.5;
    margin: 0;
    padding: 0 0.3em
}

#mms-route-details .mms-lookup-header .mms-lookup-icons,
#mms-route-details .mms-lookup-route .mms-lookup-icons {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-route-details .mms-lookup-container {
    margin: 0 1em;
    overflow-y: scroll;
    flex: 1;
    border: thin solid #BE009E
}

@media (max-width: 850px) {
    #mms-route-details .mms-lookup-container {
        margin-top: 1em
    }
}

#mms-route-details .mms-lookup-container a {
    color: inherit
}

#mms-route-details .mms-lookup-container a:hover {
    color: #1230BC
}

#mms-route-details .mms-lookup-container .mms-lookup-route {
    display: flex;
    flex-direction: row;
    padding: 0.2em 0;
    border-top: 2px solid;
    border-left: 2px solid;
    border-right: 2px solid
}

#mms-route-details .mms-lookup-container .mms-lookup-route label {
    cursor: pointer
}

@media (max-width: 850px) {
    #mms-route-details .mms-lookup-container .mms-lookup-route {
        display: none
    }
}

@media (max-width: 1300px) {
    #mms-route-details .mms-lookup-container .mms-lookup-route {
        font-size: .90em
    }
}

@media (max-width: 1000px) {
    #mms-route-details .mms-lookup-container .mms-lookup-route {
        font-size: .80em
    }
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small {
    flex-direction: column;
    margin: 0.5em;
    background: white;
    padding: 1em 1em 0 1em;
    border-radius: 0.25em;
    box-shadow: 4px 3px 8px 1px #d8d8d8;
    border-top: 12px solid #d8d8d8;
    display: none
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-section-id {
    font-weight: bold;
    padding-bottom: .5em;
    margin-bottom: 0
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-delivery-address {
    margin-bottom: 0
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-city {
    margin-bottom: 0
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-sales {
    margin-bottom: 0
}

@media (max-width: 850px) {
    #mms-route-details .mms-lookup-container .mms-lookup-route-small {
        display: flex
    }
}

#mms-route-details .mms-lookup-container .mms-border-stop-default {
    border-color: green
}

#mms-route-details .mms-lookup-container .mms-border-stop-order {
    border-color: red
}

#mms-route-details .mms-lookup-container .mms-border-stop-high-priority {
    border-color: darkred
}

#mms-route-details .mms-lookup-container .mms-border-stop-complete {
    border-color: gray
}

#mms-route-details .mms-lookup-container .mms-border-stop-skip {
    border-color: #d3d3d3
}

#mms-route-details .mms-lookup-container .mms-border-stop-off-route {
    border-color: #add8e6
}

#mms-route-details .mms-lookup-container .mms-border-stop-drag {
    border-color: blue
}

#mms-route-details .mms-lookup-container .mms-border-stop-delivery-skip {
    border-color: #ff4500
}

#mms-route-details .mms-lookup-container .mms-border-stop-manual-delivery {
    border-color: #ff0
}

#mms-route-details .mms-lookup-container .mms-lookup-route:hover {
    color: #007bff
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small {
    flex-direction: column;
    margin: 0.5em;
    background: white;
    padding: .6em 1em 0 1em;
    border-radius: 0.25em;
    box-shadow: 4px 3px 8px 1px #d8d8d8;
    border-top: 20px solid #d8d8d8;
    display: none
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-section-id {
    font-weight: bold;
    padding-bottom: .5em;
    margin-bottom: 0
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-delivery-address {
    margin-bottom: 0
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-city {
    margin-bottom: 0
}

#mms-route-details .mms-lookup-container .mms-lookup-route-small .mms-lookup-sales {
    margin-bottom: 0
}

@media (max-width: 850px) {
    #mms-route-details .mms-lookup-container .mms-lookup-route-small {
        display: flex
    }
}

#mms-route-details .mms-lookup-container .mms-border-stop-default {
    border-color: green
}

#mms-route-details .mms-lookup-container .mms-border-stop-order {
    border-color: red
}

#mms-route-details .mms-lookup-container .mms-border-stop-high-priority {
    border-color: darkred
}

#mms-route-details .mms-lookup-container .mms-border-stop-complete {
    border-color: gray
}

#mms-route-details .mms-lookup-container .mms-border-stop-skip {
    border-color: #d3d3d3
}

#mms-route-details .mms-lookup-container .mms-border-stop-off-route {
    border-color: #add8e6
}

#mms-route-details .mms-lookup-container .mms-border-stop-drag {
    border-color: blue
}

#mms-route-details .mms-lookup-container .mms-border-stop-delivery-skip {
    border-color: #ff4500
}

#mms-route-details .mms-lookup-container .mms-border-stop-manual-delivery {
    border-color: #ff0
}

#mms-route-details .mms-lookup-container .mms-lookup-route:hover {
    color: #007bff
}

#mms-route-details .mms-lookup-container .mms-background-stop-default {
    background: #00b300
}

#mms-route-details .mms-lookup-container .mms-background-stop-order {
    background: #f33
}

#mms-route-details .mms-lookup-container .mms-background-stop-high-priority {
    background: #be0000
}

#mms-route-details .mms-lookup-container .mms-background-stop-complete {
    background: #9a9a9a
}

#mms-route-details .mms-lookup-container .mms-background-stop-skip {
    background: #ededed
}

#mms-route-details .mms-lookup-container .mms-background-stop-off-route {
    background: #d4ebf2
}

#mms-route-details .mms-lookup-container .mms-background-stop-drag {
    background: #33f
}

#mms-route-details .mms-lookup-container .mms-background-stop-delivery-skip {
    background: #ff6a33
}

#mms-route-details .mms-lookup-container .mms-background-stop-manual-delivery {
    background: #ff3
}

#mms-route-details .mms-lookup-container .mms-lookup-route:hover {
    color: #007bff
}

#mms-route-details .mms-lookup-container .odd-route {
    background: #f3f3f3
}

#mms-route-details .mms-lookup-container .mms-lookup-no-data {
    margin: 1em
}

#mms-route-details .mms-lookup-container-totals {
    height: unset;
    overflow: unset;
    padding-right: 1em;
    font-weight: bold
}

#mms-route-details .mms-lookup-change-date {
    display: flex;
    flex-direction: row
}

#mms-route-details .mms-lookup-change-date {
    padding: 1em 1em 0.5em 1em
}

#mms-route-details .mms-lookup-change-date .btn.btn-link {
    width: fit-content;
    padding: 0;
    margin: 0;
    text-align: left
}

#mms-route-details .mms-lookup-change-date .btn.btn-link.right {
    margin-left: auto;
    width: fit-content;
    text-align: right
}

#mms-route-details .mms-lookup-change-date .fas.fa-chevron-left {
    padding-right: .5em
}

#mms-route-details .mms-lookup-change-date .fas.fa-chevron-right {
    padding-left: .5em
}

#mms-delivery-details {
    height: 100vh
}

#mms-delivery-details .mms-delivery-details-information {
    display: flex;
    flex-direction: row;
    padding: 0 1em
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-information-text {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-route,
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-customer-name {
    flex: 1
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-customer-name:hover,
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-customer-address:hover {
    color: #007bff;
    cursor: pointer
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper {
    display: flex;
    flex-direction: row;
    padding-left: 1em
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-map,
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-contact,
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-skip,
#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-edit {
    width: 2.2em;
    height: 2.2em;
    border: none;
    border-radius: 2em;
    color: white;
    padding: 0.4em;
    margin-left: 0.5em;
    text-align: center
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-map {
    background: #FF8400
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-contact {
    background: #18AC38
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-skip {
    background: #DC3545
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-edit {
    background: #007bff
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-map:hover {
    background: #cc6a00;
    cursor: pointer
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-contact:hover {
    background: #127f29;
    cursor: pointer
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-skip:hover {
    background: #bd2130;
    cursor: pointer
}

#mms-delivery-details .mms-delivery-details-information .mms-delivery-details-header-date-button-wrapper .mms-delivery-details-edit:hover {
    background: #0062cc;
    cursor: pointer
}

#mms-delivery-details .mms-delivery-details-header {
    flex-direction: column;
    display: flex
}

#mms-delivery-details .mms-delivery-details-header .mms-delivery-details-invoice-status {
    text-align: center;
    border-top: thin solid #FFFFFF;
    padding: 0.3em
}

#mms-delivery-details .mms-delivery-details-header .mms-delivery-details-invoice-date {
    flex: 1
}

#mms-delivery-details .mms-delivery-details-invoice-header {
    display: flex;
    padding-left: 1em;
    padding-right: 1em;
    flex-direction: column
}

#mms-delivery-details .mms-delivery-details-invoice-header .mms-delivery-details-route {
    text-align: left
}

#mms-delivery-details .mms-delivery-details-invoice-header .mms-delivery-details-customer-name {
    text-align: left
}

#mms-delivery-details .mms-delivery-details-invoice-header .mms-delivery-details-customer-address {
    text-align: left
}

#mms-delivery-details .mms-delivery-details-invoice-header .mms-delivery-details-table-headers {
    padding: 0.5em 0 0.5em 0
}

#mms-delivery-details .mms-delivery-details-line-items {
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 1em
}

#mms-delivery-details .mms-delivery-details-line-items .mms-delivery-details-table-headers {
    padding: 0.5em 1em 0.5em 0
}

#mms-delivery-details .mms-delivery-details-line-items .mms-delivery-details-table-container {
    overflow-y: scroll;
    height: 30vh
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-headers {
    background: #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white
}

@media (max-width: 850px) {
    #mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-headers {
        display: none
    }
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-headers-small {
    background: #BE009E;
    display: none;
    flex-direction: row;
    font-weight: bold;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white
}

@media (max-width: 850px) {
    #mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-headers-small {
        display: flex
    }
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-container {
    border: thin solid #BE009E;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-container div:nth-child(even) {
    background: #f3f3f3
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-table-row {
    display: flex;
    flex-direction: row
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-account-number {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-invoice-number {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-invoice-date {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-code {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-description {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-quantity {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-price {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-product-total {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-contact-name {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-contact-phone {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-credit-class {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-table .mms-delivery-details-exact {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-delivery-details .mms-delivery-details-footer {
    display: flex;
    padding-right: 1em;
    flex-direction: column
}

#mms-delivery-details .mms-delivery-details-footer .mms-delivery-details-footer-row {
    margin-left: auto
}

#mms-delivery-details .mms-delivery-details-footer .mms-delivery-details-footer-row .mms-delivery-details-footer-title {
    font-weight: bold
}

#mms-delivery-details .mms-delivery-details-footer .mms-delivery-details-footer-row .mms-delivery-details-footer-number {
    font-weight: bold
}

#mw-mms-auth-page {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #1230BC;
    min-height: 100vh;
    max-width: 100vw;
    width: 100vw;
    display: -webkit-flex
}

#mw-mms-auth-page .mw-mms-auth-login {
    display: flex;
    min-width: 300px;
    max-width: 400px;
    background: white;
    padding: 25px;
    border: 1px solid #c8c8c8;
    flex-direction: column;
    margin: auto
}

#mw-mms-auth-page .mw-mms-page-link {
    background: #1230BC;
    color: white;
    padding: .2em;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin: 1em;
    text-decoration: underline
}

#mw-mms-auth-page .mw-mms-auth-button-label {
    text-align: left;
    width: 100%;
    margin-top: .5em
}

@media (min-width: 500px) {
    #mw-mms-auth-page .mw-mms-auth-button-label {
        text-align: right
    }
}

#mw-mms-auth-page .mw-mms-auth-button {
    text-align: center;
    background: #1230BC;
    color: white;
    padding: 0.375em 0.75em;
    font-size: 1em;
    border-radius: 0.3em;
    border: 1px solid transparent;
    width: 100%
}

@media (min-width: 500px) {
    #mw-mms-auth-page .mw-mms-auth-button {
        width: 10em;
        margin-left: .7em
    }
}

#mw-mms-auth-page .form-control {
    width: 100%
}

#mw-mms-auth-page .mw-captcha .form-control {
    display: inline-block;
    width: 35%
}

#mw-mms-login {
    display: flex;
    min-width: 300px;
    max-width: 400px;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: white;
    flex-direction: column
}

#mw-mms-login .mw-captcha-image {
    margin: 0
}

#mw-mms-login .mw-mms-captcha {
    display: flex;
    flex-direction: row
}

#mw-mms-login .mw-mms-captcha input {
    width: 35%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#mw-mms-login div.form-group {
    margin-bottom: 5px
}

#mw-mms-login label {
    font-size: 14px;
    color: #4b4b4b;
    margin: 0.5em 0
}

#mw-mms-login .mw-mms-input {
    display: flex;
    flex: 1
}

#mw-mms-login .mw-mms-password {
    display: flex;
    flex-direction: row
}

#mw-mms-login .mw-mms-form {
    width: 100%
}

#mw-mms-login .mw-mms-form .mw-mms-login-supervisor-logo {
    margin-left: 25%
}

#mw-mms-login .mw-mms-form .mw-mms-error {
    color: red
}

#mw-mms-login .mw-mms-form .btn-link {
    padding: 0.5em 0
}

#mw-mms-login .mw-mms-sign-in {
    background: #1230BC;
    color: white;
    float: right;
    margin-top: 1em;
    width: 100%
}

@media (min-width: 500px) {
    #mw-mms-login .mw-mms-sign-in {
        width: unset;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

#mw-mms-login .mw-auth-build {
    display: none;
    margin-top: 1em;
    align-self: flex-end;
    font-size: 1.1em
}

#mw-mms-login .mw-auth-copyright {
    align-self: flex-end;
    font-size: 0.8em;
    margin-top: 1em
}

#mw-mms-login .mw-auth-copyright i {
    margin-right: 0.3em
}

.mms-input {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mms-input .mms-input-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 20em
}

.mms-input .mms-input-dialog .mms-input-header {
    background: #1230BC;
    color: white;
    text-align: center
}

.mms-input .mms-input-dialog .mms-input-header .mms-input-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mms-input .mms-input-dialog .mms-input-body-table {
    display: table;
    margin-top: 1em;
    padding: 0.5em;
    overflow: hidden;
    width: 100%
}

.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-image {
    width: 5em
}

.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell {
    display: table-cell;
    vertical-align: middle
}

.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-image {
    width: 5em;
    height: 5em;
    margin: .2em
}

.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-text-wrapper {
    padding: 0.2em;
    max-height: 60vh;
    overflow: auto;
    display: block
}

.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-text-wrapper .mms-input-text-block {
    align-self: center;
    text-align: left
}

.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-text-wrapper .sub-block {
    margin-top: 1em
}

.mms-input .mms-input-dialog .mms-input-body-table .mms-input-body-cell .mms-input-text-result {
    text-align: center
}

.mms-input .mms-input-dialog .mms-input-footer-right-align,
.mms-input .mms-input-dialog .mms-input-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    margin: 1em .5em .5em .5em
}

.mms-input .mms-input-dialog .mms-input-footer-right-align button,
.mms-input .mms-input-dialog .mms-input-footer button {
    margin-left: 1em
}

.mms-input .mms-input-dialog .mms-input-footer-right-align {
    justify-content: flex-end
}

.mms-input .mms-input-dialog .mms-input-footer {
    justify-content: space-between
}

#mms-color-key {
    height: 100vh
}

#mms-color-key .mms-color-key-routes,
#mms-color-key .mms-color-key-stops,
#mms-color-key .mms-color-key-flags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#mms-color-key .mms-color-key-routes .mms-color-key-title,
#mms-color-key .mms-color-key-stops .mms-color-key-title,
#mms-color-key .mms-color-key-flags .mms-color-key-title {
    background: #BE009E;
    color: white;
    padding-left: 1em;
    flex: 100%
}

#mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper,
#mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper,
#mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper {
    display: flex;
    flex-direction: row;
    flex: 33%;
    margin-bottom: .5em
}

@media (max-width: 1000px) {
    #mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper,
    #mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper,
    #mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper {
        flex: 50%
    }
}

@media (max-width: 500px) {
    #mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper,
    #mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper,
    #mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper {
        flex: 100%
    }
}

#mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper .color-key-button,
#mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper .color-key-button,
#mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper .color-key-button {
    width: 2em;
    height: 2em;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-left: 1em;
    margin-right: 2em;
    border: 1px solid black
}

#mms-color-key .mms-color-key-routes .mms-color-key-color-wrapper .mms-color-key-label,
#mms-color-key .mms-color-key-stops .mms-color-key-color-wrapper .mms-color-key-label,
#mms-color-key .mms-color-key-flags .mms-color-key-color-wrapper .mms-color-key-label {
    width: fit-content;
    flex: 90%
}

#mms-unscheduled-orders {
    display: flex;
    flex-direction: column;
    flex: 1
}

#mms-unscheduled-orders .mw-progress-container {
    position: unset;
    width: unset
}

#mms-unscheduled-orders .mms-unscheduled-orders-date {
    width: 100%;
    padding-right: 1em;
    text-align: right
}

#mms-unscheduled-orders .mms-unscheduled-order-lookup-search {
    display: flex;
    flex-direction: row;
    margin: 1em
}

#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .mms-unscheduled-order-lookup-search-section {
    display: flex;
    flex-direction: row;
    flex: 1
}

#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .mms-unscheduled-order-lookup-search-dropdown {
    margin-right: 1em;
    flex: 1;
    background: #f3f3f3
}

#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .form-control.mms-unscheduled-order-lookup-search-text {
    margin-right: 0.5em;
    flex: 1
}

#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .mms-unscheduled-order-lookup-search-button {
    background: #1230BC;
    width: 2.2em;
    height: 2.2em;
    border: none;
    border-radius: 2em;
    color: white;
    padding: 0
}

#mms-unscheduled-orders .mms-unscheduled-order-lookup-search .mms-unscheduled-order-lookup-search-button i {
    margin: auto;
    font-size: 1.25em
}

#mms-unscheduled-orders .mms-lookup-header {
    margin: 0 1em;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white
}

@media (max-width: 850px) {
    #mms-unscheduled-orders .mms-lookup-header {
        display: none
    }
}

#mms-unscheduled-orders .mms-lookup-icons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly
}

#mms-unscheduled-orders .mms-lookup-icons .mms-lookup-icon-circle {
    border: 1px solid;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    text-align: center;
    padding: .25em;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    background: white
}

#mms-unscheduled-orders .mms-lookup-icons .mms-lookup-icon-high-priority {
    border-color: red;
    color: red
}

#mms-unscheduled-orders .mms-lookup-icons .mms-lookup-icon-high-priority i {
    font-size: 1.5em
}

#mms-unscheduled-orders .mms-lookup-icons .mms-lookup-icon-exact-date {
    border-color: black;
    color: #ffed75
}

#mms-unscheduled-orders .mms-lookup-header .mms-lookup-section-id,
#mms-unscheduled-orders .mms-lookup-route .mms-lookup-section-id {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-unscheduled-orders .mms-lookup-header .mms-lookup-stop-number,
#mms-unscheduled-orders .mms-lookup-route .mms-lookup-stop-number {
    flex: .5;
    margin: 0;
    padding: 0 0.3em
}

#mms-unscheduled-orders .mms-lookup-header .mms-lookup-delivery-name,
#mms-unscheduled-orders .mms-lookup-route .mms-lookup-delivery-name {
    flex: 3;
    margin: 0;
    padding: 0 0.3em
}

#mms-unscheduled-orders .mms-lookup-header .mms-lookup-city,
#mms-unscheduled-orders .mms-lookup-route .mms-lookup-city {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-unscheduled-orders .mms-lookup-header .mms-lookup-state,
#mms-unscheduled-orders .mms-lookup-route .mms-lookup-state {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-unscheduled-orders .mms-lookup-header .mms-lookup-postal-code,
#mms-unscheduled-orders .mms-lookup-route .mms-lookup-postal-code {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-unscheduled-orders .mms-lookup-header .mms-lookup-sales,
#mms-unscheduled-orders .mms-lookup-route .mms-lookup-sales {
    flex: 1.5;
    margin: 0;
    padding: 0 0.3em
}

#mms-unscheduled-orders .mms-lookup-header .mms-lookup-icons,
#mms-unscheduled-orders .mms-lookup-route .mms-lookup-icons {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-unscheduled-orders .mms-lookup-container {
    margin: 0 1em;
    overflow-y: scroll;
    flex: 1;
    border: thin solid #BE009E
}

@media (max-width: 850px) {
    #mms-unscheduled-orders .mms-lookup-container {
        margin-top: 1em
    }
}

#mms-unscheduled-orders .mms-lookup-container a {
    color: inherit
}

#mms-unscheduled-orders .mms-lookup-container a:hover {
    color: #1230BC
}

#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #d8d8d8
}

#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route label {
    cursor: pointer
}

@media (max-width: 850px) {
    #mms-unscheduled-orders .mms-lookup-container .mms-lookup-route {
        display: none
    }
}

@media (max-width: 1300px) {
    #mms-unscheduled-orders .mms-lookup-container .mms-lookup-route {
        font-size: .90em
    }
}

@media (max-width: 1000px) {
    #mms-unscheduled-orders .mms-lookup-container .mms-lookup-route {
        font-size: .80em
    }
}

#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small {
    display: none;
    flex-direction: column;
    padding: 1em;
    border-bottom: thin solid #c8c8c8
}

#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small .mms-lookup-section-id {
    font-weight: bold;
    border-bottom: 1px solid black;
    padding-bottom: .5em;
    margin-bottom: 0
}

#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small .mms-lookup-delivery-address {
    margin-bottom: 0
}

#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small .mms-lookup-city {
    margin-bottom: 0
}

#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small .mms-lookup-sales {
    margin-bottom: 0
}

@media (max-width: 850px) {
    #mms-unscheduled-orders .mms-lookup-container .mms-lookup-route-small {
        display: flex
    }
}

#mms-unscheduled-orders .mms-lookup-container .mms-lookup-route:hover {
    color: #007bff;
    background: #f3f3f3
}

#mms-unscheduled-orders .mms-unscheduled-order-record-count {
    margin: 0.5em 1em 1em 1em
}

@media (max-width: 500px) {
    #mms-unscheduled-orders .mms-unscheduled-orders-lookup-search {
        flex-direction: column;
        margin-bottom: 0
    }
    #mms-unscheduled-orders .mms-unscheduled-orders-lookup-search select {
        margin-bottom: 0.5em
    }
}

.mms-schedule-order {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mms-schedule-order .fc-nextYear-button,
.mms-schedule-order .fc-prevYear-button {
    display: none
}

.mms-schedule-order .mms-schedule-order-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 600px;
    max-width: 35em;
    max-height: 98%;
    display: flex;
    flex-direction: column
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-header {
    background: #1230BC;
    color: white;
    text-align: center;
    flex: 0 0 auto
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-header .mms-schedule-order-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper {
    display: flex;
    flex-direction: column;
    margin: 1em;
    flex: 0 0 auto
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-schedule-order-today-date {
    padding-top: 0.5em;
    text-align: center
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-schedule-order-today-date-small {
    display: none
}

@media (max-height: 750px) {
    .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper {
        flex-direction: row
    }
    .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-lookup-search-route,
    .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-schedule-order-today-date-small {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        padding: 0 .4em;
        margin: 0
    }
    .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-lookup-search-select {
        flex: 1
    }
    .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-route-wrapper .mms-schedule-order-today-date {
        display: none
    }
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body .mms-schedule-order-body-delivery-calendar {
    padding: 0.5em;
    overflow: auto
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body-extra {
    display: flex;
    justify-content: center
}

@media (min-height: 750px) {
    .mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body-extra {
        display: none
    }
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-body-extra i {
    font-size: 1.5em;
    color: #1230BC
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-footer {
    display: flex;
    flex-direction: row;
    margin: 0.5em;
    float: right;
    flex: 0 0 auto;
    justify-content: flex-end
}

.mms-schedule-order .mms-schedule-order-dialog .mms-schedule-order-footer .btn {
    margin-left: 0.5em
}

@media (max-width: 700px) {
    .mms-schedule-order .mms-schedule-order-dialog {
        min-width: 100%;
        max-width: 100%
    }
}

#mms-about {
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

#mms-about .mms-about-wrapper {
    display: flex;
    flex-direction: column;
    border: 1px solid black;
    align-self: center;
    width: fit-content;
    border-radius: .5em;
    padding: 1em;
    margin: auto;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12)
}

#mms-about .mms-about-wrapper .mms-about-header {
    display: flex;
    flex-direction: row
}

#mms-about .mms-about-wrapper .mms-about-bold {
    font-weight: bold
}

#mms-about .mms-about-wrapper .mms-about-copyright {
    font-weight: bold
}

#mms-truck-tracking {
    height: 100vh;
    width: 100vw
}

#mms-truck-tracking .mms-truck-tracking-here-maps {
    height: 100%;
    width: 100%
}

#mms-truck-tracking .here-maps-info-bubble-row {
    display: flex;
    flex-direction: row;
    width: 20em
}

#mms-truck-tracking .here-maps-info-bubble-row .here-maps-info-bubble-title {
    font-weight: bold;
    margin: 0;
    margin-right: .2em
}

#mms-truck-tracking .here-maps-info-bubble-row .here-maps-info-bubble-text {
    margin: 0
}

#mms-plot-stops {
    height: 100vh;
    width: 100vw
}

#mms-plot-stops .mms-plot-stops-here-maps {
    height: 100%;
    width: 100%
}

#mms-plot-stops .here-maps-info-bubble-row {
    display: flex;
    flex-direction: row;
    width: 20em
}

#mms-plot-stops .here-maps-info-bubble-row .here-maps-info-bubble-title {
    font-weight: bold;
    margin: 0;
    margin-right: .2em
}

#mms-plot-stops .here-maps-info-bubble-row .here-maps-info-bubble-text {
    margin: 0
}

.date-picker-wrapper {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.date-picker-wrapper .date-picker-hidden-input {
    height: 24px;
    font-size: 999em;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    cursor: pointer
}

.date-picker-wrapper .date-picker-date-label {
    border: 1px solid #ced4da;
    border-radius: 0.25em;
    cursor: pointer;
    color: #495057
}

.date-picker-wrapper .date-picker-date-label-hover {
    color: #007bff;
    border-color: #007bff;
    cursor: pointer
}

#mms-notes {
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

#mms-notes .mms-notes-header {
    margin-top: 0.5em;
    text-align: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    color: #6b6b6b;
    border-bottom: thin solid #e3e3e3;
    flex: 1
}

#mms-notes .mms-notes-header .mms-notes-header-name {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0
}

#mms-notes .mms-notes-container {
    overflow-y: auto;
    flex: 10
}

#mms-notes .mms-notes-container .mms-notes-user,
#mms-notes .mms-notes-container .mms-notes-driver {
    margin: 0.5em 1em;
    border-radius: 0.25em;
    padding: 0.3em
}

#mms-notes .mms-notes-container .mms-notes-user .mms-notes-note-header .mms-notes-name,
#mms-notes .mms-notes-container .mms-notes-driver .mms-notes-note-header .mms-notes-name {
    font-weight: bold
}

#mms-notes .mms-notes-container .mms-notes-user .mms-notes-note-header .mms-notes-time,
#mms-notes .mms-notes-container .mms-notes-driver .mms-notes-note-header .mms-notes-time {
    font-size: 0.8em
}

#mms-notes .mms-notes-container .mms-notes-user .mms-notes-note-header .mms-notes-time,
#mms-notes .mms-notes-container .mms-notes-driver .mms-notes-note-header .mms-notes-time {
    font-size: 0.8em;
    color: #495057
}

#mms-notes .mms-notes-container .mms-notes-user .mms-notes-note-header label,
#mms-notes .mms-notes-container .mms-notes-driver .mms-notes-note-header label {
    margin: 0
}

#mms-notes .mms-notes-container .mms-notes-user label,
#mms-notes .mms-notes-container .mms-notes-driver label {
    margin: 0
}

#mms-notes .mms-notes-container .mms-notes-user {
    background: #e3e3e3
}

#mms-notes .mms-notes-input {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    margin: 1em
}

#mms-notes .mms-notes-input .mms-notes-send {
    width: fit-content;
    height: fit-content;
    align-self: flex-end;
    background: transparent;
    border: none;
    color: #007bff;
    font-size: 2em
}

#mms-truck-status {
    height: 100vh;
    overflow: hidden
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-header {
    flex-direction: row;
    display: flex;
    margin: 1em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-header .mms-route-status {
    flex: 1
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-route {
    margin-left: 1em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper {
    display: flex;
    flex-direction: row;
    margin: 1em 1em 0
}

@media (max-width: 400px) {
    #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper {
        flex-direction: column
    }
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper .mms-truck-status-information-column {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper .mms-truck-status-information-column .mms-truck-status-infromation-row {
    display: flex;
    flex-direction: row
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper .mms-truck-status-information-column .mms-truck-status-infromation-row .mms-truck-status-information-title {
    font-weight: bold;
    flex: 0 0 50%
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-information-wrapper .mms-truck-status-information-column .mms-truck-status-infromation-row .mms-truck-status-information-data {
    flex: 0 0 50%
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper {
    margin: 1em 1em 0
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-header {
    background: #808080;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: #FFFFFF
}

@media (max-width: 850px) {
    #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-header .mms-truck-status-load-id,
    #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-header .mms-truck-status-load-description {
        display: none
    }
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container {
    border: 1px solid black;
    border-top: unset;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    padding-bottom: 0.5em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container>div:nth-child(even) {
    background: lightgray
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container>div {
    padding-right: 1em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container .mms-truck-status-load-route {
    display: flex;
    flex-direction: row;
    padding: 0.2em 0
}

@media (max-width: 850px) {
    #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container .mms-truck-status-load-route {
        display: none
    }
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container .mms-truck-status-load-small-wrapper {
    display: none
}

@media (max-width: 850px) {
    #mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-container .mms-truck-status-load-small-wrapper {
        display: flex;
        flex-direction: column
    }
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-route-small {
    display: flex;
    flex-direction: row;
    padding: 0.2em 0
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-id {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-description {
    flex: 3;
    margin: 0;
    padding: 0 0.3em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-loaded {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-sold {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-available {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-truck-status .mms-truck-status-wrapper .mms-truck-status-load-wrapper .mms-truck-status-load-committed {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

#mms-truck-status .mms-truck-status-no-data {
    margin-left: 1em
}

#mms-profiles {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1em
}

#mms-profiles .mms-profiles-description {
    display: flex;
    flex: 1;
    padding: 0 0.5em;
    overflow: hidden
}

#mms-profiles .mms-profiles-header,
#mms-profiles .mms-profiles-header-small {
    background: #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white
}

#mms-profiles .mms-profiles-header-small {
    display: none
}

#mms-profiles .mms-profiles-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: thin solid #BE009E;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    overflow: auto
}

#mms-profiles .mms-profiles-details .mms-profiles-row {
    display: flex;
    flex-direction: row;
    padding: 0.2em 0;
    border-bottom: thin solid #c8c8c8;
    max-height: 32px;
    min-height: 32px
}

#mms-profiles .mms-profiles-details .mms-profiles-row:hover {
    cursor: pointer
}

#mms-profiles .mms-profiles-details .selected {
    background: #c0deff
}

#mms-profiles .mms-profiles-toolbar {
    margin: 0.5em 0;
    text-align: right
}

@media (max-width: 700px) {
    #mms-profiles .mms-profiles-body {
        font-size: 0.9em
    }
    #mms-profiles .mms-profiles-body .mms-profiles-details {
        height: 70vh
    }
}

@media (max-width: 600px) {
    #mms-profiles .mms-profiles-body {
        font-size: 0.9em
    }
    #mms-profiles .mms-profiles-body .mms-profiles-header {
        display: none
    }
    #mms-profiles .mms-profiles-body .mms-profiles-header-small {
        display: flex
    }
}

.mms-create-profile {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.mms-create-profile .mms-create-profile-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #1230BC;
    border-radius: 0.3em;
    min-width: 500px;
    max-width: 500px;
    max-height: 80%;
    display: flex;
    flex-direction: column;
    flex: 1
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-header {
    background: #1230BC;
    text-align: center
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-header .mms-create-profile-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.2em;
    color: white
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile {
    flex-direction: column;
    overflow-y: auto;
    padding: 1em
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-filter-column {
    display: flex;
    flex-direction: column
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-description-row {
    margin-bottom: 2em
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-description-row,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-filter-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-description-row .mms-drop-down-checkbox-wrapper,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-filter-row .mms-drop-down-checkbox-wrapper {
    background: white;
    color: black;
    border-color: #c3d4da
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-filter-checkbox {
    display: flex;
    flex-direction: row;
    margin: 0.5em 0
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile label {
    color: black;
    margin: 0;
    color: black;
    margin: 0;
    font-size: 1em;
    padding: 0;
    flex: 1;
    margin-bottom: 0.3em
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-modify-profile .mms-create-profile-drop-down-checkbox {
    flex: 2
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles {
    display: flex;
    flex-direction: column;
    border: thin solid #008080;
    border-radius: 0.5em
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-header {
    color: white;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    background: #BE009E;
    padding: .3em
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-details {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 30em;
    overflow: auto;
    margin-bottom: 1em;
    padding: .3em
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-details .mms-create-profile-available-profiles-details-row {
    color: black;
    display: flex;
    flex-direction: row;
    cursor: pointer
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-details .mms-create-profile-available-profiles-details-row:hover {
    color: #007bff
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-description {
    flex: 2
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-owner {
    flex: 1
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-branch,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-route,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-route-type,
.mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-field-skills {
    flex: 1
}

@media (max-width: 750px) {
    .mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-branch,
    .mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-route,
    .mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-route-type,
    .mms-create-profile .mms-create-profile-dialog .mms-create-profile-available-profiles .mms-create-profile-available-profiles-field-skills {
        display: none
    }
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-footer {
    margin-top: 1em;
    padding: 0.5em;
    float: right
}

.mms-create-profile .mms-create-profile-dialog .mms-create-profile-footer .mms-create-profile-button {
    min-width: 2em;
    min-height: 2em
}

@media (max-width: 600px) {
    .mms-create-profile .mms-create-profile-dialog {
        min-width: 98%;
        max-width: 98%
    }
}

.mms-drop-down-checkbox {
    cursor: pointer
}

.mms-drop-down-checkbox .fade-enter-active,
.mms-drop-down-checkbox .fade-leave-active {
    transition: opacity .5s
}

.mms-drop-down-checkbox .fade-enter,
.mms-drop-down-checkbox .fade-leave-to {
    opacity: 0
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-error-message {
    position: absolute;
    z-index: 100;
    padding: 8px;
    font-size: .9em;
    color: white;
    border-radius: 10px;
    background: linear-gradient(#1230BC, #BE009E);
    margin-top: 1em
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-error-message:after {
    top: -19px;
    right: 170px;
    bottom: auto;
    left: auto;
    border-width: 20px 20px 0 0;
    border-color: transparent #1230BC;
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper {
    position: relative;
    color: #000;
    width: 100%;
    border-radius: 5px
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-text-wrapper {
    display: flex;
    flex-direction: row;
    padding: 0.2em;
    min-height: 32px
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-text {
    max-height: 1.5em;
    overflow: hidden
}

.mms-drop-down-checkbox .fa-chevron-down {
    align-self: center;
    margin-left: auto
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper,
.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper .mms-drop-down-checkbox-list {
    border: 1px solid #000;
    background: #BE009E;
    padding: 0.2em 0.5em;
    height: 100%
}

.mms-drop-down-checkbox .btn.mms-drop-down-checkbox-select-all {
    color: white;
    flex: 1;
    margin: 0;
    padding: 0;
    font-size: 1em;
    background: inherit;
    border: none;
    text-align: inherit
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper .mms-drop-down-checkbox-list {
    position: absolute;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    left: 0;
    height: auto;
    border-color: #000;
    overflow: auto;
    max-height: 25em;
    background-clip: padding-box;
    z-index: 100
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper .mms-drop-down-checkbox-list.pop-above {
    bottom: 100%
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .3em
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-list-item .mms-drop-down-checkbox-wrapper .mw-checkbox {
    float: left
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-list-item .mms-drop-down-checkbox-display-column-group {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-list-item .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column {
    flex: 1;
    margin: 0;
    padding: 0;
    font-size: 1em
}

.mms-drop-down-checkbox .mms-drop-down-checkbox-wrapper .mms-drop-down-checkbox-list-item:nth-child(n+2) {
    border-top: 1px solid silver
}

.mfs-button-toggle .mfs-button-toggle-wrapper {
    background: #f3f3f3;
    color: #1230BC;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0.5em
}

.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button {
    background: #000;
    border-bottom: thin solid #6c757d;
    border-top: thin solid #6c757d;
    border-right: thin solid #6c757d;
    border-radius: unset;
    font-weight: bold
}

.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button.mfs-button-toggle-button-selected {
    background: #1230BC;
    color: white;
    border: none
}

.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem
}

.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-left: thin solid #6c757d
}

.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button:hover {
    background: #000
}

.mfs-button-toggle .mfs-button-toggle-wrapper .mfs-button-toggle-button-selected:hover {
    background: #005e8d
}

.form-control.time-input {
    display: flex;
    flex-direction: row;
    width: min-content
}

.form-control.time-input .time-input-field {
    width: 5em;
    padding: 0;
    border-width: initial;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    outline: none
}

.form-control.time-input .time-input-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.mfs-sales-manager {
    display: flex
}

.mfs-sales-manager .mfs-sales-manager-console {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 0;
    -webkit-transition: width 1s;
    transition: width 1s;
    border-right: solid 1px #BE009E
}

.mfs-sales-manager .mfs-sales-manager-console .toggle-close {
    display: none
}

@media (max-width: 500px) {
    .mfs-sales-manager .mfs-sales-manager-console .toggle-close {
        display: flex
    }
}

.mfs-sales-manager .mfs-sales-manager-console.console-open {
    width: 20em
}

@media (max-width: 500px) {
    .mfs-sales-manager .mfs-sales-manager-console.console-open {
        width: 100%
    }
}

.mfs-sales-manager .mfs-sales-manager-console.console-open .mfs-sales-manager-filters {
    overflow: auto;
    display: flex;
    flex: 1
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options {
    display: flex;
    flex-direction: column;
    padding: .6em .6em .2em .6em
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-date {
    display: flex;
    flex-direction: row;
    align-items: center
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-date .mfs-sales-manager-date-label {
    margin-bottom: 0;
    margin-right: .6em
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-date .mfs-sales-manager-date-input {
    flex: 1
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-checkbox {
    margin-top: .4em;
    margin-bottom: 0;
    padding-left: 2.6em;
    display: flex;
    align-items: center
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .btn {
    margin-top: .4em
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-no-data-found {
    margin-bottom: 0;
    margin-top: .4em;
    display: flex;
    justify-content: center;
    font-weight: bold;
    color: red
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options .mfs-sales-manager-options-end {
    margin-top: .4em;
    border-bottom: solid 4px #1230BC
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-filters {
    flex-direction: column;
    padding: 0.2em 0.6em 0.6em 0.6em;
    overflow: hidden;
    display: none
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-filters .mfs-sales-manager-filter {
    margin-bottom: .6em
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-routes .mms-drop-down-checkbox-display-column-group {
    flex-direction: column;
    align-items: flex-start
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-source-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-status-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-class-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-close-time-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-follow-up-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-funnel-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-existing-supplier-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-loss-reason-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-target-items-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-user-defined-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child,
.mfs-sales-manager .mfs-sales-manager-console .mfs-prospect-visit-codes .mms-drop-down-checkbox-display-column-group .mms-drop-down-checkbox-display-column:first-child {
    flex: .5
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options-close-wrapper {
    display: none;
    justify-content: flex-end;
    margin-bottom: .2em;
    flex: 0
}

.mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options-close-wrapper .toggle-close-text {
    margin-left: .2em
}

@media (max-width: 500px) {
    .mfs-sales-manager .mfs-sales-manager-console .mfs-sales-manager-options-close-wrapper {
        display: flex
    }
}

.mfs-sales-manager .mfs-sales-manager-content {
    flex: 1;
    display: flex;
    flex-direction: column
}

@media (max-width: 500px) {
    .mfs-sales-manager .mfs-sales-manager-content.console-open .mfs-sales-manager-map-container .mfs-sales-manager-console-expand {
        display: none
    }
}

@media (max-width: 500px) {
    .mfs-sales-manager .mfs-sales-manager-content.console-open .mfs-sales-manager-prospect-activity {
        display: none
    }
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-map-container {
    display: flex;
    position: relative;
    flex: 1
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-map-container .mfs-sales-manager-console-expand {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    height: 5em;
    display: flex;
    width: 2em;
    align-items: center;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    justify-content: center;
    -webkit-transition: left 1s;
    transition: left 1s;
    border: solid 1px #BE009E;
    border-left: initial
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-map-container .mfs-sales-manager-map {
    width: 100%;
    height: 100%
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity {
    max-height: 40%;
    display: flex;
    flex-direction: column
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-time {
    flex: 1;
    margin: 0;
    padding: 0 0.3em
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-name {
    flex: 2;
    margin: 0;
    padding: 0 0.3em
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-address {
    flex: 5;
    margin: 0;
    padding: 0 0.3em
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-visit-reason {
    flex: 2;
    margin: 0;
    padding: 0 0.3em
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details {
    width: 6em;
    margin: 0;
    padding: 0 0.3em;
    text-align: center;
    display: flex;
    justify-content: space-evenly
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fas {
    font-size: 1.5em
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-sticky-note,
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-info-circle {
    cursor: pointer;
    color: #495057
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-sticky-note:hover,
.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-info-circle:hover {
    color: #007bff;
    background: #f3f3f3
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-map-marker {
    color: gray
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .activity-more-details .fa-map-marker.mapped {
    color: turquoise
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-header {
    flex: 0;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    padding: 0.2em 0 0.2em 0;
    border-top-right-radius: 0.25em;
    border-top-left-radius: 0.25em;
    color: white
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container {
    flex: 1;
    overflow-y: auto;
    border: thin solid #BE009E;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    display: flex;
    flex-direction: column;
    flex: 1;
    color: #495057;
    background: #f3f3f3
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container .mfs-sales-manager-prospect-activity-row {
    display: flex;
    flex-direction: row;
    padding: 0.5em 0;
    border-bottom: thin solid #d8d8d8;
    background: white
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container .mfs-sales-manager-prospect-activity-row label {
    cursor: pointer;
    align-self: center
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container .mfs-sales-manager-prospect-activity-row:hover {
    color: #007bff;
    background: #f3f3f3
}

.mfs-sales-manager .mfs-sales-manager-content .mfs-sales-manager-prospect-activity .mfs-sales-manager-prospect-activity-container .mfs-sales-manager-prospect-activity-no-visit-data {
    display: flex;
    padding: 2em
}

.mfs-sales-manager .here-maps-info-bubble-row {
    display: flex;
    flex-direction: row;
    width: 20em
}

.mfs-sales-manager .here-maps-info-bubble-row .here-maps-info-bubble-title {
    font-weight: bold;
    margin: 0;
    margin-right: .2em
}

.mfs-sales-manager .here-maps-info-bubble-row .here-maps-info-bubble-text {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.mfs-sales-manager .here-maps-info-bubble-row .here-maps-info-bubble-button {
    margin-top: .2em;
    font-size: 14px;
    margin-right: .6em
}

.mw-mango-doc-viewer .mw-progress-loading-bar {
    margin-top: 1em
}

.mw-mango-doc-viewer .marker {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0
}

.mw-mango-doc-viewer .marker.required span {
    color: #FFFF00
}

.mw-mango-doc-viewer .marker span {
    position: absolute;
    top: .2em;
    left: .3em;
    font-size: 1.74em;
    color: #FF8800
}

.mw-mango-doc-viewer .marker.hide {
    visibility: hidden
}

.mw-mango-doc-viewer .marker .button-panel {
    display: flex;
    flex-direction: row
}

.mw-mango-doc-viewer .marker .button-panel button {
    flex: 1;
    margin: .3em
}

.mw-mango-doc-viewer .marker .button-panel .hide {
    visibility: hidden
}

.mw-mango-doc-viewer .docmargins {
    overflow: hidden;
    background: #585858;
    padding: 1em 10em 5em 10em
}

@media (max-width: 1500px) {
    .mw-mango-doc-viewer .docmargins {
        padding: 1em 1em 5em 10em
    }
}

@media (max-width: 700px) {
    .mw-mango-doc-viewer .docmargins {
        padding: 1em .1em 5em 10em
    }
}

.mw-mango-doc-viewer .document {
    background: #FFFFFF;
    padding: 1em 1em 0 1em
}

@media (max-width: 700px) {
    .mw-mango-doc-viewer .document {
        margin: 0
    }
}

.mw-mango-doc-viewer .document .document-page {
    overflow: auto;
    overflow-y: hidden
}

.mw-mango-doc-viewer .document .mango-doc-control.checkbox.required:not(.save) {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.074), 0 0 8px rgba(255, 0, 0, 0.9)
}

.mw-mango-doc-viewer .document .mango-doc-control.required:not(.save) select,
.mw-mango-doc-viewer .document .mango-doc-control.required:not(.save) input {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.074), 0 0 8px rgba(255, 0, 0, 0.9)
}

.mw-mango-doc-viewer .document .mango-doc-control.required:not(.save) select {
    background: white
}

.mw-mango-doc-viewer .document .mango-doc-control.initials.required:not(.save) a,
.mw-mango-doc-viewer .document .mango-doc-control.initials.required:not(.save) span,
.mw-mango-doc-viewer .document .mango-doc-control.signature.required:not(.save) a,
.mw-mango-doc-viewer .document .mango-doc-control.signature.required:not(.save) span,
.mw-mango-doc-viewer .document .mango-doc-control.draw.required:not(.save) a,
.mw-mango-doc-viewer .document .mango-doc-control.draw.required:not(.save) span {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.074), 0 0 8px rgba(255, 0, 0, 0.9);
    margin: .3em 0
}

.mw-mango-doc-viewer .document .signature .link {
    background: #ffff74;
    padding: 3em 0 0 0;
    display: inline-block;
    text-decoration: none
}

.mw-mango-doc-viewer .document .signature img {
    height: 7em
}

.mw-mango-doc-viewer .document .signature.size2 .link {
    padding: 5em 0 0 0
}

.mw-mango-doc-viewer .document .signature.size2 img {
    height: 11em
}

.mw-mango-doc-viewer .document .signature.size3 .link {
    padding: 7em 0 0 0
}

.mw-mango-doc-viewer .document .signature.size3 img {
    height: 15em
}

.mw-mango-doc-viewer .document .signature.save .link {
    background: #ffffff;
    padding: 0;
    text-decoration: none
}

.mw-mango-doc-viewer .document .initials .link {
    display: inline-block;
    background: #ffff74;
    text-decoration: none;
    padding: 1em 4em 1em 0;
    position: relative;
    top: .5em
}

.mw-mango-doc-viewer .document .initials.save .link {
    background: #ffffff;
    visibility: hidden
}

.mw-mango-doc-viewer .document .draw .link {
    display: block;
    height: 10em;
    width: 10em;
    line-height: 10em;
    background: #ffff74;
    text-align: center;
    text-decoration: none
}

.mw-mango-doc-viewer .document .draw img {
    height: 10em
}

.mw-mango-doc-viewer .document .draw.size2 .link {
    height: 20em;
    width: 20em;
    line-height: 20em
}

.mw-mango-doc-viewer .document .draw.size2 img {
    height: 20em
}

.mw-mango-doc-viewer .document .draw.size3 .link {
    height: 30em;
    width: 30em;
    line-height: 30em
}

.mw-mango-doc-viewer .document .draw.size3 img {
    height: 30em
}

.mw-mango-doc-viewer .document .draw.size4 .link {
    height: 40em;
    width: 40em;
    line-height: 40em
}

.mw-mango-doc-viewer .document .draw.size4 img {
    height: 40em
}

.mw-mango-doc-viewer .document .draw.size5 .link {
    height: 50em;
    width: 50em;
    line-height: 50em
}

.mw-mango-doc-viewer .document .draw.size5 img {
    height: 50em
}

.mw-mango-doc-viewer .document .draw.save .link {
    background: #ffffff;
    visibility: hidden
}

.mw-mango-doc-viewer .document .date .text,
.mw-mango-doc-viewer .document .dropdown .text {
    display: none
}

.mw-mango-doc-viewer .document .date.save .input,
.mw-mango-doc-viewer .document .date.save .select,
.mw-mango-doc-viewer .document .dropdown.save .input,
.mw-mango-doc-viewer .document .dropdown.save .select {
    display: none
}

.mw-mango-doc-viewer .document .date.save .text,
.mw-mango-doc-viewer .document .dropdown.save .text {
    display: inline;
    border-bottom: 1px solid black;
    background-color: #fafafa
}

.mw-mango-doc-viewer .document .ssn.save input,
.mw-mango-doc-viewer .document .phone.save input,
.mw-mango-doc-viewer .document .date.save input,
.mw-mango-doc-viewer .document .numeric.save input,
.mw-mango-doc-viewer .document .email.save input,
.mw-mango-doc-viewer .document .text.save input {
    border: 0;
    border-bottom: 1px solid;
    padding-bottom: 0;
    background-color: #fafafa
}

.mw-mango-doc-viewer .document .page-break-pdf {
    page-break-before: always
}

.mw-mango-doc-viewer .document .page-break {
    display: flex;
    background: #585858;
    color: #FFFFFF;
    margin: 0 -1em;
    padding: 0 .5em 1em .5em
}

.mw-mango-doc-viewer .document .page-break .title {
    flex: 1;
    text-align: left
}

.mw-mango-doc-viewer .document .page-break .count {
    flex: 1;
    text-align: right
}

.mw-mango-doc-viewer .invalid {
    border: 1px solid rgba(255, 0, 0, 0.75)
}

.mw-mango-doc-viewer .save-button {
    margin: 0 .3em 0 .3em
}

.mfs-install-equipment .mfs-install-equipment-select-equipment {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search {
    display: flex;
    flex-direction: row;
    padding: 1em 1% 1em 1%;
    flex: 0 0 auto
}

@media (max-width: 800px) {
    .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search {
        flex-direction: column;
        padding: 1em
    }
}

.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .input-wrapper {
    display: flex;
    align-items: center;
    flex: 9;
    max-width: 500px;
    height: fit-content
}

.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .form-control {
    display: flex;
    flex: 9;
    border: thin solid #BE009E;
    margin: 0 1em 0 0;
    max-width: 500px
}

@media (max-width: 800px),
(max-height: 500px) {
    .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .form-control {
        margin: 0 1em 0.5em 0
    }
}

.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0 1em
}

.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save,
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan {
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    justify-content: center;
    align-items: center;
    position: relative
}

.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save i,
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan i {
    font-size: 4em
}

@media (max-width: 800px),
(max-height: 500px) {
    .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save i,
    .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan i {
        font-size: 1em
    }
}

.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save .mfs-install-equipment-count,
.mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan .mfs-install-equipment-count {
    font-size: xx-large;
    font-weight: bolder
}

@media (max-width: 800px),
(max-height: 500px) {
    .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-save .mfs-install-equipment-count,
    .mfs-install-equipment .mfs-install-equipment-select-equipment .mfs-install-equipment-lookup-search .btn-show-wrapper .btn-scan .mfs-install-equipment-count {
        font-size: 1em
    }
}

.mfs-install-equipment .mfs-install-equipment-progress-bar {
    flex: 1
}

.mfs-install-equipment #mfs-equipment-list {
    flex: 1
}

.mfs-install-equipment #mfs-equipment-list .mfs-equipment-header {
    margin: 0 1%;
    background: #BE009E;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 0;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    color: white
}

.mfs-install-equipment #mfs-equipment-list .mfs-equipment-container {
    margin: 0 1%;
    overflow-y: scroll;
    border: thin solid #BE009E
}

@media (max-width: 1000px) {
    .mfs-install-equipment #mfs-equipment-list .mfs-equipment-header {
        display: none
    }
}

.mfs-install-equipment .mfs-install-equipment-checkout {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: scroll;
    padding: 10px 10% 0 10%
}

@media (max-width: 900px) {
    .mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table {
        flex-direction: column
    }
}

.mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table .mw-shopping-cart-table-cart,
.mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table .mw-shopping-cart-table-summary {
    border: none
}

.mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table .mw-shopping-cart-table-summary-container.sub-total,
.mfs-install-equipment .mfs-install-equipment-checkout #mw-shopping-cart-table .mw-shopping-cart-table-summary-container.order-total {
    display: none
}

@media (max-width: 1200px) {
    .mfs-install-equipment {
        font-size: 0.9em
    }
    .mfs-install-equipment #mfs-equipment-list,
    .mfs-install-equipment .form-control,
    .mfs-install-equipment .btn {
        font-size: 1em
    }
}

@media (max-width: 1100px) {
    .mfs-install-equipment {
        font-size: 0.8em
    }
}

.mfs-work-flow-photos {
    border: thin solid #c8c8c8;
    border-radius: 1rem;
    display: flex;
    flex-direction: column
}

.mfs-work-flow-photos .mfs-work-flow-photos-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1;
    background: #f3f3f3;
    padding: 0.5em 0;
    overflow: auto
}

.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-no-photos {
    margin: 1em
}

.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper {
    margin: 0.5em 1em 0.5em 1em;
    padding: 1em;
    background: white;
    border-radius: 0.25em;
    box-shadow: 4px 3px 8px 1px #d8d8d8;
    display: flex;
    flex-direction: row
}

.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper .mfs-work-flow-photos-preview-name {
    flex: 1;
    margin: 0;
    align-self: center
}

.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper .mfs-work-flow-photos-preview-image {
    max-height: 5em;
    max-width: 5em;
    margin-right: 2em
}

.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper .mfs-work-flow-photos-preview-delete {
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2em;
    border: medium solid #dc3545;
    background: #dc3545;
    color: white;
    align-self: center
}

.mfs-work-flow-photos .mfs-work-flow-photos-container .mfs-work-flow-photos-preview-image-wrapper .mfs-work-flow-photos-preview-delete:hover {
    cursor: pointer
}

.mfs-work-flow-photos .mfs-work-flow-photos-footer {
    display: flex;
    padding: 0.5em;
    flex-direction: row;
    flex: 0 0 auto;
    justify-content: space-around;
    background: white;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em
}

.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image {
    min-width: 6em;
    padding: 0.5em;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    flex: 1
}

.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image.center {
    justify-content: center
}

.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-button {
    height: 35px;
    width: 35px;
    border-radius: 2em;
    border: medium solid;
    text-align: center;
    background: #007bff;
    display: flex;
    justify-content: center;
    align-items: center
}

.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-button .mfs-work-flow-photos-icon {
    font-size: 1.3em;
    color: white
}

.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-button:hover {
    cursor: pointer;
    text-decoration: none;
    border-color: #0062cc;
    background: #0062cc
}

.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-input {
    display: none
}

.mfs-work-flow-photos .mfs-work-flow-photos-footer .mfs-work-flow-photos-image .mfs-work-flow-photos-label {
    margin: 0 .4em;
    align-self: center
}


/*2021-03-01*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

#mw-orders-page .existing-filters {
    flex-direction: column;
}

#mw-orders-page .mw-dashboard-container {
    display: flex;
    flex-direction: column;
    margin: 0.5em;
    position: relative;
    word-wrap: break-word;
    border: 1px solid #8BAAF1;
    flex: 1;
    min-width: 300px;
    font-family: 'Roboto';
}

#mw-orders-page .mw-dashboard-title {
    font-size: 1.25em;
    background-color: #BE009E;
    color: white;
    min-height: 2em;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 0.5em;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-calendar-section {
    background: greenyellow;
    color: black;
    border-radius: 2em;
    text-align: center;
    /*margin: 0.5em 2em;*/
    padding: 0.2em 0.5em;
    max-width: 250px;
    margin: 0px auto 10px;
}

#mw-orders-page .mw-dashboard-delivery-day {
    width: 100%;
    padding: 10px 10px 30px 10px;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-next-delivery {
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    align-items: center;
    margin: auto;
    padding: 0;
    background: transparent;
    border: thin solid #8BAAF1;
    min-width: 120px;
}

#mw-orders-page .mw-dashboard-container button {
    font-size: 0.9em;
    cursor: pointer;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-next-delivery .mw-dashboard-month {
    color: black;
    background: #BE009E;
    width: 100%;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-next-delivery label {
    cursor: pointer;
    margin: 0;
    padding: 2px 5px;
    line-height: 1.5;
}

#mw-orders-page label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-next-delivery .mw-dashboard-date {
    font-size: 2em;
    font-weight: bold;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-buttons-container {
    flex-direction: row;
    padding: 1em 0.5em 0.5em 0.5em;
    display: flex;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-date-buttons {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    margin-right: -0.4em;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-buttons-container .mw-dashboard-date-buttons .mw-dashboard-date-button {
    margin-right: 0.4em;
}

#mw-orders-page .mw-dashboard-container button {
    font-size: 0.9em;
}

#mw-orders-page .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#mw-orders-page .btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

#mw-orders-page .btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

#mw-orders-page .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-favorites {
    overflow-y: auto;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-product-row {
    margin: 0em 0.5em;
    overflow: auto;
    display: flex;
    flex-direction: row;
    width: auto;
}

#mw-orders-page .mw-scroll-bar::-webkit-scrollbar {
    width: initial;
}

#mw-orders-page .mw-scroll-bar::-webkit-scrollbar-thumb {
    background: #8BAAF1;
    border-radius: 10px;
}

#mw-orders-page .mw-scroll-bar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-column {
    display: inline-block;
    flex-direction: column;
    width: auto;
    word-wrap: break-word;
    width: 150px;
    margin: 0.25em;
    border: thin solid #c8c8c8;
}

#mw-orders-page .mw-dashboard-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 148px;
    height: 148px;
    background: white;
}

#mw-orders-page .mw-dashboard-image-container img {
    max-width: 90%;
    max-height: 90%;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-column .mw-dashboard-text {
    color: #495057;
    margin: 0.5em;
    padding-top: 0.5em;
    border-top: thin solid #c8c8c8;
    max-width: none;
    text-align: left;
    font-size: 0.9em;
    max-height: 58px;
    min-height: 58px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#mw-orders-page .mw-dashboard-container .mw-dashboard-products {
    align-self: center;
    padding: 1em;
    text-align: right;
}

#mw-orders-page button,
#mw-orders-page input {
    overflow: visible;
}
#mw-orders-page #mw-catalog-filters {
    width: 100%;
}
.mw-shopping-cart-notification-buttons button{
    width: 100% !important;
}