/* Make sure this color is correct.*/
/* Left box border colors */
/* Background Colors */
/* Text Colors */
/* Icon colors */
/* Separating Borders */
/* Borders and shadows */
/* Relative variables */
/* Semantic-ui colors */
/* Modal */
/* Modal colors */
/* Mixin for media queries
Break points based off of semantic ui

Use media-query mixin:
@include media-query(tablet)

Use custom media-query mixin:
@include media-query($size: 320px) */
/* Mixin used to standerdize border on info-boxe */
/* Mixin used for nth child styling */
html {
    overflow-y: auto;
}

main.site-content {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #EEEEEE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    main.site-content .title-bar-menu {
        background-color: #FFFFFF;
        margin-top: -51px;
        padding: 0 0 1.42857em;
    }

@media only screen and (max-width: 767px) {
    main.site-content.sidebar-open {
        overflow-x: hidden;
    }
}

.left-menu-container ~ .article {
    left: -240px;
}

main.site-content .article {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
}

    main.site-content .article.pusher {
        margin-right: -240px;
        max-width: 100%;
        -webkit-transition: margin-right 0.2s, left 0.2s, max-width 0.2s;
        transition: margin-right 0.2s, left 0.2s, max-width 0.2s;
    }

    main.site-content .article .page-wrapper {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 30px;
        -webkit-transition: width 0.2s;
        transition: width 0.2s;
        width: 100vw;
    }

        main.site-content .article .page-wrapper .left-menu-container {
            min-height: 100vh;
        }

        main.site-content .article .page-wrapper .title-bar {
            background: #ffffff;
            border-bottom: 1px solid #e5e5e5;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom: 20px;
            padding-bottom: 30px;
        }

            main.site-content .article .page-wrapper .title-bar > span {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

            main.site-content .article .page-wrapper .title-bar > #title {
                font-size: 1rem;
                font-weight: normal;
            }

    main.site-content .article > .ui.dimmer {
        display: block !important;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

        main.site-content .article > .ui.dimmer:not(.active) {
            pointer-events: none;
        }

    main.site-content .article.dashboard,
    main.site-content .article.location-overview {
        background: #EEEEEE;
    }

        main.site-content .article.dashboard .ui.fluid.container,
        main.site-content .article.location-overview .ui.fluid.container {
            width: 99%;
        }

        main.site-content .article.dashboard .page-wrapper,
        main.site-content .article.location-overview .page-wrapper {
            padding: 4px 0 0 0;
        }

            main.site-content .article.dashboard .page-wrapper .title-bar,
            main.site-content .article.location-overview .page-wrapper .title-bar {
                padding: 30px;
            }

@media only screen and (max-width: 767px) {
    main.site-content .article.dashboard .page-wrapper > .title-bar,
    main.site-content .article.location-overview .page-wrapper > .title-bar {
        margin-left: 0;
        margin-right: 0;
    }
}

main.site-content .article.dashboard .page-content,
main.site-content .article.location-overview .page-content {
    margin-top: 1em;
    padding: 0;
}

main.site-content.sidebar-open .article {
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    left: 0px;
}

    main.site-content.sidebar-open .article.pusher {
        margin-right: 0px;
        max-width: calc(100% - 240px);
    }

@media only screen and (min-width: 1025px) {
    main.site-content.sidebar-open .page-wrapper {
        width: calc(100vw - 240px);
    }
}

@media only screen and (max-width: 767px) {
    main.site-content .article .page-wrapper {
        padding: 0;
    }

        main.site-content .article .page-wrapper > .title-bar {
            margin: 0 10px 20px;
            padding: 20px 0;
        }

        main.site-content .article .page-wrapper .title-bar-menu {
            margin-top: -31px;
            padding: 0 10px 20px 10px;
        }

        main.site-content .article .page-wrapper > .page-content > .ui.container {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }
}

.static-page {
    margin-top: 1em;
}

.ui.segment.header {
    border-left: 20px solid #009BF4 !important;
}

.ui.menu {
    cursor: pointer !important;
}

.close {
    cursor: pointer;
}

.edit.icon, .plus.icon, .delete.icon, .search.icon, .remove.circle.icon {
    cursor: pointer;
}

.bar-tables.ui.grid > .column:not(.row) {
    padding-bottom: 0rem !important;
    padding-top: 1rem !important;
}

    .bar-tables.ui.grid > .column:not(.row):last-child {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

.report-summary-tables svg text {
    cursor: default;
    fill: #888;
    font-size: 11px !important;
    shape-rendering: crispEdges;
}

.report-summary-tables .icon {
    float: right !important;
}

    .report-summary-tables .icon:hover {
        cursor: pointer;
    }

.no-padding-table {
    padding: 0px !important;
}

    .no-padding-table .table {
        border: 0px;
    }

.no-padding {
    padding: 0 !important;
}

.isInactive {
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    opacity: 0.45 !important;
}

.ui.white {
    background-color: white;
}

.ui.modal.route-modal .header .icon,
.ui.modal#updates-modal .header .icon {
    float: right;
    margin-right: 0;
}

.ui.modal.route-modal .header h3,
.ui.modal#updates-modal .header h3 {
    display: inline;
}

.ui.modal.route-modal .actions .button,
.ui.modal#updates-modal .actions .button {
    margin-right: 0;
}

.ui.modal.route-modal .actions .otherwise,
.ui.modal#updates-modal .actions .otherwise {
    margin-left: 0;
}

.ui.modal.centered {
    position: fixed !important;
}

.ui.modal.scrolling {
    height: calc(100vh - 7rem);
    overflow: auto;
    position: fixed !important;
    top: 2.5rem !important;
}

    .ui.modal.scrolling .content.scrolling {
        max-height: none !important;
    }

body.scrolling.undetached.dimmable.dimmed {
    overflow: hidden !important;
}

body {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

    body.s4cal-touch, body.s4cal-notouch {
        height: initial !important;
        position: relative;
    }

.s4cal-container {
    z-index: 9999;
}

    .s4cal-container .no-arrows {
        border-bottom: 1px solid #e5e5e5 !important;
        border-top: 1px solid #e5e5e5 !important;
    }

input:-ms-input-placeholder {
    color: rgba(191, 191, 191, 0.87) !important;
}

td.fix-dropdown-in-table {
    overflow: visible !important;
}

.float-right {
    float: right;
}

.favorite-icon {
    color: #ea4c89;
    float: none !important;
    margin: 0 !important;
}

div.google-visualization-tooltip {
    pointer-events: none;
}

.list-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.42857em;
}

    .list-controls > .filter-controls .ui.selection {
        min-width: 125px !important;
    }

    .list-controls > .filter-controls .datetime-range-picker-input {
        width: 350px;
    }

    .list-controls > .filter-controls .ui.search {
        width: 320px;
    }

    .list-controls > .filter-controls .date-controls {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .list-controls > .filter-controls .date-controls .ui:first-child {
            border-bottom-right-radius: 0;
            border-right-width: 0;
            border-top-right-radius: 0;
        }

        .list-controls > .filter-controls .date-controls .ui.input:last-child > input {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            width: auto;
        }

.borderless-warning {
    background-color: #fff7eb;
    margin-top: 20px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.toggle-header {
    width: 100%;
}

    .toggle-header .toggle {
        float: right;
    }

.flash-messages-container {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1300px) {
    .list-controls > .filter-controls .datetime-range-picker-input {
        width: 225px;
    }

    .list-controls > .filter-controls .ui.dropdown {
        margin-right: 6px;
        width: 150px;
    }

    .list-controls > .filter-controls .date-controls .ui:first-child {
        margin-right: 0;
    }

    .list-controls > .filter-controls .ui.search {
        width: 150px;
    }
}

@media only screen and (max-width: 767px) {
    .list-controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .list-controls > .filter-controls,
        .list-controls > .ui.button {
            display: block;
            width: 100%;
        }

        .list-controls .grouped-buttons .ui.button {
            display: block;
            width: 100%;
        }

        .list-controls .grouped-buttons :first-child {
            margin-bottom: 1.42857em;
        }

        .list-controls .filter-controls .ui.dropdown,
        .list-controls .filter-controls .ui.search {
            width: 100%;
        }

        .list-controls .filter-controls .ui.input input {
            width: 100%;
        }

        .list-controls .filter-controls .date-controls {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .list-controls .filter-controls .date-controls .ui:first-child {
                border-bottom-right-radius: 0.28571rem;
                border-right-width: 1px;
                border-top-right-radius: 0.28571rem;
                margin-bottom: 10px;
            }

            .list-controls .filter-controls .date-controls .ui.input:last-child > input {
                border-bottom-left-radius: 0.28571rem;
                border-top-left-radius: 0.28571rem;
                width: 100%;
            }

        .list-controls .filter-controls .ui.button {
            margin-top: 1.42857em;
            width: 100%;
        }

        .list-controls .filter-controls > div {
            display: block;
            margin-top: 1.42857em;
            width: 100%;
        }
}

.ui.primary.button:disabled, .ui.basic.primary.button:disabled {
    background-color: rgba(0, 155, 244, 0.5) !important;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    color: #FFFFFF !important;
}

/* Generic Internet Explorer Styles */
/* MS IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .menu.ui .item.icon > .icon {
        margin: 0 0.35714286em 0 0;
    }
}

.left-menu-container {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #003e61;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    left: -240px;
    min-width: 240px;
    position: relative;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
    width: 240px;
}

    .left-menu-container .ui.divider {
        margin: 0;
    }

        .left-menu-container .ui.divider:not(.vertical):not(.horizontal) {
            border-bottom: 1px solid rgba(0, 0, 0, 0.3);
            border-top: 0px solid transparent;
            margin: .679em 0em;
        }

    .left-menu-container .logo-box {
        padding-top: 1em;
        text-align: center;
        width: 100%;
    }

    .left-menu-container .ui.menu a.item:hover {
        background: rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }

    .left-menu-container .ui.menu .item:before {
        background: none !important;
    }

    .left-menu-container .ui.menu.vertical {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        width: 100%;
    }

        .left-menu-container .ui.menu.vertical .ui.accordion .title:not(.ui) {
            border-bottom: 0;
            padding: 0;
        }

        .left-menu-container .ui.menu.vertical .item {
            border-left: 5px solid transparent;
            color: #ffffff;
            font-size: 14px;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-weight: 800;
            padding: 0.786em 1.429em;
        }

            .left-menu-container .ui.menu.vertical .item.active {
                background-color: rgba(0, 0, 0, 0.3);
                border-left: 5px solid #009bf4;
                border-radius: 0em;
                color: #ffffff;
                margin: 0em;
            }

            .left-menu-container .ui.menu.vertical .item .external.icon {
                margin-top: -.2em;
            }

        .left-menu-container .ui.menu.vertical button.item {
            border: none;
            cursor: pointer;
            text-align: left;
            width: 100%;
        }

        .left-menu-container .ui.menu.vertical .content {
            background-color: rgba(0, 0, 0, 0.3);
            padding: 0 !important;
        }

    .left-menu-container .location-selection {
        color: #ffffff;
        cursor: pointer;
        font-size: 14px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-weight: 800;
        padding: 1em 2em;
    }

        .left-menu-container .location-selection .location-name {
            padding: .036em 0;
        }

        .left-menu-container .location-selection .change-location {
            color: #009bf4;
            padding: .036em 0;
        }

    .left-menu-container .hbr-service-signup-modal {
        margin-top: 0 !important;
    }

main.site-content.sidebar-open .left-menu-container {
    left: 0px;
    padding-bottom: 36px;
}

.sub-menu {
    background: #004d79 !important;
    border: 0px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .sub-menu .toggle-container,
    .sub-menu .chat-container,
    .sub-menu .help-container {
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        width: 50px;
    }

        .sub-menu .toggle-container i.icon,
        .sub-menu .chat-container i.icon,
        .sub-menu .help-container i.icon {
            color: #ffffff;
            cursor: pointer;
            -moz-osx-font-smoothing: auto;
            -webkit-font-smoothing: auto;
            height: auto;
            margin: auto;
        }

    .sub-menu .chat-container {
        -ms-flex-item-align: center;
        align-self: center;
        background: #0082ca;
        border-radius: 500px;
        height: 36px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 92px;
    }

        .sub-menu .chat-container img {
            height: 1.42857rem;
            min-height: 1.42857rem;
            min-width: 1.42857rem;
            width: 1.42857rem;
        }

        .sub-menu .chat-container span {
            color: #FFFFFF;
            font-size: 1.07143rem;
            font-weight: 700;
            letter-spacing: 0.6;
            margin-left: 6px;
        }

    .sub-menu .toggle-container {
        border-right: 1px solid #003e61;
        margin-right: auto;
    }

    .sub-menu .ui.icon.dropdown > .menu {
        margin-right: 0.5em !important;
        margin-top: 0.5em !important;
        width: 300px;
        z-index: 31 !important;
    }

footer.site-footer {
    background-color: #FFFFFF !important;
    border-top: 1px solid #D5D5D5 !important;
    margin-top: 1em;
    padding: 1em 0em;
    width: 100%;
}

    footer.site-footer .copyright {
        color: #000000;
        padding-left: 0.75em;
    }

        footer.site-footer .copyright .footer-text {
            float: left;
            font-size: 12px;
            font-weight: bold;
            padding-right: 25px;
            width: 100%;
        }

        footer.site-footer .copyright .footer-links {
            color: #009BF4;
        }

            footer.site-footer .copyright .footer-links a {
                color: #009BF4;
            }

            footer.site-footer .copyright .footer-links nav a {
                display: inline-block;
                font-size: 12px;
                padding: 0px 5px 0px 5px;
            }

    footer.site-footer .copyright-text {
        color: gray !important;
        font-size: 11px;
        padding: .5em 0em .5em 1em;
    }

.table-container {
    height: 400px;
    overflow-y: scroll;
}

.ui.table td.editable-cell {
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.ui.modal#updates-modal img {
    height: auto;
    width: 100%;
}

.ui.modal#updates-modal .ui.grid {
    margin: 0 0.5em;
}

.ui.modal#updates-modal .ui.segment {
    margin: 0;
}

.ui.modal#updates-modal .button {
    width: 11em;
}

.record-status-col .status-active {
    color: #32c160;
}

.record-status-col .status-inactive {
    color: #e15668;
}

.record-status-col .status-semi-active {
    color: #FFBF00;
}

.report-location-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem !important;
    font-weight: normal;
    padding: 0 !important;
    -webkit-tap-highlight-color: transparent;
}

    .report-location-bar .checklist__list {
        max-width: 70vw;
        width: 487px;
    }

.ui.menu.multi-location-report-bar {
    -webkit-box-shadow: none;
    box-shadow: 0;
    cursor: auto !important;
}

.multi-location-report-bar {
    border: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem !important;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

    .multi-location-report-bar .checklist__list {
        max-width: 70vw;
        width: 487px;
    }

.drill-down-reports-container {
    background-color: #e5f5fe !important;
    display: fixed;
}

    .drill-down-reports-container .print-frame {
        display: none;
    }

    .drill-down-reports-container .label-title {
        font-weight: 700;
        margin: 0 0 4px;
    }

    .drill-down-reports-container .dropdown-label.ui.dropdown {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        height: 36px;
        padding: 7px;
        position: relative;
    }

        .drill-down-reports-container .dropdown-label.ui.dropdown .dropdown.icon {
            margin-left: 20px;
            opacity: 0.5;
            position: absolute;
            right: 7px;
        }

    .drill-down-reports-container .item.dropdown-checklist {
        padding: 0;
    }

    .drill-down-reports-container .reports-description {
        color: rgba(128, 128, 128, 0.8);
        font-size: .8rem;
        padding: 5px 0 0 0;
    }

        .drill-down-reports-container .reports-description.picker-info {
            max-width: 100%;
        }

        .drill-down-reports-container .reports-description .asterisk {
            color: #FF0000;
        }

    .drill-down-reports-container .report-select .asterisk {
        color: #FF0000;
    }

    .drill-down-reports-container .zero-balances {
        background: none;
        border: none;
    }

    .drill-down-reports-container .report-controls {
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .drill-down-reports-container .report-controls .report-buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: no-wrap;
            flex-wrap: no-wrap;
            margin-top: 23px;
        }

            .drill-down-reports-container .report-controls .report-buttons button, .drill-down-reports-container .report-controls .report-buttons .ui.button.dropdown {
                margin-bottom: 20px;
                margin-right: 10px;
            }

        .drill-down-reports-container .report-controls .datetime-range-picker-input {
            margin: 0;
            min-width: 340px;
            width: 100%;
        }

    .drill-down-reports-container .invisible {
        visibility: hidden;
    }

@media only screen and (max-width: 1025px) {
    .drill-down-reports-container .dropdown-label.ui.dropdown .dropdown.icon {
        right: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .drill-down-reports-container .report-controls {
        display: block !important;
    }

        .drill-down-reports-container .report-controls .report-buttons {
            display: block;
            margin-left: 0;
            margin-top: 0;
            padding: 0;
        }

            .drill-down-reports-container .report-controls .report-buttons button, .drill-down-reports-container .report-controls .report-buttons .ui.button.dropdown {
                margin-right: 0;
                width: 100%;
            }

        .drill-down-reports-container .report-controls .datetime-range-picker-input {
            min-width: 300px;
        }
}

.reports-container {
    border-left: 20px solid #009BF4 !important;
}

    .reports-container .reports-description {
        color: rgba(128, 128, 128, 0.8);
        font-size: .8rem;
        padding: 5px 0 0 0;
    }

        .reports-container .reports-description.picker-info {
            max-width: 300px;
        }

        .reports-container .reports-description .asterisk {
            color: #FF0000;
        }

    .reports-container .report-select .asterisk {
        color: #FF0000;
    }

    .reports-container .report-controls {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

        .reports-container .report-controls .report-buttons {
            margin-left: 10px;
            margin-top: 23px;
            text-align: right;
        }

            .reports-container .report-controls .report-buttons button {
                margin-bottom: 20px;
                margin-right: 10px;
            }

        .reports-container .report-controls .datetime-range-picker-input {
            float: right;
            min-width: 340px;
            width: 100%;
        }

    .reports-container .invisible {
        visibility: hidden;
    }

@media only screen and (min-width: 1025px) {
    .reports-container .select-report {
        border-right: 1px solid rgba(34, 36, 38, 0.15);
    }
}

@media only screen and (max-width: 767px) {
    .reports-container .report-controls {
        display: block !important;
    }

        .reports-container .report-controls .report-buttons {
            display: block;
            margin-left: 0;
            margin-top: 0;
        }

            .reports-container .report-controls .report-buttons button {
                margin-right: 0;
                width: 100%;
            }

        .reports-container .report-controls .datetime-range-picker-input {
            min-width: 300px;
        }
}

.favorite-button {
    background-color: #fff;
    border: 0;
    color: #333;
    font-weight: 700;
    line-height: 1.428;
    margin: 0;
    outline: 0;
}

    .favorite-button:hover .favorite-icon {
        color: #f082ac;
    }

.report-loader {
    height: 200px;
}

.report-header h2, .report-header h3 {
    margin-bottom: 0em;
}

.report-header .date-range {
    line-height: 25px;
}

@media only screen and (min-width: 767px) {
    .report-header h2, .report-header h3 {
        float: left;
    }

    .report-header .date-range {
        padding-left: 1em;
    }
}

@media only screen and (max-width: 767px) {
    .report-header .ui.button {
        float: none;
        margin-left: 0em;
        margin-top: 1em;
        width: auto;
    }
}

.yield-wrap {
    overflow-x: auto;
}

#report-table-wrapper .print-frame {
    display: none;
}

#report-table-wrapper .fin-report {
    min-height: 290px;
    overflow-x: auto;
}

#report-table-wrapper .ui.celled.table {
    table-layout: fixed;
}

    #report-table-wrapper .ui.celled.table td {
        padding-left: .5em !important;
        word-break: break-word;
    }

        #report-table-wrapper .ui.celled.table td.report-column {
            text-align: right;
        }

            #report-table-wrapper .ui.celled.table td.report-column:nth-child(1) {
                text-align: left;
            }

    #report-table-wrapper .ui.celled.table th {
        word-break: break-word;
    }

#report-table-wrapper #report-table-data-wrapper > .ui.segment {
    min-width: 10%;
    overflow: auto;
}

#activity-summary .title {
    padding: 1em 0;
}

#activity-summary .till-summary-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em;
    width: 100%;
}

    #activity-summary .till-summary-table > .static-columns {
        width: auto;
    }

        #activity-summary .till-summary-table > .static-columns > .ui.table {
            border-right: 1px solid #e5e5e5;
            width: auto;
        }

            #activity-summary .till-summary-table > .static-columns > .ui.table td, #activity-summary .till-summary-table > .static-columns > .ui.table th {
                color: #333;
                font-weight: 800;
                padding-right: 4em;
                white-space: nowrap;
            }

    #activity-summary .till-summary-table > .scrolling-columns {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow-x: auto;
    }

        #activity-summary .till-summary-table > .scrolling-columns > .ui.table td, #activity-summary .till-summary-table > .scrolling-columns > .ui.table th {
            white-space: nowrap;
        }

.table-chart-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .table-chart-buttons h4.fin-over-header {
        -ms-flex-item-align: start;
        align-self: start;
        line-height: 1.8rem;
        margin-bottom: 0;
    }

    .table-chart-buttons .toggle-buttons {
        -ms-flex-item-align: end;
        align-self: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0.5rem;
    }

        .table-chart-buttons .toggle-buttons .button {
            position: relative;
            top: -1px;
        }

.report-helper {
    float: right;
    margin-left: 0.25em;
}

    .report-helper .search-reports {
        cursor: pointer;
        padding: .5em 0.2em;
        position: relative;
        right: 27px;
    }

.reports-sub-menu .ui.message {
    margin: 0;
    padding: 0.5em;
}

.hospitality.financial-overview .column-chart {
    height: 500px;
}

@media print {
    .reports-route main {
        display: inline !important;
    }

    .reports-route div {
        display: block !important;
        overflow-y: visible !important;
    }

    .reports-route header,
    .reports-route footer,
    .reports-route .sub-menu,
    .reports-route .left-menu-container,
    .reports-route .reports-container,
    .reports-route .drill-down-reports-container,
    .reports-route .report-location-bar,
    .reports-route .pika-single,
    .reports-route .period-select,
    .reports-route .sidebar-open > .article > .ui.active.dimmer,
    .reports-route .modal {
        display: none !important;
    }

    .reports-route .page-wrapper {
        padding: 0 !important;
    }

    .reports-route .left-menu-container ~ .article {
        left: 0;
    }

    .reports-route .popover,
    .reports-route .ui.dropdown,
    .reports-route .ui.button {
        display: none !important;
    }

    .reports-route #report-table-wrapper,
    .reports-route #drill-down-report-table-wrapper,
    .reports-route #report-table-data-wrapper,
    .reports-route #report-table-data-wrapper > .ui.segment {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

        .reports-route #report-table-wrapper,
        .reports-route #drill-down-report-table-wrapper,
        .reports-route #report-table-data-wrapper > .ui.segment {
            border-top: 0;
        }

    .reports-route .report-header {
        border-bottom: none;
        border-right: none;
        border-top: none;
    }

    .reports-route #report-table-data-wrapper table {
        table-layout: fixed;
    }

        .reports-route #report-table-data-wrapper table td {
            overflow-wrap: break-word;
        }

    .reports-route #report-table-data-wrapper > .grid > .column {
        page-break-inside: avoid;
    }

    .reports-route div:nth-of-type(2), .reports-route div:nth-of-type(3) {
        border: none;
    }

    .reports-route .attached > h4 {
        padding: 0rem !important;
    }

    .reports-route .yield-wrap {
        overflow-x: visible;
    }

    .reports-route .site-content {
        background: none;
    }

    .reports-route .echo.financial-overview button {
        display: none !important;
    }

    .reports-route .echo.financial-overview .segment .fin-report {
        border: 0px !important;
        min-height: 100%;
        padding: 0px !important;
    }

    .reports-route .echo.financial-overview .ui.table td {
        padding: 0.25em 0.25em;
        text-align: inherit;
    }

    .reports-route .echo.financial-overview .ui.table {
        margin-bottom: 0px !important;
    }

    .reports-route .echo.financial-overview .bar-tables.ui.grid:after {
        clear: both;
        content: "";
        display: block;
    }

    .reports-route .echo.financial-overview .bar-tables.ui.grid > .column {
        float: left !important;
    }

    .reports-route .echo.financial-overview .yield-wrap .ui.grid .column {
        width: 33.333% !important;
    }

    .reports-route .hospitality.financial-overview .bar {
        display: none !important;
    }

    .reports-route .hospitality.financial-overview .yield-wrap .ui.grid .column:not(.statistic-report):not(.cash-summary-report) {
        width: 100% !important;
    }

    .reports-route .hospitality.financial-overview .yield-wrap .ui.grid .column.statistic-report,
    .reports-route .hospitality.financial-overview .yield-wrap .ui.grid .column.cash-summary-report {
        width: 25% !important;
    }
}

.transactions {
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    position: relative;
    width: 100%;
}

    .transactions .star-trans {
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
    }

    .transactions .allow-refunds-toggle {
        position: absolute;
        right: 0;
        top: -80px;
    }

    .transactions .controls > .ui.button,
    .transactions .controls > .ui.input {
        margin-bottom: 20px;
    }

    .transactions .datetime-range-picker-input {
        width: 350px;
    }

    .transactions .mobile-datetime-range-picker {
        margin-bottom: 10px;
    }

        .transactions .mobile-datetime-range-picker .ui.dropdown,
        .transactions .mobile-datetime-range-picker .ui.input,
        .transactions .mobile-datetime-range-picker label {
            margin-bottom: 10px;
        }

        .transactions .mobile-datetime-range-picker .custom-timerange-inputs {
            padding-bottom: 10px;
        }

        .transactions .mobile-datetime-range-picker label {
            display: block;
            font-weight: 800;
        }

    .transactions .transactions-table {
        overflow: auto;
        width: 100%;
    }

    .transactions .refund-link {
        color: #009bf4;
        font-weight: 800;
    }

        .transactions .refund-link.disabled {
            color: rgba(0, 155, 244, 0.5);
            cursor: default !important;
        }

    .transactions .grouped-buttons a.disabled {
        cursor: default !important;
    }

@media only screen and (max-width: 767px) {
    .transactions .allow-refunds-toggle {
        top: -65px;
    }

    .transactions .controls {
        margin: 20px 10px;
    }

        .transactions .controls > .ui.button,
        .transactions .controls > .ui.input {
            width: 100%;
        }

    .transactions .transactions-table {
        margin: 0 10px;
        width: auto;
    }
}

.grid.sign-in {
    background-color: #003e61;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 !important;
    min-height: 100vh;
}

    .grid.sign-in .sign-in-form {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .grid.sign-in .sign-in-form .column {
            max-width: 360px;
            padding: 0 !important;
        }

            .grid.sign-in .sign-in-form .column .logo {
                height: 100%;
                margin-bottom: 1.5em;
                width: 100%;
            }

            .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment {
                border-radius: 0 !important;
                padding: 30px 30px 20px;
            }

                .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .field > label {
                    color: rgba(0, 0, 0, 0.27);
                    display: block;
                    float: left;
                    font-size: 0.92857143em;
                    font-weight: bold;
                    margin: 0em 0em 0.28571429rem 0em;
                    text-transform: none;
                }

                .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .button {
                    background: #009bf4;
                    color: #FFFFFF;
                    font-size: 14px;
                    font-weight: 800;
                    letter-spacing: 0;
                }

                .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link {
                    font-size: 14px;
                    font-weight: 800;
                    letter-spacing: 0;
                    line-height: 1.43;
                    padding-top: 20px;
                }

                    .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .forgot-password-link a {
                        color: #009bf4;
                    }

                .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .reset-pwd {
                    color: #333333;
                    font-size: 24px;
                    letter-spacing: 0;
                    line-height: 1.25;
                    padding-bottom: 10px;
                    position: relative;
                    top: -5px;
                }

                .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment .sign-in-links-container {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                }

                .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment.ltm {
                    background-color: #e5f5fe;
                }

                    .grid.sign-in .sign-in-form .column .ui.sign-in-form .ui.segment.ltm .button {
                        margin-bottom: 10px;
                    }

    .grid.sign-in .maintenance-warning > .column {
        max-width: 80%;
    }

        .grid.sign-in .maintenance-warning > .column .ui.negative.message {
            background-color: white;
        }

            .grid.sign-in .maintenance-warning > .column .ui.negative.message > .header {
                color: #FF0000;
            }

            .grid.sign-in .maintenance-warning > .column .ui.negative.message > p {
                color: black;
            }

    .grid.sign-in .alerts > .column {
        padding: 0.5em 1em;
    }

        .grid.sign-in .alerts > .column:first-child {
            padding-top: 0em;
        }

        .grid.sign-in .alerts > .column:last-child {
            padding-bottom: 0em;
        }

        .grid.sign-in .alerts > .column > .message {
            margin: auto;
            max-width: 1300px;
        }

    .grid.sign-in .sign-in-header {
        font-size: 1em;
        margin-bottom: 1.4em !important;
    }

/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2 / 3) {
    .ui.sign-in-form input[type="email"],
    .ui.sign-in-form input[type="password"] {
        font-size: 16px;
    }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40 / 71) {
    .ui.sign-in-form input[type="email"],
    .ui.sign-in-form input[type="password"] {
        font-size: 16px;
    }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375 / 667) {
    .ui.sign-in-form input[type="email"],
    .ui.sign-in-form input[type="password"] {
        font-size: 16px;
    }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9 / 16) {
    .ui.sign-in-form input[type="email"],
    .ui.sign-in-form input[type="password"] {
        font-size: 16px;
    }
}

/* Reduce blank space between login form and warning message */
/* iPad Pro portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .sign-in .row.sign-in-form.upper {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}

.dashboard-toggle.segment {
    text-align: right;
}

.dashboard .processing {
    overflow-y: scroll;
    padding: 0px !important;
}

.dashboard .secondary span, .dashboard .internet-payments-wrapper .dropdown-file-selector span, .internet-payments-wrapper .dashboard .dropdown-file-selector span, .dashboard .internet-payments-wrapper .download-label-button .download span, .internet-payments-wrapper .download-label-button .dashboard .download span {
    float: left;
}

.dashboard .secondary .ui.dropdown, .dashboard .internet-payments-wrapper .dropdown-file-selector .ui.dropdown, .internet-payments-wrapper .dashboard .dropdown-file-selector .ui.dropdown, .dashboard .internet-payments-wrapper .download-label-button .download .ui.dropdown, .internet-payments-wrapper .download-label-button .dashboard .download .ui.dropdown {
    float: right;
}

.dashboard .ui.table {
    background: #ffffff;
    border: 0px;
    border-collapse: collapse;
    border-radius: 0.28571429rem;
    border-spacing: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.87);
    margin: 0em !important;
    text-align: left;
    width: 100%;
}

.dashboard .transactions {
    display: none;
    padding-bottom: 1.25em !important;
    padding-left: 1.5em !important;
    padding-right: 1.2em !important;
    padding-top: 1.25em !important;
}

.dashboard .batch {
    cursor: pointer;
}

    .dashboard .batch.active i.dropdown.icon {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.dashboard .transactions-table {
    border: 2px solid rgba(34, 36, 38, 0.1) !important;
}

.dashboard .disclaimer {
    color: rgba(0, 0, 0, 0.6);
    float: none !important;
    font-size: 0.85em;
    padding: 0 5px 0;
}

.dashboard-warning.ui.message {
    background-color: #FEF6EA;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    margin: 0 0 14px;
}

    .dashboard-warning.ui.message .close.icon {
        right: .75em;
    }

    .dashboard-warning.ui.message .header {
        color: #F6A735;
    }

.processing-detail .ui.segment .floated {
    margin: 0em;
}

.fin-overview-charts {
    padding: 1em;
}

    .fin-overview-charts .column-chart {
        height: 500px;
    }

.dash-dollar {
    text-align: center;
}

    .dash-dollar .value {
        padding: 1em 0em;
    }

.disputes .ui .dimmer {
    z-index: initial;
}

.disputes .filter-controls {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .disputes .filter-controls .search-filter-controls {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .disputes .filter-controls .search-filter-controls > .ui.dropdown {
            margin-right: 0;
        }

        .disputes .filter-controls .search-filter-controls .ui:first-child {
            border-bottom-right-radius: 0;
            border-right-width: 0;
            border-top-right-radius: 0;
            width: 175px;
        }

        .disputes .filter-controls .search-filter-controls .ui.input:last-child > input,
        .disputes .filter-controls .search-filter-controls .ui.dropdown:last-child {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            width: auto;
        }

@media only screen and (max-width: 767px) {
    .disputes .filter-controls .search-filter-controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .disputes .filter-controls .search-filter-controls .ui:first-child {
            border-bottom-right-radius: 0.28571rem;
            border-right-width: 1px;
            border-top-right-radius: 0.28571rem;
            margin-bottom: 10px;
            width: 100%;
        }

        .disputes .filter-controls .search-filter-controls .ui.input:last-child > input,
        .disputes .filter-controls .search-filter-controls .ui.dropdown:last-child {
            border-bottom-left-radius: 0.28571rem;
            border-top-left-radius: 0.28571rem;
            width: 100%;
        }

    .disputes .export {
        margin: 0px 10px;
    }

        .disputes .export .button {
            margin: 8px 0;
            width: 100%;
        }
}

.support-wrap .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    width: 100%;
}

    .support-wrap .items .item:first-child {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .support-wrap .items .item:first-child .search-field .input {
            width: 320px;
        }

            .support-wrap .items .item:first-child .search-field .input .remove.large.circle.outline.icon {
                cursor: pointer;
                pointer-events: all;
                width: 1.6em;
            }

    .support-wrap .items .item:nth-child(2), .support-wrap .items .item:nth-child(3) {
        margin-right: 5px;
    }

    .support-wrap .items .items:last-child {
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

.support-wrap .description-box .field .twelve {
    max-height: 20em;
    min-height: 6em;
    overflow-x: hidden;
    overflow-y: auto;
}

@media only screen and (max-width: 767px) {
    .support-wrap .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 20px 10px;
        width: auto;
    }

        .support-wrap .items .item,
        .support-wrap .items .item .primary.button {
            width: 100%;
        }

            .support-wrap .items .item:first-child {
                -ms-flex-item-align: center;
                align-self: center;
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3;
            }

                .support-wrap .items .item:first-child .search-field .input {
                    width: 100%;
                }

                    .support-wrap .items .item:first-child .search-field .input .remove.large.circle.outline.icon {
                        cursor: pointer;
                        pointer-events: all;
                        width: 1.6em;
                    }

            .support-wrap .items .item:nth-child(2) {
                -ms-flex-item-align: center;
                align-self: center;
                margin: 20px 0;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .support-wrap .items .item:nth-child(3) {
                display: none;
            }

            .support-wrap .items .item:last-child {
                -ms-flex-item-align: center;
                align-self: center;
                margin-left: 0;
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }
}

.ce-campaign .right.secondary.menu .item, .ce-campaign .internet-payments-wrapper .right.menu.dropdown-file-selector .item, .internet-payments-wrapper .ce-campaign .right.menu.dropdown-file-selector .item, .ce-campaign .internet-payments-wrapper .download-label-button .right.menu.download .item, .internet-payments-wrapper .download-label-button .ce-campaign .right.menu.download .item {
    padding-bottom: 5px !important;
}

.ce-campaign .header-menu.ui.secondary.menu > .item, .ce-campaign .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector > .item, .internet-payments-wrapper .ce-campaign .header-menu.ui.menu.dropdown-file-selector > .item, .ce-campaign .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .item, .internet-payments-wrapper .download-label-button .ce-campaign .header-menu.ui.menu.download > .item {
    max-width: 100%;
    padding-bottom: 0px !important;
}

.ce-campaign .reservation-nav {
    border-radius: 0em !important;
}

.ce-campaign .ce-details {
    background-color: #e4ebeb;
}

    .ce-campaign .ce-details h4 {
        margin: 0rem !important;
    }

    .ce-campaign .ce-details .basic.segment.email.template {
        margin: -14px;
        padding: 0px;
    }

.ce-campaign .ce-stat-bar {
    background-color: #e4ebeb;
    padding: 1em;
}

    .ce-campaign .ce-stat-bar .statistic {
        padding: 3em 0;
    }

    .ce-campaign .ce-stat-bar .sub-stats {
        color: #cecece;
        font-size: 14px;
        padding-bottom: 3px;
    }

    .ce-campaign .ce-stat-bar .opened {
        color: #00c0f4;
    }

    .ce-campaign .ce-stat-bar .clicked {
        color: #96d400;
    }

    .ce-campaign .ce-stat-bar .unsubscribed {
        color: #b00300;
    }

    .ce-campaign .ce-stat-bar .bounced {
        color: #f6a735;
    }

.ce-campaign .ce-stat-table table {
    word-break: break-word;
}

.ce-campaign .survey-stat-bar .segments .segment:last-child {
    padding-right: 0em;
}

.ce-campaign .ce-survey-table .star, .ce-campaign .ce-survey-table .content {
    color: #009BF4;
}

.ce-campaign .line-chart, .ce-campaign .column-chart {
    height: 450px;
}

.ce-campaign .no-data {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 450px;
}

    .ce-campaign .no-data .message {
        margin: 0 auto;
        text-align: center;
    }

.engagement-settings .ui.floated.image, .engagement-settings .ui.floated.images {
    margin-bottom: 0rem !important;
}

.engagement-settings .image-upload-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em;
    width: 100%;
}

    .engagement-settings .image-upload-container .engagement-settings-text {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

@media only screen and (max-width: 450px) {
    .engagement-settings .image-upload-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .engagement-settings .image-upload-container .engagement-settings-text {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
}

#customer-engagement .email.design > .ui.theme.selection > .selection.ui.dropdown {
    min-width: 200px !important;
}

#customer-engagement .ui.legacy.modal {
    left: 0 !important;
    margin: auto;
    margin-left: auto !important;
    right: 0;
}

    #customer-engagement .ui.legacy.modal .actions {
        text-align: left;
    }

        #customer-engagement .ui.legacy.modal .actions .buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 15px;
        }

            #customer-engagement .ui.legacy.modal .actions .buttons .cancel-button {
                background: white;
                border: 1px solid #009BF4;
                color: #009BF4;
            }

@media only screen and (max-width: 450px) {
    #customer-engagement .ui.legacy.modal .actions .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
    }

        #customer-engagement .ui.legacy.modal .actions .buttons .button {
            width: 100%;
        }

        #customer-engagement .ui.legacy.modal .actions .buttons .primary.button {
            margin-bottom: 5px;
        }
}

.fb-dropdown .ui.header .profile-picture, .twitter-dropdown .ui.header .profile-picture {
    height: initial;
    padding-right: 0.5em;
    width: initial;
}

.fb-dropdown .dropdown, .twitter-dropdown .dropdown {
    font-size: 1.25em !important;
    top: 30% !important;
}

.fullscreen-modal .customer-form {
    margin: 0 auto;
    max-width: 750px;
}

.fullscreen-modal.import-customer-database > .content {
    padding-top: 0 !important;
}

    .fullscreen-modal.import-customer-database > .content .ordered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .fullscreen-modal.import-customer-database > .content .ordered .step {
            padding: 15px 52px;
        }

    .fullscreen-modal.import-customer-database > .content .upload {
        margin-bottom: 20px;
    }

.customer-database > .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    width: 100%;
}

    .customer-database > .items .item:first-child {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .customer-database > .items .item:first-child .ui.search.input {
            width: 320px;
        }

    .customer-database > .items .item:nth-child(2),
    .customer-database > .items .item:nth-child(3) {
        margin-right: 5px;
    }

    .customer-database > .items .items:last-child {
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

@media only screen and (max-width: 767px) {
    .customer-database > .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 20px 10px;
        width: auto;
    }

        .customer-database > .items > .item,
        .customer-database > .items > .item .primary.button {
            width: 100%;
        }

            .customer-database > .items > .item:first-child {
                -ms-flex-item-align: center;
                align-self: center;
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3;
            }

                .customer-database > .items > .item:first-child .ui.search.input {
                    width: 100%;
                }

            .customer-database > .items > .item:nth-child(2) {
                -ms-flex-item-align: center;
                align-self: center;
                margin: 20px 0;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .customer-database > .items > .item:nth-child(3) {
                display: none;
            }

            .customer-database > .items > .item:last-child {
                -ms-flex-item-align: center;
                align-self: center;
                margin-left: 0;
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

    .customer-database .responsive-table {
        margin: 0 10px;
    }
}

.customer-database .ui.grid .file-drop .segment.upload {
    background: #F3F4F5;
}

    .customer-database .ui.grid .file-drop .segment.upload .plus.square.outline.icon {
        display: none;
    }

.customer-database .ui.grid .file-drop.hover .segment.upload {
    opacity: 0.75;
}

    .customer-database .ui.grid .file-drop.hover .segment.upload .checkmark,
    .customer-database .ui.grid .file-drop.hover .segment.upload .cloud.upload.icon {
        display: none;
    }

    .customer-database .ui.grid .file-drop.hover .segment.upload .plus.square.outline.icon {
        display: inline-block;
    }

    .customer-database .ui.grid .file-drop.hover .segment.upload i, .customer-database .ui.grid .file-drop.hover .segment.upload .button {
        pointer-events: none;
    }

.customer-database .ui.link {
    cursor: pointer;
}

.customer-database .ui.import.cards {
    display: block;
    overflow-x: scroll;
    overflow-y: auto;
    white-space: nowrap;
}

    .customer-database .ui.import.cards .ui.column.card {
        display: inline-block;
        width: 225px;
    }

        .customer-database .ui.import.cards .ui.column.card .content {
            padding: 0.5em;
        }

            .customer-database .ui.import.cards .ui.column.card .content .grid {
                height: 140px;
            }

                .customer-database .ui.import.cards .ui.column.card .content .grid .compact.row {
                    padding-bottom: 0;
                    padding-top: 0;
                }

            .customer-database .ui.import.cards .ui.column.card .content .menu {
                height: 160px;
            }

            .customer-database .ui.import.cards .ui.column.card .content.value {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .customer-database .ui.import.cards .ui.column.card .content.value:empty:before {
                    content: "\200b";
                }

        .customer-database .ui.import.cards .ui.column.card.undefined {
            -webkit-box-shadow: 0px 1px 3px 0px #00C0F4, 0px 0px 0px 1px #00C0F4;
            box-shadow: 0px 1px 3px 0px #00C0F4, 0px 0px 0px 1px #00C0F4;
        }

        .customer-database .ui.import.cards .ui.column.card.defined span:empty:before {
            content: "\200b";
        }

        .customer-database .ui.import.cards .ui.column.card.unknown {
            -webkit-box-shadow: 0px 1px 3px 0px #db2828, 0px 0px 0px 1px #db2828;
            box-shadow: 0px 1px 3px 0px #db2828, 0px 0px 0px 1px #db2828;
        }

            .customer-database .ui.import.cards .ui.column.card.unknown .value.content {
                background: #f8e7e5;
                border-top: 1px solid #db2828;
            }

            .customer-database .ui.import.cards .ui.column.card.unknown span {
                color: #db2828;
            }

        .customer-database .ui.import.cards .ui.column.card.skipped h5:empty:before {
            content: "\200b";
        }

        .customer-database .ui.import.cards .ui.column.card.skipped span {
            color: #db2828;
        }

.customer-database .ui.import.button {
    margin-bottom: 1em;
}

.customer-database .ui.import .ui.dropdown .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.customer-database tr .last-visit .label {
    border-radius: 10px !important;
}

.customer-database td.black.cell {
    color: #000000;
}

.customer-database td.red.cell {
    color: #FF0000;
}

.customer-database .ui.yellow.message .ui.list {
    color: #000000;
}

.ui.segments.settings-menu .ui.segment {
    color: black;
    display: block;
    -webkit-transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
}

    .ui.segments.settings-menu .ui.segment.active {
        background-color: rgba(0, 0, 0, 0.035);
    }

    .ui.segments.settings-menu .ui.segment:hover {
        background-color: rgba(0, 0, 0, 0.035);
    }

.new-merch-accord {
    color: #009BF4 !important;
}

    .new-merch-accord.active {
        color: #37BA87 !important;
    }

.settings-location-table .icon:hover {
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .user-table .ui .stackable.grid .row .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.user-table .action-col {
    height: 4em !important;
}

    .user-table .action-col .edit-col {
        float: left;
    }

    .user-table .action-col .resend-col {
        color: #4183C4;
        cursor: pointer;
        float: left;
        padding-left: 20px;
        width: 145px;
    }

.user-table .status-col .status-active {
    color: #32c160;
}

.user-table .status-col .status-inactive {
    color: #e15668;
}

.user-table .status-col .status-unreg {
    color: #FFBF00;
}

.labor-settings .messages {
    margin-bottom: 1em;
}

.labor-settings .unsubscribe-button {
    margin-top: 30px;
}

.two-factor-auth .header-2fa {
    margin-bottom: 0 !important;
}

.two-factor-auth .spaced-top {
    margin-top: 2em !important;
}

.two-factor-auth .settings-body {
    margin-top: 0;
    max-width: 760px;
    padding-top: 0 !important;
}

@media only screen and (max-width: 767px) {
    .content-2fa-setup {
        padding: 0 !important;
    }
}

.supply-orders .segment {
    cursor: pointer;
}

.step-list .segment {
    cursor: pointer;
}

.step-list .ui.steps .step.active .title {
    color: #009BF4 !important;
}

.supply-order-links {
    float: right;
    padding-bottom: 1em;
}

.supply-order-container {
    min-height: 200px;
}

.error-modal .ui.accordion .title:not(.ui) {
    color: #009BF4;
}

.error-modal .refresh-content {
    padding-top: 0.55em;
    text-align: left;
}

.error-modal .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .error-modal .actions .action-buttons {
        margin-left: auto;
    }

@media only screen and (max-width: 1199px) {
    .error-modal .actions .action-buttons {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .error-modal .actions .action-buttons {
        padding-bottom: 1rem;
    }
}

.mask {
    background: white;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

    .mask .text {
        color: black;
        float: left;
        font-size: 30px;
        left: 50%;
        margin-left: -438px;
        position: relative;
        text-align: center;
        top: 40%;
    }

    .mask .red {
        color: #860505;
    }

#terms {
    height: calc(100% - 157px);
    position: absolute;
    top: 61px;
    width: 100%;
}

    #terms .terms-frame {
        height: 100%;
        width: 100%;
    }

#social-media .grid > .column > .segments:first-child {
    background-color: #f6f6f6;
}

#social-media .sm-post-schedule h1 {
    margin: .3em 0em 0em .5em;
}

#social-media .sm-post-schedule .bordered.image {
    margin-bottom: 1em;
    padding: .5em;
}

#social-media .sm-post-schedule .image-upload {
    margin-bottom: 1em;
}

#social-media .sm-post-schedule .sm-image-container {
    width: 320px;
}

#social-media .sm-post-schedule .remove {
    color: #009BF4;
    float: right;
    position: relative;
    right: 3px;
    top: 9px;
}

#social-media .sm-repeat {
    padding: 0em !important;
}

#social-media .manage-account-posts-segments {
    margin-top: 0;
}

#social-media .hidden-link {
    display: none !important;
}

#social-media .social-media-account.ui.button:hover .icon, #social-media .social-media-account.ui.button:focus .icon {
    opacity: 1;
}

#social-media .search-social {
    cursor: pointer;
    padding-top: 10px;
    position: relative;
    right: 21px;
}

#social-media table thead > th .ui.input > input {
    padding-right: 1.5em;
}

#social-media .post-footer {
    background-color: rgba(153, 153, 153, 0.1) !important;
}

#social-media .charts-tab-menu {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9rem;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

    #social-media .charts-tab-menu > .item {
        color: #000;
        cursor: pointer;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-bottom: -1px;
        padding-left: 1em;
        padding-right: 1em;
        text-align: center;
    }

        #social-media .charts-tab-menu > .item > * {
            cursor: pointer;
            pointer-events: none;
        }

        #social-media .charts-tab-menu > .item .sub-header {
            color: rgba(0, 0, 0, 0.6);
        }

        #social-media .charts-tab-menu > .item.active {
            border-bottom: 6px solid #009BF4 !important;
            color: #009BF4;
        }

            #social-media .charts-tab-menu > .item.active > .sub-header {
                color: #009BF4;
            }

#social-media .post-date {
    color: rgba(176, 176, 176, 0.7);
}

#social-media .post-meta .text-center {
    text-align: center;
}

#social-media .post-meta .row.flex-row {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

    #social-media .post-meta .row.flex-row > .item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    #social-media .post-meta .row.flex-row > .post-date {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    #social-media .post-meta .row.flex-row > .post-duplicate {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

        #social-media .post-meta .row.flex-row > .post-duplicate > .ui.button {
            margin: 0;
        }

#social-media .disabled-sm-post .post-content-preview-text {
    color: rgba(128, 128, 128, 0.7);
}

#social-media .disabled-sm-post .post-meta {
    background-color: #F8F9FA;
}

#social-media .disabled-sm-post .scheduled-post-button {
    background-color: #eeeff0;
}

#social-media .disabled-sm-post .post-date .header {
    color: rgba(143, 143, 143, 0.7);
}

@media only screen and (min-width: 1025px) {
    #social-media .tablet.only.charts-tab-menu {
        display: none;
    }
}

@media only screen and (max-width: 650px) {
    #social-media .post-meta .row.flex-row {
        margin-left: 1em;
        margin-right: 1em;
    }

        #social-media .post-meta .row.flex-row::before {
            content: '';
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            width: 100%;
        }

        #social-media .post-meta .row.flex-row > .post-duplicate {
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
            padding-top: 1em;
        }
}

@media only screen and (max-width: 450px) {
    #social-media .post-meta .row.flex-row > .item {
        padding-left: 0em;
        padding-right: 0em;
    }

    #social-media .post-meta .row.flex-row > .post-duplicate {
        padding-top: 1em;
    }
}

#social-media .scrollable-posts {
    min-height: 100%;
    overflow-y: visible;
}

#social-media .scrollable-posts-loading {
    height: 7rem;
}

#social-media .scheduled-posts-loading {
    min-height: 150px;
}

#social-media .scheduled-posts .menu > .item:first-child > .ui.button {
    background-color: #f3f4f6;
}

#social-media .secondary-text {
    color: #959595;
    font-size: 0.9rem;
}

#social-media .facebook-background {
    color: #3b5998;
}

#social-media .ui.header .profile-picture {
    height: 55px;
    width: 55px;
}

    #social-media .ui.header .profile-picture > img.ui.image {
        background-color: #bcbec0;
        height: 50px;
        width: 50px;
    }

    #social-media .ui.header .profile-picture i.icons .icon:first-child {
        margin-right: 0 !important;
    }

    #social-media .ui.header .profile-picture i.icons.sm-icons {
        left: 49%;
        position: absolute;
        top: 50%;
    }

    #social-media .ui.header .profile-picture .facebook-background {
        color: #3b5998;
    }

        #social-media .ui.header .profile-picture .facebook-background + .facebook {
            color: #FFF;
        }

    #social-media .ui.header .profile-picture + .content {
        text-align: left;
        vertical-align: middle;
    }

#social-media .account-header.content.sub.header {
    margin-top: 1rem;
}

#social-media .account-header.ui.popup {
    border: 0;
    max-width: 50vw;
    min-width: 300px;
    padding: 0;
}

    #social-media .account-header.ui.popup:before {
        background: #FFFAF3;
    }

#social-media .dropdown .ui.header {
    font-size: 1em;
}

    #social-media .dropdown .ui.header .profile-picture {
        font-size: 1em;
        height: initial;
        padding-right: 0.5em;
        width: initial;
    }

        #social-media .dropdown .ui.header .profile-picture > img.ui.image {
            display: inline-block;
            height: 2em;
            margin-right: 0.25em;
            width: 2em;
        }

        #social-media .dropdown .ui.header .profile-picture > .sm-icons {
            font-size: 1.5em;
            top: 37%;
        }

            #social-media .dropdown .ui.header .profile-picture > .sm-icons .icon:first-child {
                margin-right: 0;
            }

            #social-media .dropdown .ui.header .profile-picture > .sm-icons .icon:last-child {
                font-size: 0.5em !important;
            }

#social-media .sm-edit > .ui.header {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 14px;
}

#social-media .sm-edit .anti-padded {
    margin-left: -21px;
    margin-right: -21px;
}

#social-media .sm-edit .ui.segments.basic {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#social-media .sm-edit .ui.button.reasonably-wide {
    max-width: 150px;
    min-width: 90px;
    width: 15vw;
}

#social-media .sm-edit .dynamic-checklist > ul {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important;
}

#social-media .dropdown.accounts-dropdown {
    height: 1em;
    padding: 0;
    width: 320px;
}

    #social-media .dropdown.accounts-dropdown:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    #social-media .dropdown.accounts-dropdown > .text {
        width: calc(100% - ((0.71428571em * 2) + 0.5em + 5px));
    }

    #social-media .dropdown.accounts-dropdown > .menu {
        max-width: 100%;
    }

        #social-media .dropdown.accounts-dropdown > .menu > .item.sm-header {
            width: 100%;
        }

    #social-media .dropdown.accounts-dropdown .item .item {
        pointer-events: none;
    }

    #social-media .dropdown.accounts-dropdown .ui.header {
        font-size: 1em;
    }

        #social-media .dropdown.accounts-dropdown .ui.header > .content,
        #social-media .dropdown.accounts-dropdown .ui.header > .content > .sub.header {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #social-media .dropdown.accounts-dropdown .ui.header > .content {
            max-width: calc(100% - 35px - 0.5em);
            padding-left: 5px;
        }

        #social-media .dropdown.accounts-dropdown .ui.header .profile-picture {
            font-size: 1em;
            height: initial;
            min-width: 35px;
            padding-right: 0.5em;
            width: initial;
        }

            #social-media .dropdown.accounts-dropdown .ui.header .profile-picture > img.ui.image {
                display: inline-block;
                height: 2em;
                margin-right: 0.25em;
                width: 2em;
            }

            #social-media .dropdown.accounts-dropdown .ui.header .profile-picture > .sm-icons {
                font-size: 1.5em;
                top: 37%;
            }

                #social-media .dropdown.accounts-dropdown .ui.header .profile-picture > .sm-icons .icon:first-child {
                    margin-right: 0;
                }

                #social-media .dropdown.accounts-dropdown .ui.header .profile-picture > .sm-icons .icon:last-child {
                    font-size: 0.5em !important;
                }

#social-media .twitter-background {
    color: #1DA1F2;
}

#social-media .sm-header.ui.label {
    background-color: #FFF;
}

#social-media .facebook-pages-edit-list.ui.grid {
    margin: 0;
}

    #social-media .facebook-pages-edit-list.ui.grid > .inline-warning {
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
        padding: 0;
    }

    #social-media .facebook-pages-edit-list.ui.grid .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 7px 0;
    }

        #social-media .facebook-pages-edit-list.ui.grid .row > .warning.icon {
            width: 23px;
        }

            #social-media .facebook-pages-edit-list.ui.grid .row > .warning.icon + .sm-header {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }

                #social-media .facebook-pages-edit-list.ui.grid .row > .warning.icon + .sm-header > .content {
                    -ms-flex-preferred-size: 25%;
                    flex-basis: 25%;
                }

                #social-media .facebook-pages-edit-list.ui.grid .row > .warning.icon + .sm-header > .inline-warning {
                    -ms-flex-preferred-size: 50%;
                    flex-basis: 50%;
                    -webkit-box-flex: 2;
                    -ms-flex-positive: 2;
                    flex-grow: 2;
                }

        #social-media .facebook-pages-edit-list.ui.grid .row > .sm-header.label {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

#social-media i.huge.icons.profile-picture {
    font-size: 4rem;
}

#social-media .sm-post .ui.menu {
    cursor: default !important;
}

#social-media .sm-post .ui.secondary.segment, #social-media .sm-post .internet-payments-wrapper .ui.segment.dropdown-file-selector, .internet-payments-wrapper #social-media .sm-post .ui.segment.dropdown-file-selector, #social-media .sm-post .internet-payments-wrapper .download-label-button .ui.segment.download, .internet-payments-wrapper .download-label-button #social-media .sm-post .ui.segment.download {
    border-top: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

#social-media .ui.no-gutter.grid {
    margin: 0;
}

    #social-media .ui.no-gutter.grid > .column {
        padding: 0;
    }

#social-media.ui.segments > .ui.segment.page-nav {
    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

#social-media .account-list-wrapper {
    border-right: 1px solid #d9dada;
}

#social-media .secondary-charts > .ui.segment {
    padding: 1em 0;
}

#social-media .post-list {
    background-color: white;
    padding-left: 8px;
    padding-right: 8px;
}

    #social-media .post-list > .ui.segments {
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 0;
    }

        #social-media .post-list > .ui.segments > .ui.segment {
            border-radius: 0 !important;
        }

    #social-media .post-list .datetime-range-picker-input {
        width: 340px;
    }

@media only screen and (max-width: 450px) {
    #social-media .post-list .mobile-datetime-range-picker {
        width: 100%;
    }
}

#social-media .ui.basic.attached.segment {
    border: none;
}

    #social-media .ui.basic.attached.segment > .ui.fitted.secondary.menu, #social-media .internet-payments-wrapper .ui.basic.attached.segment > .ui.fitted.menu.dropdown-file-selector, .internet-payments-wrapper #social-media .ui.basic.attached.segment > .ui.fitted.menu.dropdown-file-selector, #social-media .internet-payments-wrapper .download-label-button .ui.basic.attached.segment > .ui.fitted.menu.download, .internet-payments-wrapper .download-label-button #social-media .ui.basic.attached.segment > .ui.fitted.menu.download {
        border-bottom: 1px solid #e2e2e2;
        margin: 0;
    }

        #social-media .ui.basic.attached.segment > .ui.fitted.secondary.menu > .item:first-child, #social-media .internet-payments-wrapper .ui.basic.attached.segment > .ui.fitted.menu.dropdown-file-selector > .item:first-child, .internet-payments-wrapper #social-media .ui.basic.attached.segment > .ui.fitted.menu.dropdown-file-selector > .item:first-child, #social-media .internet-payments-wrapper .download-label-button .ui.basic.attached.segment > .ui.fitted.menu.download > .item:first-child, .internet-payments-wrapper .download-label-button #social-media .ui.basic.attached.segment > .ui.fitted.menu.download > .item:first-child {
            margin-left: 0;
        }

#social-media .analytics-chart-header.main-chart {
    font-weight: normal;
}

#social-media .analytics-chart-header.secondary-chart {
    margin: 0 30px;
}

    #social-media .analytics-chart-header.secondary-chart > span {
        color: #009BF4;
    }

#social-media .analytics-tooltip .tooltip-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0.8;
    width: 50px;
}

    #social-media .analytics-tooltip .tooltip-inner::after {
        background-color: #67b7dc;
        -webkit-box-shadow: none;
        box-shadow: none;
        content: '';
        height: 20px;
        left: -10px;
        position: absolute;
        top: -25px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 20px;
        z-index: 2;
    }

    #social-media .analytics-tooltip .tooltip-inner .tooltip-value {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #67b7dc;
        border: none;
        border-radius: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #FFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.5em;
        height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.5em;
        padding: 0;
        position: absolute;
        text-align: center;
        -webkit-transform: translate(-50%, -120%);
        transform: translate(-50%, -120%);
        width: 50px;
        z-index: 3;
    }

#social-media .analytics-content .post-content {
    margin-bottom: 0;
    margin-top: 0;
}

    #social-media .analytics-content .post-content > .ui.grid {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

#social-media .analytics-content .analytics-posts-menu {
    cursor: inherit !important;
}

    #social-media .analytics-content .analytics-posts-menu .post-list-total {
        font-size: 1.07142857em;
    }

    #social-media .analytics-content .analytics-posts-menu .post-sort-order-item {
        cursor: pointer;
        margin-right: 0;
    }

    #social-media .analytics-content .analytics-posts-menu .ui.dropdown.post-sort-selection {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0;
        min-width: 122px;
    }

#social-media .analytics-content .date-range-chart-wrapper,
#social-media .analytics-content .date-range-chart-wrapper .inner-box {
    max-height: 400px;
}

@media only screen and (min-width: 1025px) {
    #social-media .full-height {
        min-height: 77vh;
    }

    #social-media .scrollable-posts, #social-media .scheduled-posts-loading {
        min-height: 62vh;
    }

    #social-media .sm-edit {
        padding: 3em;
    }

        #social-media .sm-edit .dynamic-checklist > ul {
            -webkit-column-count: 3 !important;
            -moz-column-count: 3 !important;
            column-count: 3 !important;
        }

    #social-media .primary-chart {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 1024px) {
    #social-media.ui.fluid.container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #social-media .analytics-content {
        padding-bottom: 5em;
        padding-top: 0;
    }

        #social-media .analytics-content .ui.grid > .column:not(.row) {
            padding-bottom: 0;
            padding-top: 0;
        }

        #social-media .analytics-content .primary-charts {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

            #social-media .analytics-content .primary-charts .ui.segment {
                padding: 1em 0em;
            }

        #social-media .analytics-content .ui.segment:not(.post-meta):last-child {
            margin-bottom: 1rem;
        }

        #social-media .analytics-content .secondary-charts {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        #social-media .analytics-content .analytics-posts {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
        }

            #social-media .analytics-content .analytics-posts .post-meta {
                font-size: 0.9rem;
            }

        #social-media .analytics-content .analytics-chart.ui.segment {
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-top: 1em !important;
        }

            #social-media .analytics-content .analytics-chart.ui.segment:not(.active) {
                display: none;
            }

        #social-media .analytics-content .analytics-chart > .header, #social-media .analytics-content .analytics-chart span {
            display: none;
        }

    #social-media .post-list.ui.segment:first-child {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
    #social-media .dropdown.accounts-dropdown {
        width: 100%;
    }

    #social-media .analytics-content .charts-tab-menu > .item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-left: 0;
        padding-right: 0;
    }

    #social-media .analytics-content .post-date {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
        padding-bottom: 0.5em;
        padding-top: 0 !important;
    }

        #social-media .analytics-content .post-date .ui.small.header {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            padding-right: 0.3em;
        }

    #social-media .ui.fitted.secondary.menu .ui.right.secondary.menu, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .ui.right.secondary.menu, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .ui.right.secondary.menu, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .ui.right.secondary.menu, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .ui.right.secondary.menu, #social-media .ui.fitted.secondary.menu .internet-payments-wrapper .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper #social-media .ui.fitted.secondary.menu .ui.right.menu.dropdown-file-selector, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .ui.right.menu.dropdown-file-selector, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .ui.right.menu.dropdown-file-selector, #social-media .ui.fitted.secondary.menu .internet-payments-wrapper .download-label-button .ui.right.menu.download, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.secondary.menu .ui.right.menu.download, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .download-label-button .ui.right.menu.download, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.dropdown-file-selector .ui.right.menu.download, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .download-label-button .ui.right.menu.download, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.dropdown-file-selector .ui.right.menu.download, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .ui.right.menu.download, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .ui.right.menu.download {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    #social-media .ui.fitted.secondary.menu .item, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .item, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .item, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .item, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
    }

        #social-media .ui.fitted.secondary.menu .item > .button, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .item > .button, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .item > .button, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .item > .button, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .item > .button {
            margin: 0;
        }

        #social-media .ui.fitted.secondary.menu .item .week-picker, #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .item .week-picker, .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .item .week-picker, #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .item .week-picker, .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .item .week-picker {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            #social-media .ui.fitted.secondary.menu .item .week-picker .button:not(.week-picker-button), #social-media .internet-payments-wrapper .ui.fitted.menu.dropdown-file-selector .item .week-picker .button:not(.week-picker-button), .internet-payments-wrapper #social-media .ui.fitted.menu.dropdown-file-selector .item .week-picker .button:not(.week-picker-button), #social-media .internet-payments-wrapper .download-label-button .ui.fitted.menu.download .item .week-picker .button:not(.week-picker-button), .internet-payments-wrapper .download-label-button #social-media .ui.fitted.menu.download .item .week-picker .button:not(.week-picker-button) {
                max-width: 3em;
            }
}

#social-media .ui.segments-basic table th div.ui.input {
    float: left;
}

#social-media .ui.segments-basic table th h5 {
    margin-top: 0;
}

    #social-media .ui.segments-basic table th h5 button {
        float: right;
    }

.reputation-management {
    background-color: #f6f6f6;
}

    .reputation-management #reputation .ui.reservation-nav {
        padding-left: 1.4em;
    }

    .reputation-management .ui.table tr td {
        border-top: 0 !important;
    }

    .reputation-management .ui.segment.controls .items {
        float: left;
        margin-bottom: 1em;
    }

        .reputation-management .ui.segment.controls .items + button {
            float: right;
        }

    .reputation-management .ui.segment.controls .reputation-tabs .account-remove {
        pointer-events: none;
        text-align: right;
    }

        .reputation-management .ui.segment.controls .reputation-tabs .account-remove i {
            pointer-events: auto;
        }

    .reputation-management .ui.segment.controls .reputation-tabs table {
        border: none;
    }

    .reputation-management .ui.segment.controls .reputation-tabs td {
        font-weight: 600;
    }

    .reputation-management .account-review-select-item {
        max-height: 8rem;
        min-height: 8rem;
        overflow: hidden;
    }

        .reputation-management .account-review-select-item .rating-text {
            font-size: 16px;
            font-weight: bold;
        }

        .reputation-management .account-review-select-item .review-count-text {
            color: grey;
            font-size: 13px;
            font-weight: normal;
        }

        .reputation-management .account-review-select-item:not(.coming-soon) {
            cursor: pointer;
        }

            .reputation-management .account-review-select-item:not(.coming-soon):hover {
                background-color: #f6f6f6;
            }

            .reputation-management .account-review-select-item:not(.coming-soon).active {
                background-color: #009BF4;
            }

                .reputation-management .account-review-select-item:not(.coming-soon).active .header-text a, .reputation-management .account-review-select-item:not(.coming-soon).active .rating-text, .reputation-management .account-review-select-item:not(.coming-soon).active .rating-text .icon.star.blue, .reputation-management .account-review-select-item:not(.coming-soon).active .review-count-text {
                    color: white !important;
                }

        .reputation-management .account-review-select-item .header-text-not-linked {
            font-size: 15px;
            text-align: center;
        }

        .reputation-management .account-review-select-item .header-text-coming-soon {
            color: grey;
            font-size: 15px;
            font-weight: bold;
        }

            .reputation-management .account-review-select-item .header-text-coming-soon p {
                font-size: 14px;
                font-weight: normal;
            }

        .reputation-management .account-review-select-item .header-text {
            font-size: 15px;
            font-weight: bold;
        }

    .reputation-management .review-pagination-segment {
        margin-top: 0;
        padding-top: 0;
    }

    .reputation-management .search-result-block .mobile {
        margin-top: 1em;
    }

    .reputation-management .review-text-fit-table {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 40em;
    }

    .reputation-management .no-reviews {
        font-weight: 600;
        margin: auto;
        padding: 25px 0;
    }

    .reputation-management .chart-overview {
        overflow: hidden;
        padding: 5px;
    }

        .reputation-management .chart-overview .line-chart, .reputation-management .chart-overview .chart-class {
            height: 500px;
        }

        .reputation-management .chart-overview .ui.header {
            text-align: left;
        }

        .reputation-management .chart-overview > div:nth-child(2),
        .reputation-management .chart-overview > div:nth-child(3) {
            display: inline-block;
            padding: 5px;
        }

    .reputation-management .ui.header.item.selectable {
        cursor: pointer;
    }

    .reputation-management .ui.header.item.nonselectable img {
        opacity: 0.45;
    }

    .reputation-management .ui.header.item.nonselectable .content {
        opacity: 0.45;
    }

    .reputation-management .ui.form.error + div > p {
        background-color: #b3d3d340;
    }

    .reputation-management .header-menu div.right.secondary.menu, .reputation-management .header-menu .internet-payments-wrapper div.right.menu.dropdown-file-selector, .internet-payments-wrapper .reputation-management .header-menu div.right.menu.dropdown-file-selector, .reputation-management .header-menu .internet-payments-wrapper .download-label-button div.right.menu.download, .internet-payments-wrapper .download-label-button .reputation-management .header-menu div.right.menu.download {
        cursor: initial !important;
        margin-left: initial !important;
        margin-right: initial !important;
        position: absolute;
        right: 0;
    }

    .reputation-management .ui.secondary.menu, .reputation-management .internet-payments-wrapper .ui.menu.dropdown-file-selector, .internet-payments-wrapper .reputation-management .ui.menu.dropdown-file-selector, .reputation-management .internet-payments-wrapper .download-label-button .ui.menu.download, .internet-payments-wrapper .download-label-button .reputation-management .ui.menu.download, .reputation-management .ui.attached.header {
        text-align: center;
    }

        .reputation-management .ui.secondary.menu .ui.button, .reputation-management .internet-payments-wrapper .ui.menu.dropdown-file-selector .ui.button, .internet-payments-wrapper .reputation-management .ui.menu.dropdown-file-selector .ui.button, .reputation-management .internet-payments-wrapper .download-label-button .ui.menu.download .ui.button, .internet-payments-wrapper .download-label-button .reputation-management .ui.menu.download .ui.button, .reputation-management .ui.attached.header .ui.button {
            float: left;
        }

        .reputation-management .ui.secondary.menu h1, .reputation-management .internet-payments-wrapper .ui.menu.dropdown-file-selector h1, .internet-payments-wrapper .reputation-management .ui.menu.dropdown-file-selector h1, .reputation-management .internet-payments-wrapper .download-label-button .ui.menu.download h1, .internet-payments-wrapper .download-label-button .reputation-management .ui.menu.download h1, .reputation-management .ui.attached.header h1 {
            margin-right: 4.5em;
            margin-top: 0;
            text-align: center;
        }

    .reputation-management .enabled {
        cursor: not-allowed;
        pointer-events: all;
    }

    .reputation-management .account-header-list .ui.grid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .reputation-management .account-header-list .three.wide.column {
        padding-left: 0;
        padding-right: 0;
    }

    .reputation-management .warn.no-locations {
        margin: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }

.gift-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .gift-cards .card {
        height: 80px;
    }

    .gift-cards .list-controls {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .gift-cards .responsive-table .cell-disabled {
        background: #f7f7f7;
    }

        .gift-cards .responsive-table .cell-disabled .neutral.text {
            color: #999;
            font-weight: 800;
        }

    .gift-cards .responsive-table .ui.button {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .gift-cards .filter-controls .ui.input.search {
        width: 345px;
    }

    .gift-cards h2.ui.header {
        font-weight: 600;
    }

    .gift-cards .ui.horizontal.segments {
        margin-top: 0;
    }

@media only screen and (max-width: 767px) {
    .gift-cards h2.ui.header {
        font-size: 1.2em;
    }

    .gift-cards .filter-controls .ui.input.search {
        width: 100%;
    }
}

/*header image*/
.header-image {
    background-image: url("/img/store.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 1em;
    min-height: 310px;
    position: relative;
}

.statements .ui.header > span {
    float: left;
    margin-top: 2.47px;
}

.statements .ui.header .no-statements {
    float: right !important;
}

.statements .ui.header .ui.dropdown {
    float: right;
    margin-top: 2.47px;
}

.statements .ui.header .ui.button {
    margin-right: 50px;
}

.statements .ui.loading.segment {
    min-height: 100px;
}

/*bank account*/
.ui.segments.bank-account .header span {
    position: relative;
    top: 8px;
}

@media only screen and (max-width: 767px) {
    .ui.segments.bank-account .ui.button {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .ui.segments.bank-account .header span {
        position: relative;
        top: 0;
    }
}

/*Merch info box*/
.ui.segment.merch-info-box .merch-id {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.ui.segment.merch-info-box .ui.header {
    color: #009BF4;
    margin-top: .25em;
}

.ui.segment.merch-info-box .merch-info {
    min-height: 187px;
}

.ui.table.employee-status {
    border: none;
    font-size: .9em;
}

    .ui.table.employee-status .name {
        font-weight: bold;
    }

    .ui.table.employee-status .ClockedIn {
        color: #7CD53D;
        font-weight: bold;
    }

    .ui.table.employee-status .OnBreak {
        color: #F6A735;
        font-weight: bold;
    }

    .ui.table.employee-status .ClockedOut {
        color: #888;
        font-weight: bold;
    }

/*Status Box*/
.status-header-box .status-header {
    background-color: #009BF4;
    color: #FFFFFF;
}

.status-header-box .status-body h3 span.Online {
    color: #7CD53D;
}

.status-header-box .status-body h3 span.Offline {
    color: #F6A735;
}

.status-header-box .status-meta {
    color: #636363;
}

/*Container below the fold*/
.overview-container {
    /*Ticket Boxes*/
}

    .overview-container .ticket-boxes .ticket-box {
        text-align: center;
    }

    .overview-container .ticket-boxes .ticket-value {
        font-size: 2.5rem;
        padding: .75em 0em;
    }

    .overview-container .ticket-boxes .orange-bar {
        border-left: 20px solid #F6A735 !important;
    }

    .overview-container .ticket-boxes .green-bar {
        border-left: 20px solid #7CD53D !important;
    }

    .overview-container .labor-boxes {
        border: 0px;
        border-left: 20px solid #7CD53D !important;
    }

        .overview-container .labor-boxes .labor-box {
            text-align: center;
            width: 33.3% !important;
        }

        .overview-container .labor-boxes .labor-value {
            font-size: 2rem;
            padding: .75em 0em;
        }

        .overview-container .labor-boxes .ui.segment.status-header {
            border-top-left-radius: 0px;
        }

        .overview-container .labor-boxes .ui.segment.status-body {
            border-bottom-left-radius: 0px;
        }

    .overview-container .column-chart {
        height: 500px;
    }

.notice-name {
    line-height: 1.96428571em;
}

/*fix header image for screens larger than 1440px wide*/
@media all and (min-width: 1441px) {
    .header-image {
        background-size: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .reservations-list {
        max-height: 50vh !important;
    }
}

.reservation-nav {
    background: #FFFFFF;
    border-radius: 0.28571rem 0.28571rem 0em 0em !important;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px -1px 2px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px -1px 2px 0 rgba(34, 36, 38, 0.15);
    padding: 1em .5em;
}

    .reservation-nav .tab-selection {
        color: #595959 !important;
        padding: 1em 1em;
        text-align: center;
    }

        .reservation-nav .tab-selection.active {
            border-bottom: 6px solid #009BF4;
            color: black !important;
            padding: 1em 1em .7em 1em !important;
        }

    .reservation-nav .create-res {
        float: right;
        padding-right: .5em;
    }

        .reservation-nav .create-res a {
            color: #009BF4 !important;
            cursor: pointer;
        }

.reservation-body {
    background: #ffffff;
    border: 0px solid rgba(34, 36, 38, 0.15) !important;
    border-radius: 0em 0em 0.28571rem 0.28571rem !important;
    border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    float: left;
    margin: 0em !important;
    padding: 1em;
    width: 100%;
}

    .reservation-body .five {
        padding: 0rem !important;
    }

    .reservation-body .eleven {
        border-left: 1px solid rgba(34, 36, 38, 0.15) !important;
        position: static !important;
    }

    .reservation-body .no-res-container {
        margin-top: 5em;
        text-align: center !important;
    }

    .reservation-body .reservations-list {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-height: 90vh;
        overflow-x: auto;
    }

        .reservation-body .reservations-list a {
            border-bottom: 1px solid rgba(34, 36, 38, 0.15) !important;
            color: #000000;
            cursor: pointer;
            float: left;
            outline: none;
            padding: 1em 0.5em;
            width: 100%;
        }

            .reservation-body .reservations-list a .reservation-link {
                cursor: pointer;
            }

            .reservation-body .reservations-list a .res-list-info {
                float: left;
            }

                .reservation-body .reservations-list a .res-list-info .res-time {
                    color: #A4A4A4;
                }

            .reservation-body .reservations-list a .res-list-status {
                float: right;
            }

                .reservation-body .reservations-list a .res-list-status .ui {
                    font-size: 11px;
                    width: 90px;
                }

            .reservation-body .reservations-list a .user-info {
                float: right;
                font-size: 1.1em;
                padding: .5em .75em 0em 0em;
            }

                .reservation-body .reservations-list a .user-info .user.icon {
                    color: #A4A4A4;
                    position: relative;
                    top: -1px;
                }

        .reservation-body .reservations-list .active {
            border-left: 6px solid #009BF4 !important;
        }

    .reservation-body .reservation-details .buttons {
        float: right;
    }

        .reservation-body .reservation-details .buttons .button {
            min-width: 150px !important;
        }

    .reservation-body .reservation-date {
        background: #f7f7f7;
        border-bottom: 1px solid rgba(34, 36, 38, 0.15) !important;
        padding: 1em;
    }

        .reservation-body .reservation-date .reservation-header {
            height: 20px;
        }

            .reservation-body .reservation-date .reservation-header .cal-label {
                float: left;
            }

            .reservation-body .reservation-date .reservation-header .cal-dropdown {
                cursor: pointer;
                float: left;
            }

                .reservation-body .reservation-date .reservation-header .cal-dropdown .reservation-pikaday {
                    background: #f7f7f7 !important;
                    border: none !important;
                    cursor: pointer;
                    max-width: 30% !important;
                    min-width: 85px !important;
                    padding: 0.05em 0em 0em 0.5em !important;
                }

    .reservation-body .reservations-search {
        background: #eeeeee;
        padding: 1em;
    }

    .reservation-body .reservation-buttons {
        text-align: center;
        width: 100%;
    }

    .reservation-body .reservation-status {
        white-space: nowrap;
    }

    .reservation-body .mobile-nav {
        display: none;
    }

.reservation-calendar {
    padding: 0em 1em 1em 1em;
}

.reservation-headers .search-reservations {
    cursor: pointer;
    padding-top: 10px;
    position: relative;
    right: 27px;
}

.tab-container-root {
    margin-bottom: 1em;
}

    .tab-container-root .menu-container.ui.segment {
        padding: 0.1em 0em !important;
    }

    .tab-container-root .tab-container-header-list {
        border-bottom: 0px solid rgba(34, 36, 38, 0.15) !important;
    }

        .tab-container-root .tab-container-header-list .tab-container-header.active {
            border-color: #009BF4 !important;
        }

    .tab-container-root .res-block-row {
        padding: .5em;
    }

.reservation-block-column tbody tr td {
    border-left: 0px !important;
    padding-left: 2em !important;
}

.block-tables {
    margin-bottom: 1em;
}

    .block-tables .reservation-block-table .ui.table thead tr th .resevation-block-header {
        float: left;
        padding: 0.5em 2em;
        width: 100%;
    }

        .block-tables .reservation-block-table .ui.table thead tr th .resevation-block-header .ui.header {
            float: left;
        }

        .block-tables .reservation-block-table .ui.table thead tr th .resevation-block-header .checkbox {
            float: right;
        }

            .block-tables .reservation-block-table .ui.table thead tr th .resevation-block-header .checkbox label {
                padding-left: 3.5rem;
            }

    .block-tables .reservation-block-table .ui.table thead tr th .clock-boxes {
        float: left;
        padding: 0.25em 2em;
        width: 100%;
    }

        .block-tables .reservation-block-table .ui.table thead tr th .clock-boxes .reservation-blocks-period {
            float: left;
            width: 45%;
        }

        .block-tables .reservation-block-table .ui.table thead tr th .clock-boxes .reservation-clock-dash {
            color: #9a989b;
            float: left;
            font-size: 30px;
            padding-top: .15em;
            text-align: center;
            width: 10%;
        }

    .block-tables .reservation-block-table .column {
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .block-tables .reservation-block-table .column:first-child {
            background: #f2f2f2;
            border-left: 0px solid rgba(0, 0, 0, 0.1) !important;
        }

        .block-tables .reservation-block-table .column:last-child {
            background: #f2f2f2;
        }

    .block-tables .reservation-block-table .disabled {
        opacity: 0.6 !important;
    }

@media only screen and (min-width: 1025px) and (max-width: 1276px) {
    .fields {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .fields .reservation-status {
            margin-bottom: .2em;
        }
}

@media all and (max-width: 1123px) and (min-width: 800px) {
    .reservation-block .res-action-container .ui.button {
        margin-top: .5em;
    }
}

@media all and (max-width: 800px) and (min-width: 320px) {
    .res-block-row {
        padding: .0em;
    }

    .tab-container-header-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

        .tab-container-header-list .tab-container-header {
            float: left;
            text-align: center;
            width: 100% !important;
        }

    .reservation-body {
        max-height: none !important;
        width: 100% !important;
    }

        .reservation-body .ui.segment {
            background: #FFFFFF;
            border: 0px solid rgba(34, 36, 38, 0.15) !important;
            border-radius: 0.28571429rem;
            -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
            box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
            margin: 1rem 0em;
            padding: 1em 0em !important;
            position: relative;
            text-align: center !important;
        }

        .reservation-body .ui.stackable.grid > .column:not(.row) {
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            margin: 0em 0em !important;
            padding: 1rem 0rem !important;
            width: 100% !important;
        }

        .reservation-body .reservation-block-column {
            padding: 0rem 0rem !important;
        }

    .mobile-nav {
        background: #f7f7f7;
        border-bottom: 1px solid rgba(34, 36, 38, 0.15) !important;
        -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
        box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
        cursor: pointer;
        display: inline !important;
        padding: 1em;
        text-align: center;
    }

    .reservation-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

        .reservation-nav .tab-selection {
            width: 100%;
        }

            .reservation-nav .tab-selection:last-child {
                margin-bottom: 1em;
            }

    .menu-container .tab-container-header-list {
        border-bottom: 0px solid rgba(34, 36, 38, 0.15) !important;
    }

        .menu-container .tab-container-header-list .tab-container-header .active.item {
            background-color: transparent;
            border-color: red !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: rgba(0, 0, 0, 0.95);
            font-weight: bold;
        }

    .reservation-block-table tbody tr td {
        text-align: center !important;
    }

    .reservation-block-table .ui.table thead tr {
        float: left;
    }

        .reservation-block-table .ui.table thead tr th .resevation-block-header {
            float: left;
            padding: 0.25em 0em;
        }

        .reservation-block-table .ui.table thead tr th .clock-boxes {
            float: left;
            padding: 0.5em 0em;
        }
}

.table-layout .resTable {
    background: #FFFFFF;
}

.table-layout .save-container .button {
    float: right;
}

.table-layout .tables .ui.dropdown .menu > .input:not(.transparent) .button, .table-layout .tables .ui.dropdown .menu > .input:not(.transparent) .icon, .table-layout .tables .ui.dropdown .menu > .input:not(.transparent) .label {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.table-layout .table-print {
    display: none !important;
}

.cal-tab-header {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 1em;
    width: 100%;
}

.cal-tab-selection {
    color: #595959 !important;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1em 0em;
    text-align: center;
}

    .cal-tab-selection.active {
        border-bottom: 3px solid #009BF4;
        color: black !important;
    }

.cal-event {
    cursor: pointer;
}

.cal-drop {
    margin: 2em 1em 2em 0em;
}

    .cal-drop.month-select {
        width: 110px;
    }

.cal-mobile {
    display: none !important;
}

@media all and (max-width: 800px) and (min-width: 320px) {
    .cal-mobile {
        display: inline-block !important;
    }

    .cal-tab-header {
        padding: 0em;
    }

    .cal-tab-selection {
        display: none;
    }

    .cal-drop {
        margin: 6px;
    }
}

@media only screen and (max-width: 1024px) {
    .cat-box, .items-box {
        max-height: 50vh !important;
    }
}

.manage-pos-table {
    padding: 0px !important;
    /*border-radius: 3px 3px 3px 3px !important;*/
}

    .manage-pos-table h4 {
        float: left !important;
        margin-bottom: 0 !important;
    }

    .manage-pos-table .top {
        float: left;
    }

    .manage-pos-table .create-job {
        cursor: pointer;
        float: right;
    }

.menu-items-list .selected-child {
    background-color: #009BF4 !important;
    color: #ffffff;
}

.menu-items-list .menu-pagination {
    -ms-flex-item-align: end;
    align-self: flex-end;
    bottom: 15px;
    position: absolute;
    width: 95%;
}

    .menu-items-list .menu-pagination .menu-pagination-dd {
        min-width: 5.5em !important;
    }

.menu-items .button {
    background: rgba(153, 153, 153, 0.1);
    border-radius: 2px !important;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
    margin: 0.25em 0em !important;
    padding: 2em 0em !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .menu-items .button:hover {
        background-color: #009BF4;
        -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
        box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
        color: #FFFFFF;
    }

    .menu-items .button.active, .menu-items .button:active, .menu-items .button:focus {
        background-color: #009BF4;
        -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
        box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
        color: #FFFFFF;
    }

.menu-items .cat-header b {
    float: left;
    font-size: 1.071rem;
}

.menu-items .cat-header .plus {
    cursor: pointer;
    float: right;
}

.menu-items .items-header b {
    float: left;
    font-size: 1.071rem;
}

.menu-items .items-header .menu-toggle-box {
    float: right;
    text-align: right;
}

    .menu-items .items-header .menu-toggle-box .plus {
        cursor: pointer;
        float: right;
        padding-left: 17px;
    }

        .menu-items .items-header .menu-toggle-box .plus:before {
            margin-left: -0.3em;
        }

.menu-items .items-header .search-input {
    padding-bottom: 14px;
}

.menu-items .category-buttons {
    width: 100%;
}

.menu-items .cat-box {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 90vh;
    overflow-x: auto;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    text-align: center;
}

    .menu-items .cat-box .category-buttons {
        width: 92%;
    }

    .menu-items .cat-box button:hover {
        background-color: #37BA87 !important;
        color: #ffffff;
    }

    .menu-items .cat-box .selected-parent {
        background-color: #37BA87;
        color: #ffffff;
    }

.menu-items .items-box {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 100vh;
    overflow-x: auto;
}

.menu-items .sel-cat-button {
    background: green !important;
}

.menu-items .item-buttons {
    margin: 0.25em 0em !important;
    width: 49.5%;
}

.menu-items .item-buttons-fluid {
    margin: 0.25em 0em !important;
    width: 100%;
}

.menu-items .menu-items-icon {
    float: right;
}

.menu-form input {
    background: rgba(153, 153, 153, 0.1) !important;
}

.menu-form textarea {
    background: rgba(153, 153, 153, 0.1) !important;
}

.menu-form .ui.selection.active.dropdown .menu {
    border-color: #009BF4;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

.menu-form .selection {
    background: rgba(153, 153, 153, 0.1) !important;
}

    .menu-form .selection .item {
        background: rgba(153, 153, 153, 0.1) !important;
    }

        .menu-form .selection .item:hover {
            background: #d9d9d9 !important;
        }

.menu-form .active-check {
    text-align: center;
}

.menu-form .menu-button-set {
    float: right;
}

.menu-form .menu-container {
    padding: .25rem 0em 0em !important;
}

    .menu-form .menu-container .ui.menu {
        border-bottom: 0em;
    }

    .menu-form .menu-container .ui.secondary.pointing.menu .active.item, .menu-form .menu-container .internet-payments-wrapper .ui.pointing.menu.dropdown-file-selector .active.item, .internet-payments-wrapper .menu-form .menu-container .ui.pointing.menu.dropdown-file-selector .active.item, .menu-form .menu-container .internet-payments-wrapper .download-label-button .ui.pointing.menu.download .active.item, .internet-payments-wrapper .download-label-button .menu-form .menu-container .ui.pointing.menu.download .active.item {
        border-color: #009BF4;
        border-width: 6px;
    }

.menu-form .primary {
    background: #009BF4 !important;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
}

.menu-form .discard {
    background-color: rgba(153, 153, 153, 0.1);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24) !important;
}

.menu-form .modifier-search {
    cursor: pointer;
    padding-top: 10px;
    position: relative;
    right: 27px;
}

/*TODO: Combine these two via child*/
.employee-top-row th {
    background: #F9FAFB !important;
}

.employee-bottom-row th {
    background: #ffffff !important;
}

.actions {
    background: #FFFFFF;
    width: 100%;
}

.alert-danger {
    background-color: #fff6f6;
    -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;
    box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;
    color: #9f3a38;
    margin: .5em 0em;
    padding: 1em;
}

.items-list {
    padding: 0.5em 0em 1.75em 0em !important;
}

    .items-list .column {
        padding: 0.25em !important;
    }

        .items-list .column label:hover {
            cursor: pointer;
        }

/* Create/Edit Job */
.modal-header {
    padding-bottom: 1.5em !important;
}

.delivery-distance .ui.label {
    margin: 0.2em 0 0;
}

.online-ordering .menu-form .sp-replacer {
    border: solid 1px #e2e2e2;
    border-radius: 3px;
    margin: 10px;
    margin-left: 0px;
}

    .online-ordering .menu-form .sp-replacer .hover {
        background-color: #00C0F4 !important;
        border: solid 1px #ababab;
    }

    .online-ordering .menu-form .sp-replacer .sp-preview {
        border: solid 1px #c5bfbf;
    }

.online-ordering .menu-form .sp-active {
    border: solid 1px rgba(34, 36, 38, 0.15) !important;
}

.sp-container {
    background-color: #EEEEEE;
    border: solid 1px rgba(34, 36, 38, 0.15) !important;
    border-radius: 0px;
    padding: 0;
}

    .sp-container button {
        background-color: #00C0F4 !important;
        background-image: none;
        border: 1px solid #00C0F4;
        color: #ffffff;
        float: right;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        padding: 8px 15px;
        text-shadow: none;
    }

        .sp-container button:hover {
            background-color: #00C0F4 !important;
            background-image: none;
            text-shadow: none;
        }

.sp-button-container {
    float: left;
    width: 100%;
}

    .sp-button-container .sp-cancel {
        background-color: #E0E1E2;
        border-radius: 3px;
        color: #000000 !important;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-size: 14px !important;
        margin: 0;
        margin-right: 5px;
        padding: 2px;
        padding: 8px 15px;
        position: relative;
        text-decoration: none;
        top: 8px;
        vertical-align: middle;
    }

.menu-container .ui.header {
    margin-bottom: 0;
}

.menu-container .ui.compact.info.message {
    width: 100%;
    word-wrap: break-word;
}

.olo-menu-preview {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 500px;
    overflow: auto;
    padding: 0em !important;
}

    .olo-menu-preview iframe {
        border: none;
        height: 700px;
        min-width: 992px;
        width: 100%;
    }

    .olo-menu-preview .error {
        text-align: center;
        width: 100%;
    }

        .olo-menu-preview .error a {
            cursor: pointer;
        }

        .olo-menu-preview .error + iframe {
            display: none;
        }

.timeclock .shifts-table .header .title {
    margin-top: 32px;
}

.timeclock .shifts-table .header .invisible {
    visibility: hidden;
}

.timeclock .shifts-table .header .add-shift {
    cursor: pointer;
    margin-top: 33px;
    padding-left: 0;
    text-align: right;
}

.timeclock .shifts-table .ui.striped.table tr.short-info:hover {
    background: #e2e2e2;
    cursor: pointer;
}

.timeclock .shifts-table .ui.striped.table tr.short-info.expanded {
    background-color: #37BA87;
    color: white;
}

.timeclock .shifts-table .ui.striped.table td.no-shifts {
    padding: 25px 0;
    text-align: center;
}

.timeclock .shifts-table .shift-details .edit-shift .row {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.timeclock .shifts-table .shift-details .edit-shift .form-group {
    float: left;
    width: 50%;
}

.timeclock .shifts-table .shift-details .edit-shift .column {
    clear: none;
    float: left;
    margin-bottom: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 50%;
}

.timeclock .shifts-table .shift-details input.readonly:disabled {
    cursor: not-allowed;
    opacity: 1;
}

.timeclock .shifts-table .shift-details textarea {
    resize: none;
}

.timeclock .shifts-table .shift-details .ui.selection.dropdown {
    min-width: 0;
}

.timeclock .shifts-table .shift-details .break {
    position: relative;
}

    .timeclock .shifts-table .shift-details .break .is-paid {
        left: 60px;
        position: absolute;
        top: -8px;
    }

@media (max-width: 1400px) {
    .timeclock .edit-shift .row .form-group > .column {
        width: 100%;
    }
}

@media (max-width: 1350px) {
    .timeclock .input.search {
        margin-top: 10px;
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .timeclock .shifts-table .header input {
        padding-left: 7px;
        padding-right: 25px !important;
    }

    .timeclock .shifts-table .add-shift {
        padding: 0;
    }

        .timeclock .shifts-table .add-shift .icon {
            margin-right: 0;
        }
}

@media (max-width: 1127px) {
    .timeclock .shifts-table .header .title {
        padding: 14px 10px;
    }

    .timeclock .shifts-table .header .icon .icon {
        display: none;
    }

    .timeclock .shifts-table .header input {
        padding-left: 10px;
        padding-right: 10px !important;
    }
}

@media (max-width: 1024px) {
    .timeclock .shifts-table .search {
        padding-top: 0;
        width: 50%;
    }

    .timeclock .shifts-table .header .title {
        margin-top: 0;
    }

    .timeclock .shifts-table .header .add-shift {
        margin-top: 0;
    }

    .timeclock .shifts-table .header .filter-group {
        padding-top: 0;
    }

    .timeclock .shifts-table .edit-shift .menu-button-set {
        float: none;
    }
}

@media (max-width: 768px) {
    .timeclock .edit-shift .column.four.wide {
        width: 100% !important;
    }

    .timeclock .edit-shift .fields .field {
        margin-top: 10px;
    }

    .timeclock .edit-shift .menu-button-set {
        padding-top: 10px;
    }

        .timeclock .edit-shift .menu-button-set .button {
            margin-bottom: 20px;
            width: 100%;
        }

    .timeclock .eight .dropdown {
        width: 100%;
    }
}

.menu-items .item-group-buttons {
    margin: 0.25em 0em !important;
    width: 32.75% !important;
}

.itemGroup-segment i {
    float: right;
}

.price-modifier-fields .field {
    float: left;
    margin: 0.5em 0em !important;
}

    .price-modifier-fields .field .price-modifier-radio {
        float: left;
        min-width: 145px !important;
        padding-top: .4em;
    }

    .price-modifier-fields .field .price-modifier-input {
        float: left;
        width: 80px !important;
    }

.double-sided-toggle .left-side {
    float: left;
    padding: 7px 14px 0px 0px;
}

.choice-set-checks {
    padding-left: 1.75em !important;
}

.fixed-amount-input-labels {
    float: left;
    min-width: 135px !important;
    padding: 0.5em 0em;
}

.fixed-amount-inputs {
    min-width: 160px !important;
}

.default-choice-selection {
    min-width: 245px !important;
}

.customize-menu i.icon.disabled {
    opacity: 0.45 !important;
    pointer-events: none;
}

.tableside-container .ui.segment.header.header-segment .inline.fields {
    float: right;
    margin: 0em;
}

.tableside-container td.no-devices {
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .tableside-container .ui.segment.header.header-segment {
        -webkit-box-align: left;
        -ms-flex-align: left;
        align-items: left;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .tableside-container .ui.segment.header.header-segment > :first-child {
            margin-bottom: 1em;
        }

        .tableside-container .ui.segment.header.header-segment .inline.fields > .field {
            margin-bottom: 0.5em;
        }
}

.gpatt {
    margin: 0 10px;
}

    .gpatt .toggle label {
        font-weight: bold;
    }

    .gpatt .add-profile {
        margin-top: 20px;
    }

    .gpatt .checkbox-container {
        margin-bottom: 1em;
    }

    .gpatt img {
        margin-bottom: 10px;
        width: 100%;
    }

    .gpatt .field.padded.stackable.grid .image-upload input, .gpatt .field.padded.stackable.grid .image-upload label {
        background-color: transparent;
        padding: 0;
    }

.solo .toggle label {
    font-weight: bold;
}

.solo .checkbox-container {
    margin-bottom: 1em;
}

.customer-display .image-upload-field .ui.field {
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .customer-display .image-upload-field .ui.field .preview-wrap {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

.customer-display :nth-child(2) .image-upload-field .ui.field {
    border-bottom: none;
}

@media only screen and (max-width: 767px) {
    .customer-display :nth-child(2) .image-upload-field .ui.field {
        border-bottom: 1px solid #e5e5e5;
    }
}

.customer-display .ui.field.padded.stackable.grid {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
    .customer-display .ui.field.padded.stackable.grid {
        border-bottom: 1px solid #e5e5e5;
    }
}

.printers .ui.yellow.small.message {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.printers .image-upload-field .ui.field {
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .printers .image-upload-field .ui.field .preview-wrap {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

.printers .ui.field.padded.stackable.grid {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
    .printers .ui.field.padded.stackable.grid {
        border-bottom: 1px solid #e5e5e5;
    }
}

.article.dashboard .header.title-bar {
    padding: 30px 30px 16px 30px !important;
}

    .article.dashboard .header.title-bar > span {
        padding: 0 1rem 1rem 0;
    }

    .article.dashboard .header.title-bar > #title {
        padding-bottom: 1rem;
    }

        .article.dashboard .header.title-bar > #title .dashboard-actions .ui.checkbox {
            display: inline-block;
        }

        .article.dashboard .header.title-bar > #title .dashboard-actions .layout-button {
            display: inline-block;
            margin-right: 2em;
        }

            .article.dashboard .header.title-bar > #title .dashboard-actions .layout-button label {
                cursor: pointer;
            }

.dashboard2 {
    margin-top: -20px;
}

    .dashboard2 .title-bar-menu {
        padding: 0 1em !important;
    }

    .dashboard2 .ui.warning.message {
        margin: 2em 2em 0 2em;
    }

    .dashboard2 .body {
        padding: 2em 1em 1em 1em;
    }

        .dashboard2 .body .row.whole-row {
            margin-left: 14px;
            margin-right: 14px;
            width: 100%;
        }

        .dashboard2 .body .column.row {
            padding: 0em 1em;
        }

        .dashboard2 .body .sixteen.wide.column {
            padding: 1em 2em;
        }

        .dashboard2 .body .dashboard-widget .ui.segments {
            border-radius: 0px;
        }

            .dashboard2 .body .dashboard-widget .ui.segments > .ui.segment {
                border-radius: 0px;
            }

            .dashboard2 .body .dashboard-widget .ui.segments > .ui.handle.segment {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .dashboard2 .body .dashboard-widget .ui.segments > .ui.handle.segment b {
                    line-height: 1.5rem;
                }

        .dashboard2 .body .dashboard-widget:not(.read-only) .ui.segments > .ui.handle.segment {
            cursor: move;
        }

        .dashboard2 .body .dashboard-widget .ui.segments > .ui.segment:last-child {
            height: 300px;
        }

            .dashboard2 .body .dashboard-widget .ui.segments > .ui.segment:last-child:not(.table-widget) {
                padding: 1.5rem;
            }

        .dashboard2 .body .dashboard-widget .ui.segment.table-widget {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0;
        }

            .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
                padding-left: 1.5rem;
                padding-right: 1.5rem;
            }

                .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.collapsing {
                    -webkit-box-flex: 0;
                    -ms-flex: none;
                    flex: none;
                }

                .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row:not(:last-child) {
                    border-bottom: 1px solid rgba(34, 36, 38, 0.15);
                }

                .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row:not(.action-target) > .label {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    font-size: 16px;
                    overflow: hidden;
                    padding-right: 1em;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row:not(.action-target) > .content {
                    font-size: 1.75em;
                    font-weight: bold;
                    text-align: right;
                }

                .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.selectable:hover {
                    background-color: #e5f5fe;
                }

                .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.action-target {
                    color: #009BF4;
                    -webkit-box-flex: 0;
                    -ms-flex: none;
                    flex: none;
                    padding-bottom: 1em;
                    padding-top: 1em;
                }

                    .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.action-target:hover {
                        color: #008BDB;
                    }

                    .dashboard2 .body .dashboard-widget .ui.segment.table-widget .row.action-target > .label {
                        -webkit-box-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                    }

        .dashboard2 .body .dashboard-widget.expanded .ui.segment.table-widget .row {
            padding-bottom: 1em;
            padding-top: 1em;
        }

        .dashboard2 .body .dashboard-widget .ui.segment.single-value-widget {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .dashboard2 .body .dashboard-widget .ui.segment.single-value-widget .value {
                color: white;
                font-size: 3em;
                font-weight: bold;
                line-height: 1.42857em;
                margin: 0 auto;
                text-align: center;
            }

        .dashboard2 .body .dashboard-widget .ui.segment.show-signup {
            color: white;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 1.5rem;
            text-align: center;
        }

            .dashboard2 .body .dashboard-widget .ui.segment.show-signup span {
                font-size: 18px;
                padding: 1em 0em;
            }

                .dashboard2 .body .dashboard-widget .ui.segment.show-signup span:first-child {
                    padding-bottom: 0;
                }

            .dashboard2 .body .dashboard-widget .ui.segment.show-signup img {
                -ms-flex-item-align: center;
                align-self: center;
                max-height: 120px;
                max-width: 100%;
            }

            .dashboard2 .body .dashboard-widget .ui.segment.show-signup :nth-child(2) {
                margin: auto;
            }

        .dashboard2 .body .dashboard-widget .ui.segment.settings-widget {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .dashboard2 .body .dashboard-widget .ui.segment.settings-widget .save-actions {
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                margin-left: auto;
            }

            .dashboard2 .body .dashboard-widget .ui.segment.settings-widget .ui.definition.table {
                border: 1px solid #e5e5e5;
                border-radius: 0;
            }

                .dashboard2 .body .dashboard-widget .ui.segment.settings-widget .ui.definition.table td {
                    width: 50%;
                }

        .dashboard2 .body .dashboard-widget .skeleton-placeholder,
        .dashboard2 .body .dashboard-widget .ui.segment.skeleton .row:not(.action-target) > .content,
        .dashboard2 .body .dashboard-widget .ui.segment.single-value-widget.skeleton > .value {
            background-color: #bcbcbc;
            border-radius: 1em;
            color: #bcbcbc;
        }

        .dashboard2 .body .dashboard-widget .not-supported,
        .dashboard2 .body .dashboard-widget .no-data {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .dashboard2 .body .dashboard-widget .not-supported .message,
            .dashboard2 .body .dashboard-widget .no-data .message {
                margin: 0 auto;
                text-align: center;
            }

                .dashboard2 .body .dashboard-widget .not-supported .message i.icon,
                .dashboard2 .body .dashboard-widget .no-data .message i.icon {
                    opacity: 0.6;
                }

                .dashboard2 .body .dashboard-widget .not-supported .message p,
                .dashboard2 .body .dashboard-widget .no-data .message p {
                    margin-top: 1rem;
                }

        .dashboard2 .body .dashboard-widget .table-widget > .no-data,
        .dashboard2 .body .dashboard-widget .payment-methods-data > .no-data {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

        .dashboard2 .body .dashboard-widget b ~ .icon {
            cursor: pointer;
            float: right;
            opacity: 0.3;
        }

        .dashboard2 .body .dashboard-widget .setting.icon:hover {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition: 0.2s;
            transition: 0.2s;
        }

        .dashboard2 .body .dashboard-widget .angle.icon,
        .dashboard2 .body .dashboard-widget .angle.icon,
        .dashboard2 .body .dashboard-widget .left.arrow.icon {
            -webkit-transition: 0.2s;
            transition: 0.2s;
        }

            .dashboard2 .body .dashboard-widget .left.angle.icon:hover,
            .dashboard2 .body .dashboard-widget .left.arrow.icon:hover {
                -webkit-transform: translateX(-4px);
                transform: translateX(-4px);
            }

        .dashboard2 .body .dashboard-widget .right.angle.icon:hover {
            -webkit-transform: translateX(4px);
            transform: translateX(4px);
        }

        .dashboard2 .body .dashboard-widget .up.angle.icon:hover {
            -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
        }

        .dashboard2 .body .dashboard-widget .down.angle.icon:hover {
            -webkit-transform: translateY(4px);
            transform: translateY(4px);
        }

        .dashboard2 .body .column:not(.row) {
            max-height: calc(351px + 2em);
            padding-bottom: 1em;
            padding-top: 1em;
        }

            .dashboard2 .body .column:not(.row) .dashboard-widget.expanded {
                -webkit-box-shadow: 0em 0em 20px 8px #cccaca;
                box-shadow: 0em 0em 20px 8px #cccaca;
            }

                .dashboard2 .body .column:not(.row) .dashboard-widget.expanded .ui.segments {
                    border-bottom: none;
                }

                    .dashboard2 .body .column:not(.row) .dashboard-widget.expanded .ui.segments > .ui.segment:last-child {
                        height: auto;
                    }

            .dashboard2 .body .column:not(.row) .ui.dimmer {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
            }

                .dashboard2 .body .column:not(.row) .ui.dimmer .error {
                    margin: 0 auto;
                }

            .dashboard2 .body .column:not(.row).layout-mode .ui.dimmer:not(.loading) {
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.85)));
                background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.85));
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding-bottom: 1.5em;
            }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .dashboard2 .body .column:not(.row).layout-mode .ui.dimmer:not(.loading) {
        margin-left: -1px;
        width: calc(100% + 2px);
    }
}

.dashboard2 .body .column:not(.row).layout-mode .ui.dimmer:not(.loading) .icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dashboard2 .body .column:not(.row).layout-mode:first-child .ui.dimmer .angle:first-child {
    visibility: hidden;
}

.dashboard2 .body .column:not(.row).layout-mode:last-child .ui.dimmer .angle:last-child {
    visibility: hidden;
}

@media only screen and (min-width: 1025px) {
    .dashboard2 .body .column:not(.row):nth-child(3n+1):nth-last-child(-n+3),
    .dashboard2 .body .column:not(.row):nth-child(3n+1):nth-last-child(-n+3) ~ .column {
        max-height: none;
    }

        .dashboard2 .body .column:not(.row):nth-child(3n+1):nth-last-child(-n+3) .dashboard-widget.expanded,
        .dashboard2 .body .column:not(.row):nth-child(3n+1):nth-last-child(-n+3) ~ .column .dashboard-widget.expanded {
            -webkit-box-shadow: none;
            box-shadow: none;
        }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .dashboard2 .body .column:not(.row):nth-child(2n+1):nth-last-child(-n+2),
    .dashboard2 .body .column:not(.row):nth-child(2n+1):nth-last-child(-n+2) ~ .column {
        max-height: none;
    }

        .dashboard2 .body .column:not(.row):nth-child(2n+1):nth-last-child(-n+2) .dashboard-widget.expanded,
        .dashboard2 .body .column:not(.row):nth-child(2n+1):nth-last-child(-n+2) ~ .column .dashboard-widget.expanded {
            -webkit-box-shadow: none;
            box-shadow: none;
        }
}

@media only screen and (max-width: 767px) {
    .dashboard2 .body .column:not(.row) {
        max-height: none;
    }

        .dashboard2 .body .column:not(.row) .dashboard-widget.expanded {
            -webkit-box-shadow: none;
            box-shadow: none;
        }
}

.dashboard2 .body .front, .dashboard2 .body .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dashboard2 .body .front {
    margin-bottom: 0em;
    z-index: 20;
}

.dashboard2 .body .back {
    position: absolute;
    top: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    width: calc(100% - 2rem);
    z-index: 10;
}

.dashboard2 .body .dashboard-widget.flipped .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.dashboard2 .body .dashboard-widget.flipped .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 30;
}

.welcome-page {
    background-color: white;
    margin-top: -1em;
}

    .welcome-page .big-box {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: black;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 480px;
    }

        .welcome-page .big-box .content {
            color: white;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin: 0 auto;
            max-width: 600px;
            min-width: 500px;
            padding: 0em 5em;
        }

        .welcome-page .big-box img {
            max-height: 100%;
        }

@media only screen and (max-width: 1024px) {
    .welcome-page .big-box .content {
        min-width: 50%;
    }

        .welcome-page .big-box .content p {
            display: none;
        }
}

@media only screen and (max-width: 767px) {
    .welcome-page .big-box {
        height: 200px;
    }

        .welcome-page .big-box .content {
            padding: 0em 1em;
        }
}

.welcome-page .small-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 177px;
}

    .welcome-page .small-box .content {
        color: #333333;
        margin: 0 auto;
        padding: 0em 5em;
        text-align: center;
    }

        .welcome-page .small-box .content h2 {
            margin-bottom: 0 !important;
        }

        .welcome-page .small-box .content h3 {
            margin-top: 0 !important;
        }

@media only screen and (max-width: 767px) {
    .welcome-page .small-box {
        margin-bottom: 2em;
    }

        .welcome-page .small-box .content {
            padding: 0em 1em;
        }
}

.welcome-page .feature-boxes {
    margin: 0 2em;
}

.welcome-page .feature-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1140px;
    padding: 2em 5em;
}

    .welcome-page .feature-box.centered {
        text-align: center;
    }

    .welcome-page .feature-box .text, .welcome-page .feature-box .image {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .welcome-page .feature-box .image {
        padding: 2em;
        text-align: center;
    }

        .welcome-page .feature-box .image img {
            max-width: 100%;
        }

    .welcome-page .feature-box .header {
        font-size: 1.71428571rem;
        font-weight: bold;
        padding-bottom: 1em;
    }

@media only screen and (min-width: 767px) {
    .welcome-page .feature-box:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding-right: 3em;
    }

    .welcome-page .feature-box:nth-child(odd) {
        padding-left: 3em;
    }
}

@media only screen and (max-width: 767px) {
    .welcome-page .feature-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2em 0em;
    }

        .welcome-page .feature-box .header {
            font-size: 1.5rem;
        }

        .welcome-page .feature-box .image {
            padding: 2em 0em;
        }
}

.welcome-page .feature-box:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.welcome-page.customer-engagement > .big-box {
    background-color: #f6a735;
}

.welcome-page.reputation > .big-box {
    background-color: #48aa2f;
}

.welcome-page.social-media > .big-box {
    background-color: #1aa5f5;
}

.welcome-page.loyalty-opt-in > .big-box {
    background-color: #008bdb;
}

    .welcome-page.loyalty-opt-in > .big-box .big-box-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.welcome-page.loyalty-opt-in .feature-box:nth-child(even) {
    padding-left: 3em;
    padding-right: 1em;
}

.welcome-page.loyalty-opt-in .feature-box:nth-child(odd) {
    padding-left: 1em;
    padding-right: 3em;
}

.welcome-page.st-jude-opt-in > .big-box {
    background-color: #f7f7f7;
}

    .welcome-page.st-jude-opt-in > .big-box .content {
        color: #333333;
    }

    .welcome-page.st-jude-opt-in > .big-box img {
        margin-right: 2em;
        margin-top: 2em;
    }

.welcome-page.st-jude-opt-in .feature-box.centered {
    background-color: #f7f7f7;
    border: none;
    padding: 0 2em;
}

    .welcome-page.st-jude-opt-in .feature-box.centered .image {
        padding: 2em 2em 0 2em;
    }

    .welcome-page.st-jude-opt-in .feature-box.centered .text {
        padding: 2em;
    }

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .welcome-page.loyalty-opt-in > .big-box .content {
        text-align: center;
    }

    .welcome-page.loyalty-opt-in > .big-box .big-box-image img {
        height: 480px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .welcome-page.loyalty-opt-in .big-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: 100%;
        margin-top: 1em;
    }

        .welcome-page.loyalty-opt-in .big-box .content {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin: 2em 0;
            text-align: center;
        }

            .welcome-page.loyalty-opt-in .big-box .content h2 {
                font-size: 1.5rem;
                font-weight: 600;
            }

        .welcome-page.loyalty-opt-in .big-box img {
            max-width: 100%;
        }

    .welcome-page.loyalty-opt-in .feature-boxes {
        margin: 0 1em;
    }

        .welcome-page.loyalty-opt-in .feature-boxes .feature-box {
            padding-left: 1em;
            padding-right: 1em;
        }
}

.pos-upgrade {
    background: #003e61;
    color: #ffffff;
}

    .pos-upgrade .promo-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

        .pos-upgrade .promo-container .promo-text {
            padding: 60px 5em;
            width: 50%;
        }

            .pos-upgrade .promo-container .promo-text h1 {
                font-weight: 800;
            }

            .pos-upgrade .promo-container .promo-text .sub-title {
                color: #ccebfd;
                font-size: 24px;
                line-height: 1.3;
            }

            .pos-upgrade .promo-container .promo-text ul {
                list-style: url("/img/pos-upgrade/fill-1.svg");
                list-style-type: none;
                padding: 10px 24px;
            }

                .pos-upgrade .promo-container .promo-text ul li {
                    padding: 5px 0;
                }

            .pos-upgrade .promo-container .promo-text button {
                width: 177px;
            }

        .pos-upgrade .promo-container .promo-image {
            background: url("/img/pos-upgrade/pos@2x.jpg") no-repeat;
            height: 600px;
            min-width: 700px;
            width: 50%;
        }

    .pos-upgrade .promo-small-print {
        font-size: 12px;
        padding: 0 5em 5em;
        width: 100%;
    }

/*
* Media Queries
********************************************************************/
@media only screen and (min-width: 737px) and (max-width: 1300px) {
    .pos-upgrade .promo-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .pos-upgrade .promo-container .promo-text {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding: 3em;
            width: 100%;
        }

            .pos-upgrade .promo-container .promo-text .sub-title {
                width: 260px;
            }

        .pos-upgrade .promo-container .promo-image {
            background-position: center;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: 100%;
        }

    .pos-upgrade .promo-small-print {
        padding: 0 3em 3em;
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .pos-upgrade .promo-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .pos-upgrade .promo-container .promo-text {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding: 0px 20px 20px 20px;
            width: 100%;
        }

            .pos-upgrade .promo-container .promo-text .sub-title {
                width: 260px;
            }

            .pos-upgrade .promo-container .promo-text button {
                width: 100%;
            }

        .pos-upgrade .promo-container .promo-image {
            background: url("/img/pos-upgrade/pos.jpg") no-repeat;
            background-position: center;
            height: 300px;
            min-width: 290px;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: 100%;
        }

    .pos-upgrade .promo-small-print {
        padding: 20px;
    }
}

.bank-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .bank-account .bank-account-message-container {
        border: 1px #e5e5e5 solid;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        margin: auto;
        padding: 4.28571em 2.14286em 2.14286em;
        text-align: center;
        width: 360px;
    }

        .bank-account .bank-account-message-container .ui.header {
            font-weight: bold;
        }

        .bank-account .bank-account-message-container .bank-account-success {
            color: #48aa2f;
        }

        .bank-account .bank-account-message-container .bank-account-error {
            font-weight: 800;
            padding: 2.14286em 0.71429em 0.71429em;
        }

        .bank-account .bank-account-message-container .bank-account-message-text {
            padding-bottom: 20px;
        }

        .bank-account .bank-account-message-container .ui.button {
            width: 160px;
        }

    .bank-account .file-upload {
        margin-bottom: 20px;
    }

    .bank-account .form-copy p:nth-child(7) {
        margin: 1em 0em 1em;
    }

@media only screen and (max-width: 767px) {
    .bank-account .bank-account-message-container {
        padding: 4.28571em 1.42857em 1.42857em;
    }
}

.bank-account.full-height {
    height: 100%;
}

.account-maintenance .page-content iframe {
    border: 0;
    height: 2000px;
    width: 100%;
}

.sba-revitalization-fund .page-content iframe {
    border: 0;
    height: 2000px;
    width: 100%;
}

.qrpay-ad p {
    font-size: 18px;
}

.qrpay-ad .video-wrap {
    max-width: 700px;
}

@media only screen and (min-width: 768px) {
    .timeclock-management .list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown {
        width: 250px;
    }
}

.timeclock-management .list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown .ui.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

    .timeclock-management .list-controls .filter-controls .dropdown-simple-checklist .ui.dropdown .ui.checkbox label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.virtual-terminal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .virtual-terminal .title-bar span {
        margin-right: 10px;
        white-space: nowrap;
    }

    .virtual-terminal .virtual-terminal-message-container {
        border: 1px #e5e5e5 solid;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        margin: auto;
        padding: 4.28571em 2.14286em 2.14286em;
        text-align: center;
        width: 360px;
    }

        .virtual-terminal .virtual-terminal-message-container .ui.header {
            font-weight: bold;
        }

        .virtual-terminal .virtual-terminal-message-container .virtual-terminal-success {
            color: #48aa2f;
        }

        .virtual-terminal .virtual-terminal-message-container .virtual-terminal-error {
            font-weight: 800;
            padding: 2.14286em 0.71429em 0.71429em;
        }

        .virtual-terminal .virtual-terminal-message-container .ui.button {
            width: 160px;
        }

@media only screen and (max-width: 767px) {
    .virtual-terminal .virtual-terminal-message-container {
        padding: 4.28571em 1.42857em 1.42857em;
    }
}

.virtual-terminal div.spread {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.virtual-terminal .ui.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.42857em;
    margin-top: 0;
    padding: 0.71429em;
    width: 100%;
}

    .virtual-terminal .ui.message.notice, .virtual-terminal .ui.message .icon-aligned {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .virtual-terminal .ui.message .ui.setting.icon {
        color: #009BF4;
    }

.virtual-terminal .fullscreen-modal.refund-settings .ui.steps {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.virtual-terminal .fullscreen-modal.refund-settings > .content {
    padding-top: 1em;
}

.virtual-terminal .fullscreen-modal.refund-settings .update-settings-step .checkbox-field {
    border-top: 1px solid #e5e5e5;
}

.virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .ui.dimmer {
    height: 50vh;
}

.virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .loader {
    margin: 1.42857em;
}

.virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .loading-container {
    visibility: hidden;
}

    .virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .loading-container.loaded {
        visibility: visible;
    }

    .virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step .loading-container .ui.header {
        margin: 1em 0;
    }

.virtual-terminal .fullscreen-modal.refund-settings .review-and-sign-step iframe {
    border: 1px solid #e5e5e5;
    height: 100vh;
    padding: 0;
    width: 100%;
}

.virtual-terminal.full-height {
    height: 100%;
}

.gift-card-iframe-container {
    height: 1450px;
    position: relative;
}

    .gift-card-iframe-container:before {
        content: "";
        display: block;
        padding-top: 56.25%;
    }

    .gift-card-iframe-container iframe {
        border: none;
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .gift-card-iframe-container #portal-target {
        height: auto;
        width: 100%;
    }

#drill-down-report-table-wrapper {
    max-height: 90vh;
    overflow: auto;
}

    #drill-down-report-table-wrapper .print-frame {
        display: none;
    }

    #drill-down-report-table-wrapper .ui.celled.table {
        background: #FFFFFF !important;
        border-collapse: collapse;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #333333;
    }

        #drill-down-report-table-wrapper .ui.celled.table caption {
            caption-side: top;
            color: #333333;
            margin-bottom: 1em;
            text-align: left;
        }

        #drill-down-report-table-wrapper .ui.celled.table tr td {
            border-bottom: none;
            border-top: none;
            padding: 0;
            text-align: right;
            vertical-align: top;
            white-space: nowrap;
        }

            #drill-down-report-table-wrapper .ui.celled.table tr td:first-child {
                text-align: left;
                white-space: nowrap;
            }

            #drill-down-report-table-wrapper .ui.celled.table tr td:last-child {
                border-right: 1px solid #e5e5e5;
            }

            #drill-down-report-table-wrapper .ui.celled.table tr td .centered {
                text-align: center;
            }

        #drill-down-report-table-wrapper .ui.celled.table tr .content {
            border-top: 1px solid #e5e5e5;
            min-height: 100%;
            padding: 1em 0.71429em;
        }

        #drill-down-report-table-wrapper .ui.celled.table tr.header-row td {
            background: #f7f7f7;
            color: #333333;
            cursor: auto;
            font-style: none;
            font-weight: 800;
            min-height: 100%;
            padding: 1em 0.71429em;
            text-align: left;
            text-transform: none;
            vertical-align: middle;
        }

            #drill-down-report-table-wrapper .ui.celled.table tr.header-row td:last-child {
                border-right-color: transparent;
            }

        #drill-down-report-table-wrapper .ui.celled.table tr.header-row:nth-child(2) td {
            -webkit-box-shadow: inset 0 1px #e5e5e5;
            box-shadow: inset 0 1px #e5e5e5;
        }

            #drill-down-report-table-wrapper .ui.celled.table tr.header-row:nth-child(2) td:first-child {
                border-left: 1px solid #e5e5e5;
            }

    #drill-down-report-table-wrapper #report-table-data-wrapper > .ui.segment {
        overflow: auto;
    }

@media only screen and (max-width: 767px) {
    #drill-down-report-table-wrapper .ui.celled.table {
        overflow-x: scroll;
        padding: 0em;
        table-layout: auto;
    }
}

.drill-down-report-header h3 {
    font-size: 1.33em;
    line-height: 1.25;
    margin-bottom: 10px;
}

.drill-down-report-header p {
    font-size: 0.8em;
}

.workforce-terms-and-conditions .content {
    overflow: hidden !important;
    padding: 0 !important;
}

.workforce-terms-and-conditions .flash-messages-container {
    margin-bottom: 0;
}

.workforce-terms-and-conditions .agreement-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 10px;
}

    .workforce-terms-and-conditions .agreement-text a {
        display: contents;
    }

@media only screen and (max-width: 767px) {
    .workforce-terms-and-conditions .actions {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
}

.workforce .title-bar {
    border-bottom: none !important;
}

.workforce h2 {
    font-size: 24px;
}

.workforce p {
    font-size: 14px;
}

.workforce .header, .workforce h2, .workforce p {
    text-align: left;
}

.workforce .big-box {
    background-color: #000;
    height: 600px;
    margin: -30px -30px 0 -30px;
}

    .workforce .big-box .content {
        max-width: 585px;
        padding: 0px 16px 46px 125px;
    }

        .workforce .big-box .content .logo-container {
            padding-top: 70px;
        }

    .workforce .big-box .laptop-image {
        max-height: 528px;
        max-width: 918px;
        padding-top: 50px 0 20px 0;
    }

    .workforce .big-box p {
        margin-bottom: 30px;
    }

    .workforce .big-box h2 {
        font-size: 24px;
        font-weight: bold;
        margin: 0px;
        padding: 30px 0 30px 0;
    }

@media only screen and (max-width: 767px) {
    .workforce .big-box {
        height: 590px;
        margin: 14px -10px 0 -10px;
    }

        .workforce .big-box .content {
            padding: 0px 16px 36px 80px;
        }

            .workforce .big-box .content .logo-container {
                padding-top: 60px;
            }

            .workforce .big-box .content h2 {
                font-size: 24px;
            }

        .workforce .big-box .laptop-image {
            max-height: 320px;
            max-width: 560px;
            padding-top: 29px;
        }
}

@media only screen and (min-width: 360px) {
    .workforce .big-box .content p {
        display: block;
    }
}

@media only screen and (max-width: 450px) {
    .workforce .big-box .content {
        padding: 0 10px;
    }

        .workforce .big-box .content .logo-container, .workforce .big-box .content .description {
            display: none !important;
        }
}

@media only screen and (max-width: 360px) {
    .workforce .big-box {
        height: 370px;
    }

        .workforce .big-box .content {
            padding: 0 10px;
        }

            .workforce .big-box .content p {
                display: block;
            }

            .workforce .big-box .content .price-box {
                padding-top: 40px;
            }

        .workforce .big-box h2 {
            font-size: 20px;
            font-weight: normal;
            margin-bottom: 20px;
            padding: 20px 0 0 0;
        }

        .workforce .big-box img {
            max-height: 133px !important;
            max-width: 175px !important;
            padding: 0;
        }
}

.workforce .price-box {
    padding-top: 60px;
}

    .workforce .price-box h2 {
        color: #009BF4;
        font-weight: bold;
        margin: 0;
        padding: 0 !important;
    }

    .workforce .price-box h3 {
        color: #009BF4;
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 30px 0;
    }

    .workforce .price-box p {
        color: #999999;
        text-align: center;
    }

.workforce .feature-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .workforce .feature-box .header-tool {
        margin: 0;
        padding-bottom: 50px;
        text-align: center;
    }

    .workforce .feature-box .image {
        padding: 30px;
    }

    .workforce .feature-box .text .header {
        font-weight: normal;
        padding-bottom: 20px;
    }

    .workforce .feature-box .header-easy-use {
        padding-top: 30px !important;
    }

    .workforce .feature-box .content {
        max-width: 560px;
        text-align: center;
    }

        .workforce .feature-box .content h2 {
            padding-bottom: 16px;
            padding-top: 80px;
            text-align: center;
        }

@media only screen and (max-width: 767px) {
    .workforce .feature-box {
        padding: 0 0 30px 0;
    }

        .workforce .feature-box .text {
            max-width: 350px;
        }

            .workforce .feature-box .text .header {
                font-weight: bold;
            }

        .workforce .feature-box .content h2 {
            font-weight: bold;
        }

        .workforce .feature-box .header-tool {
            font-weight: bold;
        }
}

.skytab-glass .title-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: none !important;
}

    .skytab-glass .title-bar .back-wrapper {
        background-color: #F7F7F7;
        border-radius: 30px;
        height: 30px;
        margin-right: 10px;
        width: 30px;
    }

        .skytab-glass .title-bar .back-wrapper > img {
            display: block;
            margin: 8px auto auto;
        }

.skytab-glass .section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

@media only screen and (max-width: 767px) {
    .skytab-glass .section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.skytab-glass .section .subsection > img {
    display: block;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .skytab-glass .section .subsection {
        padding: 20px;
    }
}

.skytab-glass .section .subsection .title {
    font-size: 24px;
}

.skytab-glass .section .subsection .header {
    -ms-flex-item-align: center;
    align-self: center;
    color: black;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: -15px;
}

.skytab-glass .section .subsection .subheader {
    color: #9F9E9F;
    font-size: 28px;
    white-space: normal;
}

.skytab-glass .section .subsection .subtext {
    color: #666666;
    font-size: 16px;
    padding-bottom: 15px;
}

.skytab-glass .section .subsection.panel {
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .skytab-glass .section .subsection.panel {
        margin-top: 0;
    }
}

.skytab-glass .section .subsection.description {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 350px;
}

@media only screen and (max-width: 767px) {
    .skytab-glass .section .subsection.description {
        padding: 20px;
        width: 100%;
    }
}

.skytab-glass .section.software {
    border-bottom: 1px solid #D7D7D6;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 90px;
    padding-bottom: 40px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .skytab-glass .section.software {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .skytab-glass .section.software .subsection {
        text-align: left;
    }
}

.skytab-glass .section.software .subsection .subtext {
    margin: auto;
    width: 550px;
}

@media only screen and (max-width: 767px) {
    .skytab-glass .section.software .subsection .subtext {
        padding: 2px;
        width: auto;
    }
}

.skytab-glass .section.details {
    margin-top: 60px;
}

@media only screen and (max-width: 767px) {
    .skytab-glass .section.details {
        margin-top: 10px;
    }
}

.skytab-glass .section.details .subsection .title {
    padding-bottom: 40px;
}

.add-to-order {
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 3px 0px #ACACAC;
    box-shadow: 0px 2px 3px 0px #ACACAC;
    margin: .6em 0;
    width: 100%;
}

    .add-to-order .price.panel {
        padding: 40px 30px;
    }

        .add-to-order .price.panel .labels {
            text-align: center;
        }

            .add-to-order .price.panel .labels .price {
                font-size: 3rem;
            }

            .add-to-order .price.panel .labels .terms {
                color: #AAAAAA;
                font-size: 1.1rem;
                font-weight: 600;
            }

    .add-to-order .order.panel {
        background-color: #FAFAFA;
        border-top: 1px solid #CCCCCC;
        padding: 20px 30px 30px 30px;
    }

        .add-to-order .order.panel .quantity {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            line-height: 2.3em;
            margin: 0px 0px 20px 0px;
        }

            .add-to-order .order.panel .quantity label {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                font-weight: 600;
            }

        .add-to-order .order.panel .ui.primary.button {
            width: 100%;
        }

.checkout-items {
    background-color: #FAFAFA;
    width: 100%;
}

    .checkout-items .header {
        padding-bottom: 15px;
    }

        .checkout-items .header h3 {
            font-size: 24px;
            font-weight: 400;
            line-height: 30px;
        }

    .checkout-items .items .checkout-item {
        margin-bottom: 10px;
    }

    .checkout-items .summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .checkout-items .summary .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 10px;
        }

            .checkout-items .summary .container .bold {
                font-size: 14px;
                font-weight: 800;
                line-height: 20px;
            }

@media only screen and (max-width: 1100px) {
    .checkout-items .summary .container {
        padding: 10px 0;
    }
}

.checkout-item {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 128px;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

    .checkout-item .image {
        height: 64px;
        width: 64px;
    }

        .checkout-item .image img {
            height: 100%;
            width: 100%;
        }

    .checkout-item .middle-section {
        width: 150px;
    }

        .checkout-item .middle-section .name {
            font-weight: 700;
            line-height: 24px;
            size: 16px;
            white-space: nowrap;
        }

        .checkout-item .middle-section .quantity {
            margin-top: 15px;
        }

            .checkout-item .middle-section .quantity .increase {
                border-bottom-left-radius: 0;
                border-left: none;
                border-top-left-radius: 0;
            }

            .checkout-item .middle-section .quantity .decrease {
                border-bottom-right-radius: 0;
                border-right: none;
                border-top-right-radius: 0;
            }

    .checkout-item .price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 90px;
    }

@media only screen and (max-width: 767px) {
    .checkout-item .price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 767px) {
    .checkout-item .price .close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin-right: 0;
    }
}

.checkout-item .price .close .close-link i {
    background-color: #F7F7F7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666666;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.checkout-item .price .total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .checkout-item .price .total {
        -ms-flex-item-align: end;
        align-self: end;
        margin-bottom: 6px;
        margin-right: 0;
    }
}

.checkout-item .price .total > div {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.supply-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0em 1em !important;
}

    .supply-steps .supply-step {
        cursor: pointer;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 1em 0em;
    }

        .supply-steps .supply-step .supply-num {
            background: #00C0F4;
            border-radius: 50%;
            color: #FFFFFF;
            float: left;
            margin-right: .75em;
            text-align: center;
            width: 1.5em;
        }

.info-box-labels {
    padding: 1em;
}

    .info-box-labels .info-box-label {
        width: 100%;
    }

.location-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .location-box .location {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0em 0.5em;
    }

.order-container .order-header {
    float: left;
    width: 100%;
}

.order-container .order-info-box {
    background-color: #FBFBFB;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 1px 2px 3px 0px rgba(50, 50, 50, 0.7);
    box-shadow: 1px 2px 3px 0px rgba(50, 50, 50, 0.7);
    cursor: pointer;
    padding: 0px !important;
    top: 4px;
}

    .order-container .order-info-box h2 {
        color: #009BF4;
        line-height: 0em !important;
        margin: 0.5em 0em 1em;
    }

    .order-container .order-info-box .merch-info {
        min-height: 225px;
        padding: 1em;
    }

    .order-container .order-info-box .info-image-box {
        min-height: 225px;
        text-align: center;
    }

.order-container .button-box-container {
    border-top: 1px solid #cecece;
    float: left;
    width: 100%;
}

    .order-container .button-box-container .button-box {
        float: right;
        padding: 1em 0em 0em 0em;
    }

.new-icon {
    background-color: #ff3b38;
    border-radius: 8px;
    display: inline-block;
    font-size: 0.71429em;
    font-weight: 800;
    line-height: 1.8;
    padding: 0 .4em;
    text-align: center;
}

.res-table {
    margin-left: -1em;
    margin-right: -1em;
}

.table-layout .selection.ui.dropdown.ui-dropdown .text {
    overflow-x: hidden;
    width: 100%;
    word-wrap: normal;
}

.tables {
    margin-left: 0em !important;
    width: 100%;
}

    .tables .canvas-container {
        margin-left: auto;
        margin-right: auto;
    }

    .tables #table-layout {
        border: 1px solid rgba(0, 0, 0, 0.15);
    }

    .tables .ui.button.transparent {
        background: transparent !important;
        color: rgba(0, 0, 0, 0.6) !important;
    }

        .tables .ui.button.transparent:hover {
            color: rgba(0, 0, 0, 0.8) !important;
        }

    .tables .table-bar {
        background-color: #F5F5F5;
        border-bottom: 1px solid #d4d4d5;
    }

        .tables .table-bar .ui.dropdown .disabled-item.item {
            opacity: 0.45;
        }

    .tables .section-settings {
        margin-bottom: 1.5rem;
    }

    .tables .table-inspect {
        background-color: #FAFAFA;
        border-left: 1px solid #d4d4d5;
    }

        .tables .table-inspect .row {
            padding-bottom: .5rem !important;
            padding-top: .5rem !important;
        }

        .tables .table-inspect .header {
            background-color: #E1E1E1;
            border-bottom: 1px solid #d4d4d5;
            border-top: 1px solid #d4d4d5;
            color: rgba(0, 0, 0, 0.6);
            font-weight: bold;
            margin: 0px -14px 0px -14px;
            padding: 10px 14px 10px 14px;
        }

            .tables .table-inspect .header .ui.toggle.checkbox {
                float: right;
            }

            .tables .table-inspect .header.first {
                border-top: none;
                margin-top: -7px;
            }

        .tables .table-inspect h4 {
            float: right;
        }

        .tables .table-inspect .ui.input {
            display: block;
            min-width: 0em;
            width: 100%;
        }

        .tables .table-inspect input.fluid {
            display: block;
            min-width: 0em;
            width: 100%;
        }

    .tables .grid-toggle {
        float: right;
        margin-top: 8.5px !important;
        text-align: right;
    }

    .tables .table-actions {
        text-align: center;
    }

@media all and (max-width: 1399px) and (min-width: 1265px) {
    .tables .canvas-container canvas {
        height: 90% !important;
        width: 90% !important;
    }
}

@media all and (max-width: 1264px) and (min-width: 1200px) {
    .tables .canvas-container canvas {
        height: 85% !important;
        width: 85% !important;
    }
}

@media all and (max-width: 1199px) and (min-width: 1125px) {
    .tables .canvas-container canvas {
        height: 80% !important;
        width: 80% !important;
    }
}

@media all and (max-width: 1124px) and (min-width: 1055px) {
    .tables .canvas-container canvas {
        height: 75% !important;
        width: 75% !important;
    }
}

@media all and (max-width: 1054px) and (min-width: 985px) {
    .tables .canvas-container canvas {
        height: 70% !important;
        width: 70% !important;
    }
}

.table-wrap .mobile-warning {
    display: none !important;
}

@media all and (max-width: 1024px) {
    .table-wrap .tables {
        display: none !important;
    }

    .table-wrap .mobile-warning {
        display: block !important;
    }
}

.dash-data .segment {
    padding: 0px !important;
}

.dash-data .color-box {
    color: #ffffff;
    float: left;
    margin-right: 1em;
    padding: 1em;
}

    .dash-data .color-box i {
        margin: 0 auto;
        position: relative;
    }

.dash-data .loading {
    min-height: 200px;
}

.dash-data .dash-title {
    padding: 1em .5em;
}

.dash-data .dash-label {
    color: gray;
    font-size: small;
    font-style: italic;
    margin-left: 10px;
}

.dash-data .dash-dd {
    cursor: pointer;
    float: right;
}

.dash-data .dash-table {
    border-top: 0px !important;
}

.financial-overview-charts .column:nth-child(1) .dash-data .color-box, .financial-overview-charts .column:nth-child(2) .dash-data .color-box {
    background-color: #009BF4;
}

.financial-overview-charts .column:nth-child(3) .dash-data .color-box, .financial-overview-charts .column:nth-child(4) .dash-data .color-box {
    background-color: #006EA6;
}

.financial-overview-charts .column:nth-child(5) .dash-data .color-box, .financial-overview-charts .column:nth-child(6) .dash-data .color-box {
    background-color: #37BA87;
}

.financial-overview-charts .column:nth-child(7) .dash-data .color-box, .financial-overview-charts .column:nth-child(8) .dash-data .color-box {
    background-color: #006E4B;
}

.clockpicker label {
    display: block;
}

.clockpicker-popover .text-primary {
    color: #009BF4;
}

#subscribe-modal > .header {
    border-left: 20px solid #009BF4 !important;
}

#subscribe-modal h4 {
    float: right;
}

#subscribe-modal .inline.fields {
    margin-bottom: 0em;
}

.select-buttons {
    margin: 0 auto;
    margin-top: .5em;
    width: 100%;
}

    .select-buttons .half {
        margin: 0em 0em 0.5em 0em !important;
        width: 48.5%;
    }

    .select-buttons .left {
        margin-right: 0.485em !important;
    }

.search-box {
    margin: .5em 0em .75em;
}

.modal-search-box {
    margin-bottom: 1em;
}

.dropdown-checklist-checkboxes {
    height: 200px;
    overflow-y: scroll;
}

.dropdown-checklist {
    display: inline;
    font-size: 12px;
}

    .dropdown-checklist > .checklist__dropdown {
        display: inline-block;
        margin: 0;
        position: relative;
        vertical-align: top;
        width: 100%;
        z-index: 3;
    }

        .dropdown-checklist > .checklist__dropdown > dt {
            display: inline;
        }

            .dropdown-checklist > .checklist__dropdown > dt > .dropdown-label {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-radius: .25em;
                cursor: pointer;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 14px;
            }

                .dropdown-checklist > .checklist__dropdown > dt > .dropdown-label.visible:before {
                    bottom: 0;
                    content: '';
                    cursor: default;
                    left: 0;
                    position: fixed;
                    right: 0;
                    top: 0;
                    z-index: -1;
                }

                .dropdown-checklist > .checklist__dropdown > dt > .dropdown-label.error {
                    border-color: #E0B4B4;
                    color: #9F3A38;
                }

        .dropdown-checklist > .checklist__dropdown > .checklist__list {
            background: #FFF;
            border: 1px solid #e6e4e4;
            border-radius: 0.28rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: none;
            margin: 0;
            min-width: 100%;
            padding: 0.5em;
            position: absolute;
            top: 150%;
            z-index: 11;
        }

            .dropdown-checklist > .checklist__dropdown > .checklist__list .ui.checkbox {
                width: 100%;
            }

                .dropdown-checklist > .checklist__dropdown > .checklist__list .ui.checkbox label {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

.select-all {
    border-bottom: 1px solid #ececec;
    padding-top: 5px;
}

.introjs-helperNumberLayer {
    background: #e74c3c;
    border: 2px solid #ecf0f1;
    border-radius: 50%;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    text-shadow: none;
    width: 22px;
}

.introjs-helperLayer {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 2px;
}

.introjs-helperNumberLayer.top-right {
    left: auto;
    right: -16px;
}

.introjs-helperNumberLayer.bottom-left {
    bottom: -16px;
    top: auto;
}

.introjs-helperNumberLayer.bottom-right {
    bottom: -16px;
    left: auto;
    right: -16px;
    top: auto;
}

.introjs-button {
    background: #ecf0f1;
    background-image: none;
    border-radius: .2em;
    font-weight: bold;
    padding: 0.6em 0.8em;
    text-shadow: none;
    -webkit-transition: background 0.2s, border 0.2s;
    transition: background 0.2s, border 0.2s;
}

.introjs-prevbutton {
    border-radius: .2em 0 0 .2em;
}

.introjs-nextbutton {
    border-radius: 0 .2em .2em 0;
}

.introjs-button:hover, .introjs-button:focus {
    background: #2c3e50;
    border-color: #2c3e50;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
}

/* Dropdown-Styled Accordion */
.ui.dropdown-styled.accordion .title,
.ui.dropdown-styled.accordion .accordion .title {
    color: #595959;
    padding: 0.78571429rem 1.14285714rem !important;
    text-align: center;
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
}

    .ui.dropdown-styled.accordion .title:hover,
    .ui.dropdown-styled.accordion .accordion .title:hover {
        background: rgba(0, 0, 0, 0.05);
    }

    .ui.dropdown-styled.accordion .title.active,
    .ui.dropdown-styled.accordion .accordion .title.active {
        font-weight: bold;
    }

        .ui.dropdown-styled.accordion .title.active:hover,
        .ui.dropdown-styled.accordion .accordion .title.active:hover {
            background: rgba(0, 0, 0, 0.03);
        }

.ui.dropdown-styled.accordion .content,
.ui.dropdown-styled.accordion .accordion .content {
    background: #EEEEEE;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    padding: 0 !important;
}

    .ui.dropdown-styled.accordion .content.active,
    .ui.dropdown-styled.accordion .accordion .content.active {
        padding: 0 !important;
    }

    .ui.dropdown-styled.accordion .content > .item,
    .ui.dropdown-styled.accordion .accordion .content > .item {
        text-align: left;
    }

        .ui.dropdown-styled.accordion .content > .item.active,
        .ui.dropdown-styled.accordion .accordion .content > .item.active {
            border-bottom: 0;
        }

        .ui.dropdown-styled.accordion .content > .item:before,
        .ui.dropdown-styled.accordion .accordion .content > .item:before {
            display: none;
        }

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

.ui.table td.employee-shifts, .ui.table td.shift-cell {
    height: 74px;
    padding: 0;
}

    .ui.table td.employee-shifts .job-time,
    .ui.table td.employee-shifts .job-time-print,
    .ui.table td.employee-shifts .shift-duration, .ui.table td.shift-cell .job-time,
    .ui.table td.shift-cell .job-time-print,
    .ui.table td.shift-cell .shift-duration {
        font-size: 11px;
    }

    .ui.table td.employee-shifts .job-name, .ui.table td.shift-cell .job-name {
        font-size: 12px;
        max-height: 40px;
        overflow-x: hidden;
        overflow-y: auto;
        text-overflow: ellipsis;
    }

    .ui.table td.employee-shifts .job-time-print, .ui.table td.shift-cell .job-time-print {
        display: none;
    }

    .ui.table td.employee-shifts .shift-duration, .ui.table td.shift-cell .shift-duration {
        color: #b1b1b1;
    }

    .ui.table td.employee-shifts .cell-corner, .ui.table td.shift-cell .cell-corner {
        font-size: 0.5em;
    }

        .ui.table td.employee-shifts .cell-corner i, .ui.table td.shift-cell .cell-corner i {
            font-size: 14px;
            left: 6px;
            top: 1px;
        }

    .ui.table td.employee-shifts .conflict-duration, .ui.table td.shift-cell .conflict-duration {
        color: #db4d67;
    }

    .ui.table td.employee-shifts .calendar-cell, .ui.table td.shift-cell .calendar-cell {
        cursor: pointer;
        padding: 0.5em;
    }

        .ui.table td.employee-shifts .calendar-cell .cell-content, .ui.table td.shift-cell .calendar-cell .cell-content {
            height: 60px;
            vertical-align: middle;
        }

    .ui.table td.employee-shifts .segment, .ui.table td.shift-cell .segment {
        margin: 0;
    }

    .ui.table td.employee-shifts .conflict, .ui.table td.shift-cell .conflict {
        background-color: #faeff0;
        color: #db4d67;
        margin-bottom: 1px;
    }

        .ui.table td.employee-shifts .conflict .conflict-title, .ui.table td.shift-cell .conflict .conflict-title {
            font-size: smaller;
        }

    .ui.table td.employee-shifts .open-shift, .ui.table td.shift-cell .open-shift {
        background-color: #cb5869;
    }

        .ui.table td.employee-shifts .open-shift .cell-corner.white, .ui.table td.shift-cell .open-shift .cell-corner.white {
            color: #ffffff;
        }

.ui.table td.bottom-border {
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}

.ui.table td.employee-shifts {
    padding: 0.5em;
}

.ui.table td.add-shift button {
    display: none;
}

.ui.table td.add-shift:hover {
    border: 1px solid rgba(34, 36, 38, 0.1);
}

    .ui.table td.add-shift:hover button {
        display: inline-block;
    }

.ui.table td.open-shift {
    padding: 0;
}

.ui.table td.open-shifts span {
    font-weight: bold;
}

.ui.table td.hidden-horizontal-borders {
    border-bottom-style: none;
    border-top-style: none;
}

.ui.table thead th.calendar-header {
    background-clip: padding-box;
    position: relative;
}

    .ui.table thead th.calendar-header .conflict {
        background-color: #cb5869;
        border-color: #cb5869;
        border-radius: 0.2rem;
        color: #ffffff;
        margin: 0.3em 0.5em 0em 0em;
    }

    .ui.table thead th.calendar-header .duration {
        color: #b1b1b1;
        font-size: 11px;
        font-weight: normal;
    }

        .ui.table thead th.calendar-header .duration:empty:before {
            content: '\200b';
        }

    .ui.table thead th.calendar-header .navigation {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 8px;
        width: 100%;
    }

        .ui.table thead th.calendar-header .navigation .arrow {
            cursor: pointer;
            display: none;
            width: 20%;
        }

        .ui.table thead th.calendar-header .navigation .content,
        .ui.table thead th.calendar-header .navigation .print-content {
            width: 100%;
        }

        .ui.table thead th.calendar-header .navigation .print-content {
            display: none;
        }

    .ui.table thead th.calendar-header .not-today {
        font-weight: normal;
    }

    .ui.table thead th.calendar-header .today {
        font-weight: bold;
    }

.ui.table .table-divider {
    border-top-style: solid;
    border-top-width: 2px;
}

.ui.white.corner.label {
    border-color: transparent;
}

.schedule-header {
    border: 0 solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

    .schedule-header .item {
        padding: 0;
    }

.schedule-header-menu .schedule-timepicker {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.schedule-header-menu .schedule-header {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .schedule-header-menu .schedule-header .schedule-item {
        -webkit-box-flex: 4;
        -ms-flex-positive: 4;
        flex-grow: 4;
        padding-left: 1em;
        text-align: center;
    }

    .schedule-header-menu .schedule-header button.item {
        width: 100%;
    }

.ui.dropdown .menu .employee .job-name,
.ui.dropdown .menu .employee .job-time,
.ui.dropdown .menu .employee .job-time-print,
.ui.dropdown .menu .employee .shift-duration {
    color: #b1b1b1;
    font-size: 11px;
}

.ui.dropdown .text.employee .job-name {
    display: none;
}

.ui.fluid.dropdown.dropdown-button {
    min-width: 144px;
    text-align: center;
    white-space: normal;
}

    .ui.fluid.dropdown.dropdown-button .text {
        display: inline-block;
    }

.ui.multi-table-checkbox.disabled label {
    height: 17px;
    width: 17px;
}

@media only screen and (min-width: 1025px) and (max-width: 1324px) {
    .ui.table td.shift-cell .calendar-cell .cell-content {
        height: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .ui.table td.shift-cell .calendar-cell .cell-content {
        height: 100px;
    }

    .ui.table td.shift-cell .job-name {
        max-height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .schedule-header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .schedule-header-menu .schedule-timepicker {
            -ms-flex-item-align: normal;
            align-self: normal;
            padding-bottom: 0.5em;
        }

            .schedule-header-menu .schedule-timepicker .item {
                width: 100%;
            }

        .schedule-header-menu .schedule-header {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .schedule-header-menu .schedule-header .schedule-item {
                padding: 0.5em 0;
                width: 100%;
            }

        .schedule-header-menu .ui.buttons .ui.button.icon {
            max-width: 40px;
        }

        .schedule-header-menu .ui.dropdown {
            text-align: center;
        }

    .ui.table thead th.calendar-header .navigation .arrow {
        display: block;
    }

    .ui.table thead th.calendar-header .navigation .content,
    .ui.table thead th.calendar-header .navigation .print-content {
        width: 60%;
    }

    .ui.table .current {
        display: table-cell;
    }

    .ui.table .hidden {
        display: none;
    }
}

@media print {
    table {
        page-break-after: auto;
    }

    tr {
        page-break-after: auto;
        page-break-inside: avoid;
    }

    td {
        page-break-after: auto;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group;
    }

    @page {
        size: A4 landscape;
    }

    * {
        -webkit-print-color-adjust: exact;
    }
}

.print {
    height: auto;
}

@page {
    .print

{
    margin: 0;
    size: letter landscape;
}

}

.print html, .print body {
    height: 297mm;
    width: 210mm;
}

.print .print-title {
    font-size: 1.3em;
    margin: 35px 0 0 30px;
}

.print #calendar {
    padding: 10px 25px 25px;
}

    .print #calendar .table {
        border: none;
        border-collapse: separate;
        border-spacing: 5px;
    }

    .print #calendar .calendar-header .conflict {
        display: none;
    }

    .print #calendar .add-shift button {
        display: none;
    }

    .print #calendar th {
        background: none;
        border-color: black;
        border-width: 0 0 5px 0;
        padding-bottom: 5px;
    }

        .print #calendar th .content {
            display: none;
        }

        .print #calendar th .print-content {
            display: block;
            text-align: left;
        }

    .print #calendar tr td.employee-shifts {
        background: lightgray;
        color-adjust: exact;
        font-size: 0.7em;
        font-weight: bold;
        height: 45px;
        -webkit-print-color-adjust: exact;
        width: 9%;
    }

        .print #calendar tr td.employee-shifts .job-name,
        .print #calendar tr td.employee-shifts .shift-duration {
            display: none;
        }

    .print #calendar th.calendar-header {
        font-size: 0.8em;
        position: static;
    }

        .print #calendar th.calendar-header .duration {
            display: none;
        }

    .print #calendar td.shift-cell {
        border: solid lightgray;
        border-width: 0 0 2px;
        height: 45px;
        width: 13%;
    }

        .print #calendar td.shift-cell .calendar-cell {
            background: none;
            color: rgba(0, 0, 0, 0.87);
            padding: 0 5px 7px;
        }

            .print #calendar td.shift-cell .calendar-cell .cell-content {
                display: block;
                height: 30px;
            }

            .print #calendar td.shift-cell .calendar-cell .job-name {
                font-size: 0.7em;
                margin-bottom: 8px;
            }

                .print #calendar td.shift-cell .calendar-cell .job-name:empty {
                    display: none;
                }

            .print #calendar td.shift-cell .calendar-cell .job-time {
                display: none;
            }

            .print #calendar td.shift-cell .calendar-cell .job-time-print {
                display: block;
                font-size: 0.7em;
                font-weight: bold;
            }

            .print #calendar td.shift-cell .calendar-cell .conflict-title {
                display: none;
            }

        .print #calendar td.shift-cell .cell-corner.label {
            display: none;
        }

    .print #calendar.hidden-horizontal-borders {
        border: 1px solid rgba(34, 36, 38, 0.1);
    }

.pika-select .text {
    margin-right: 0.5em;
}

.pika-row.pick-whole-week.is-selected button.pika-button.pika-day, .pika-row.pick-whole-week:hover button.pika-button.pika-day {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pika-row.pick-whole-week.is-selected > td:first-child > button.pika-button.pika-day, .pika-row.pick-whole-week:hover > td:first-child > button.pika-button.pika-day {
    border-radius: 3px 0px 0px 3px;
}

.pika-row.pick-whole-week.is-selected > td:last-child > button.pika-button.pika-day, .pika-row.pick-whole-week:hover > td:last-child > button.pika-button.pika-day {
    border-radius: 0px 3px 3px 0px;
}

.pika-table tbody tr td {
    border-left: 0px !important;
    padding-left: 0em !important;
}

#device-wizard.ui.modal > .header {
    border-bottom: none;
    padding-bottom: 0.625rem;
}

#device-wizard.ui.modal > .content {
    padding-bottom: 0.625rem;
    padding-top: 0px;
}

    #device-wizard.ui.modal > .content > .segment > .grid {
        min-height: 30.5rem;
    }

#device-wizard.ui.modal > .actions {
    background: none;
    border-top: none;
    padding: 0 1.5rem 1.25rem 1.5rem;
}

    #device-wizard.ui.modal > .actions .button {
        margin: 0;
    }

#device-wizard.ui.modal > .remove.icon {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    font-size: 1.25em;
    height: 2.25rem;
    opacity: 0.8;
    padding: 0.625rem 0rem 0rem 0rem;
    position: absolute;
    right: 1rem;
    top: 0.65rem;
    width: 2.25rem;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    #device-wizard.ui.modal > .remove.icon {
        right: 1rem;
        top: 0.5rem;
    }
}

@media only screen and (max-width: 767px) {
    #device-wizard.ui.modal > .remove.icon {
        right: 0.5rem !important;
        top: 0.4rem !important;
    }
}

#device-wizard.ui.modal .background-gray {
    background-color: #EEEEEE;
}

.lightbox-single .lightbox-thumbnail {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.lightbox-single .lightbox-fullscreen {
    margin: 0 auto;
    max-height: 80vh;
    max-width: 80vw;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

@media screen and (orientation: portrait) {
    .lightbox-single .lightbox-fullscreen {
        height: auto;
        width: 100%;
    }
}

@media screen and (orientation: landscape) {
    .lightbox-single .lightbox-fullscreen {
        height: 100%;
        width: auto;
    }
}

.lightbox-single .lightbox-dimmer {
    background-color: transparent;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    height: 100vh;
    position: fixed;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    visibility: hidden;
    width: 100vw;
    z-index: 1010 !important;
}

    .lightbox-single .lightbox-dimmer.active {
        background-color: rgba(0, 0, 0, 0.85);
        visibility: visible;
    }

        .lightbox-single .lightbox-dimmer.active .lightbox-fullscreen {
            opacity: 1;
        }

    .lightbox-single .lightbox-dimmer.inactive {
        height: 0;
        left: 0 !important;
        top: 0 !important;
        width: 0;
    }

        .lightbox-single .lightbox-dimmer.inactive .lightbox-fullscreen {
            opacity: 0;
        }

.lightbox-single .content {
    height: 80vh;
    margin: 10vh auto;
    width: 80vw;
}

.left-header {
    border-left: 20px solid #009BF4 !important;
}

.no-borders {
    border-style: none !important;
}

.header-menu.ui.secondary.menu, .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .header-menu.ui.secondary.menu > .ui.right.secondary.menu, .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector > .ui.right.secondary.menu, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .ui.right.secondary.menu, .internet-payments-wrapper .header-menu.ui.secondary.menu > .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector > .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .ui.right.menu.dropdown-file-selector, .internet-payments-wrapper .download-label-button .header-menu.ui.secondary.menu > .ui.right.menu.download, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.dropdown-file-selector > .ui.right.menu.download, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download > .ui.right.menu.download {
        margin-right: 0;
        min-height: 0;
    }

    .header-menu.ui.secondary.menu .item, .internet-payments-wrapper .header-menu.ui.menu.dropdown-file-selector .item, .internet-payments-wrapper .download-label-button .header-menu.ui.menu.download .item {
        max-width: 100%;
        padding-bottom: 14px;
    }

.multi-select .selectable {
    cursor: pointer;
}

    .multi-select .selectable:hover {
        opacity: 0.5;
    }

.multi-select .collection-items {
    max-height: 28em;
    min-height: 28em;
    overflow-y: auto;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .multi-select .collection-items {
        max-height: 9.3em;
        min-height: 9.3em;
    }
}

.dynamic-checklist .checklist-item {
    display: block;
    line-height: 1.42857em;
}

    .dynamic-checklist .checklist-item label {
        cursor: pointer;
        position: initial;
    }

.steps-container {
    padding-bottom: 1em;
}

.cropper-js .ui.segment {
    background-color: rgba(153, 153, 153, 0.1);
}

.cropper-js img {
    max-width: 100%;
}

.cropper-js .ui.vertical.buttons {
    position: absolute;
    right: 2rem;
    top: 2rem;
}

.image-upload .ui.modal.upload-image {
    max-height: calc(100vh - 8rem);
}

    .image-upload .ui.modal.upload-image img {
        max-height: calc(100vh - 15rem);
    }

.image-upload .ui.modal.crop-image img {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.multi-file-upload {
    margin: auto;
    padding: 0px !important;
    width: 100%;
}

    .multi-file-upload .multi-file-upload-body {
        border: 1px solid #e5e5e5;
    }

        .multi-file-upload .multi-file-upload-body .multi-file-upload-label {
            background: #f7f7f7;
        }

        .multi-file-upload .multi-file-upload-body .multi-file-upload-files .file {
            background: #e5f5fe;
            color: #009BF4;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-weight: bold;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 8px 0;
            padding: 11px 10px;
            vertical-align: center;
        }

            .multi-file-upload .multi-file-upload-body .multi-file-upload-files .file .close-file {
                cursor: pointer;
            }

    .multi-file-upload .multi-file-upload-footer {
        margin-top: 15px;
        padding: 0px !important;
    }

    .multi-file-upload .popup {
        cursor: pointer;
        position: relative;
    }

        .multi-file-upload .popup .popup-body {
            background: #FFFFFF;
            border-radius: .28rem;
            bottom: 30px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.2);
            box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.2);
            color: #000000;
            font-size: 1rem;
            font-weight: normal;
            opacity: 0;
            padding: .83em 1em;
            pointer-events: none;
            position: absolute;
            right: -3px;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            visibility: hidden;
            white-space: nowrap;
            z-index: 1;
        }

            .multi-file-upload .popup .popup-body:after {
                background: #FFFFFF;
                bottom: -5px;
                -webkit-box-shadow: 1px 1px 0 0 #bababc;
                box-shadow: 1px 1px 0 0 #bababc;
                content: '';
                height: 12px;
                position: absolute;
                right: 10px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 12px;
            }

        .multi-file-upload .popup:hover .popup-body {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: scale(1);
            transform: scale(1);
            visibility: visible;
        }

.flash-messages-container.sticky.fixed {
    left: 0;
    right: 0;
}

    .flash-messages-container.sticky.fixed.full-width {
        text-align: center;
        width: 100%;
    }

        .flash-messages-container.sticky.fixed.full-width > div {
            border-radius: 0;
        }

.ui.segment.header.header-segment {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .ui.segment.header.header-segment > :first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.dropdown-simple-checklist-overflow {
    min-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selection.dropdown .item .checked {
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    #tray .sliding-tray .content.loyalty-members-form {
        padding-top: 0px;
    }
}

.ui.circular.icon.button.radio-color-option {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset !important;
    margin: 5px;
}

    .ui.circular.icon.button.radio-color-option.red {
        background-color: #B00300;
    }

    .ui.circular.icon.button.radio-color-option.orange {
        background-color: #F6A735;
    }

    .ui.circular.icon.button.radio-color-option.yellow {
        background-color: #FBBD08;
    }

    .ui.circular.icon.button.radio-color-option.olive {
        background-color: #B5CC18;
    }

    .ui.circular.icon.button.radio-color-option.green {
        background-color: #48AA2F;
    }

    .ui.circular.icon.button.radio-color-option.teal {
        background-color: #00B5AD;
    }

    .ui.circular.icon.button.radio-color-option.blue {
        background-color: #009BF4;
    }

    .ui.circular.icon.button.radio-color-option.violet {
        background-color: #6435C9;
    }

    .ui.circular.icon.button.radio-color-option.purple {
        background-color: #A333C8;
    }

    .ui.circular.icon.button.radio-color-option.pink {
        background-color: #E03997;
    }

    .ui.circular.icon.button.radio-color-option.brown {
        background-color: #A5673F;
    }

    .ui.circular.icon.button.radio-color-option.grey {
        background-color: #CCCCCC;
    }

    .ui.circular.icon.button.radio-color-option.black {
        background-color: #1B1C1D;
    }

    .ui.circular.icon.button.radio-color-option.white {
        background-color: #FFFFFF;
    }

    .ui.circular.icon.button.radio-color-option.selected {
        outline: solid 2px #009BF4;
        outline-offset: 2px;
    }

.internet-payments-wrapper .range-dropdown-wrapper {
    padding: 0.6rem 1.15rem;
}

    .internet-payments-wrapper .range-dropdown-wrapper .text {
        line-height: 24px;
    }

    .internet-payments-wrapper .range-dropdown-wrapper .range-dropdown {
        border: none !important;
    }

#tray {
    position: absolute;
    width: 100%;
    /* DRAWER */
    /* MEDIA QUERIES */
}

    #tray .sliding-tray {
        background-color: #FFFFFF;
        bottom: 0;
        -webkit-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        visibility: visible;
        width: 700px;
        z-index: 1;
    }

        #tray .sliding-tray .tray-header {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border: 1px solid rgba(0, 0, 0, 0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 50px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0px;
        }

            #tray .sliding-tray .tray-header h2 {
                margin-bottom: 0;
            }

            #tray .sliding-tray .tray-header .icon {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 50px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: absolute;
                right: 0;
                top: 0;
                width: 50px;
            }

        #tray .sliding-tray > .error-message {
            border-radius: 0;
            font-weight: 800;
            margin: 0;
            padding: .5714285em;
            text-align: center;
        }

        #tray .sliding-tray .content {
            border-left: 1px solid rgba(0, 0, 0, 0.1);
            border-right: 1px solid rgba(0, 0, 0, 0.1);
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-height: calc(100vh - 126px);
            overflow: auto;
            padding: 30px;
        }

        #tray .sliding-tray .actions {
            border: 1px solid rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding: 0 10px;
        }

            #tray .sliding-tray .actions .button {
                margin: 20px 10px;
                min-width: 120px;
            }

                #tray .sliding-tray .actions .button.left-action {
                    margin-right: auto;
                }

    #tray .open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        z-index: 3;
    }

@media only screen and (max-width: 767px) {
    #tray .sliding-tray {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: auto;
        width: 100%;
    }

        #tray .sliding-tray .header .icon:only-child {
            margin-right: 0;
        }

        #tray .sliding-tray .content {
            max-height: none;
            overflow: initial;
            padding: 30px 10px;
        }

        #tray .sliding-tray .actions {
            display: block;
        }

            #tray .sliding-tray .actions .button {
                margin: 8px 0;
                width: 100%;
            }
}

@media only screen and (max-width: 1024px) {
    .site-content.sidebar-open ~ #tray > .sliding-tray.open {
        right: -240px;
    }
}

.recovery-codes-display .recovery-keys-header {
    padding-bottom: 0 !important;
}

.recovery-codes-display .copy-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}

    .recovery-codes-display .copy-button-container button {
        height: 36px;
        width: 170px;
    }

@media only screen and (max-width: 767px) {
    .recovery-codes-display .copy-button-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 350px;
        min-height: 92px;
    }

        .recovery-codes-display .copy-button-container button {
            width: 100%;
        }
}

.setup-intro-2fa .app-links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 750px;
}

    .setup-intro-2fa .app-links .app-link {
        cursor: pointer;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 100%;
        min-width: 200px;
        text-align: center;
    }

        .setup-intro-2fa .app-links .app-link.android {
            border-right: 1px solid #e5e5e5;
        }

.setup-verify-2fa .verification-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 750px;
}

    .setup-verify-2fa .verification-container .verification-item.code {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 250px;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        overflow: hidden;
        padding: 0 1em 0 1em;
    }

        .setup-verify-2fa .verification-container .verification-item.code .secret-code {
            font-weight: bold;
            word-break: break-word;
        }

    .setup-verify-2fa .verification-container .verification-item.form {
        border-left: 1px solid #e5e5e5;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 425px;
        padding: 2em;
    }

.fullscreen-display-modal .content .top-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #004d79;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    text-align: center;
}

.fullscreen-display-modal .content .ticket-details-content {
    padding: 30px 20px 24px;
}

    .fullscreen-display-modal .content .ticket-details-content .report-title-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
    }

.fullscreen-display-modal .content .print-frame {
    display: none;
}

.date-range-chart-wrapper {
    background-color: #FFF;
    margin: 0 auto;
    max-width: 100%;
}

    .date-range-chart-wrapper text {
        fill: #595959;
        font-size: 12px !important;
    }

    .date-range-chart-wrapper.no-y-scale .y-axis text {
        display: none;
    }

    .date-range-chart-wrapper .inner-wrapper {
        padding-bottom: 50%;
        position: relative;
        width: 100%;
    }

    .date-range-chart-wrapper .outer-box {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .date-range-chart-wrapper .inner-box {
        height: 100%;
        width: 100%;
    }

    .date-range-chart-wrapper p {
        margin-bottom: 40px;
        margin-top: 5px;
    }

    .date-range-chart-wrapper .axes path, .date-range-chart-wrapper .axes line {
        shape-rendering: crispEdges;
        stroke: #eaeaea;
    }

    .date-range-chart-wrapper .axes .path {
        stroke-width: 2px;
    }

    .date-range-chart-wrapper .axes .domain {
        stroke-width: 0;
    }

    .date-range-chart-wrapper .line {
        fill: none;
        stroke: #67b7dc;
        stroke-width: 2px;
    }

    .date-range-chart-wrapper .legend {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 16px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-width: 200px;
        padding: 10px 40px;
    }

        .date-range-chart-wrapper .legend > div {
            cursor: pointer;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin: 0px 25px 10px 0px;
        }

        .date-range-chart-wrapper .legend .series-marker {
            background-color: crimson;
            border-radius: 35%;
            display: inline-block;
            height: 1em;
            margin-bottom: -0.16rem;
            margin-right: 4px;
            width: 1em;
        }

            .date-range-chart-wrapper .legend .series-marker:hover {
                opacity: 0.8;
            }

        .date-range-chart-wrapper .legend p {
            display: inline;
            font-family: sans-serif;
            font-size: 0.8em;
            font-weight: 600;
        }

    .date-range-chart-wrapper .overlay {
        fill: none;
        pointer-events: all;
    }

    .date-range-chart-wrapper .scatterdot {
        fill: #FFF;
        fill-opacity: 1;
        stroke: #67b7dc;
        stroke-width: 2px;
    }

    .date-range-chart-wrapper .tooltips-container {
        pointer-events: none;
        position: absolute;
        top: 0;
    }

        .date-range-chart-wrapper .tooltips-container .tooltip-wrapper {
            height: 0;
            position: absolute;
            -webkit-transition: left 0.2s;
            transition: left 0.2s;
            width: 0;
        }

            .date-range-chart-wrapper .tooltips-container .tooltip-wrapper .tooltip-inner {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: absolute;
                -webkit-transition: top 0.2s;
                transition: top 0.2s;
            }

                .date-range-chart-wrapper .tooltips-container .tooltip-wrapper .tooltip-inner::before {
                    background-color: #FFF;
                    border: 3px solid #67b7dc;
                    border-radius: 100%;
                    -webkit-box-sizing: content-box;
                    box-sizing: content-box;
                    content: '';
                    display: inline-block;
                    height: 5px;
                    line-height: 0;
                    position: absolute;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 5px;
                    z-index: 3;
                }

                .date-range-chart-wrapper .tooltips-container .tooltip-wrapper .tooltip-inner::after {
                    background-color: #FFF;
                    -webkit-box-shadow: -1px 1px 0 0 #bababc;
                    box-shadow: -1px 1px 0 0 #bababc;
                    content: '';
                    height: .71428571em;
                    left: 3px;
                    position: absolute;
                    top: calc(50% - (.71428571em / 2));
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    width: .71428571em;
                    z-index: 5;
                }

                .date-range-chart-wrapper .tooltips-container .tooltip-wrapper .tooltip-inner .tooltip-value {
                    background: #fff;
                    border: 1px solid #d4d4d5;
                    border-radius: .28571429rem;
                    -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
                    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
                    display: block;
                    line-height: 1.42857em;
                    max-width: none;
                    padding: .3em 1em;
                    position: absolute;
                    -webkit-transform: translate(0.4em, -50%);
                    transform: translate(0.4em, -50%);
                    z-index: 4;
                }

        .date-range-chart-wrapper .tooltips-container .tooltip-legend-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            -webkit-transition: left 0.2s;
            transition: left 0.2s;
            z-index: 2;
        }

            .date-range-chart-wrapper .tooltips-container .tooltip-legend-wrapper .tooltip-legend {
                background-color: #67b7dc;
                color: #FFF;
                max-width: none;
                padding: 6px 1em;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                white-space: nowrap;
            }

        .date-range-chart-wrapper .tooltips-container .tooltip-line {
            background-color: #67b7dc;
            position: absolute;
            -webkit-transition: left 0.2s, top 0.2s, height 0.2s;
            transition: left 0.2s, top 0.2s, height 0.2s;
            width: 1px;
            z-index: 0;
        }

    .date-range-chart-wrapper .d3-tooltip-line line {
        opacity: 0.5;
        stroke: steelblue;
        stroke-dasharray: 2, 5;
        stroke-width: 2;
    }

@media only screen and (max-width: 767px) {
    .form-confirmation-buttons .ui.grid > .eight:first-child {
        margin-bottom: 0em;
    }

    .form-confirmation-buttons .duplicate {
        width: 100%;
    }

    .form-confirmation-buttons .menu-button-set {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

        .form-confirmation-buttons .menu-button-set .discard {
            margin-bottom: .5em;
            width: 100%;
        }

        .form-confirmation-buttons .menu-button-set .primary {
            width: 100%;
        }
}

.records-side-menu .ui.basic.attached.segment {
    border: 0;
}

    .records-side-menu .ui.basic.attached.segment.records-side-menu-header {
        border-right: 1px solid #d9dada;
    }

.records-side-menu .ui.vertical.attached.segment {
    padding-bottom: 0;
    padding-top: 0;
}

.records-side-menu .records-side-menu-list.ui.segment {
    border-right: 0;
}

.records-side-menu .records-side-menu-list .ui.button {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.records-side-menu .records-side-menu-list .records-side-menu-record > div:last-of-type {
    border-bottom: 1px solid #d9dada;
}

.records-side-menu .records-side-menu-list .records-side-menu-record > button,
.records-side-menu .records-side-menu-list .records-side-menu-record > div > button {
    background-color: #f6f6f6;
    border-right: 1px solid #d9dada;
    border-top: 1px solid #d9dada;
}

    .records-side-menu .records-side-menu-list .records-side-menu-record > button:hover,
    .records-side-menu .records-side-menu-list .records-side-menu-record > div > button:hover {
        background-color: #f0f0f0;
    }

    .records-side-menu .records-side-menu-list .records-side-menu-record > button.active, .records-side-menu .records-side-menu-list .records-side-menu-record > button.ember-transitioning-in,
    .records-side-menu .records-side-menu-list .records-side-menu-record > div > button.active,
    .records-side-menu .records-side-menu-list .records-side-menu-record > div > button.ember-transitioning-in {
        background-color: white;
        border-left: 6px solid #009BF4;
        border-right: 0;
    }

    .records-side-menu .records-side-menu-list .records-side-menu-record > button.ember-transitioning-out,
    .records-side-menu .records-side-menu-list .records-side-menu-record > div > button.ember-transitioning-out {
        background-color: inherit;
        border-left: inherit;
        border-right: inherit;
    }

.ui.segments .tab-container .ui.segments {
    border: none;
}

    .ui.segments .tab-container .ui.segments .segment {
        border-radius: 0em !important;
    }

.tab-container,
.tab-container .menu {
    -webkit-tap-highlight-color: transparent;
}

.general-search .search-icons {
    cursor: pointer;
    padding-top: 10px;
    position: relative;
    right: 21px;
}

.week-picker-input {
    display: none;
}

.week-picker.ui.basic.buttons > .black.button {
    color: black !important;
}

.week-picker.ui.basic.buttons > .week-picker-button {
    min-width: 150px;
}

.datetime-range-picker-input {
    min-width: 210px;
}

.mobile-date-picker-wrapper {
    width: 100%;
}

    .mobile-date-picker-wrapper .mobile-date-picker {
        height: 2.71429em;
        text-align: start;
    }

.mobile-datetime-range-picker .ui.dropdown,
.mobile-datetime-range-picker .ui.input,
.mobile-datetime-range-picker label {
    margin-bottom: 10px;
}

.mobile-datetime-range-picker .ui.input {
    height: 2.64286em;
}

.mobile-datetime-range-picker .custom-timerange-inputs {
    padding-bottom: 10px;
}

.mobile-datetime-range-picker .ui.selection.dropdown {
    width: 100%;
}

.mobile-datetime-range-picker label {
    display: block;
    font-weight: 800;
}

.internet-payments-wrapper .ip-date-range-picker {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid transparent;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0.8rem;
    width: 100%;
}

    .internet-payments-wrapper .ip-date-range-picker .period-text {
        color: rgba(0, 0, 0, 0.38);
        margin: 5px;
    }

    .internet-payments-wrapper .ip-date-range-picker .datetime-range-picker-input {
        background: transparent;
        border: none;
        color: #333333;
        letter-spacing: 0.05rem;
        line-height: 1;
    }

        .internet-payments-wrapper .ip-date-range-picker .datetime-range-picker-input:focus {
            border: none;
            outline: none;
        }

    .internet-payments-wrapper .ip-date-range-picker .icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }

    .internet-payments-wrapper .ip-date-range-picker:hover {
        border: 1px solid rgba(0, 0, 0, 0.38);
    }

    .internet-payments-wrapper .ip-date-range-picker.active {
        background-color: #FFFFFF;
        border: 1px solid #136EF6;
    }

        .internet-payments-wrapper .ip-date-range-picker.active .period-text {
            color: #136EF6;
        }

        .internet-payments-wrapper .ip-date-range-picker.active .icon {
            color: #136EF6;
        }

.image.selector {
    cursor: pointer;
}

    .image.selector .ui.basic.segment {
        margin: 0 0 1em 0;
        padding: 0;
    }

    .image.selector img {
        max-height: 100%;
        max-width: 100%;
    }

    .image.selector .no.image {
        padding: 2em;
    }

.ui-dropdown-select-option:before {
    content: '\200b';
}

.display-info-modal > .close.icon {
    color: rgba(0, 0, 0, 0.87);
    right: 1rem;
    top: 1.0535rem;
}

.ticket-details-route .left-menu-container {
    display: none !important;
}

.fullscreen-display-modal > .content {
    max-height: calc(100vh - 50px) !important;
    padding: 0px !important;
}

.fullscreen-modal, .fullscreen-display-modal {
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}

    .fullscreen-modal > .header.top-title, .fullscreen-display-modal > .header.top-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #004d79;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        text-align: center;
    }

    .fullscreen-modal > .header h2, .fullscreen-display-modal > .header h2 {
        margin: 0 55px;
    }

    .fullscreen-modal > .header .icon, .fullscreen-display-modal > .header .icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-left: 1px solid #003e61;
        color: #009bf4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
    }

        .fullscreen-modal > .header .icon:hover, .fullscreen-display-modal > .header .icon:hover {
            color: #1aa5f5;
        }

    .fullscreen-modal > .error-message, .fullscreen-modal .success-message, .fullscreen-display-modal > .error-message, .fullscreen-display-modal .success-message {
        border-radius: 0;
        font-weight: 800;
        margin: 0;
        padding: .5714285em;
        text-align: center;
    }

    .fullscreen-modal > .content, .fullscreen-display-modal > .content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-height: calc(100vh - 126px);
        overflow: auto;
        padding: 30px 20px 24px;
    }

        .fullscreen-modal > .content .fullscreen-modal-iframe, .fullscreen-display-modal > .content .fullscreen-modal-iframe {
            height: 100%;
            overflow: hidden;
            padding-top: 56.25%;
            position: relative;
            /* 4x3 Aspect Ratio for ole timey monitors */
        }

            .fullscreen-modal > .content .fullscreen-modal-iframe iframe, .fullscreen-display-modal > .content .fullscreen-modal-iframe iframe {
                border: 0;
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
            }

            .fullscreen-modal > .content .fullscreen-modal-iframe .fullscreen-modal-iframe-4x3, .fullscreen-display-modal > .content .fullscreen-modal-iframe .fullscreen-modal-iframe-4x3 {
                padding-top: 75%;
            }

    .fullscreen-modal.error > .content, .fullscreen-display-modal.error > .content {
        max-height: calc(100vh - 162px);
    }

    .fullscreen-modal > .actions, .fullscreen-display-modal > .actions {
        border-top: 1px solid #e5e5e5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 10px;
    }

        .fullscreen-modal > .actions .ui.button, .fullscreen-display-modal > .actions .ui.button {
            margin: 20px 10px;
            min-width: 120px;
        }

            .fullscreen-modal > .actions .ui.button.left-action, .fullscreen-display-modal > .actions .ui.button.left-action {
                margin-right: auto;
            }

@media only screen and (max-width: 767px) {
    .fullscreen-modal {
        overflow: auto;
    }

        .fullscreen-modal > .content {
            max-height: none;
            overflow: initial;
            padding: 20px 10px;
        }

        .fullscreen-modal > .actions {
            border-top: 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 10px;
        }

            .fullscreen-modal > .actions > .ui.button {
                margin: 10px 0;
                width: 100%;
            }

                .fullscreen-modal > .actions > .ui.button.left-action {
                    margin-right: 0;
                }
}

.error-popup .popup-trigger {
    cursor: pointer;
}

.error-popup .ui.error.popup {
    background-color: #b00300;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    font-weight: 800;
    max-width: none;
    padding: 0.57143em 0.71429em;
}

    .error-popup .ui.error.popup:before {
        background-color: #b00300;
    }

.table-row tr td.no-records {
    text-align: center;
}

.field.checkbox-list {
    background-color: #fff;
}

    .field.checkbox-list .checkbox-items {
        padding: 0.35714em 0.71429em;
    }

        .field.checkbox-list .checkbox-items .checkbox-item {
            padding: 0.35714em 0 0.35714em 0;
        }

.ui.form.grid.padded.stackable .field .date-picker.ui.dropdown.selection.floating {
    border-width: 0 1px;
    padding: 0 !important;
}

.ui.form.grid.padded.stackable .field .date-picker .icon.dropdown {
    top: .583333em;
}

.ui.checkbox.vertical-checkbox, .ui.checkbox.toggle.vertical-toggle {
    padding: 20px 0;
    width: 100%;
}

    .ui.checkbox.vertical-checkbox + .vertical-checkbox,
    .ui.checkbox.vertical-checkbox + .toggle.vertical-toggle, .ui.checkbox.toggle.vertical-toggle + .vertical-checkbox,
    .ui.checkbox.toggle.vertical-toggle + .toggle.vertical-toggle {
        border-top: 1px solid #e5e5e5;
    }

    .ui.checkbox.vertical-checkbox .toggle-note, .ui.checkbox.toggle.vertical-toggle .toggle-note {
        line-height: 1.42857;
        padding-left: 4.286rem;
    }

    .ui.checkbox.vertical-checkbox label, .ui.checkbox.toggle.vertical-toggle label {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

.ui.checkbox.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .ui.checkbox.error.toggle > input ~ label:before {
        background-color: #B00300 !important;
    }

    .ui.checkbox.error.toggle > input ~ label:after {
        background-color: #FFFFFF;
    }

    .ui.checkbox.error:not(.toggle):not(.slider) label:before {
        background: #FFFFFF;
        border-color: #B00300;
    }

    .ui.checkbox.error:not(.toggle):not(.slider).checked label:after {
        background: #B00300;
        color: #FFFFFF;
    }

.ui.checkbox.partially-selected input.hidden:not(:checked) + label:before {
    background-color: #009BF4;
    border: 1px solid #009BF4;
    color: #FFFFFF;
    content: '\2013';
    font-size: 21px;
    font-weight: 800;
    line-height: 13px;
    text-align: center;
}

.ui.checkbox.partially-selected input.hidden[disabled]:not(:checked) + label:before {
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
}

.ui.header + .ui.checkbox.toggle.vertical-toggle {
    padding-top: 0;
}

.ui.grid .required-fields {
    padding: 20px 0;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .ui.grid .required-fields {
        padding: 10px 0;
    }
}

.items-list {
    background-color: #fff;
    padding: 0 !important;
}

    .items-list .ui.stackable.grid.field > .twelve.wide.column {
        padding: 0 !important;
    }

        .items-list .ui.stackable.grid.field > .twelve.wide.column .add-gradient-height {
            max-height: 390px;
            overflow-y: auto;
            padding-bottom: 10px;
        }

            .items-list .ui.stackable.grid.field > .twelve.wide.column .add-gradient-height:after {
                background-image: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
                background-image: linear-gradient(to top, #FFFFFF, rgba(255, 255, 255, 0));
                bottom: 0;
                content: '';
                height: 20px;
                left: 0;
                position: absolute;
                right: 10px;
            }

        .items-list .ui.stackable.grid.field > .twelve.wide.column .launch-modal {
            color: #009bf4;
            padding: 7px;
        }

            .items-list .ui.stackable.grid.field > .twelve.wide.column .launch-modal .icon {
                color: #009bf4;
                margin-right: 5px;
            }

        .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items .list-item {
            border-top: 1px solid #e5e5e5;
            overflow: hidden;
            padding: 7px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items .list-item .icon {
                color: #cccccc;
                margin-right: 5px;
            }

            .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items .list-item.inactive::after {
                color: #999999;
                content: "(Inactive)";
                font-weight: 600;
                margin-left: 6px;
            }

    .items-list .ui.stackable.grid.field.disabled > .twelve.wide.column {
        background-color: #f7f7f7;
    }

        .items-list .ui.stackable.grid.field.disabled > .twelve.wide.column .launch-modal {
            color: #999999;
        }

            .items-list .ui.stackable.grid.field.disabled > .twelve.wide.column .launch-modal > i.plus {
                color: #999999;
            }

@media only screen and (max-width: 767px) {
    .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items {
        overflow-y: hidden;
    }

        .items-list .ui.stackable.grid.field > .twelve.wide.column .selected-items .list-item:last-child {
            border-bottom: 1px solid #e5e5e5 !important;
        }

    .items-list .ui.stackable.grid.field > .twelve.wide.column .short-list {
        max-height: 216px;
    }

    .items-list .ui.stackable.grid.field > .twelve.wide.column .toggle-list {
        color: #009bf4;
        padding: 5px 10px;
    }

    .items-list .ui.stackable.grid.field > .twelve.wide.column .gradient {
        display: none;
    }
}

.group-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 9px;
    width: 100%;
}

    .group-field .grid {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .group-field .ui.form.padded.stackable.grid,
    .group-field .ui.form.padded.grid:not(.vertically):not(.horizontally) {
        margin: 0 !important;
    }

    .group-field .group-remove-icon {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-shadow: 0 0 0 1px #E5E5E5;
        box-shadow: 0 0 0 1px #E5E5E5;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 36px;
        flex-basis: 36px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 1px;
        padding-top: 9px;
        position: relative;
    }

        .group-field .group-remove-icon > i.icon {
            margin-right: 0;
        }

    .group-field .error .dropdown {
        border-bottom: none !important;
    }

.group-field-container .add-record {
    color: #009BF4;
    display: inline-block;
    font-weight: 800;
    margin-top: 20px;
    padding-left: 0 !important;
}

    .group-field-container .add-record:first-child {
        margin-top: 0;
    }

.ui.grid .group-field-container {
    padding: 0;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .group-field .group-remove-icon {
        margin: 0 0 10px;
    }

    .group-address .group-record .group-remove-icon {
        height: 560px !important;
    }

    .group-field-container .add-record {
        margin-top: 10px;
    }
}

.numeric-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
}

    .numeric-field .button {
        font-size: 2em;
        height: 36px;
        line-height: .4em;
        margin: 0;
        min-width: 1.3em;
        padding: .2em 0;
    }

    .numeric-field .numeric-input {
        border: 1px solid #E5E5E5;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 36px;
        padding: 0;
        text-align: center;
        width: 36px;
    }

.field.radio-list {
    background-color: #fff;
}

    .field.radio-list .radio-items {
        padding: 0.35714em 0.71429em;
    }

        .field.radio-list .radio-items .radio-item {
            padding: 0.35714em 0 0.35714em 0;
        }

.default.text.not-faded {
    color: #333333 !important;
}

.ui.dropdown .item .inactive::after, .ui.dropdown .label .inactive::after, .ui.dropdown .text .inactive::after {
    color: #999999;
    content: "(Inactive)";
    font-weight: 600;
    margin-left: 6px;
}

.ui.label.transition {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

    .ui.label.transition .delete.icon {
        margin-bottom: 1px !important;
    }

.static-comment-field {
    -webkit-box-shadow: 0 0 0 1px #E5E5E5;
    box-shadow: 0 0 0 1px #E5E5E5;
    padding: 20px;
    width: 100%;
}

.image-upload-field .ui.field .preview-wrap {
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;
    padding: .5714285em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

    .image-upload-field .ui.field .preview-wrap .preview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .image-upload-field .ui.field .preview-wrap .preview > div.field-remove {
            -ms-flex-item-align: end;
            align-self: flex-end;
        }

.ui.form.padded.stackable.grid .field .datetime-picker.ui.input.icon {
    border-width: 0 1px;
    padding: 0 !important;
}

.ui.form.padded.stackable.grid .field .datetime-picker input {
    width: 100%;
}

.ui.form.padded.stackable.grid .field .datetime-picker .icon.dropdown {
    margin-right: 0.25em;
}

.checklist-modal {
    max-width: 700px;
}

    .checklist-modal .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

        .checklist-modal .header .icon {
            color: #cccccc;
            height: auto;
            line-height: 1;
            margin: 0;
            padding: 13px 16px;
            position: absolute;
            right: 0;
            top: 0;
            width: auto;
        }

    .checklist-modal .content {
        line-height: 1.42857em !important;
        padding: 1.42857em;
    }

    .checklist-modal .ui.left.icon.input {
        width: 100%;
    }

    .checklist-modal .ui.checkbox input:checked ~ .box:after, .checklist-modal .ui.checkbox input:checked ~ label {
        font-weight: 800;
    }

    .checklist-modal .item-checklist ul {
        border: 1px solid #e5e5e5;
        height: 211px;
        margin: 0;
        overflow-y: scroll;
        padding: 0;
    }

        .checklist-modal .item-checklist ul li {
            border-top: 1px solid #e5e5e5;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            list-style: none;
            padding: 8px 10px;
        }

            .checklist-modal .item-checklist ul li:first-child {
                border-top: 0;
            }

            .checklist-modal .item-checklist ul li .description {
                color: #666666;
                max-width: 50%;
                text-align: right;
            }

            .checklist-modal .item-checklist ul li.inactive .ui.checkbox {
                cursor: pointer;
            }

                .checklist-modal .item-checklist ul li.inactive .ui.checkbox label {
                    display: inline-block;
                }

                .checklist-modal .item-checklist ul li.inactive .ui.checkbox::after {
                    color: #999999;
                    content: "(Inactive)";
                    font-weight: 600;
                    margin-left: 6px;
                }

    .checklist-modal .item-checklist-header {
        background-color: #f7f7f7;
        margin-top: 20px;
        padding: 8px 11px;
    }

    .checklist-modal .actions {
        background-color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 20px;
    }

        .checklist-modal .actions > .button {
            margin: 0;
        }

        .checklist-modal .actions .left-action {
            margin-right: auto;
        }

@media only screen and (max-width: 767px) {
    .checklist-modal {
        width: 300px;
    }

        .checklist-modal .item-checklist ul li {
            display: block;
        }

            .checklist-modal .item-checklist ul li .description {
                margin-left: 26px;
                margin-top: 4px;
                max-width: 100%;
                text-align: left;
            }

        .checklist-modal .actions {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .checklist-modal .actions > div.button.primary {
                margin: 10px 0;
            }
}

.loading-page {
    height: 40vh;
}

.time-picker-wrapper {
    width: 250px;
}

@media only screen and (max-width: 767px) {
    .time-picker-wrapper {
        width: 100%;
    }
}

.time-picker-wrapper .ui.icon.input {
    width: 100%;
}

.time-picker-wrapper .time-picker.ui.horizontal.segments {
    display: none;
    padding: 0 1.2rem;
}

    .time-picker-wrapper .time-picker.ui.horizontal.segments.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .time-picker-wrapper .time-picker.ui.horizontal.segments > .segment {
        border-left: none;
    }

.time-picker-wrapper .time-picker .picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 72px;
}

    .time-picker-wrapper .time-picker .picker input::-webkit-outer-spin-button,
    .time-picker-wrapper .time-picker .picker input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    .time-picker-wrapper .time-picker .picker.hours {
        margin-right: 0.5rem;
    }

    .time-picker-wrapper .time-picker .picker.minutes {
        margin-left: 0.5rem;
    }

    .time-picker-wrapper .time-picker .picker button.ui.button {
        border: 1px solid #e5e5e5;
        color: #999999;
        line-height: 1.21428571em;
        padding: 0;
    }

    .time-picker-wrapper .time-picker .picker .top button.ui.button {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .time-picker-wrapper .time-picker .picker .middle input {
        border-radius: 0;
        font-weight: 800;
        text-align: center;
    }

        .time-picker-wrapper .time-picker .picker .middle input:focus {
            border-radius: 0;
        }

    .time-picker-wrapper .time-picker .picker .bottom button.ui.button {
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.time-picker-wrapper .time-picker div.ui.vertical.time-divider {
    -ms-flex-item-align: center;
    align-self: center;
    color: #d8d8d8;
    font-size: 1.4rem;
}

.time-picker-wrapper .time-picker div.ui.vertical.meridiem {
    margin-left: 0.5em;
}

.file-upload .upload-message {
    margin-bottom: 10px;
}

.file-upload input {
    padding: 0 !important;
}

.time-picker-field .ui.field.padded.stackable.grid .time-picker-column {
    width: 75%;
}

    .time-picker-field .ui.field.padded.stackable.grid .time-picker-column .time-picker-wrapper {
        width: 100%;
    }

.time-picker-field .ui.field.padded.stackable.grid.error .time-picker-column {
    width: calc(75% - 24px);
}

.time-picker-field .ui.field.padded.stackable.grid.error .error-popup {
    padding-top: 7px;
}

.time-picker-field .ui.field.padded.stackable.grid.error i.dropdown.icon {
    opacity: 0;
}

@media only screen and (max-width: 767px) {
    .time-picker-field .ui.field.padded.stackable.grid .time-picker-column {
        width: 100%;
    }
}

.time-picker-field .ui.field.padded.stackable.grid > div {
    padding: 0 !important;
}

.time-picker-field .ui.field.padded.stackable.grid .ui.time-picker.horizontal.segments {
    position: absolute;
    z-index: 10;
}

    .time-picker-field .ui.field.padded.stackable.grid .ui.time-picker.horizontal.segments input {
        border: 1px solid #E5E5E5;
    }

    .time-picker-field .ui.field.padded.stackable.grid .ui.time-picker.horizontal.segments.right-anchored {
        right: 0;
    }

.field.radio-color-picker {
    background-color: white;
}

.static-min-height {
    min-height: 100px;
}

.checkbox-tree mark {
    background-color: #ffff01;
}

.checkbox-tree .general-search .input {
    width: 100%;
}

.checkbox-tree .checkbox-tree-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.42857em;
    min-height: 2.42857em;
    padding: 0.42857em 0.71429em;
}

    .checkbox-tree .checkbox-tree-header .expand-actions {
        font-weight: 800;
    }

        .checkbox-tree .checkbox-tree-header .expand-actions a {
            margin-left: 0.71429em;
            white-space: nowrap;
        }

.checkbox-tree .ui.checkbox input:checked ~ .box:after,
.checkbox-tree .ui.checkbox input:checked ~ label {
    font-weight: 800;
}

.checkbox-tree ul.tree-nodes {
    border: 1px solid #e5e5e5;
    height: 350px;
    margin: 0;
    overflow-y: scroll;
    padding: 0;
}

    .checkbox-tree ul.tree-nodes > :first-child > :first-child {
        border-top: none;
    }

    .checkbox-tree ul.tree-nodes .children {
        display: none;
    }

        .checkbox-tree ul.tree-nodes .children.active {
            display: block;
        }

    .checkbox-tree ul.tree-nodes li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #e5e5e5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        list-style: none;
        padding: 0.42857em 0.71429em;
    }

        .checkbox-tree ul.tree-nodes li .expand-button {
            -ms-flex-item-align: start;
            align-self: flex-start;
            color: #ccc;
            font-weight: 800;
            margin-right: 2px;
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

            .checkbox-tree ul.tree-nodes li .expand-button.active {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

        .checkbox-tree ul.tree-nodes li.tree-level-1 {
            border-left: 4px solid #999;
        }

            .checkbox-tree ul.tree-nodes li.tree-level-1 .expand-button {
                margin-right: 1.71429em;
            }

        .checkbox-tree ul.tree-nodes li.tree-level-2 {
            border-left: 9px solid #ccc;
            padding-left: 5.42857em;
        }

@media only screen and (max-width: 767px) {
    .checkbox-tree .checkbox-tree-header {
        padding: 0.92857em 0.71429em;
    }

        .checkbox-tree .checkbox-tree-header .expand-actions {
            text-align: right;
        }

    .checkbox-tree ul.tree-nodes li {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.78571em 0.71429em;
    }

        .checkbox-tree ul.tree-nodes li .expand-button {
            margin: 0 !important;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .checkbox-tree ul.tree-nodes li.tree-level-2 {
            padding-left: 0.57143em;
        }
}

.report-tree .report-node.alert .ui.table {
    border-bottom: none !important;
}

    .report-tree .report-node.alert .ui.table .warning {
        border: none !important;
    }

.report-tree .report-node.ticket-details-general-info, .report-tree .report-node.ticket-details-per-item, .report-tree .report-node.ticket-details-general-totals {
    padding-top: 20px;
    position: relative !important;
}

    .report-tree .report-node.ticket-details-general-info .content, .report-tree .report-node.ticket-details-per-item .content, .report-tree .report-node.ticket-details-general-totals .content {
        white-space: nowrap;
    }

    .report-tree .report-node.ticket-details-per-item .ui.celled.table {
        table-layout: auto;
    }

.report-tree .report-node.ticket-details-general-totals {
    padding-bottom: 10px;
    width: 31.2%;
}

.report-tree .report-node .row {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

    .report-tree .report-node .row .col {
        background-color: #FFFFFF;
    }

        .report-tree .report-node .row .col .content.money, .report-tree .report-node .row .col .content.integer, .report-tree .report-node .row .col .content.float, .report-tree .report-node .row .col .content.date, .report-tree .report-node .row .col .content.time, .report-tree .report-node .row .col .content.datetime, .report-tree .report-node .row .col .content.duration, .report-tree .report-node .row .col .content.percent {
            white-space: nowrap;
        }

        .report-tree .report-node .row .col .content.set, .report-tree .report-node .row .col .content.hyperlink, .report-tree .report-node .row .col .content.string {
            text-align: left;
        }

        .report-tree .report-node .row .col.header {
            white-space: nowrap;
        }

        .report-tree .report-node .row .col.color-muted .content {
            background-color: #EEEEEE;
        }

        .report-tree .report-node .row .col.color-success .content {
            background-color: #48AA2F;
        }

        .report-tree .report-node .row .col.color-warning .content {
            background-color: #F6A735;
        }

        .report-tree .report-node .row .col.color-error .content {
            background-color: #B00300;
            color: #FFFFFF;
        }

        .report-tree .report-node .row .col.color-info .content {
            background-color: #009BF4;
            color: #FFFFFF;
        }

        .report-tree .report-node .row .col.color-teal .content {
            background-color: #f1fbff;
        }

        .report-tree .report-node .row .col.color-scale .content {
            -webkit-animation: color-scale 100s linear infinite;
            animation: color-scale 100s linear infinite;
            -webkit-animation-delay: -0s;
            animation-delay: -0s;
            -webkit-animation-direction: alternate;
            animation-direction: alternate;
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
            background-color: transparent;
        }

    .report-tree .report-node .row.type-normal {
        font-weight: normal;
    }

    .report-tree .report-node .row.level-1 > .col:first-child .content {
        border-left: 1px solid #e5e5e5;
    }

    .report-tree .report-node .row.level-2 > .col:first-child .content {
        border-left: 4px solid #999;
        margin-left: 0.71429em;
    }

    .report-tree .report-node .row.level-3 > .col:first-child .content {
        border-left: 9px solid #ccc;
        margin-left: 1.42857em;
    }

    .report-tree .report-node .row.level-4 > .col:first-child .content {
        border-left: 14px solid #e5e5e5;
        margin-left: 2.14286em;
    }

    .report-tree .report-node .row .dropdown-button {
        -ms-flex-item-align: start;
        align-self: flex-start;
        color: #999999;
        line-height: 1;
        margin-right: 2px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

        .report-tree .report-node .row .dropdown-button.active {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

.report-tree .report-node .header-row {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.report-tree .report-node .sticky-col {
    -webkit-box-shadow: inset -1px 0 #e5e5e5;
    box-shadow: inset -1px 0 #e5e5e5;
    left: 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
}

.report-tree .report-node .sticky-row {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
}

.report-tree .report-node .expanded {
    font-weight: bold !important;
}

.report-tree .report-node .sticky-row.sticky-col {
    z-index: 2;
}

.report-tree .report-node .sticky-height-1 tr.level-1 {
    top: 48px;
}

.report-tree .report-node .sticky-height-1 tr.level-2 {
    top: 97px;
}

.report-tree .report-node .sticky-height-1 tr.level-3 {
    top: 146px;
}

.report-tree .report-node .sticky-height-1 tr.level-4 {
    top: 195px;
}

.report-tree .report-node .sticky-height-2 tr.level-1 {
    top: 96px;
}

.report-tree .report-node .sticky-height-2 tr.level-2 {
    top: 145px;
}

.report-tree .report-node .sticky-height-2 tr.level-3 {
    top: 194px;
}

.report-tree .report-node .sticky-height-2 tr.level-4 {
    top: 243px;
}

.report-tree .report-node .sticky-height-2 tr.header-level-0 {
    z-index: 2;
}

.report-tree .report-node .sticky-height-2 tr.header-level-1 {
    top: 48px;
    z-index: 1;
}

.report-tree .report-node.ticket-details-general-info .row.data.level-1 td {
    font-weight: normal !important;
}

@-webkit-keyframes color-scale {
    0% {
        background-color: #ff7f7d;
    }

    1% {
        background-color: #ff8280;
    }

    2% {
        background-color: #ff8482;
    }

    3% {
        background-color: #ff8785;
    }

    4% {
        background-color: #ff8987;
    }

    5% {
        background-color: #ff8c8a;
    }

    6% {
        background-color: #ff8e8c;
    }

    7% {
        background-color: #ff918f;
    }

    8% {
        background-color: #ff9391;
    }

    9% {
        background-color: #ff9694;
    }

    10% {
        background-color: #ff9897;
    }

    11% {
        background-color: #ff9b99;
    }

    12% {
        background-color: #ff9d9c;
    }

    13% {
        background-color: #ffa09e;
    }

    14% {
        background-color: #ffa2a1;
    }

    15% {
        background-color: #ffa5a3;
    }

    16% {
        background-color: #ffa7a6;
    }

    17% {
        background-color: #ffaaa8;
    }

    18% {
        background-color: #ffacab;
    }

    19% {
        background-color: #ffafad;
    }

    20% {
        background-color: #ffb1b0;
    }

    21% {
        background-color: #ffb4b3;
    }

    22% {
        background-color: #ffb6b5;
    }

    23% {
        background-color: #ffb9b8;
    }

    24% {
        background-color: #ffbbba;
    }

    25% {
        background-color: #ffbebd;
    }

    26% {
        background-color: #ffc0bf;
    }

    27% {
        background-color: #ffc3c2;
    }

    28% {
        background-color: #ffc5c4;
    }

    29% {
        background-color: #ffc8c7;
    }

    30% {
        background-color: #ffcaca;
    }

    31% {
        background-color: #ffcdcc;
    }

    32% {
        background-color: #ffcfcf;
    }

    33% {
        background-color: #ffd2d1;
    }

    34% {
        background-color: #ffd4d4;
    }

    35% {
        background-color: #ffd7d6;
    }

    36% {
        background-color: #ffd9d9;
    }

    37% {
        background-color: #ffdcdb;
    }

    38% {
        background-color: #ffdede;
    }

    39% {
        background-color: #ffe1e0;
    }

    40% {
        background-color: #ffe3e3;
    }

    41% {
        background-color: #ffe6e6;
    }

    42% {
        background-color: #ffe8e8;
    }

    43% {
        background-color: #ffebeb;
    }

    44% {
        background-color: #ffeeed;
    }

    45% {
        background-color: #fff0f0;
    }

    46% {
        background-color: #fff3f2;
    }

    47% {
        background-color: #fff5f5;
    }

    48% {
        background-color: #fff8f7;
    }

    49% {
        background-color: snow;
    }

    100% {
        background-color: #b2e6a5;
    }

    99% {
        background-color: #b4e7a7;
    }

    98% {
        background-color: #b6e7a9;
    }

    97% {
        background-color: #b8e8ab;
    }

    96% {
        background-color: #b9e8ad;
    }

    95% {
        background-color: #bbe9af;
    }

    94% {
        background-color: #bdeab1;
    }

    93% {
        background-color: #beeab3;
    }

    92% {
        background-color: #c0ebb5;
    }

    91% {
        background-color: #c2ebb7;
    }

    90% {
        background-color: #c4ecb9;
    }

    89% {
        background-color: #c5ecbb;
    }

    88% {
        background-color: #c7edbd;
    }

    87% {
        background-color: #c9edbf;
    }

    86% {
        background-color: #caeec1;
    }

    85% {
        background-color: #cceec3;
    }

    84% {
        background-color: #ceefc5;
    }

    83% {
        background-color: #cff0c7;
    }

    82% {
        background-color: #d1f0c9;
    }

    81% {
        background-color: #d3f1cb;
    }

    80% {
        background-color: #d5f1cd;
    }

    79% {
        background-color: #d6f2cf;
    }

    78% {
        background-color: #d8f2d1;
    }

    77% {
        background-color: #daf3d3;
    }

    76% {
        background-color: #dbf3d5;
    }

    75% {
        background-color: #ddf4d7;
    }

    74% {
        background-color: #dff5d9;
    }

    73% {
        background-color: #e0f5db;
    }

    72% {
        background-color: #e2f6dd;
    }

    71% {
        background-color: #e4f6df;
    }

    70% {
        background-color: #e6f7e1;
    }

    69% {
        background-color: #e7f7e3;
    }

    68% {
        background-color: #e9f8e5;
    }

    67% {
        background-color: #ebf8e7;
    }

    66% {
        background-color: #ecf9e9;
    }

    65% {
        background-color: #eefaeb;
    }

    64% {
        background-color: #f0faed;
    }

    63% {
        background-color: #f2fbef;
    }

    62% {
        background-color: #f3fbf1;
    }

    61% {
        background-color: #f5fcf3;
    }

    60% {
        background-color: #f7fcf5;
    }

    59% {
        background-color: #f8fdf7;
    }

    58% {
        background-color: #fafdf9;
    }

    57% {
        background-color: #fcfefb;
    }

    56% {
        background-color: #fdfffd;
    }

    55% {
        background-color: white;
    }

    54% {
        background-color: white;
    }

    53% {
        background-color: white;
    }

    52% {
        background-color: white;
    }

    51% {
        background-color: white;
    }
}

@keyframes color-scale {
    0% {
        background-color: #ff7f7d;
    }

    1% {
        background-color: #ff8280;
    }

    2% {
        background-color: #ff8482;
    }

    3% {
        background-color: #ff8785;
    }

    4% {
        background-color: #ff8987;
    }

    5% {
        background-color: #ff8c8a;
    }

    6% {
        background-color: #ff8e8c;
    }

    7% {
        background-color: #ff918f;
    }

    8% {
        background-color: #ff9391;
    }

    9% {
        background-color: #ff9694;
    }

    10% {
        background-color: #ff9897;
    }

    11% {
        background-color: #ff9b99;
    }

    12% {
        background-color: #ff9d9c;
    }

    13% {
        background-color: #ffa09e;
    }

    14% {
        background-color: #ffa2a1;
    }

    15% {
        background-color: #ffa5a3;
    }

    16% {
        background-color: #ffa7a6;
    }

    17% {
        background-color: #ffaaa8;
    }

    18% {
        background-color: #ffacab;
    }

    19% {
        background-color: #ffafad;
    }

    20% {
        background-color: #ffb1b0;
    }

    21% {
        background-color: #ffb4b3;
    }

    22% {
        background-color: #ffb6b5;
    }

    23% {
        background-color: #ffb9b8;
    }

    24% {
        background-color: #ffbbba;
    }

    25% {
        background-color: #ffbebd;
    }

    26% {
        background-color: #ffc0bf;
    }

    27% {
        background-color: #ffc3c2;
    }

    28% {
        background-color: #ffc5c4;
    }

    29% {
        background-color: #ffc8c7;
    }

    30% {
        background-color: #ffcaca;
    }

    31% {
        background-color: #ffcdcc;
    }

    32% {
        background-color: #ffcfcf;
    }

    33% {
        background-color: #ffd2d1;
    }

    34% {
        background-color: #ffd4d4;
    }

    35% {
        background-color: #ffd7d6;
    }

    36% {
        background-color: #ffd9d9;
    }

    37% {
        background-color: #ffdcdb;
    }

    38% {
        background-color: #ffdede;
    }

    39% {
        background-color: #ffe1e0;
    }

    40% {
        background-color: #ffe3e3;
    }

    41% {
        background-color: #ffe6e6;
    }

    42% {
        background-color: #ffe8e8;
    }

    43% {
        background-color: #ffebeb;
    }

    44% {
        background-color: #ffeeed;
    }

    45% {
        background-color: #fff0f0;
    }

    46% {
        background-color: #fff3f2;
    }

    47% {
        background-color: #fff5f5;
    }

    48% {
        background-color: #fff8f7;
    }

    49% {
        background-color: snow;
    }

    100% {
        background-color: #b2e6a5;
    }

    99% {
        background-color: #b4e7a7;
    }

    98% {
        background-color: #b6e7a9;
    }

    97% {
        background-color: #b8e8ab;
    }

    96% {
        background-color: #b9e8ad;
    }

    95% {
        background-color: #bbe9af;
    }

    94% {
        background-color: #bdeab1;
    }

    93% {
        background-color: #beeab3;
    }

    92% {
        background-color: #c0ebb5;
    }

    91% {
        background-color: #c2ebb7;
    }

    90% {
        background-color: #c4ecb9;
    }

    89% {
        background-color: #c5ecbb;
    }

    88% {
        background-color: #c7edbd;
    }

    87% {
        background-color: #c9edbf;
    }

    86% {
        background-color: #caeec1;
    }

    85% {
        background-color: #cceec3;
    }

    84% {
        background-color: #ceefc5;
    }

    83% {
        background-color: #cff0c7;
    }

    82% {
        background-color: #d1f0c9;
    }

    81% {
        background-color: #d3f1cb;
    }

    80% {
        background-color: #d5f1cd;
    }

    79% {
        background-color: #d6f2cf;
    }

    78% {
        background-color: #d8f2d1;
    }

    77% {
        background-color: #daf3d3;
    }

    76% {
        background-color: #dbf3d5;
    }

    75% {
        background-color: #ddf4d7;
    }

    74% {
        background-color: #dff5d9;
    }

    73% {
        background-color: #e0f5db;
    }

    72% {
        background-color: #e2f6dd;
    }

    71% {
        background-color: #e4f6df;
    }

    70% {
        background-color: #e6f7e1;
    }

    69% {
        background-color: #e7f7e3;
    }

    68% {
        background-color: #e9f8e5;
    }

    67% {
        background-color: #ebf8e7;
    }

    66% {
        background-color: #ecf9e9;
    }

    65% {
        background-color: #eefaeb;
    }

    64% {
        background-color: #f0faed;
    }

    63% {
        background-color: #f2fbef;
    }

    62% {
        background-color: #f3fbf1;
    }

    61% {
        background-color: #f5fcf3;
    }

    60% {
        background-color: #f7fcf5;
    }

    59% {
        background-color: #f8fdf7;
    }

    58% {
        background-color: #fafdf9;
    }

    57% {
        background-color: #fcfefb;
    }

    56% {
        background-color: #fdfffd;
    }

    55% {
        background-color: white;
    }

    54% {
        background-color: white;
    }

    53% {
        background-color: white;
    }

    52% {
        background-color: white;
    }

    51% {
        background-color: white;
    }
}

.color-scale[data-percent^='0%'] {
    -webkit-animation-delay: -0s !important;
    animation-delay: -0s !important;
}

.color-scale[data-percent^='1%'] {
    -webkit-animation-delay: -1s !important;
    animation-delay: -1s !important;
}

.color-scale[data-percent^='2%'] {
    -webkit-animation-delay: -2s !important;
    animation-delay: -2s !important;
}

.color-scale[data-percent^='3%'] {
    -webkit-animation-delay: -3s !important;
    animation-delay: -3s !important;
}

.color-scale[data-percent^='4%'] {
    -webkit-animation-delay: -4s !important;
    animation-delay: -4s !important;
}

.color-scale[data-percent^='5%'] {
    -webkit-animation-delay: -5s !important;
    animation-delay: -5s !important;
}

.color-scale[data-percent^='6%'] {
    -webkit-animation-delay: -6s !important;
    animation-delay: -6s !important;
}

.color-scale[data-percent^='7%'] {
    -webkit-animation-delay: -7s !important;
    animation-delay: -7s !important;
}

.color-scale[data-percent^='8%'] {
    -webkit-animation-delay: -8s !important;
    animation-delay: -8s !important;
}

.color-scale[data-percent^='9%'] {
    -webkit-animation-delay: -9s !important;
    animation-delay: -9s !important;
}

.color-scale[data-percent^='10%'] {
    -webkit-animation-delay: -10s !important;
    animation-delay: -10s !important;
}

.color-scale[data-percent^='11%'] {
    -webkit-animation-delay: -11s !important;
    animation-delay: -11s !important;
}

.color-scale[data-percent^='12%'] {
    -webkit-animation-delay: -12s !important;
    animation-delay: -12s !important;
}

.color-scale[data-percent^='13%'] {
    -webkit-animation-delay: -13s !important;
    animation-delay: -13s !important;
}

.color-scale[data-percent^='14%'] {
    -webkit-animation-delay: -14s !important;
    animation-delay: -14s !important;
}

.color-scale[data-percent^='15%'] {
    -webkit-animation-delay: -15s !important;
    animation-delay: -15s !important;
}

.color-scale[data-percent^='16%'] {
    -webkit-animation-delay: -16s !important;
    animation-delay: -16s !important;
}

.color-scale[data-percent^='17%'] {
    -webkit-animation-delay: -17s !important;
    animation-delay: -17s !important;
}

.color-scale[data-percent^='18%'] {
    -webkit-animation-delay: -18s !important;
    animation-delay: -18s !important;
}

.color-scale[data-percent^='19%'] {
    -webkit-animation-delay: -19s !important;
    animation-delay: -19s !important;
}

.color-scale[data-percent^='20%'] {
    -webkit-animation-delay: -20s !important;
    animation-delay: -20s !important;
}

.color-scale[data-percent^='21%'] {
    -webkit-animation-delay: -21s !important;
    animation-delay: -21s !important;
}

.color-scale[data-percent^='22%'] {
    -webkit-animation-delay: -22s !important;
    animation-delay: -22s !important;
}

.color-scale[data-percent^='23%'] {
    -webkit-animation-delay: -23s !important;
    animation-delay: -23s !important;
}

.color-scale[data-percent^='24%'] {
    -webkit-animation-delay: -24s !important;
    animation-delay: -24s !important;
}

.color-scale[data-percent^='25%'] {
    -webkit-animation-delay: -25s !important;
    animation-delay: -25s !important;
}

.color-scale[data-percent^='26%'] {
    -webkit-animation-delay: -26s !important;
    animation-delay: -26s !important;
}

.color-scale[data-percent^='27%'] {
    -webkit-animation-delay: -27s !important;
    animation-delay: -27s !important;
}

.color-scale[data-percent^='28%'] {
    -webkit-animation-delay: -28s !important;
    animation-delay: -28s !important;
}

.color-scale[data-percent^='29%'] {
    -webkit-animation-delay: -29s !important;
    animation-delay: -29s !important;
}

.color-scale[data-percent^='30%'] {
    -webkit-animation-delay: -30s !important;
    animation-delay: -30s !important;
}

.color-scale[data-percent^='31%'] {
    -webkit-animation-delay: -31s !important;
    animation-delay: -31s !important;
}

.color-scale[data-percent^='32%'] {
    -webkit-animation-delay: -32s !important;
    animation-delay: -32s !important;
}

.color-scale[data-percent^='33%'] {
    -webkit-animation-delay: -33s !important;
    animation-delay: -33s !important;
}

.color-scale[data-percent^='34%'] {
    -webkit-animation-delay: -34s !important;
    animation-delay: -34s !important;
}

.color-scale[data-percent^='35%'] {
    -webkit-animation-delay: -35s !important;
    animation-delay: -35s !important;
}

.color-scale[data-percent^='36%'] {
    -webkit-animation-delay: -36s !important;
    animation-delay: -36s !important;
}

.color-scale[data-percent^='37%'] {
    -webkit-animation-delay: -37s !important;
    animation-delay: -37s !important;
}

.color-scale[data-percent^='38%'] {
    -webkit-animation-delay: -38s !important;
    animation-delay: -38s !important;
}

.color-scale[data-percent^='39%'] {
    -webkit-animation-delay: -39s !important;
    animation-delay: -39s !important;
}

.color-scale[data-percent^='40%'] {
    -webkit-animation-delay: -40s !important;
    animation-delay: -40s !important;
}

.color-scale[data-percent^='41%'] {
    -webkit-animation-delay: -41s !important;
    animation-delay: -41s !important;
}

.color-scale[data-percent^='42%'] {
    -webkit-animation-delay: -42s !important;
    animation-delay: -42s !important;
}

.color-scale[data-percent^='43%'] {
    -webkit-animation-delay: -43s !important;
    animation-delay: -43s !important;
}

.color-scale[data-percent^='44%'] {
    -webkit-animation-delay: -44s !important;
    animation-delay: -44s !important;
}

.color-scale[data-percent^='45%'] {
    -webkit-animation-delay: -45s !important;
    animation-delay: -45s !important;
}

.color-scale[data-percent^='46%'] {
    -webkit-animation-delay: -46s !important;
    animation-delay: -46s !important;
}

.color-scale[data-percent^='47%'] {
    -webkit-animation-delay: -47s !important;
    animation-delay: -47s !important;
}

.color-scale[data-percent^='48%'] {
    -webkit-animation-delay: -48s !important;
    animation-delay: -48s !important;
}

.color-scale[data-percent^='49%'] {
    -webkit-animation-delay: -49s !important;
    animation-delay: -49s !important;
}

.color-scale[data-percent^='50%'] {
    -webkit-animation-delay: -50s !important;
    animation-delay: -50s !important;
}

.color-scale[data-percent^='51%'] {
    -webkit-animation-delay: -51s !important;
    animation-delay: -51s !important;
}

.color-scale[data-percent^='52%'] {
    -webkit-animation-delay: -52s !important;
    animation-delay: -52s !important;
}

.color-scale[data-percent^='53%'] {
    -webkit-animation-delay: -53s !important;
    animation-delay: -53s !important;
}

.color-scale[data-percent^='54%'] {
    -webkit-animation-delay: -54s !important;
    animation-delay: -54s !important;
}

.color-scale[data-percent^='55%'] {
    -webkit-animation-delay: -55s !important;
    animation-delay: -55s !important;
}

.color-scale[data-percent^='56%'] {
    -webkit-animation-delay: -56s !important;
    animation-delay: -56s !important;
}

.color-scale[data-percent^='57%'] {
    -webkit-animation-delay: -57s !important;
    animation-delay: -57s !important;
}

.color-scale[data-percent^='58%'] {
    -webkit-animation-delay: -58s !important;
    animation-delay: -58s !important;
}

.color-scale[data-percent^='59%'] {
    -webkit-animation-delay: -59s !important;
    animation-delay: -59s !important;
}

.color-scale[data-percent^='60%'] {
    -webkit-animation-delay: -60s !important;
    animation-delay: -60s !important;
}

.color-scale[data-percent^='61%'] {
    -webkit-animation-delay: -61s !important;
    animation-delay: -61s !important;
}

.color-scale[data-percent^='62%'] {
    -webkit-animation-delay: -62s !important;
    animation-delay: -62s !important;
}

.color-scale[data-percent^='63%'] {
    -webkit-animation-delay: -63s !important;
    animation-delay: -63s !important;
}

.color-scale[data-percent^='64%'] {
    -webkit-animation-delay: -64s !important;
    animation-delay: -64s !important;
}

.color-scale[data-percent^='65%'] {
    -webkit-animation-delay: -65s !important;
    animation-delay: -65s !important;
}

.color-scale[data-percent^='66%'] {
    -webkit-animation-delay: -66s !important;
    animation-delay: -66s !important;
}

.color-scale[data-percent^='67%'] {
    -webkit-animation-delay: -67s !important;
    animation-delay: -67s !important;
}

.color-scale[data-percent^='68%'] {
    -webkit-animation-delay: -68s !important;
    animation-delay: -68s !important;
}

.color-scale[data-percent^='69%'] {
    -webkit-animation-delay: -69s !important;
    animation-delay: -69s !important;
}

.color-scale[data-percent^='70%'] {
    -webkit-animation-delay: -70s !important;
    animation-delay: -70s !important;
}

.color-scale[data-percent^='71%'] {
    -webkit-animation-delay: -71s !important;
    animation-delay: -71s !important;
}

.color-scale[data-percent^='72%'] {
    -webkit-animation-delay: -72s !important;
    animation-delay: -72s !important;
}

.color-scale[data-percent^='73%'] {
    -webkit-animation-delay: -73s !important;
    animation-delay: -73s !important;
}

.color-scale[data-percent^='74%'] {
    -webkit-animation-delay: -74s !important;
    animation-delay: -74s !important;
}

.color-scale[data-percent^='75%'] {
    -webkit-animation-delay: -75s !important;
    animation-delay: -75s !important;
}

.color-scale[data-percent^='76%'] {
    -webkit-animation-delay: -76s !important;
    animation-delay: -76s !important;
}

.color-scale[data-percent^='77%'] {
    -webkit-animation-delay: -77s !important;
    animation-delay: -77s !important;
}

.color-scale[data-percent^='78%'] {
    -webkit-animation-delay: -78s !important;
    animation-delay: -78s !important;
}

.color-scale[data-percent^='79%'] {
    -webkit-animation-delay: -79s !important;
    animation-delay: -79s !important;
}

.color-scale[data-percent^='80%'] {
    -webkit-animation-delay: -80s !important;
    animation-delay: -80s !important;
}

.color-scale[data-percent^='81%'] {
    -webkit-animation-delay: -81s !important;
    animation-delay: -81s !important;
}

.color-scale[data-percent^='82%'] {
    -webkit-animation-delay: -82s !important;
    animation-delay: -82s !important;
}

.color-scale[data-percent^='83%'] {
    -webkit-animation-delay: -83s !important;
    animation-delay: -83s !important;
}

.color-scale[data-percent^='84%'] {
    -webkit-animation-delay: -84s !important;
    animation-delay: -84s !important;
}

.color-scale[data-percent^='85%'] {
    -webkit-animation-delay: -85s !important;
    animation-delay: -85s !important;
}

.color-scale[data-percent^='86%'] {
    -webkit-animation-delay: -86s !important;
    animation-delay: -86s !important;
}

.color-scale[data-percent^='87%'] {
    -webkit-animation-delay: -87s !important;
    animation-delay: -87s !important;
}

.color-scale[data-percent^='88%'] {
    -webkit-animation-delay: -88s !important;
    animation-delay: -88s !important;
}

.color-scale[data-percent^='89%'] {
    -webkit-animation-delay: -89s !important;
    animation-delay: -89s !important;
}

.color-scale[data-percent^='90%'] {
    -webkit-animation-delay: -90s !important;
    animation-delay: -90s !important;
}

.color-scale[data-percent^='91%'] {
    -webkit-animation-delay: -91s !important;
    animation-delay: -91s !important;
}

.color-scale[data-percent^='92%'] {
    -webkit-animation-delay: -92s !important;
    animation-delay: -92s !important;
}

.color-scale[data-percent^='93%'] {
    -webkit-animation-delay: -93s !important;
    animation-delay: -93s !important;
}

.color-scale[data-percent^='94%'] {
    -webkit-animation-delay: -94s !important;
    animation-delay: -94s !important;
}

.color-scale[data-percent^='95%'] {
    -webkit-animation-delay: -95s !important;
    animation-delay: -95s !important;
}

.color-scale[data-percent^='96%'] {
    -webkit-animation-delay: -96s !important;
    animation-delay: -96s !important;
}

.color-scale[data-percent^='97%'] {
    -webkit-animation-delay: -97s !important;
    animation-delay: -97s !important;
}

.color-scale[data-percent^='98%'] {
    -webkit-animation-delay: -98s !important;
    animation-delay: -98s !important;
}

.color-scale[data-percent^='99%'] {
    -webkit-animation-delay: -99s !important;
    animation-delay: -99s !important;
}

.color-scale[data-percent^='100%'] {
    -webkit-animation-delay: -100s !important;
    animation-delay: -100s !important;
}

.checklist-modal .selection-container {
    -ms-flex-item-align: center;
    align-self: center;
}

    .checklist-modal .selection-container .deselected {
        display: inline-block;
        padding-left: 5px;
    }

    .checklist-modal .selection-container .selected {
        display: inline-block;
    }

ul.dispute-activity {
    list-style: none;
    margin: 0;
    padding: 3px;
}

    ul.dispute-activity li.past-days {
        color: #666666;
        margin-bottom: 12px;
    }

    ul.dispute-activity .days {
        background: #e2e2e2;
        border-radius: 8px;
        color: #666666;
        font-weight: bold;
        margin-left: 12px;
        padding: 0 6px;
    }

.field-selector-group {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 36px;
}

    .field-selector-group .field-selector {
        -webkit-box-shadow: 1px 0 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5;
        box-shadow: 1px 0 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-top: 8px;
        width: 30px;
    }

    .field-selector-group .field-main {
        -webkit-box-shadow: 0 1px 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5;
        box-shadow: 0 1px 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .field-selector-group .field-main.ui.grid {
            margin: 0 0 1px 1px;
        }

            .field-selector-group .field-main.ui.grid .column {
                padding: 0;
            }

        .field-selector-group .field-main .ui.checkbox.toggle {
            margin: 8px;
        }

    .field-selector-group:last-of-type .field-selector {
        -webkit-box-shadow: 1px 0 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5, 0 1px 0 0 #e5e5e5;
        box-shadow: 1px 0 0 0 #e5e5e5, 0 -1px 0 0 #e5e5e5, 0 1px 0 0 #e5e5e5;
    }

    .field-selector-group:last-of-type .field-main.ui.grid {
        margin: 0 0 0 1px;
    }

.ui.grid > .field-selector-group {
    padding: 0;
    width: 100%;
}

.copy-to-clipboard {
    margin-left: -10px;
    padding-left: 10px;
    position: relative;
}

    .copy-to-clipboard i.copy {
        cursor: pointer;
        display: none;
        font-size: 1.2em;
        padding-left: 2px;
        position: absolute;
    }

        .copy-to-clipboard i.copy.left {
            left: -11px;
            top: -2px;
        }

    .copy-to-clipboard span.confirm-copy {
        background: #000000;
        border-radius: 6px;
        color: #FFFFFF;
        display: none;
        padding: 0 9px 0 5px;
        position: absolute;
        right: -137px;
        top: -28px;
        white-space: nowrap;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

        .copy-to-clipboard span.confirm-copy.left {
            left: -35px;
        }

@media only screen and (max-width: 767px) {
    .copy-to-clipboard span.confirm-copy.left {
        left: -4px;
    }
}

.copy-to-clipboard.pad-right {
    margin-right: -50px;
    padding-right: 50px;
}

    .copy-to-clipboard.pad-right.sm i.copy {
        right: 3px;
    }

    .copy-to-clipboard.pad-right.sm span.confirm-copy {
        right: -121px;
    }

    .copy-to-clipboard.pad-right.med i.copy {
        right: -4px;
    }

    .copy-to-clipboard.pad-right.med span.confirm-copy {
        right: -121px;
    }

    .copy-to-clipboard.pad-right.lg i.copy {
        right: -10px;
    }

    .copy-to-clipboard.pad-right.lg span.confirm-copy {
        right: -121px;
    }

.copy-to-clipboard:hover i {
    display: inline-block;
}

.horizontal.scroll {
    min-width: 100%;
    overflow-x: auto;
}

table.ui.generic.table {
    border-collapse: collapse;
    table-layout: fixed;
}

    table.ui.generic.table td.no-records {
        padding: 25px 0;
        text-align: center;
    }

    table.ui.generic.table tr {
        border-bottom: 1px solid #e2e2e2;
    }

        table.ui.generic.table tr.record td {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        table.ui.generic.table tr.record.selectable {
            cursor: pointer;
        }

    table.ui.generic.table thead th.sortable {
        cursor: pointer;
    }

@media only screen and (max-width: 767px) {
    table.ui.generic.table thead {
        display: none;
    }
}

table.ui.generic.table .generic-table-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    /* MS IE11 */
}

    table.ui.generic.table .generic-table-footer .generic-table-dropdown {
        -webkit-box-flex: 5;
        -ms-flex: 5;
        flex: 5;
    }

        table.ui.generic.table .generic-table-footer .generic-table-dropdown .selection {
            max-width: 320px !important;
            width: 100% !important;
        }

    table.ui.generic.table .generic-table-footer .generic-table-pagination {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    table.ui.generic.table .generic-table-footer .generic-table-dropdown {
        -webkit-box-flex: 4;
        -ms-flex: 4;
        flex: 4;
    }

    table.ui.generic.table .generic-table-footer .generic-table-pagination {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

@media only screen and (max-width: 767px) {
    table.ui.generic.table .generic-table-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        table.ui.generic.table .generic-table-footer .generic-table-dropdown {
            -webkit-box-flex: 5;
            -ms-flex: 5;
            flex: 5;
            margin-bottom: .5em;
        }

            table.ui.generic.table .generic-table-footer .generic-table-dropdown .selection {
                width: 100%;
            }

        table.ui.generic.table .generic-table-footer .generic-table-pagination {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            table.ui.generic.table .generic-table-footer .generic-table-pagination .client-pagination-buttons-comp {
                font-size: 10px;
            }
}

.quick-menu-container {
    margin-bottom: 20px;
}

.device-sn-label {
    color: #666666;
    font-weight: bold;
    margin-right: 5px;
}

.device-sn-text {
    color: #666666;
    font-size: 85%;
    font-weight: 400;
}

.transaction-table-container {
    margin-bottom: 20px;
}

.transaction-summary {
    overflow-x: auto;
}

.sales-summary-table tfoot {
    -webkit-box-shadow: 0 -1px 0 0 #E5E5E5 !important;
    box-shadow: 0 -1px 0 0 #E5E5E5 !important;
    color: #333333;
    font-weight: bold;
}

.sales-summary-container .ui.segment {
    overflow-x: auto;
}

@media only screen and (max-width: 767px) {
    .employee-table .tabular {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .employee-table .menu > .right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

        .employee-table .menu > .right .ui.input.search > input {
            width: 100%;
        }
}

.responsive-table .ellipsis-container {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

    .responsive-table .ellipsis-container.limit-width-15-em {
        width: 15em;
    }

.responsive-table .equal-height-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
}

.responsive-table > footer {
    margin-top: 1.42857em;
}

.responsive-table > .ui.table td.icon-container {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.responsive-table .inactive-label::after {
    color: #999999;
    content: "(Inactive)";
    font-weight: 600;
    margin-left: 6px;
}

.responsive-table.scrollable-table {
    margin: auto;
    overflow: auto;
    width: 100%;
}

    .responsive-table.scrollable-table::-webkit-scrollbar {
        height: 2px;
    }

    .responsive-table.scrollable-table > .ui.table {
        margin: auto;
        width: 100%;
    }

        .responsive-table.scrollable-table > .ui.table thead th {
            white-space: nowrap;
        }

@media only screen and (max-width: 767px) {
    .responsive-table > .header {
        background-color: #F7F7F7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        line-height: 50px;
        padding: 0 0.71429em;
    }

        .responsive-table > .header > select {
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background-color: transparent;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, transparent 0%, transparent 100%);
            background-position: right .5em top 50%, 0 0;
            background-repeat: no-repeat, repeat;
            background-size: .5em auto, 100%;
            border: none;
            color: #666666;
            cursor: pointer;
            display: block;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            font-weight: 800;
            margin-left: 0.35714em;
            outline: none;
            padding: 0 0.71429em 0 0;
        }

            .responsive-table > .header > select option {
                font-weight: normal;
            }

    .responsive-table > ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .responsive-table > ol > li {
            border-bottom: 1px solid #E5E5E5;
            padding: 10px 0;
        }

            .responsive-table > ol > li:first-child {
                border-top: 1px solid #E5E5E5;
            }

        .responsive-table > ol.selectable > li {
            cursor: pointer;
        }

            .responsive-table > ol.selectable > li:hover {
                background: #E5F5FE;
            }

    .responsive-table dl {
        margin: 0;
        padding: 0;
    }

        .responsive-table dl > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            padding: 5px 10px;
        }

        .responsive-table dl dt {
            -ms-flex-preferred-size: 150px;
            flex-basis: 150px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            font-weight: 800;
        }

        .responsive-table dl dd {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            margin: 0;
            overflow: auto;
        }

    .responsive-table .equal-height-container {
        display: inherit;
        height: auto;
    }
}

.bulkselect-table .ui.table tbody tr td:first-child {
    text-overflow: clip;
}

.bulkselect-table thead th:first-child {
    text-overflow: clip !important;
}

@media only screen and (max-width: 767px) {
    .bulkselect-table > .header {
        background-color: #f7f7f7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        line-height: 50px;
        padding: 0 0.71429em;
    }

        .bulkselect-table > .header > .checkbox {
            padding-top: 16px;
        }

        .bulkselect-table > .header > select {
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background-color: transparent;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, transparent 0%, transparent 100%);
            background-position: right .5em top 50%, 0 0;
            background-repeat: no-repeat, repeat;
            background-size: .5em auto, 100%;
            border: none;
            color: #666666;
            cursor: pointer;
            display: block;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            font-weight: 800;
            margin-left: 0.35714em;
            outline: none;
            padding: 0 0.71429em 0 0;
        }

            .bulkselect-table > .header > select option {
                font-weight: normal;
            }

    .bulkselect-table > ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .bulkselect-table > ol > li {
            border-bottom: 1px solid #e5e5e5;
            padding: 5px 0;
        }

            .bulkselect-table > ol > li:first-child {
                border-top: 1px solid #e5e5e5;
            }

        .bulkselect-table > ol.selectable > li {
            cursor: pointer;
        }

            .bulkselect-table > ol.selectable > li:hover {
                background: #e5f5fe;
            }

    .bulkselect-table dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

        .bulkselect-table dl .checkbox-div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            padding: 8px 10px;
        }

        .bulkselect-table dl .items-block-div {
            display: block;
            -webkit-box-flex: 1;
            -ms-flex: auto;
            flex: auto;
            margin: 0;
            padding: 0;
        }

            .bulkselect-table dl .items-block-div > div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: start;
                padding: 5px 10px;
            }

        .bulkselect-table dl dt {
            -ms-flex-preferred-size: 150px;
            flex-basis: 150px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            font-weight: 800;
        }

        .bulkselect-table dl dd {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            margin: 0;
            overflow: auto;
        }

    .bulkselect-table .equal-height-container {
        display: inherit;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .terminals tbody tr td {
        border: none !important;
    }

        .terminals tbody tr td.label {
            font-weight: bold;
        }

    .terminals .action-button {
        padding-bottom: 1em;
    }
}

/* Locations Modal */
.locations-modal .header {
    font-size: 24px !important;
    padding: 1em 0em;
    text-align: center;
}

    .locations-modal .header .close {
        color: #cecece;
        float: right;
        font-size: 28px !important;
    }

.locations-modal > .ui.segments {
    max-height: calc(calc(100vh - 7rem) - 2px);
}

.locations-modal .segments .segments .segment {
    padding: .75em;
}

.locations-modal .segments .segments .active-location {
    background-color: #e5f5fe;
}

.locations-modal .segments .segments :hover {
    background-color: #e5f5fe;
    cursor: pointer;
}

.walkthrough-videos .ui.modal {
    border-radius: 0;
}

    .walkthrough-videos .ui.modal .header {
        border-bottom-width: 2px;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        font-size: 24px;
        font-weight: normal;
        padding: 10px !important;
        text-align: center;
    }

        .walkthrough-videos .ui.modal .header i.close.icon {
            float: right;
        }

    .walkthrough-videos .ui.modal .content .ui.accordion {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .walkthrough-videos .ui.modal .content .ui.accordion .title {
            border-top: 1px solid #e5e5e5;
            color: black;
            font-size: 18px;
            font-weight: normal;
            padding: 13px 10px;
        }

            .walkthrough-videos .ui.modal .content .ui.accordion .title:nth-last-child(2):not(.active) {
                border-bottom: 1px solid #e5e5e5;
            }

        .walkthrough-videos .ui.modal .content .ui.accordion .content.active:last-child {
            border-bottom: 1px solid #e5e5e5;
        }

        .walkthrough-videos .ui.modal .content .ui.accordion .content {
            padding-bottom: 20px;
        }

            .walkthrough-videos .ui.modal .content .ui.accordion .content iframe, .walkthrough-videos .ui.modal .content .ui.accordion .content .loader-wrap {
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
            }

            .walkthrough-videos .ui.modal .content .ui.accordion .content .loader-wrap {
                z-index: 1;
            }

            .walkthrough-videos .ui.modal .content .ui.accordion .content iframe {
                z-index: 2;
            }

            .walkthrough-videos .ui.modal .content .ui.accordion .content .video-wrap {
                padding: 56.25% 0 0 0;
                position: relative;
            }

.form-modal {
    max-width: 700px;
}

    .form-modal .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 !important;
    }

        .form-modal .header .icon {
            color: #cccccc;
            height: auto;
            line-height: 1;
            margin: 0;
            padding: 13px 16px;
            position: absolute;
            right: 0;
            top: 0;
            width: auto;
        }

    .form-modal .ui.inverted.red.segment {
        border-radius: 0;
        font-weight: 800;
        margin: 0;
        padding: .5714285em;
        text-align: center;
    }

    .form-modal .actions {
        background-color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 20px;
    }

        .form-modal .actions > .button {
            margin: 0;
        }

        .form-modal .actions .left-action {
            margin-right: auto;
        }

@media only screen and (max-width: 767px) {
    .form-modal {
        width: 300px;
    }

        .form-modal .item-checklist ul li {
            display: block;
        }

            .form-modal .item-checklist ul li .description {
                margin-left: 26px;
                margin-top: 4px;
                max-width: 100%;
                text-align: left;
            }
}

.checkout-modal {
    background-color: #FFF;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001;
}

    .checkout-modal .button {
        margin-left: 0 !important;
    }

    .checkout-modal .divider {
        color: #666666;
        font-size: 10px;
        font-weight: 700;
        line-height: 16px;
    }

    .checkout-modal > .error-message, .checkout-modal .success-message {
        border-radius: 0;
        font-weight: 800;
        margin: 0;
        padding: .5714285em;
        text-align: center;
    }

    .checkout-modal .invisible {
        opacity: 0;
    }

    .checkout-modal .mobile-navigation {
        display: none;
    }

    .checkout-modal > .header {
        border-bottom: 1px solid #E4E4E4;
        padding: 10px 0px;
    }

        .checkout-modal > .header h2 {
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            margin: 0;
            text-align: center;
        }

        .checkout-modal > .header .close {
            position: absolute;
            right: 0;
            top: 0;
        }

            .checkout-modal > .header .close img {
                margin-right: 18px;
                margin-top: 18px;
            }

    .checkout-modal > .content {
        background: #FAFAFA;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        height: 100%;
        max-height: calc(100vh - 51px);
        overflow: auto;
        padding-top: 38px;
    }

    .checkout-modal .full-width {
        width: 100%;
    }

    .checkout-modal .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        max-width: 1140px;
    }

        .checkout-modal .wrapper .details {
            max-width: 700px;
        }

        .checkout-modal .wrapper .items {
            width: 395px;
        }

    .checkout-modal .navigation {
        margin-bottom: 28px;
    }

    .checkout-modal .continue-shopping-link {
        color: #009BF4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-style: normal;
        font-weight: 800;
        line-height: 20px;
    }

        .checkout-modal .continue-shopping-link .text {
            margin-left: 10px;
        }

    .checkout-modal .form {
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        border-radius: 4px;
        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
        padding: 30px;
    }

        .checkout-modal .form .checkbox {
            margin: 10px 0px;
        }

        .checkout-modal .form .place-order {
            padding: 0;
            width: 100%;
        }

            .checkout-modal .form .place-order button {
                width: 100%;
            }

@media only screen and (max-width: 1100px) {
    .checkout-modal > .content {
        padding-top: 0px;
    }

    .checkout-modal .mobile-navigation {
        display: block;
        margin: 30px 0px;
    }

    .checkout-modal .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-left: auto;
        margin-right: auto;
        max-width: 750px;
        padding: 30px 20px;
    }

        .checkout-modal .wrapper .details {
            width: auto;
        }

        .checkout-modal .wrapper .items {
            width: auto;
        }

        .checkout-modal .wrapper.is-ordered .items {
            display: none;
        }

    .checkout-modal .form {
        background: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    .checkout-modal .navigation {
        display: none;
    }

    .checkout-modal > .header h2 {
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
    }

    .checkout-modal > .header .close img {
        margin-right: 15px;
        margin-top: 15px;
    }
}

.customer-edit.ui.basic.segment {
    padding: 0;
}

    .customer-edit.ui.basic.segment .ui.segment {
        margin: 0;
    }

    .customer-edit.ui.basic.segment .ui.form .fields {
        margin-bottom: 0;
    }

    .customer-edit.ui.basic.segment td.ui.link {
        padding-bottom: 1.2em;
        padding-top: 1.2em;
    }

        .customer-edit.ui.basic.segment td.ui.link a {
            text-decoration: underline;
        }

    .customer-edit.ui.basic.segment td i.remove {
        cursor: pointer;
    }

    .customer-edit.ui.basic.segment div.dropdown.states {
        min-width: 0;
        width: 100%;
    }

.olo-settings h1 {
    margin: 0 0 20px !important;
}

.olo-settings h2.ui.header {
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 20px 0 20px !important;
    width: 100%;
}

.olo-settings .ui.checkbox.vertical-checkbox.checked label {
    font-weight: 800;
}

.olo-settings .ui.checkbox.vertical-checkbox .checkbox-note {
    line-height: 1.43;
    padding-left: 1.9rem;
}

.olo-settings .ui.form.padded.stackable.grid .column {
    padding-bottom: 1px !important;
}

    .olo-settings .ui.form.padded.stackable.grid .column.error > .field:after {
        -webkit-box-shadow: inset 0 0 0 1px #B00300;
        box-shadow: inset 0 0 0 1px #B00300;
    }

    .olo-settings .ui.form.padded.stackable.grid .column.error > .field label {
        background-color: #FBF2F2;
        color: #B00300;
    }

.olo-settings .ui.inverted.segment {
    border-radius: 0;
    font-weight: 800;
    margin-left: -30px;
    margin-right: -30px;
    position: relative;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .olo-settings .ui.inverted.segment {
        top: -30px;
    }

    .olo-settings .ui.form.padded.stackable.grid .ui.field {
        height: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .olo-settings h1 {
        margin: 20px 0 20px !important;
    }

    .olo-settings .ui.form.padded.stackable.grid h2.ui.header {
        border-bottom: 1px solid #e5e5e5;
        margin: 0 !important;
        padding: 20px 0 20px !important;
        width: 100%;
    }

    .olo-settings .ui.form.padded.stackable.grid .ui.field {
        font-size: 16px;
    }
}

.sm-header .ui.popup.account-header {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 50vw;
    min-width: 300px;
    padding: 0;
}

.sm-header .content {
    padding-left: 1em;
    text-align: left;
    vertical-align: middle !important;
}

.sm-header .sm-header.ui.label {
    background-color: #FFF;
}

.sm-header .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 7px 0;
}

    .sm-header .row > .warning.icon {
        width: 23px;
    }

        .sm-header .row > .warning.icon + .sm-header {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .sm-header .row > .warning.icon + .sm-header > .content {
                -ms-flex-preferred-size: 25%;
                flex-basis: 25%;
                padding-left: 10px;
            }

            .sm-header .row > .warning.icon + .sm-header > .inline-warning {
                -ms-flex-preferred-size: 50%;
                flex-basis: 50%;
                -webkit-box-flex: 2;
                -ms-flex-positive: 2;
                flex-grow: 2;
            }

    .sm-header .row > .sm-header.label {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.sm-header i.huge.icons.profile-picture {
    font-size: 4rem;
}

.profile-picture {
    height: 55px;
    width: 55px;
}

    .profile-picture > img.ui.image {
        background-color: #bcbec0;
    }

    .profile-picture i.icons .icon:first-child {
        margin-right: 0;
    }

    .profile-picture i.icons.sm-icons {
        left: 49%;
        position: absolute;
        top: 50%;
    }

    .profile-picture .facebook-background {
        color: #3b5998;
    }

        .profile-picture .facebook-background + .facebook {
            color: #FFF;
        }

    .profile-picture .twitter-background {
        color: #1DA1F2;
    }

    .profile-picture .yelp-background {
        color: #F21D1D;
    }

.link-configuration-warning {
    display: inline;
    margin-left: 8px;
}

.sm-post .post-content > .ui.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    .sm-post .post-content > .ui.grid .shared-post-header {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 0.5em;
    }

    .sm-post .post-content > .ui.grid .post-content-shared {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 1em;
        margin-right: 1em;
        margin-top: 0.5em !important;
    }

    .sm-post .post-content > .ui.grid .post-content-preview-label {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 0.5em !important;
        margin-top: 0.5em !important;
    }

    .sm-post .post-content > .ui.grid .post-content-preview-text {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 0.5em !important;
        padding: 1.5em;
    }

    .sm-post .post-content > .ui.grid .post-pictures {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 25%;
    }

.campaign .email.design {
    background-color: #e4ebeb;
    margin: 0 -1em;
    padding: 1em;
}

    .campaign .email.design .theme.selection {
        display: inline-block;
        width: 100%;
    }

        .campaign .email.design .theme.selection .ui.dropdown {
            min-width: 300px;
        }

    .campaign .email.design .template {
        margin: -14px auto auto auto;
        max-width: 570px;
        min-height: 100px;
        padding: 0;
    }

        .campaign .email.design .template.loading {
            margin: auto;
        }

    .campaign .email.design .ui.grid .column.description p:first-child {
        margin-bottom: 1em;
        margin-top: 1em;
    }

    .campaign .email.design .ui.grid .column.preview {
        padding-left: 0;
        padding-right: 0;
    }

.campaign .campaign.type {
    margin: 1em auto;
    max-width: 900px;
}

    .campaign .campaign.type .active.title {
        border-bottom: 1px solid rgba(34, 36, 38, 0.15);
    }

.campaign .wizard.navigation {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    margin-top: 0em;
}

.campaign .segment.campaign.settings {
    margin: 1em auto;
    max-width: 900px;
}

    .campaign .segment.campaign.settings .ui.divider {
        margin: 2em -1em 1em -1em;
    }

    .campaign .segment.campaign.settings label.hint {
        font-size: smaller;
        font-weight: normal;
    }

.campaign .date-picker-input-form .one.wide.field {
    margin: 0;
    padding: 0;
    width: 0 !important;
}

.campaign .sm-post-frequency,
.campaign .date-picker-input-form {
    margin-top: 1em;
}

.campaign .flash-messages-container {
    padding-bottom: 0.5em;
}

.campaign .ui.secondary.segment.preview div, .campaign .internet-payments-wrapper .ui.segment.preview.dropdown-file-selector div, .internet-payments-wrapper .campaign .ui.segment.preview.dropdown-file-selector div, .campaign .internet-payments-wrapper .download-label-button .ui.segment.preview.download div, .internet-payments-wrapper .download-label-button .campaign .ui.segment.preview.download div {
    margin: auto;
    width: 100%;
}

    .campaign .ui.secondary.segment.preview div img, .campaign .internet-payments-wrapper .ui.segment.preview.dropdown-file-selector div img, .internet-payments-wrapper .campaign .ui.segment.preview.dropdown-file-selector div img, .campaign .internet-payments-wrapper .download-label-button .ui.segment.preview.download div img, .internet-payments-wrapper .download-label-button .campaign .ui.segment.preview.download div img {
        margin-top: 0.5em;
        width: 100%;
    }

/* stylelint-disable declaration-block-no-shorthand-property-overrides */
.reset.all.styles {
    /* basic modern patch */
    all: initial;
    all: unset;
    -webkit-animation: none;
    animation: none;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0;
    animation-duration: 0;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0;
    border-bottom: 0;
    border-bottom-color: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-collapse: separate;
    border-color: inherit;
    -o-border-image: none;
    border-image: none;
    border-left: 0;
    border-left-color: inherit;
    border-left-style: none;
    border-left-width: medium;
    border-radius: 0;
    border-right: 0;
    border-right-color: inherit;
    border-right-style: none;
    border-right-width: medium;
    border-spacing: 0;
    border-style: none;
    border-top: 0;
    border-top-color: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: medium;
    border-width: medium;
    bottom: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
    -webkit-column-rule: medium none currentColor;
    -moz-column-rule: medium none currentColor;
    column-rule: medium none currentColor;
    -webkit-column-rule-color: currentColor;
    -moz-column-rule-color: currentColor;
    column-rule-color: currentColor;
    -webkit-column-rule-style: none;
    -moz-column-rule-style: none;
    column-rule-style: none;
    -webkit-column-rule-width: none;
    -moz-column-rule-width: none;
    column-rule-width: none;
    -webkit-column-span: 1;
    -moz-column-span: 1;
    column-span: 1;
    -webkit-column-width: auto;
    -moz-column-width: auto;
    column-width: auto;
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font: normal;
    font-family: inherit;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 0;
    outline: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    -webkit-perspective: none;
    perspective: none;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    position: static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes: '\201C' '\201D' '\2018' '\2019';
    right: auto;
    -moz-tab-size: 8;
    -o-tab-size: 8;
    tab-size: 8;
    table-layout: auto;
    text-align: inherit;
    -moz-text-align-last: auto;
    text-align-last: auto;
    text-decoration: none;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-style: flat;
    transform-style: flat;
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-property: none;
    transition-property: none;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 0;
    width: auto;
    word-spacing: normal;
    z-index: auto;
}

/* stylelint-enable */
.ui.label.status-box {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 80px;
}

.post-preview-root {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.post-preview-row {
    padding-bottom: 0.1em;
}

.post-preview-info {
    float: right;
}

.post-preview-info-date {
    color: grey;
    padding-right: 1em;
}

.post-preview-info-custom {
    padding-top: 0.5em;
    text-align: right;
}

.post-preview-grey {
    color: grey;
}

.post-preview-nested {
    margin-left: 2em !important;
}

.owner-response-header {
    margin-bottom: 0.2em !important;
    padding-bottom: 0 !important;
}

.owner-response-buttons {
    margin-top: -20px !important;
    padding-top: 0 !important;
}

.review-respond-form-buttons {
    overflow: hidden;
}

    .review-respond-form-buttons .ui.button {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

.ui.grid.view-source {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
    padding: 1em 1em;
}

    .ui.grid.view-source button {
        background-color: white;
        border: 1px solid #009BF4 !important;
        color: #009BF4 !important;
        font-weight: 500;
        margin: 0 1em 0 1em;
        padding: 0 1.5em 0 1.5em;
    }

        .ui.grid.view-source button:hover {
            background-color: rgba(0, 155, 244, 0.1);
        }

    .ui.grid.view-source span {
        color: #009BF4;
        cursor: pointer;
        padding: 0.5em 1em;
    }

.support-ticket-details .support-ticket-header {
    padding: 0;
    width: 100%;
}

    .support-ticket-details .support-ticket-header h2 {
        float: left;
    }

    .support-ticket-details .support-ticket-header .ticket-status {
        float: right;
        padding-top: 5px;
    }

.support-ticket-details p {
    float: left;
    width: 100%;
}

.support-ticket-details .support-ticket-action {
    margin: 20px 0;
    padding: 0;
}

    .support-ticket-details .support-ticket-action button {
        width: 120px;
    }

.support-ticket-details .comment-header {
    color: #333333;
    float: left;
    font-size: 14px;
    font-weight: 800;
}

.support-ticket-details .comment-time {
    float: right;
    padding-bottom: 21px;
}

    .support-ticket-details .comment-time p {
        color: #999999;
        font-size: 12px;
    }

.employee-table {
    border: 0 !important;
}

    .employee-table a .write.icon, .employee-table a label.create-employee-button {
        color: #000000;
    }

    .employee-table .employee-table-body i {
        cursor: pointer;
    }

.employee-tabs {
    background: #ffffff;
    border-radius: 3px;
}

    .employee-tabs .employee-tab {
        color: #000000;
        font-weight: bold;
        padding: 1em 1.5em;
    }

    .employee-tabs .ui.segment {
        border: 0px;
        margin: 0em;
        padding: 0em;
    }

    .employee-tabs .ui.segments .ui.header.segment.tabular.menu {
        cursor: auto !important;
        height: 100%;
        overflow: auto;
    }

    .employee-tabs .ui.right.dropdown.item .ui:nth-last-child(2) {
        width: auto;
    }

    .employee-tabs .ui.right.dropdown.item .ui:last-child {
        width: auto;
    }

    .employee-tabs .ui.tabular.menu {
        border-bottom: 1px solid rgba(34, 36, 38, 0.15);
        border-radius: 0.19em 0em 0em 0em !important;
    }

        .employee-tabs .ui.tabular.menu .active {
            border-bottom: 5px solid #009BF4;
            margin-left: 2px !important;
        }

        .employee-tabs .ui.tabular.menu .ui.table {
            border: none !important;
        }

        .employee-tabs .ui.tabular.menu label {
            cursor: pointer;
        }

.employee-form .flash-messages-container {
    margin-bottom: 20px;
}

.employee-form .header {
    width: 100%;
}

    .employee-form .header .toggle {
        float: right;
    }

.employee-actions {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.revenue-class-form .flash-messages-container {
    margin-bottom: 20px;
}

.surcharge-form .ui.divider {
    margin: 0.5em 0em !important;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid.surcharge-form > .row {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
}

.modifier-set-form .modifier-table {
    margin-top: 30px;
}

    .modifier-set-form .modifier-table .times.icon {
        color: #cccccc;
    }

        .modifier-set-form .modifier-table .times.icon:hover {
            color: #999999;
        }

.modifier-set-form .responsive-table {
    margin-bottom: 20px;
    padding: 0;
}

    .modifier-set-form .responsive-table .responsive-table {
        margin-bottom: 20px;
        padding: 0;
    }

#modifier-modal .form > div:nth-child(5) {
    margin: 10px 0;
}

@media only screen and (max-width: 767px) {
    .modifier-set-form.ui.form.grid.padded.stackable h2.header:first-of-type {
        margin-top: 20px;
    }

    .modifier-set-form .responsive-table {
        margin-bottom: 20px;
        padding: 0;
    }

    .modifier-set-form .primary {
        width: 100%;
    }
}

.order-type-form .header.group-field-header {
    margin: 6px 0 20px;
    padding: 0;
}

.item-form .ui.selection.dropdown.price-schedule-dropdown {
    margin-bottom: 10px;
    width: 16em;
}

    .item-form .ui.selection.dropdown.price-schedule-dropdown .menu .clear-button {
        margin: 0.5rem 0;
    }

    .item-form .ui.selection.dropdown.price-schedule-dropdown > .text {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

@media only screen and (max-width: 767px) {
    .item-form .ui.selection.dropdown.price-schedule-dropdown {
        width: 100%;
    }
}

.item-form .blue.buttons.input {
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
}

    .item-form .blue.buttons.input input::-webkit-outer-spin-button,
    .item-form .blue.buttons.input input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .item-form .blue.buttons.input input[type=number] {
        -moz-appearance: textfield;
    }

    .item-form .blue.buttons.input .ui.field.padded.stackable.grid {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .item-form .blue.buttons.input .ui.field.padded.stackable.grid input {
            border-bottom-right-radius: 0.28571429rem;
            border-color: #e5e5e5;
            border-top-right-radius: 0.28571429rem;
            max-width: 6em;
            min-width: 6em;
        }

        .item-form .blue.buttons.input .ui.field.padded.stackable.grid.focused:after {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .item-form .blue.buttons.input .ui.field.padded.stackable.grid.focused input {
            border-color: #009BF4;
        }

@media only screen and (max-width: 767px) {
    .item-form .blue.buttons.input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .item-form.ui.form.grid.padded.stackable .ui.selection.dropdown.price-schedule-dropdown {
        border: 1px solid #E5E5E5 !important;
    }
}

.item-form .error-message {
    border-radius: 0;
    font-weight: 800;
    margin: 0;
    margin-bottom: 10px;
    padding: .5714285em;
    text-align: center;
    width: 100%;
}

.price-scheduling-form > .group-field-container {
    margin-top: 20px;
}

.price-scheduling-form .time-pickers {
    margin-bottom: 0;
    padding: 0;
}

.shift-form .result-table {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.shift-form .ui.message.warning {
    width: 100%;
}

.shift-form .ui.form.grid.padded.stackable .field .ui.selection.dropdown .text {
    padding-right: 20px;
    width: 100%;
}

.shift-form .ui.form.grid.padded.stackable .field .ui.selection.dropdown .menu {
    max-width: 100%;
    width: 100%;
}

.shift-form .ui.form.grid.padded.stackable .field .ui.selection.dropdown .item-label span {
    word-break: break-all;
}

.shift-form .ui.form.grid.padded.stackable .field.error .datetime-picker .icon.dropdown {
    display: none;
}

.hardware.mobile {
    padding: 20px;
}

.hardware .ad-banner {
    border-radius: 10px;
}

@media only screen and (max-width: 767px) {
    .skytab-orders .title-bar-menu {
        padding: 0 20px 0 20px !important;
    }
}

.product-details .picture {
    display: block;
    margin: auto;
}

.product-details .details .detail {
    border-bottom: 1px solid #D7D7D6;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .product-details .details .detail .type {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.15px;
        line-height: 24px;
    }

    .product-details .details .detail .text {
        font-size: 16px;
        letter-spacing: 0.25px;
        line-height: 24px;
    }

.successful-checkout {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    width: 700px;
}

    .successful-checkout > .content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 560px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

        .successful-checkout > .content .title {
            color: #101828;
            font-size: 28px;
            font-weight: 400;
            line-height: 34px;
            margin-bottom: 10px;
            margin-top: 20px;
        }

        .successful-checkout > .content .text {
            color: #333333;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
        }

        .successful-checkout > .content .link {
            color: #009BF4;
            font-weight: 700;
        }

    .successful-checkout > .action {
        width: 100%;
    }

        .successful-checkout > .action button {
            width: 100%;
        }

@media only screen and (max-width: 1100px) {
    .successful-checkout {
        height: 470px;
        width: auto;
    }
}

.tax-form .toggle-header {
    width: 100%;
}

    .tax-form .toggle-header .toggle {
        float: right;
    }

.tax-form .form .column:nth-child(5) {
    margin-top: 20px;
}

.tax-form .form .column:nth-child(10) {
    margin-bottom: 0;
}

.tax-form .flash-messages-container {
    margin-bottom: 20px;
}

.tax-form .order-types-message {
    padding: 20px 0;
}

.tax-form .ticket-is-liquor {
    padding: 20px 0 0 0;
}

.ad-banner {
    overflow: hidden;
    position: relative;
}

    .ad-banner > .close-link {
        padding: 1.42857em;
        position: absolute;
        right: 0;
        z-index: 2;
    }

        .ad-banner > .close-link .icon {
            background-color: white;
        }

    .ad-banner > .steps-container {
        bottom: 0;
        position: absolute;
        right: 1.42857em;
        z-index: 2;
    }

    .ad-banner > .carousel-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        position: relative;
        right: 0;
        -webkit-transition: right 0.2s;
        transition: right 0.2s;
    }

        .ad-banner > .carousel-wrapper .ad {
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 250px;
            text-align: center;
            width: 100%;
        }

            .ad-banner > .carousel-wrapper .ad .image-wrapper {
                height: 250px;
            }

                .ad-banner > .carousel-wrapper .ad .image-wrapper .banner {
                    height: inherit;
                }

                    .ad-banner > .carousel-wrapper .ad .image-wrapper .banner img {
                        height: 100%;
                    }

        .ad-banner > .carousel-wrapper.no-pointer {
            pointer-events: none;
        }

            .ad-banner > .carousel-wrapper.no-pointer .ad {
                height: 100%;
            }

                .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    height: 100%;
                    text-align: center;
                }

@media only screen and (max-width: 767px) {
    .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper img {
            margin-top: 15px;
        }
}

.ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 5%;
    text-align: start;
    width: 256px;
}

    .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .button {
        pointer-events: all;
        white-space: nowrap;
    }

    .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .subheader {
        color: #B4B3B5;
        font-size: 18px;
        white-space: normal;
    }

    .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .header {
        -ms-flex-item-align: center;
        align-self: center;
        color: white;
        font-size: 32px;
        font-weight: bold;
        margin-bottom: -15px;
    }

@media only screen and (max-width: 767px) {
    .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect {
        padding-bottom: 25px;
    }

        .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .subheader {
            margin-bottom: 20%;
        }

        .ad-banner > .carousel-wrapper.no-pointer .ad .image-wrapper .redirect .button {
            width: 100%;
        }
}

.dispute-form .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .dispute-form .container.contest-details-completed .contest-detail-label {
        font-weight: bold;
    }

    .dispute-form .container.contest-details-completed .contest-detail-value {
        margin-bottom: 10px;
    }

.dispute-form .responsive-table {
    margin-bottom: 25px;
    padding: 0;
    width: 100%;
}

    .dispute-form .responsive-table td {
        overflow: visible !important;
    }

    .dispute-form .responsive-table th, .dispute-form .responsive-table td {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

        .dispute-form .responsive-table td:first-child, .dispute-form .responsive-table th:first-child {
            padding-left: 14px !important;
        }

        .dispute-form .responsive-table td:nth-child(3), .dispute-form .responsive-table th:nth-child(3) {
            padding-left: 0px !important;
        }

.dispute-form h2 {
    display: block;
    width: 100%;
}

.dispute-form strong {
    padding: 0 !important;
}

.dispute-form .latest-activity {
    margin-bottom: 16px !important;
}

.dispute-form .multi-file-upload, .dispute-form .submitted-date {
    margin-top: 16px;
}

.dispute-form .supporting-documents .documents {
    max-height: 278px;
    overflow-y: auto;
}

    .dispute-form .supporting-documents .documents .document {
        background: #e5f5fe;
        color: #009BF4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 8px 0;
        padding: 11px 10px;
        vertical-align: center;
    }

.dispute-form .supporting-documents .button {
    margin-bottom: 8px;
    margin-top: 16px;
}

.dispute-form .dispute-activity-list {
    border: 1px solid #d3d3d3;
    list-style: none;
    margin: 0;
    overflow-wrap: break-word;
    padding: 0;
    width: 100%;
}

    .dispute-form .dispute-activity-list .activity-list-item {
        border-bottom: 1px solid #d3d3d3;
        padding: .5em .7em;
    }

        .dispute-form .dispute-activity-list .activity-list-item:last-child {
            border-bottom: none;
        }

.dispute-form .required-uploads {
    margin-top: 16px;
}

    .dispute-form .required-uploads .header {
        margin-bottom: 5px;
    }

    .dispute-form .required-uploads ol {
        margin-top: 0px;
        padding-left: 17.5px;
    }

.dispute-form .reason-title {
    font-size: 14px;
    font-weight: 800;
    padding: 0 0 0.5em 0;
}

.dispute-form .submit-evidence-button {
    margin-top: 16px;
}

.dispute-form .ui.form {
    padding: 0;
}

    .dispute-form .ui.form .field {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .dispute-form .ui.form .field input {
            border: 1px solid rgba(34, 36, 38, 0.15) !important;
            border-radius: 0.28571429rem !important;
        }

        .dispute-form .ui.form .field .input-label {
            background-color: #ffffff !important;
            font-weight: 800;
            padding: .5em 0 !important;
        }

    .dispute-form .ui.form .submit-questionnaire-warning {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

.ingredient-name {
    margin-bottom: 1px;
}

.items-list.ingredient-list {
    display: block;
}

    .items-list.ingredient-list label {
        display: block;
        font-size: x-large;
        font-weight: 100;
        margin: 1em 0;
    }

    .items-list.ingredient-list .launch-modal {
        font-weight: 800;
        margin: 0 0 3% 0;
        min-width: 120px;
    }

    .items-list.ingredient-list .list-item {
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        border-bottom: 1px solid #EEEEEE;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 50px;
        padding: 0.2em;
    }

        .items-list.ingredient-list .list-item .icon {
            color: #CCCCCC;
        }

    .items-list.ingredient-list .header {
        -ms-flex-line-pack: justify;
        align-content: space-between;
        background-color: #F7F7F7;
        border-bottom: 1px solid #CCCCCC;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-weight: 800;
        height: 3.6em;
    }

        .items-list.ingredient-list .header:first-child {
            font-weight: 200;
        }

        .items-list.ingredient-list .header .header-column {
            font-size: 14px;
            line-height: 1.428573em;
            margin: 0;
            padding: 1.17142857rem 0.71428571em;
        }

            .items-list.ingredient-list .header .header-column:first-child {
                padding-left: 1.65em;
            }

            .items-list.ingredient-list .header .header-column:last-child {
                padding-right: 2em;
            }

    .items-list.ingredient-list .item-name {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 3.2em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .items-list.ingredient-list .quantity {
        border-radius: 0.28571429rem;
    }

        .items-list.ingredient-list .quantity input {
            max-width: 15em;
        }

.blue.buttons.input .ui.field.padded.stackable.grid .hidden {
    display: none;
}

.blue.buttons.input .ui.field.padded.stackable.grid .clear-icon {
    color: #CCCCCC;
    min-width: 10px;
    padding: 4px 5px 1px 1px;
    position: absolute;
    right: 0px;
    text-align: center;
}

.blue.buttons.input .ui.field.padded.stackable.grid.error input {
    padding-right: 18px !important;
}

.blue.buttons.input .ui.field.padded.stackable.grid.error .clear-icon {
    color: #B00300;
    min-width: 10px;
    padding: 4px 5px 1px 1px;
}

.blue.buttons.input .ui.field.padded.stackable.grid.focused input {
    padding-right: 18px !important;
}

.blue.buttons.input .ui.field.padded.stackable.grid.focused.error input {
    border-color: #B00300;
}

@media only screen and (max-width: 767px) {
    .blue.buttons.input .ui.field.padded.stackable.grid .clear-icon {
        top: 0px;
    }
}

.ui.segment.ticket-turnaround-data {
    background-color: #48aa2f;
}

.ui.segment.deposits-data {
    background-color: #00446e;
}

.ui.segment.deposit-summary-data .date {
    font-size: 0.8em;
    opacity: 0.8;
}

.ui.segment.deposit-summary-data .row:not(.action-target) .content {
    font-size: 1.5rem !important;
}

.ui.segment.social-media-exposure-data:not(.show-signup) {
    padding-bottom: 5em !important;
    padding-top: 5em !important;
}

.ui.segment.social-media-exposure-data.show-signup {
    background-color: #1aa5f5;
}

.ui.segment.online-reputation-data.show-signup {
    background-color: #48aa2f;
}

.ui.segment.online-reputation-data:not(.show-signup) i.star.icon {
    padding-left: 0.5em;
}

.ui.segment.online-reputation-data .content.no-stars {
    font-size: 1.4em !important;
}

.ui.segment.discounts-data {
    padding-bottom: 7em !important;
    padding-top: 7em !important;
}

.ui.segment.voids-data {
    padding-bottom: 7em !important;
    padding-top: 7em !important;
}

.ui.segment.email-campaigns-data:not(.show-signup) .row > .label > .stats {
    font-size: 14px;
    opacity: 0.6;
}

.ui.segment.email-campaigns-data:not(.show-signup) .row > .label > span {
    line-height: 1.5em;
}

.ui.segment.email-campaigns-data:not(.show-signup).skeleton .row > .label > span {
    background-color: #bcbcbc;
    border-radius: 1em;
    color: #bcbcbc;
}

.ui.segment.email-campaigns-data.show-signup {
    background-color: #f6a735;
}

.ui.segment.guests-data .row {
    padding: 1.5rem !important;
}

    .ui.segment.guests-data .row.chart-row {
        -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
        align-items: inherit !important;
        padding: 0 !important;
    }

.ui.segment.guests-data .column-chart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.ui.segment.payment-methods-data .row {
    height: 100%;
    padding: 1.5rem !important;
}

    .ui.segment.payment-methods-data .row.chart-row {
        -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
        align-items: inherit !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 !important;
    }

.ui.segment.payment-methods-data .pie-chart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.ui.segment.sales-data.single-value-widget {
    background-color: #00446e;
}

.ui.segment.sales-data .row.collapsing {
    padding: 1.5rem !important;
}

.ui.segment.sales-data .row.chart-row {
    -webkit-box-align: inherit !important;
    -ms-flex-align: inherit !important;
    align-items: inherit !important;
    padding: 0 !important;
}

.ui.segment.sales-data .line-chart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .ui.segment.sales-data .line-chart circle {
        stroke: inherit;
        stroke-width: inherit;
    }

.ui.segment.clearbanc-data {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0191B3;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px;
}

    .ui.segment.clearbanc-data .text {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: auto 0;
        max-width: 100%;
        text-align: center;
    }

        .ui.segment.clearbanc-data .text .logo {
            margin: 0 auto;
            margin-bottom: 1em;
            max-width: 80%;
        }

            .ui.segment.clearbanc-data .text .logo img {
                height: 100%;
                width: 100%;
            }

    .ui.segment.clearbanc-data.skeleton > .text > div:not(.logo) {
        background-color: #bcbcbc;
        border-radius: 1em;
        color: #bcbcbc;
    }

.dashboard2 .body {
    /* MS IE11 */
    /* MS Edge V13+ */
}

    .dashboard2 .body .dashboard-widget.add-new:hover {
        opacity: 0.5;
    }

    .dashboard2 .body .dashboard-widget.add-new .ui.segment:last-child {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .dashboard2 .body .dashboard-widget.add-new .ui.segment:last-child .icon {
            margin: 0 auto;
        }

    .dashboard2 .body .carousel.row {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1em, transparent), color-stop(1em, rgba(6, 6, 6, 0.85)), color-stop(rgba(6, 6, 6, 0.85)), color-stop(1em, transparent));
        background: linear-gradient(to bottom, transparent 1em, rgba(6, 6, 6, 0.85) 1em, rgba(6, 6, 6, 0.85) calc(100% - 1em), transparent 1em);
        overflow: hidden;
        padding: 0em !important;
    }

        .dashboard2 .body .carousel.row h2 {
            color: white;
            margin-left: 1rem;
            margin-right: 1rem;
        }

            .dashboard2 .body .carousel.row h2 span {
                float: right;
            }

        .dashboard2 .body .carousel.row .column.layout-mode {
            margin: 2em 0em;
        }

            .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel {
                position: relative;
            }

                .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    overflow: hidden;
                }

                    .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget {
                        -webkit-box-flex: 0;
                        -ms-flex: none;
                        flex: none;
                        padding: 1em;
                    }

                        .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer {
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            opacity: 1;
                            -webkit-transition: opacity 0.2s;
                            transition: opacity 0.2s;
                        }

                            .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .plus.icon {
                                -webkit-box-flex: 0;
                                -ms-flex: none;
                                flex: none;
                            }

                                .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .plus.icon:active {
                                    font-size: 3.5em;
                                    height: 4rem;
                                    padding-top: 0.25rem;
                                }

                            .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .added-text-wrapper {
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-flex: 1;
                                -ms-flex: 1;
                                flex: 1;
                            }

                                .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .added-text-wrapper .added-text {
                                    background: rgba(6, 6, 6, 0.85);
                                    border-radius: 5px;
                                    color: white;
                                    font-size: 1.5em;
                                    margin: auto;
                                    opacity: 0;
                                    padding: 1em;
                                }

                                    .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper .dashboard-widget .dimmer .added-text-wrapper .added-text.visible {
                                        -webkit-animation: fadeInOut 2s;
                                        animation: fadeInOut 2s;
                                    }

                    .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper.three.wide > .dashboard-widget {
                        width: 33.33333%;
                    }

                    .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper.two.wide > .dashboard-widget {
                        width: 50%;
                    }

                    .dashboard2 .body .carousel.row .column.layout-mode .add-new-carousel .carousel-wrapper.one.wide > .dashboard-widget {
                        width: 100%;
                    }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dashboard2 .body .carousel.row {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1em, transparent), color-stop(1em, rgba(6, 6, 6, 0.85)));
        background: linear-gradient(to bottom, transparent 1em, rgba(6, 6, 6, 0.85) 1em);
    }
}

@supports (-ms-ime-align: auto) {
    .dashboard2 .body .carousel.row {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1em, transparent), color-stop(1em, rgba(6, 6, 6, 0.85)));
        background: linear-gradient(to bottom, transparent 1em, rgba(6, 6, 6, 0.85) 1em);
    }
}

@-webkit-keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
    }

    10%, 75% {
        opacity: 1;
    }
}

@keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
    }

    10%, 75% {
        opacity: 1;
    }
}

.ui.modal.batch-summary-modal {
    border-radius: 0;
}

    .ui.modal.batch-summary-modal .close.icon {
        color: #c5c5c5;
        font-size: 2rem;
        right: 0;
        top: 0;
    }

    .ui.modal.batch-summary-modal .header {
        font-size: 2em;
        font-weight: normal;
        text-align: center;
    }

    .ui.modal.batch-summary-modal .content .ui.table {
        border: none;
        border-radius: 0;
    }

        .ui.modal.batch-summary-modal .content .ui.table thead tr:first-child th {
            border-radius: 0;
        }

        .ui.modal.batch-summary-modal .content .ui.table.mobile tbody td {
            border: none;
            padding: 5px;
        }

        .ui.modal.batch-summary-modal .content .ui.table tbody tr:last-child td {
            border-bottom: 1px solid rgba(34, 36, 38, 0.1);
            font-weight: 800;
        }

            .ui.modal.batch-summary-modal .content .ui.table tbody tr:last-child td:nth-child(2) {
                color: #48aa2f;
            }

            .ui.modal.batch-summary-modal .content .ui.table tbody tr:last-child td:nth-child(3) {
                color: #b00300;
            }

        .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr td:first-child {
            font-weight: 800;
        }

        .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:first-child td {
            padding-top: 1em;
        }

        .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:last-child td {
            font-weight: normal;
            padding-bottom: 1em;
        }

            .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:last-child td:first-child {
                font-weight: 800;
            }

            .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:last-child td:nth-child(2) {
                color: inherit;
            }

            .ui.modal.batch-summary-modal .content .ui.table.mobile tbody tr:last-child td:nth-child(3) {
                color: inherit;
            }

        .ui.modal.batch-summary-modal .content .ui.table.mobile tbody:last-child tr:last-child td {
            border: none;
        }

        .ui.modal.batch-summary-modal .content .ui.table.mobile tbody:last-child tr:first-child td:last-child {
            color: #48aa2f;
            font-weight: 800;
        }

        .ui.modal.batch-summary-modal .content .ui.table.mobile tbody:last-child tr:last-child td:last-child {
            color: #b00300;
            font-weight: 800;
        }

.ui.segment.batch-summary-data .row:not(.action-target) .content {
    font-size: 1.5rem !important;
}

.ui.segment.weather-data:not(.not-supported) {
    background-color: #1aa5f5;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1em !important;
}

    .ui.segment.weather-data:not(.not-supported).night {
        background-color: #003e61;
    }

    .ui.segment.weather-data:not(.not-supported) .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-height: 50%;
    }

        .ui.segment.weather-data:not(.not-supported) .top .icon {
            margin: 0 auto;
            max-height: 100%;
        }

            .ui.segment.weather-data:not(.not-supported) .top .icon img {
                height: 100%;
                width: 100%;
            }

        .ui.segment.weather-data:not(.not-supported) .top .content .temp {
            font-size: 28px;
            font-weight: bolder;
            line-height: 34px;
        }

        .ui.segment.weather-data:not(.not-supported) .top .content .summary {
            font-weight: bold;
            line-height: 20px;
            padding: 1em 0em;
        }

        .ui.segment.weather-data:not(.not-supported) .top .content .wind, .ui.segment.weather-data:not(.not-supported) .top .content .humidity {
            line-height: 20px;
        }

        .ui.segment.weather-data:not(.not-supported) .top .icon, .ui.segment.weather-data:not(.not-supported) .top .content {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

    .ui.segment.weather-data:not(.not-supported) .week {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto 0;
    }

        .ui.segment.weather-data:not(.not-supported) .week .day {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 12px;
            line-height: 20px;
            text-align: center;
        }

            .ui.segment.weather-data:not(.not-supported) .week .day .name {
                font-weight: bolder;
            }

            .ui.segment.weather-data:not(.not-supported) .week .day .high {
                font-weight: bolder;
            }

            .ui.segment.weather-data:not(.not-supported) .week .day img {
                height: 30px;
            }

.ui.segment.tickets-data {
    padding-bottom: 7em !important;
    padding-top: 7em !important;
}

.ui.segment.skytab-data {
    background-color: #0082bf;
}

    .ui.segment.skytab-data.carousel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        overflow: hidden;
        padding: 0 !important;
    }

        .ui.segment.skytab-data.carousel > .item {
            color: white;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 100%;
            padding: 2.5rem 1.5rem 1.5rem 1.5rem;
            text-align: center;
            width: 100%;
        }

            .ui.segment.skytab-data.carousel > .item .header {
                font-size: 1.75rem;
                line-height: 1em;
            }

            .ui.segment.skytab-data.carousel > .item .number {
                font-size: 4.5rem;
                font-weight: bold;
                line-height: 1em;
                margin: auto;
            }

            .ui.segment.skytab-data.carousel > .item .super {
                font-size: 0.5em;
                font-weight: normal;
                vertical-align: super;
            }

.ui.segment.skytab-email-data.table-widget {
    padding-bottom: 0.71429em !important;
}

.ui.segment.skytab-email-data.percent-widget {
    background-color: #e5f5fe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .ui.segment.skytab-email-data.percent-widget .percent-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .ui.segment.skytab-email-data.percent-widget .current-value {
        color: #009bf4;
        font-size: 3em;
        font-weight: 800;
        line-height: 1.19;
        position: relative;
    }

        .ui.segment.skytab-email-data.percent-widget .current-value > sup {
            font-size: .33333em;
            line-height: 1;
            overflow: hidden;
            position: absolute;
            right: -90px;
            text-overflow: ellipsis;
            top: -.25em;
            white-space: nowrap;
            width: 80px;
        }

        .ui.segment.skytab-email-data.percent-widget .current-value.positive > sup {
            color: #48aa2f;
        }

        .ui.segment.skytab-email-data.percent-widget .current-value.negative > sup {
            color: #b00300;
        }

.ui.segment.skytab-email-data .row.chart-row {
    -webkit-box-align: inherit !important;
    -ms-flex-align: inherit !important;
    align-items: inherit !important;
    padding: 0 !important;
}

.ui.segment.skytab-email-data .line-chart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .ui.segment.skytab-email-data .line-chart circle {
        stroke: inherit;
        stroke-width: inherit;
    }

.ui.segment.skytab-ratings-data.table-widget {
    padding-bottom: 0.71429em !important;
}

.ui.segment.skytab-ratings-data.percent-widget {
    background-color: #e5f5fe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .ui.segment.skytab-ratings-data.percent-widget .percent-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .ui.segment.skytab-ratings-data.percent-widget .current-value {
        color: #009bf4;
        font-size: 3em;
        font-weight: 800;
        line-height: 1.19;
        position: relative;
    }

        .ui.segment.skytab-ratings-data.percent-widget .current-value > sup {
            font-size: .33333em;
            line-height: 1;
            overflow: hidden;
            position: absolute;
            right: -90px;
            text-overflow: ellipsis;
            top: -.25em;
            white-space: nowrap;
            width: 80px;
        }

        .ui.segment.skytab-ratings-data.percent-widget .current-value.positive > sup {
            color: #48aa2f;
        }

        .ui.segment.skytab-ratings-data.percent-widget .current-value.negative > sup {
            color: #b00300;
        }

    .ui.segment.skytab-ratings-data.percent-widget .votes {
        text-align: center;
    }

.ui.segment.skytab-ratings-data .row.chart-row {
    -webkit-box-align: inherit !important;
    -ms-flex-align: inherit !important;
    align-items: inherit !important;
    padding: 0 !important;
}

.ui.segment.skytab-ratings-data .line-chart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .ui.segment.skytab-ratings-data .line-chart circle {
        stroke: inherit;
        stroke-width: inherit;
    }

.ui.segment.skytab-volume-data.single-value-widget {
    background-color: #00446e;
}

.ui.segment.skytab-volume-data .row.collapsing {
    padding: 1.5rem !important;
}

.ui.segment.skytab-volume-data .row.chart-row {
    -webkit-box-align: inherit !important;
    -ms-flex-align: inherit !important;
    align-items: inherit !important;
    padding: 0 !important;
}

.ui.segment.skytab-volume-data .line-chart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .ui.segment.skytab-volume-data .line-chart circle {
        stroke: inherit;
        stroke-width: inherit;
    }

.internet-payments-wrapper .range-dropdown-wrapper {
    padding: 0.6rem 1.15rem;
}

    .internet-payments-wrapper .range-dropdown-wrapper .text {
        line-height: 24px;
    }

    .internet-payments-wrapper .range-dropdown-wrapper .range-dropdown {
        border: none !important;
    }

.internet-payments-wrapper div.form-wizard {
    background-color: #FAFAFA;
    border-top: 1px solid #D8D8D8;
    padding: 1rem 2rem;
    width: 100%;
}

    .internet-payments-wrapper div.form-wizard ol {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), #d8d8d8 calc(50%), rgba(0, 0, 0, 0) calc(50% + 1px));
        counter-reset: wizard-counter 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .internet-payments-wrapper div.form-wizard ol li {
            background: #FAFAFA;
            color: #ACACAC;
            counter-increment: wizard-counter;
            opacity: 1;
            padding: 0 1rem;
        }

            .internet-payments-wrapper div.form-wizard ol li:first-of-type {
                padding-left: 0;
            }

            .internet-payments-wrapper div.form-wizard ol li:last-of-type {
                padding-right: 0;
            }

            .internet-payments-wrapper div.form-wizard ol li::before {
                background-color: #989898;
                border-radius: 50%;
                color: #FFFFFF;
                content: counter(wizard-counter);
                display: inline-block;
                height: 1.5rem;
                line-height: 1.5;
                margin-right: 4px;
                text-align: center;
                width: 1.5rem;
            }

            .internet-payments-wrapper div.form-wizard ol li.completed, .internet-payments-wrapper div.form-wizard ol li.active {
                color: #090304;
            }

                .internet-payments-wrapper div.form-wizard ol li.completed::before {
                    background-color: #48AA2F;
                    content: "\2713";
                }

                .internet-payments-wrapper div.form-wizard ol li.active::before {
                    background-color: #136EF6;
                }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper div.form-wizard ol li span {
        display: none;
    }
}

.internet-payments-wrapper .list-search {
    font-size: 16px;
}

    .internet-payments-wrapper .list-search .search-icon {
        left: 8px;
        position: absolute;
        top: 20%;
    }

        .internet-payments-wrapper .list-search .search-icon svg {
            fill: rgba(0, 0, 0, 0.6);
            height: 24px;
            width: 24px;
        }

    .internet-payments-wrapper .list-search .close-icon {
        position: absolute;
        right: 8px;
        top: 20%;
    }

        .internet-payments-wrapper .list-search .close-icon svg {
            fill: rgba(0, 0, 0, 0.38);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .internet-payments-wrapper .list-search input {
        background-color: #f0f0f0;
        border: 1px solid #f0f0f0;
        border-radius: 40px;
        padding-left: 39px;
        padding-right: 36px;
    }

        .internet-payments-wrapper .list-search input::-webkit-input-placeholder {
            color: #090304;
            text-align: left;
        }

        .internet-payments-wrapper .list-search input::-moz-placeholder {
            color: #090304;
            text-align: left;
        }

        .internet-payments-wrapper .list-search input::-ms-input-placeholder {
            color: #090304;
            text-align: left;
        }

        .internet-payments-wrapper .list-search input::placeholder {
            color: #090304;
            text-align: left;
        }

        .internet-payments-wrapper .list-search input:hover {
            border: 1px solid rgba(0, 0, 0, 0.38);
        }

        .internet-payments-wrapper .list-search input:focus {
            border-color: #0E5BF3;
        }

    .internet-payments-wrapper .list-search.error input {
        background: #FFF6F6;
        border-color: #E0B4B4;
        color: #9F3A38;
    }

        .internet-payments-wrapper .list-search.error input::-webkit-input-placeholder {
            color: #9F3A38;
        }

        .internet-payments-wrapper .list-search.error input::-moz-placeholder {
            color: #9F3A38;
        }

        .internet-payments-wrapper .list-search.error input::-ms-input-placeholder {
            color: #9F3A38;
        }

        .internet-payments-wrapper .list-search.error input::placeholder {
            color: #9F3A38;
        }

    .internet-payments-wrapper .list-search:focus-within .search-icon svg,
    .internet-payments-wrapper .list-search:focus-within .close-icon svg {
        fill: #0E5BF3;
    }

.internet-payments-wrapper .slideout-search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .slideout-search .search-button {
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
    }

    .internet-payments-wrapper .slideout-search .list-search-container {
        overflow: hidden;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        width: 0;
    }

        .internet-payments-wrapper .slideout-search .list-search-container .list-search {
            width: 232px;
        }

    .internet-payments-wrapper .slideout-search.open .search-button {
        margin-right: -37px;
        visibility: hidden;
    }

    .internet-payments-wrapper .slideout-search.open .list-search-container {
        width: 232px;
    }

.internet-payments-wrapper .internet-payments-input-container .sub-text {
    color: rgba(0, 0, 0, 0.6);
    display: block;
    font-size: 12.5px;
    padding-left: 10px;
    padding-top: 4px;
}

.internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input {
    position: relative;
}

    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input .placeholder {
        color: rgba(0, 0, 0, 0.6);
        font-size: 14px;
        left: 10px;
        pointer-events: none;
        position: absolute;
        top: 15px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input {
        border: 1px solid rgba(0, 0, 0, 0.16);
        color: transparent;
        padding: 21px 10px 7px 10px;
        width: 100%;
    }

        .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input:hover {
            border-color: rgba(0, 0, 0, 0.38);
            cursor: pointer;
        }

        .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input:-webkit-autofill + span.placeholder {
            font-size: 13px;
            top: 5px;
        }

        .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input:focus-visible {
            outline: unset;
        }

        .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input[type=number] {
            -moz-appearance: textfield;
        }

            .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input[type=number]::-webkit-outer-spin-button, .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input input[type=number]::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.active input {
        color: #000000;
    }

    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input:focus-within .placeholder {
        color: #136EF6;
    }

    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input:focus-within input {
        border: 1px solid #136EF6;
        color: #000000;
    }

    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.active .placeholder, .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input:focus-within .placeholder {
        font-size: 13px;
        top: 5px;
    }

    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.error .placeholder {
        color: #9F3A38;
    }

    .internet-payments-wrapper .internet-payments-input-container .internet-payments-input.input.error input {
        background-color: #FFF6F6;
        border-color: #E0B4B4;
    }

.internet-payments-wrapper .internet-payments-input.input input[type=text]::-webkit-credentials-auto-fill-button, .internet-payments-wrapper .internet-payments-input.input input[type=password]::-webkit-credentials-auto-fill-button {
    background: #136EF6;
    margin-top: 2.5px;
    position: absolute;
    right: 43px;
    top: 50%;
    -webkit-transform: scale(1.3) translateY(-50%);
    transform: scale(1.3) translateY(-50%);
}

.internet-payments-wrapper .internet-payments-input.input .show-password {
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.6);
    height: 25px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
}

.internet-payments-wrapper .internet-payments-input.input:focus-within .show-password {
    fill: #136EF6;
}

.internet-payments-wrapper .internet-payments-input-container.copy div {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    font-family: monospace;
    padding: 0.75rem 2.75rem 0.75rem 1rem;
    text-align: left;
    width: 100%;
}

.internet-payments-wrapper .internet-payments-input-container.copy button {
    background-color: #F5F5F5;
    border: none;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.6);
    height: 25px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.internet-payments-wrapper .datetime-range-picker .datetime-range-picker-input {
    min-width: 210px;
}

    .internet-payments-wrapper .datetime-range-picker .datetime-range-picker-input.hidden {
        visibility: hidden;
    }

.internet-payments-wrapper .datetime-range-picker .datetime-range-picker-empty-input {
    min-width: 210px;
    position: absolute;
}

.internet-payments-wrapper .datetime-range-picker .datetime-input-with-placeholder {
    padding: 21px 10px 7px 10px !important;
}

.internet-payments-wrapper .datetime-range-picker .placeholder {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .internet-payments-wrapper .datetime-range-picker .placeholder.center {
        bottom: 15px;
    }

.internet-payments-wrapper .mobile-datetine-range-picker {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid transparent;
    border-radius: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0.8rem;
    width: 100%;
}

    .internet-payments-wrapper .mobile-datetine-range-picker .period-text {
        color: rgba(0, 0, 0, 0.38);
        margin: 5px;
    }

    .internet-payments-wrapper .mobile-datetine-range-picker .datetime-range-picker-input {
        background: transparent !important;
        border: 0px !important;
        border: none;
        color: #333333;
        letter-spacing: 0.05rem;
        line-height: 1;
    }

    .internet-payments-wrapper .mobile-datetine-range-picker .icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }

.internet-payments-wrapper .desktop-datepicker {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    cursor: pointer;
    padding: 7px;
}

    .internet-payments-wrapper .desktop-datepicker .period-text {
        color: rgba(0, 0, 0, 0.38);
        margin: 5px;
    }

    .internet-payments-wrapper .desktop-datepicker input {
        background: none;
        border: none;
        line-height: normal;
        padding: 0px;
    }

    .internet-payments-wrapper .desktop-datepicker:hover {
        border: 1px solid rgba(0, 0, 0, 0.38);
    }

    .internet-payments-wrapper .desktop-datepicker.active {
        background-color: #FFFFFF;
        border: 1px solid #136EF6;
    }

        .internet-payments-wrapper .desktop-datepicker.active .period-text {
            color: #136EF6;
        }

.internet-payments-wrapper .grouped.ui.dropdown {
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-radius: 100px;
    height: 100%;
    padding: 10px;
}

    .internet-payments-wrapper .grouped.ui.dropdown .label,
    .internet-payments-wrapper .grouped.ui.dropdown .text,
    .internet-payments-wrapper .grouped.ui.dropdown .icon.chevron {
        vertical-align: middle;
    }

    .internet-payments-wrapper .grouped.ui.dropdown .label {
        color: rgba(0, 0, 0, 0.38);
        margin: 5px;
    }

    .internet-payments-wrapper .grouped.ui.dropdown .icon.chevron {
        font-size: 13px;
        height: 18px;
        margin-left: 9px;
    }

    .internet-payments-wrapper .grouped.ui.dropdown:hover {
        border: 1px solid rgba(0, 0, 0, 0.38);
    }

    .internet-payments-wrapper .grouped.ui.dropdown.active {
        background-color: #FFFFFF;
        border: 1px solid #136EF6;
    }

        .internet-payments-wrapper .grouped.ui.dropdown.active .icon.chevron {
            color: #136EF6;
            margin-top: 1px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .internet-payments-wrapper .grouped.ui.dropdown.active .label {
            color: #136EF6;
        }

    .internet-payments-wrapper .grouped.ui.dropdown .menu {
        margin-top: 1px;
        padding: 1.5rem 0 0.7rem !important;
    }

        .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container {
            padding-bottom: 0.5rem;
        }

            .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container:not(:first-of-type) {
                border-top: 1px solid rgba(0, 0, 0, 0.12);
                padding-top: 1.3rem;
            }

            .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container .title {
                font-size: 15px;
                font-weight: bold;
                padding: 0 1.15rem;
            }

            .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container .item {
                border: none;
                cursor: pointer;
                font-size: 1.15rem;
                font-weight: normal;
                letter-spacing: 0.25px;
                line-height: 24px;
                padding: 0.6rem 2rem 0.6em 1.15rem !important;
                white-space: nowrap;
            }

                .internet-payments-wrapper .grouped.ui.dropdown .menu .list-container .item:hover {
                    background: rgba(14, 91, 243, 0.06);
                }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .grouped.ui.dropdown {
        width: 100%;
    }

        .internet-payments-wrapper .grouped.ui.dropdown .icon.chevron {
            float: right;
        }

        .internet-payments-wrapper .grouped.ui.dropdown .menu {
            width: 100%;
        }
}

.internet-payments-wrapper .dropdown-file-selector .menu {
    list-style: none;
}

.internet-payments-wrapper .dropdown-multi-select-container {
    position: relative;
    z-index: 1;
}

    .internet-payments-wrapper .dropdown-multi-select-container .sub-text {
        color: rgba(0, 0, 0, 0.6);
        display: block;
        font-size: 12.5px;
        padding-left: 10px;
        padding-top: 4px;
    }

    .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select {
        display: grid;
        height: 50px;
        line-height: 50px;
        min-width: 210px;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .placeholder {
            color: #136EF6;
            font-size: 13px;
            left: 10px;
            pointer-events: none;
            position: absolute;
            top: 7px;
        }

            .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .placeholder.center {
                color: rgba(0, 0, 0, 0.38);
                font-size: 14px;
                top: 15px;
            }

        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select span {
            font-size: 14px;
            left: 10px;
            pointer-events: none;
            position: absolute;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .label {
            color: rgba(0, 0, 0, 0.38);
            margin: 5px;
        }

        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .dropdown.icon {
            font-size: 17px;
            height: 100%;
        }

        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu {
            height: -webkit-fit-content !important;
            height: -moz-fit-content !important;
            height: fit-content !important;
            margin-top: 7px !important;
            width: 100% !important;
        }

            .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .title {
                font-size: 15px;
                font-weight: bold;
                padding: 0 1.15rem;
            }

            .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border: none;
                cursor: pointer;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 14px !important;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                letter-spacing: 0.25px;
                line-height: 24px;
                padding: 0.6rem 2rem 0.6em 1.15rem !important;
                white-space: normal !important;
                width: 100%;
            }

                .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item .name {
                    max-width: 92%;
                    overflow-wrap: break-word;
                }

                .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item i.trash {
                    height: 100%;
                    margin: 0px !important;
                }

                .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item i.icon-loader {
                    height: 20px;
                    width: 20px;
                }

                .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item.selected {
                    background-color: rgba(14, 91, 243, 0.06);
                    color: #136EF6 !important;
                    font-weight: bold !important;
                }

                .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select .menu .item .multi-select {
                    display: none;
                }

        .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select.disabled .dropdown {
            background-color: #F7F7F7;
            border-color: #F7F7F7;
            -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
            color: #999999 !important;
            pointer-events: none;
        }

            .internet-payments-wrapper .dropdown-multi-select-container .dropdown-multi-select.disabled .dropdown .menu {
                padding: 0px;
            }

.internet-payments-wrapper .ip-credit-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .ip-credit-card:before {
        height: 24px;
        margin-right: 8px;
        width: 32px;
    }

    .internet-payments-wrapper .ip-credit-card.visa:before {
        content: url("/img/internet-payments/visa.svg");
    }

    .internet-payments-wrapper .ip-credit-card.amex:before {
        content: url("/img/internet-payments/amex.svg");
    }

    .internet-payments-wrapper .ip-credit-card.mastercard:before {
        content: url("/img/internet-payments/mastercard.svg");
    }

    .internet-payments-wrapper .ip-credit-card.discover:before {
        content: url("/img/internet-payments/discover.svg");
    }

    .internet-payments-wrapper .ip-credit-card.jcb:before {
        content: url("/img/internet-payments/jcb.svg");
    }

    .internet-payments-wrapper .ip-credit-card.unknown:before {
        content: url("/img/internet-payments/unknown.svg");
    }

.internet-payments-wrapper .color-dot-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .color-dot-label .color-dot-value {
        margin-top: 1px;
    }

        .internet-payments-wrapper .color-dot-label .color-dot-value .color-dot-second-label {
            color: rgba(0, 0, 0, 0.6);
            display: block;
            font-size: 12px;
            line-height: 12px;
        }

    .internet-payments-wrapper .color-dot-label.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .internet-payments-wrapper .color-dot-label .dot.approved, .internet-payments-wrapper .color-dot-label .dot.active, .internet-payments-wrapper .color-dot-label .dot.green {
        border-radius: 50%;
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 0.76em;
        margin: 0px 6px;
        width: 0.76em;
        background-color: #48AA2F;
    }

    .internet-payments-wrapper .color-dot-label .dot.review, .internet-payments-wrapper .color-dot-label .dot.not.registered, .internet-payments-wrapper .color-dot-label .dot.orange {
        border-radius: 50%;
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 0.76em;
        margin: 0px 6px;
        width: 0.76em;
        background-color: #FFA500;
    }

    .internet-payments-wrapper .color-dot-label .dot.verified, .internet-payments-wrapper .color-dot-label .dot.gray {
        border-radius: 50%;
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 0.76em;
        margin: 0px 6px;
        width: 0.76em;
        background-color: rgba(0, 0, 0, 0.38);
    }

    .internet-payments-wrapper .color-dot-label .dot.declined, .internet-payments-wrapper .color-dot-label .dot.not.active, .internet-payments-wrapper .color-dot-label .dot.red {
        border-radius: 50%;
        display: inline-block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 0.76em;
        margin: 0px 6px;
        width: 0.76em;
        background-color: #ff0000;
    }

.internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container .tooltip, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container .tooltip {
        left: 10px;
    }

    .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container i.icon, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container i.icon {
        font-size: 1.58em;
        padding-left: 8px;
    }

        .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container i.icon.exclamation.circle, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container i.icon.exclamation.circle {
            color: #B00020;
        }

            .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container i.icon.exclamation.circle.outline, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container i.icon.exclamation.circle.outline {
                color: #f6a735;
            }

        .internet-payments-wrapper .customer-summary-panel .risk-block-list-tooltip-container i.icon.check.circle, .internet-payments-wrapper .customer-details-panel .risk-status-icon .risk-block-list-tooltip-container i.icon.check.circle {
            color: #48AA2F;
        }

.risk-block-list-tooltip-container {
    float: right;
    position: relative;
}

    .risk-block-list-tooltip-container .icon.risk-color-A {
        color: #48AA2F;
    }

    .risk-block-list-tooltip-container .icon.risk-color-D {
        color: #B00020;
    }

    .risk-block-list-tooltip-container .tooltip {
        background-color: #FFFFFF;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
        color: #090304;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 25px;
        -webkit-transition: width 0s 0.5s, opacity 0.5s ease-in-out;
        transition: width 0s 0.5s, opacity 0.5s ease-in-out;
        width: 0;
        z-index: 3;
    }

        .risk-block-list-tooltip-container .tooltip > div {
            padding: 18px;
        }

        .risk-block-list-tooltip-container .tooltip .header {
            color: #333333;
            font-weight: 600;
            margin-bottom: 10px;
        }

@media only screen and (min-width: 768px) {
    .risk-block-list-tooltip-container:hover .tooltip {
        opacity: 1;
        -webkit-transition: width 0s 0s, opacity 0.5s ease-in-out;
        transition: width 0s 0s, opacity 0.5s ease-in-out;
        width: 350px;
    }
}

@media only screen and (max-width: 767px) {
    .risk-block-list-tooltip-container.mobile-tooltip-active .tooltip {
        opacity: 1;
        -webkit-transition: width 0s 0s, opacity 0.5s ease-in-out;
        transition: width 0s 0s, opacity 0.5s ease-in-out;
        width: 350px;
    }
}

.internet-payments-wrapper .risk-tray .actions {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

    .internet-payments-wrapper .risk-tray .actions .button {
        width: 100% !important;
    }

.internet-payments-wrapper .download-label-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}

    .internet-payments-wrapper .download-label-button .label {
        margin: 0 10px;
    }

    .internet-payments-wrapper .download-label-button a {
        color: inherit;
    }

    .internet-payments-wrapper .download-label-button .new {
        background: #48AA2F;
        border-radius: 4px;
        color: #FFFFFF;
        padding: 1px 7px;
    }

.internet-payments-wrapper .responsive-table .ui.table thead th {
    background: none;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}

.internet-payments-wrapper .responsive-table .ui.table tbody td {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}

.internet-payments-wrapper .responsive-table .ui.padded.table th, .internet-payments-wrapper .responsive-table .ui.padded.table td {
    line-height: 20px;
    padding: 16px 0px 18px 16px;
}

.internet-payments-wrapper .responsive-table footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .responsive-table footer:before {
        content: "Rows per page";
    }

    .internet-payments-wrapper .responsive-table footer .ui.selection.dropdown {
        border: none;
    }

        .internet-payments-wrapper .responsive-table footer .ui.selection.dropdown > .text {
            vertical-align: middle;
        }

    .internet-payments-wrapper .responsive-table footer .ui.pagination.menu .item {
        border: none;
    }

    .internet-payments-wrapper .responsive-table footer .ui.pagination.menu .relative.item {
        color: #6f6f6f;
    }

    .internet-payments-wrapper .responsive-table footer .ui.menu {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .internet-payments-wrapper .responsive-table footer .ip-page-info {
        margin: 0 10px 0 20px;
    }

.internet-payments-wrapper .sub-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #090304 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 56px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.15rem;
}

    .internet-payments-wrapper .sub-menu .logo-icon {
        padding-left: 1.15rem;
    }

    .internet-payments-wrapper .sub-menu .left-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .internet-payments-wrapper .sub-menu .right-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

        .internet-payments-wrapper .sub-menu .right-container > div {
            margin-left: 0.6rem;
            margin-right: 0.6rem;
        }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .sub-menu .right-container > div {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }

    .internet-payments-wrapper .sub-menu .right-container div:first-child {
        margin-left: 0;
        margin-right: 0.3rem;
    }

    .internet-payments-wrapper .sub-menu .right-container div:last-child {
        margin-left: 0.3rem;
        margin-right: 0;
    }
}

.internet-payments-wrapper .sub-menu .right-container div:first-child {
    margin-left: 0;
    margin-right: 0.6rem;
}

.internet-payments-wrapper .sub-menu .right-container div:last-child {
    margin-left: 0.6rem;
    margin-right: 0;
}

.internet-payments-wrapper .sub-menu .menu {
    font-weight: normal;
}

.internet-payments-wrapper .sub-menu .logo-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.internet-payments-wrapper .sub-menu .icon-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.6rem;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .sub-menu {
        padding: 0 0.6rem;
    }

        .internet-payments-wrapper .sub-menu .logo-icon {
            padding-left: 0.6rem;
        }
}

.internet-payments-wrapper .locations-sidebar-wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 0;
    z-index: 1000;
}

    .internet-payments-wrapper .locations-sidebar-wrapper.active {
        width: 100%;
    }

    .internet-payments-wrapper .locations-sidebar-wrapper .sidebar {
        background: #FFFFFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: relative;
        top: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        width: 400px;
        z-index: 1002;
    }

@media only screen and (max-width: 600px) {
    .internet-payments-wrapper .locations-sidebar-wrapper .sidebar {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        width: 100vw;
    }
}

.internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    overflow-y: auto;
    padding: 1.15rem 1.7rem;
}

    .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.57rem 1.7rem 0.57rem 1.15rem;
        -webkit-transition: background-color 0.3s linear;
        transition: background-color 0.3s linear;
    }

        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .location-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .location-wrapper .name {
                font-size: 1.15rem;
                font-weight: 700;
                letter-spacing: 0.15px;
                line-height: 1.7rem;
            }

            .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .location-wrapper .merchant {
                color: rgba(0, 0, 0, 0.6);
                font-size: 1rem;
                letter-spacing: 0.25px;
                line-height: 1.42rem;
            }

        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .icon {
            color: rgba(0, 0, 0, 0.6);
        }

        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .default-location-button {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 40px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-left: 10px;
            min-width: 40px;
            opacity: 0;
            position: relative;
            -webkit-transition: opacity ease-in-out 0.5s;
            transition: opacity ease-in-out 0.5s;
            width: 40px;
            z-index: 1;
        }

            .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .default-location-button .tooltip {
                background: #090304;
                bottom: -29px;
                color: #FFFFFF;
                font-size: 14px;
                opacity: 0;
                padding: 2px 9px;
                pointer-events: none;
                position: absolute;
                right: -27px;
                -webkit-transition: opacity ease-in-out 0.5s;
                transition: opacity ease-in-out 0.5s;
                white-space: nowrap;
            }

            .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .default-location-button svg {
                pointer-events: none;
            }

            .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment .default-location-button:hover {
                background-color: rgba(14, 91, 243, 0.06) !important;
            }

        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:hover {
            background-color: rgba(14, 91, 243, 0.06);
        }

            .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:hover .default-location-button {
                opacity: 1;
            }

        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment.default {
            background-color: rgba(14, 91, 243, 0.06);
        }

            .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment.default .default-location-button {
                opacity: 1;
            }

        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:not(:last-child) {
            margin-bottom: 0.57rem;
        }

        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:not(.default) .default-location-button:hover .tooltip {
            opacity: 1;
        }

        .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .ui.segments .ui.segment:not(.default):hover .default-location-button {
            background-color: rgba(0, 0, 0, 0.04);
        }

.internet-payments-wrapper .locations-sidebar-wrapper .sidebar .title-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.58rem 1.15rem;
}

    .internet-payments-wrapper .locations-sidebar-wrapper .sidebar .title-section h1 {
        color: #000000;
        font-size: 1.42rem;
        line-height: 1.7rem;
        margin: 0;
    }

.internet-payments-wrapper .locations-sidebar-wrapper .sidebar.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

@media only screen and (max-width: 600px) {
    .internet-payments-wrapper .locations-sidebar-wrapper .sidebar.active {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.internet-payments-wrapper .locations-sidebar-wrapper .ui.dimmer {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .internet-payments-wrapper .locations-sidebar-wrapper .ui.dimmer.active {
        background-color: rgba(0, 0, 0, 0.4);
    }

.internet-payments-wrapper #drill-down-report-table-wrapper {
    border-top: 1px solid #E5E5E5;
    max-height: calc(100vh - 280px);
    max-width: 100%;
    overflow: auto;
    scrollbar-width: thin;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper #drill-down-report-table-wrapper {
        max-height: 80vh;
        scrollbar-width: none;
    }

        .internet-payments-wrapper #drill-down-report-table-wrapper::-webkit-scrollbar {
            display: none;
        }
}

.internet-payments-wrapper #drill-down-report-table-wrapper::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content {
    font-weight: 100;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content {
        text-align: center;
    }
}

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table .content.empty > div {
    text-align: inherit;
}

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr td {
    border-left: none;
}

    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr td .info-tooltip {
        color: rgba(0, 0, 0, 0.6);
        margin-right: -5px;
    }

    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr td:last-child {
        border-right: none;
    }

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.row.level-1 {
    top: 0;
}

    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.row.level-1 > td:first-child .content {
        border-left: none;
    }

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr:hover td {
    background-color: #F2F6FE;
}

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td[rowspan="2"]:first-child {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td[rowspan="2"]:first-child::before {
        background-color: #FFFFFF;
        content: '';
        display: block;
        height: 100%;
        margin-left: -11px;
        position: absolute;
        top: 0;
        width: 3px;
    }

    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td[rowspan="2"]:first-child::after {
        border-right: 1px solid #E5E5E5;
        content: '';
        display: block;
        height: 65%;
        position: absolute;
        right: 0;
        top: 36%;
    }

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td {
    background-color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row td {
        text-align: center;
    }
}

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 {
    -webkit-box-shadow: 0 1px #E5E5E5;
    box-shadow: 0 1px #E5E5E5;
    z-index: 2;
}

    .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 td {
        vertical-align: bottom;
    }

        .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 td[colspan="2"] > div {
            background-color: #FFFFFF;
            left: 50%;
            padding: 0 5px 0 5px;
            position: absolute;
            text-align: center;
            -webkit-transform: translate(-50%, 25%);
            transform: translate(-50%, 25%);
        }

            .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table tr.header-row.header-level-0 td[colspan="2"] > div.tooltip {
                -webkit-transform: translate(-50%, 20%);
                transform: translate(-50%, 20%);
            }

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table.sticky-height-2 tr.level-1, .internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table.sticky-height-2 tr.header-level-0 {
    top: 0;
}

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table.sticky-height-2 tr.header-level-1 {
    -webkit-box-shadow: 0 1px #E5E5E5;
    box-shadow: 0 1px #E5E5E5;
    top: 28px;
}

.internet-payments-wrapper #drill-down-report-table-wrapper .ui.celled.table.sticky-height-2 tr.level-1 td:first-child::before {
    background-color: #FFFFFF;
    content: '';
    display: block;
    height: 100%;
    margin-left: -2px;
    position: absolute;
    width: 3px;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-clearing-and-settlement .ui.celled.table tr.header-row td {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-clearing-and-settlement .ui.celled.table tr.header-row td {
        text-align: center;
    }
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-clearing-and-settlement .ui.celled.table tr.header-row td:first-child {
    border-left: none;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-clearing-and-settlement .ui.celled.table tr.header-row.header-level-1 > td:nth-child(-2n + 10) {
    border-right: 1px solid #E5E5E5;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-clearing-and-settlement tr.row.level-1 > td.col .content {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-clearing-and-settlement tr.row.level-1 > td.col .content {
        text-align: center;
    }
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-clearing-and-settlement tr.row.level-1 > td.col:nth-child(-2n + 11) {
    border-right: 1px solid #E5E5E5;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-clearing-and-settlement tr.row.level-1 > td.col:nth-child(1) {
    border-right: none;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch .ui.celled.table tr.header-row td {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch .ui.celled.table tr.header-row td {
        text-align: center;
    }
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch .ui.celled.table tr.header-row.header-level-1 > td:nth-child(2n) {
    border-right: 1px solid #e5e5e5;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch .ui.celled.table tr.row.level-1 > td.col:nth-child(2n + 7) {
    border-right: 1px solid #e5e5e5;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch .ui.celled.table tr.row.level-1 > td.col:nth-child(n + 7) .content {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch .ui.celled.table tr.row.level-1 > td.col:nth-child(n + 7) .content {
        text-align: center;
    }
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.header-row.header-level-1 > td:nth-child(4) {
    border-right: 1px solid #E5E5E5;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.header-row.header-level-0 td {
    vertical-align: bottom;
}

    .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.header-row.header-level-0 td[colspan="4"] > div {
        background-color: #FFFFFF;
        left: 50%;
        padding: 0 5px 0 5px;
        position: absolute;
        text-align: center;
        -webkit-transform: translate(-50%, 25%);
        transform: translate(-50%, 25%);
    }

        .internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.header-row.header-level-0 td[colspan="4"] > div.tooltip {
            -webkit-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
        }

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.row.level-1 > td.col:nth-child(9) {
    border-right: 1px solid #E5E5E5;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-batch-details .ui.celled.table tr.row.level-1 > td.col:nth-child(13) {
    border-right: 1px solid #E5E5E5;
}

.internet-payments-wrapper #drill-down-report-table-wrapper.drill-down-report-risk .ui.celled.table tr td:first-child {
    width: 10%;
}

.internet-payments-wrapper .subscriptions-tray .content .subscriptions-form > div {
    margin-bottom: 15px;
}

.internet-payments-wrapper .subscriptions-tray .content .menu > .item {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .subscriptions-tray .content .menu > .item {
        max-width: 275px;
    }
}

@media only screen and (max-width: 320px) {
    .internet-payments-wrapper .subscriptions-tray .content .menu > .item {
        max-width: 200px;
    }
}

.internet-payments-wrapper .delete-confirmation-modal {
    max-width: 560px;
}

.internet-payments-wrapper .pagination-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

    .internet-payments-wrapper .pagination-footer .ui.selection.dropdown {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 5px;
        padding-left: 18px;
    }

        .internet-payments-wrapper .pagination-footer .ui.selection.dropdown:hover {
            background: #f1f5fe;
        }

            .internet-payments-wrapper .pagination-footer .ui.selection.dropdown:hover .dropdown.icon {
                color: #0E5BF3;
            }

        .internet-payments-wrapper .pagination-footer .ui.selection.dropdown > .text {
            vertical-align: middle;
        }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .pagination-footer .ui.selection.dropdown {
        margin-left: 0px;
    }
}

.internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-first-btn,
.internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-previous-btn,
.internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-next-btn,
.internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-last-btn {
    border-radius: 100%;
    color: rgba(0, 0, 0, 0.38);
}

    .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-first-btn:not(.disabled):hover,
    .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-previous-btn:not(.disabled):hover,
    .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-next-btn:not(.disabled):hover,
    .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-last-btn:not(.disabled):hover {
        background: #f1f5fe;
    }

        .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-first-btn:not(.disabled):hover svg,
        .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-previous-btn:not(.disabled):hover svg,
        .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-next-btn:not(.disabled):hover svg,
        .internet-payments-wrapper .pagination-footer .ui.pagination.menu .pagination-last-btn:not(.disabled):hover svg {
            color: #0E5BF3;
        }

.internet-payments-wrapper .pagination-footer .ui.pagination.menu .item {
    border: none;
}

.internet-payments-wrapper .pagination-footer .ui.pagination.menu .relative.item {
    color: rgba(0, 0, 0, 0.38);
}

.internet-payments-wrapper .pagination-footer .ui.menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.internet-payments-wrapper .pagination-footer .page-info {
    margin: 0 10px 0 20px;
}

.internet-payments-wrapper .account-settings .page-content iframe {
    border: 0;
    height: 2000px;
    padding-top: 20px;
    width: 100%;
}

.internet-payments-wrapper .support-wrap-container {
    color: rgba(0, 0, 0, 0.87);
    margin: 0;
    max-width: 800px;
}

    .internet-payments-wrapper .support-wrap-container h1, .internet-payments-wrapper .support-wrap-container p, .internet-payments-wrapper .support-wrap-container h4, .internet-payments-wrapper .support-wrap-container h3 {
        margin: 0;
    }

    .internet-payments-wrapper .support-wrap-container h1 {
        font-size: 3.5em;
        padding-bottom: 2.4rem;
    }

    .internet-payments-wrapper .support-wrap-container p {
        font-size: 1.17em;
        font-weight: bold;
        letter-spacing: 0.15px;
        line-height: 1.7em;
        padding-bottom: 0.6rem;
    }

    .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding-top: 1.2rem;
    }

        .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment {
            background: #FAFAFA;
            border: none;
            border-radius: 8px;
            padding: 1.7rem;
        }

            .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .ui.list {
                margin: 0;
            }

            .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .segment-title {
                font-size: 1.42rem;
                letter-spacing: 0.18px;
                padding-bottom: 0.5rem;
            }

            .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .contacts-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .contacts-container div:nth-child(2) {
                    padding-left: 2.5rem;
                }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .contacts-container div:nth-child(2) {
        padding-left: 0;
        padding-top: 1.17rem;
    }
}

.internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item {
    font-size: 1.17em;
    letter-spacing: 0.15px;
    line-height: 1.7em;
}

    .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .description {
        font-size: 1em;
        font-weight: normal;
        padding-bottom: 1.5em;
    }

    .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .mail-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0.5em;
    }

        .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link img, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link svg, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .mail-link img, .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .mail-link svg {
            margin-right: 0.5rem;
        }

    .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link {
        border-radius: 4px;
        color: rgba(0, 0, 0, 0.87);
        font-weight: bold;
    }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .link {
        background: #0E5BF3;
        color: #FFFFFF;
    }
}

.internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment .item .mail-link {
    color: #0E5BF3;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .support-wrap-container > .ui.fluid.container {
        margin: 0 !important;
    }

    .internet-payments-wrapper .support-wrap-container h1, .internet-payments-wrapper .support-wrap-container p {
        padding-bottom: 1.2rem;
    }

    .internet-payments-wrapper .support-wrap-container .support-wrap .ui.segments .ui.segment {
        padding: 1.1rem;
        text-align: center;
    }

    .internet-payments-wrapper .support-wrap-container .support-wrap .contacts-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .internet-payments-wrapper .support-wrap-container .support-wrap .contacts-container .item {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .internet-payments-wrapper .support-wrap-container .support-wrap .contacts-container .item .link, .internet-payments-wrapper .support-wrap-container .support-wrap .contacts-container .item .mail-link {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }
}

.internet-payments-wrapper .page-container {
    width: 100%;
}

    .internet-payments-wrapper .page-container .page-layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        overflow: hidden;
    }

    .internet-payments-wrapper .page-container .article.pusher {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

.internet-payments-wrapper .fullscreen-modal > .header.top-title {
    background: #090304;
    color: #FFFFFF;
}

    .internet-payments-wrapper .fullscreen-modal > .header.top-title .icon {
        border-left: none;
        color: #FFFFFF;
    }

.internet-payments-wrapper main.site-content {
    height: 100vh;
    -webkit-tap-highlight-color: transparent;
}

    .internet-payments-wrapper main.site-content .page-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

@media only screen and (min-width: 1025px) {
    .internet-payments-wrapper main.site-content.sidebar-open .page-wrapper {
        width: calc(100vw - 256px);
    }
}

.internet-payments-wrapper main.site-content.sidebar-open .ui.dimmer.transactions-loader-container {
    left: 256px !important;
    top: 56px !important;
}

    .internet-payments-wrapper main.site-content.sidebar-open .ui.dimmer.transactions-loader-container > div {
        left: calc(50vw - 128px);
        position: absolute;
        top: calc(50vh);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.internet-payments-wrapper main.site-content .article, .internet-payments-wrapper main.site-content .article.dashboard {
    background: #FFFFFF;
    left: -256px;
    min-height: 100%;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .internet-payments-wrapper main.site-content .article, .internet-payments-wrapper main.site-content .article.dashboard {
        left: 0;
    }
}

.internet-payments-wrapper main.site-content .article.pusher, .internet-payments-wrapper main.site-content .article.dashboard.pusher {
    height: 100%;
    max-width: 100%;
    overflow-y: auto;
}

.internet-payments-wrapper main.site-content .article .page-wrapper, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper {
    padding: 30px 30px 30px 48px;
    width: 100%;
}

    .internet-payments-wrapper main.site-content .article .page-wrapper .page-content, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .page-content {
        margin: 0;
    }

    .internet-payments-wrapper main.site-content .article .page-wrapper .ui.header, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .ui.header {
        margin-bottom: 32px;
    }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper main.site-content .article .page-wrapper .ui.header, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .ui.header {
        margin-bottom: 24px;
    }
}

.internet-payments-wrapper main.site-content .article .page-wrapper .title-bar, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .title-bar {
    font-size: 1.7rem;
    margin-bottom: 2.2rem;
    padding: 0 0 1.2rem 0 !important;
}

    .internet-payments-wrapper main.site-content .article .page-wrapper .title-bar span, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .title-bar span {
        padding: 0;
    }

.internet-payments-wrapper main.site-content .article.article.dashboard, .internet-payments-wrapper main.site-content .article.dashboard.article.dashboard {
    background-color: #F2F2F2;
}

@media only screen and (max-width: 1025px) {
    .internet-payments-wrapper main.site-content.sidebar-open .article.pusher {
        z-index: 9;
    }
}

@media only screen and (min-width: 1025px) {
    .internet-payments-wrapper main.site-content.sidebar-open .article {
        left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper main.site-content .article .page-wrapper, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper {
        padding: 1.7rem 1.17rem;
    }

        .internet-payments-wrapper main.site-content .article .page-wrapper .title-bar, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper .title-bar {
            border: none;
            margin: 0;
            padding: 0 0 1.7rem 0;
        }

        .internet-payments-wrapper main.site-content .article .page-wrapper h1, .internet-payments-wrapper main.site-content .article.dashboard .page-wrapper h1 {
            font-size: 2.5rem;
        }

    .internet-payments-wrapper main.site-content.sidebar-open .article > .ui.dimmer.active {
        opacity: 75%;
    }
}

.internet-payments-wrapper .ui.dropdown .menu {
    border: none;
    padding: 0.6rem 0;
    width: auto;
    z-index: 1001;
}

    .internet-payments-wrapper .ui.dropdown .menu > .item {
        border: none;
        font-size: 1.15rem;
        font-weight: normal;
        letter-spacing: 0.25px;
        line-height: 24px;
        padding: 0.6rem 1.15rem !important;
        white-space: nowrap;
    }

        .internet-payments-wrapper .ui.dropdown .menu > .item:hover {
            background: #f1f5fe;
        }

.internet-payments-wrapper .ui.active.dropdown .menu {
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

    .internet-payments-wrapper .ui.active.dropdown .menu > .item:hover {
        background: #f1f5fe;
    }

.internet-payments-wrapper .reports .ui.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.internet-payments-wrapper .reports .filter-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .internet-payments-wrapper .reports .filter-container .settings {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .internet-payments-wrapper .reports .filter-container .settings .report-dropdown {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .internet-payments-wrapper .reports .filter-container .settings .desktop-datepicker {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 2rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0px 10px;
        }

        .internet-payments-wrapper .reports .filter-container .settings .button-loader {
            width: 115px;
        }

.internet-payments-wrapper .reports .report-actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-right: 1rem;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .reports .page-wrapper > .page-content > .ui.fluid.container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .internet-payments-wrapper .reports .filter-container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .internet-payments-wrapper .reports .filter-container .settings {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
        }

            .internet-payments-wrapper .reports .filter-container .settings .report-dropdown {
                display: inline-block;
                margin-bottom: 10px;
                padding: 17px 10px;
            }

            .internet-payments-wrapper .reports .filter-container .settings .date-picker {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 0px;
                width: 100%;
            }

                .internet-payments-wrapper .reports .filter-container .settings .date-picker .custom-timerange-inputs {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    width: 100%;
                }

            .internet-payments-wrapper .reports .filter-container .settings .pill-button {
                width: 100%;
            }
}

.custom-calendar .s4cal-input-vertical-range .s4cal-ranges {
    height: 322px;
}

.custom-calendar .s4cal-input-vertical-range .s4cal-range {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333333;
}

    .custom-calendar .s4cal-input-vertical-range .s4cal-range:hover {
        background-color: rgba(0, 0, 0, 0.04);
    }

    .custom-calendar .s4cal-input-vertical-range .s4cal-range.s4cal-range-selected {
        background: rgba(14, 91, 243, 0.06);
        color: #136EF6;
    }

.custom-calendar .s4cal-input-vertical-range .s4cal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 26px;
    place-content: flex-end;
}

    .custom-calendar .s4cal-input-vertical-range .s4cal-footer .s4cal-cancel {
        background: transparent;
        border: none;
        border-radius: 3px;
        color: #136EF6;
        text-transform: uppercase;
    }

        .custom-calendar .s4cal-input-vertical-range .s4cal-footer .s4cal-cancel:hover {
            background-color: rgba(14, 91, 243, 0.06);
            cursor: pointer;
        }

    .custom-calendar .s4cal-input-vertical-range .s4cal-footer .s4cal-apply {
        background: #136EF6;
        color: #FFFFFF;
        text-transform: uppercase;
    }

        .custom-calendar .s4cal-input-vertical-range .s4cal-footer .s4cal-apply:hover {
            cursor: pointer;
        }

.custom-calendar .s4cal-calendars {
    border-bottom: 1px solid #e5e5e5;
    height: 349px;
}

    .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title {
        background: none;
        color: #333333;
    }

        .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev, .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 30px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 30px;
        }

            .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover, .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover {
                background-color: #e5f5fe;
                border-radius: 3rem;
                color: #136EF6;
            }

                .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i, .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i {
                    color: #136EF6;
                    z-index: 999;
                }

                    .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i:hover, .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i:hover {
                        color: #136EF6;
                        z-index: 999;
                    }

    .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day,
        .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month,
        .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-selected,
        .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-disabled {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 40px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month.s4cal-selected {
                opacity: 1;
            }

        .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day {
            border-radius: 5rem;
        }

            .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered {
                background-color: rgba(14, 91, 243, 0.06);
                border-radius: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #333333;
                opacity: 1;
            }

                .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered:not(.s4cal-selected).s4cal-hovered-first, .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered:not(.s4cal-selected).s4cal-hovered-last {
                    background-color: rgba(14, 91, 243, 0.06);
                    border-radius: 1;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    color: #333333;
                }

            .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-selected {
                background-color: rgba(14, 91, 243, 0.06);
                border-radius: 0;
                color: #333333;
            }

                .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-selected:hover:not(.s4cal-start):not(.s4cal-end) {
                    border: 1px solid #136EF6;
                    border-radius: 5rem;
                }

            .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start:not(.s4cal-end):after {
                background-color: rgba(14, 91, 243, 0.06);
                background-position: 50% 50%;
                background-size: cover;
                border-radius: 50%;
                content: '\00a0';
                display: inline-block;
                height: 54px;
                left: 25px;
                position: absolute;
                width: 50px;
            }

            .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end:not(.s4cal-start):before {
                background-color: rgba(14, 91, 243, 0.06);
                background-position: 50% 50%;
                background-size: cover;
                border-radius: 50%;
                content: '\00a0';
                display: inline-block;
                height: 54px;
                position: absolute;
                right: 25px;
                width: 50px;
            }

            .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start, .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background-color: transparent;
                border: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                overflow: hidden;
            }

                .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start span, .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end span {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    background-color: #136EF6;
                    border-radius: 5rem;
                    color: #FFFFFF;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    height: 40px;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    min-height: 100%;
                    min-width: 100%;
                    width: 40px;
                    z-index: 2;
                }

                .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start.s4cal-hovered.s4cal-hovered-first {
                    background-color: transparent;
                }

            .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day:hover:not(.s4cal-hovered):not(.s4cal-selected) {
                background-color: #FFFFFF;
                border: 1px solid #136EF6;
                color: #333333;
            }

                .custom-calendar .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day:hover:not(.s4cal-hovered):not(.s4cal-selected) span {
                    background-color: #FFFFFF;
                }

.internet-payments-wrapper .subscriptions .filter-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    position: relative;
}

    .internet-payments-wrapper .subscriptions .filter-container .ui.dropdown.standard {
        margin-right: 8px;
    }

.internet-payments-wrapper .subscriptions .scroll-table thead th:last-of-type,
.internet-payments-wrapper .subscriptions .scroll-table tbody tr td:last-of-type {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.internet-payments-wrapper .pre-generated-reports table {
    margin-bottom: 200px;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .transactions .ui.header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .transactions .search {
        margin-bottom: 10px;
    }
}

.internet-payments-wrapper .profile-account h3, .internet-payments-wrapper .profile-account h3:first-child {
    color: #000000;
    margin: 2rem 0;
}

.internet-payments-wrapper .profile-account.ui.grid .form .button-container .button {
    background-color: #0E5BF3;
    text-transform: uppercase;
}

    .internet-payments-wrapper .profile-account.ui.grid .form .button-container .button:hover {
        background-color: #136EF6;
    }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .profile-account {
        min-height: calc(100vh - 132px);
    }

        .internet-payments-wrapper .profile-account.ui.grid .form {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100% !important;
        }

            .internet-payments-wrapper .profile-account.ui.grid .form .button-container {
                -ms-flex-item-align: end;
                align-self: flex-end;
                border-top: 1px solid #D8D8D8;
                padding-top: 20px;
                width: 100%;
            }

                .internet-payments-wrapper .profile-account.ui.grid .form .button-container .button {
                    width: 100%;
                }
}

.internet-payments-wrapper .users {
    margin: 10px 20px 0 0;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .users {
        margin: 10px 0 0 0;
    }
}

.internet-payments-wrapper .users .users-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .users .users-controls {
        margin-bottom: 10px;
        position: relative;
    }
}

.internet-payments-wrapper .users .users-controls .search-add-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.internet-payments-wrapper .users .users-controls .slideout-search, .internet-payments-wrapper .users .users-controls .ui.dropdown.standard {
    margin-right: 8px;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .users .list-search {
        margin-bottom: 10px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .users .ui.header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.internet-payments-wrapper .button {
    text-transform: uppercase;
}

.internet-payments-wrapper .user-tray {
    padding: 0 !important;
}

.internet-payments-wrapper .user-tray-content hr {
    margin-bottom: 20px;
}

.internet-payments-wrapper .user-tray-content .general-search input {
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-radius: 40px;
}

.internet-payments-wrapper .user-tray-content .general-search .ui.icon.input > i.icon {
    color: #ACACAC;
}

.internet-payments-wrapper .user-tray-content .status {
    color: #000000;
    margin: 0;
    padding: 1em 1em;
}

.internet-payments-wrapper .user-tray-content .checkbox-container {
    background: rgba(0, 0, 0, 0.04);
    padding: 0 20px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .user-tray-content .checkbox-container {
        padding: 0px 20px !important;
    }
}

.internet-payments-wrapper .user-tray-content .user-tray-details-content {
    padding: 0 20px;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .user-tray-content .user-tray-details-content {
        padding: 0px 20px !important;
    }
}

.internet-payments-wrapper .user-tray-content .sticky-message {
    width: 100%;
}

.internet-payments-wrapper .user-tray-content .details-text {
    padding: 0 0 0 20px;
}

.internet-payments-wrapper .user-tray-content .ui.checkbox.toggle {
    width: 100%;
}

    .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle label {
        font-weight: bold;
        padding-left: 0;
        padding-right: 4rem;
    }

        .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle label:before {
            left: unset;
            right: 0;
            -webkit-transform: scale(0.75);
            transform: scale(0.75);
            width: 3rem;
        }

        .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle label:after {
            left: unset;
            right: 1.5rem;
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

    .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle.checked label:before {
        background-color: #88B7FA !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .internet-payments-wrapper .user-tray-content .ui.checkbox.toggle.checked label:after {
        background-color: #0E5BF3;
        border-color: #0E5BF3;
        left: unset;
        right: 0;
    }

.internet-payments-wrapper .tray.permission-tray .checkbox-tree ul.tree-nodes {
    height: unset;
}

.internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input {
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-radius: 40px;
}

    .internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input::-webkit-input-placeholder {
        color: #000000;
    }

    .internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input::-moz-placeholder {
        color: #000000;
    }

    .internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input::-ms-input-placeholder {
        color: #000000;
    }

    .internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search input::placeholder {
        color: #000000;
    }

.internet-payments-wrapper .tray.permission-tray .user-tray-content .general-search .ui.icon.input > i.icon {
    color: #000000;
}

.internet-payments-wrapper .tray.permission-tray .template-form {
    margin-top: 10px;
    width: 100%;
}

    .internet-payments-wrapper .tray.permission-tray .template-form .template-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.internet-payments-wrapper .tray.permission-tray button.save-template, .internet-payments-wrapper .tray.permission-tray button.discard {
    padding: 8px;
}

    .internet-payments-wrapper .tray.permission-tray button.save-template:hover, .internet-payments-wrapper .tray.permission-tray button.discard:hover {
        background: #f0f0f0 !important;
    }

.internet-payments-wrapper .two-factor-page button.ui.button.primary {
    background-color: #0E5BF3;
    text-transform: uppercase;
}

.internet-payments-wrapper .two-factor-page p {
    margin-bottom: 1.5rem;
    width: 60%;
}

.internet-payments-wrapper .two-factor-page h3:first-child {
    color: black;
    margin: 2rem 0 1.5rem 0;
}

.internet-payments-wrapper .two-factor-page div.toggle2fa {
    background-color: #F5F5F5;
    display: inline-block;
    margin-bottom: 2rem;
    padding: 1rem 1rem;
}

    .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle label {
        font-weight: bold;
        padding-left: 0;
        padding-right: 4rem;
    }

        .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle label:before {
            background-color: #88B7FA;
            left: unset;
            right: 0;
            -webkit-transform: scale(0.75);
            transform: scale(0.75);
            width: 3rem;
        }

        .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle label:after {
            background-color: #0E5BF3;
            border-color: #0E5BF3;
            left: unset;
            right: 1.5rem;
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

    .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle.checked label:before {
        background-color: #88B7FA !important;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .internet-payments-wrapper .two-factor-page div.toggle2fa .ui.checkbox.toggle.checked label:after {
        left: unset;
        right: 0;
    }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .two-factor-page p, .internet-payments-wrapper .two-factor-page button {
        width: 100%;
    }

    .internet-payments-wrapper .two-factor-page h3 {
        display: none;
    }
}

.internet-payments-wrapper .two-factor-generate-keys button.ui {
    width: 100% !important;
}

.internet-payments-wrapper .two-factor-sliding-tray .tray-header {
    border-bottom: none !important;
}

.internet-payments-wrapper .two-factor-sliding-tray .content {
    padding: 0 !important;
}

    .internet-payments-wrapper .two-factor-sliding-tray .content .flash-message.error:first-letter {
        text-transform: uppercase;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content > div {
        padding: 17px 30px;
        text-align: center;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one h3 {
        padding: 1rem 0;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one p {
        margin: 0;
        padding: 0;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads {
        display: inline-block;
        margin-top: 1rem;
    }

        .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads .google {
            height: 60px;
        }

        .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads p {
            display: inline-block;
            height: 75px;
            vertical-align: middle;
        }

        .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads .apple {
            height: 43px;
            margin: 8px;
        }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two h3 {
        margin: 1rem 0 3rem 0;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two img {
        display: inline-block !important;
        height: 155px;
        margin: 2rem 0;
        width: 155px;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .internet-payments-input-container {
        margin-top: 1rem;
    }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .internet-payments-input-container.copy {
        font-size: 0.9rem;
    }
}

.internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .verify-instructions {
    color: #989898;
    font-size: 10px;
    margin: 6px 0 0 8px;
    text-align: left;
}

.internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .error .verify-instructions {
    color: #9F3A38;
}

.internet-payments-wrapper .two-factor-sliding-tray .content div.step-three {
    text-align: left;
}

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-three h3 {
        margin-bottom: 2rem;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-three .success {
        border: 1px solid #48AA2F;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
        padding: 0.5rem;
        text-align: center;
    }

        .internet-payments-wrapper .two-factor-sliding-tray .content div.step-three .success::before {
            background-color: #48AA2F;
            border-radius: 50%;
            color: #FFFFFF;
            content: "\2713";
            display: inline-block;
            height: 1.25rem;
            margin-right: 10px;
            width: 1.25rem;
        }

.internet-payments-wrapper .two-factor-sliding-tray .actions button {
    width: 100% !important;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads a {
        display: block;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-one .downloads p {
        display: block;
        height: auto;
        padding-bottom: 1rem;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two img {
        display: none !important;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .desktop-only-instructions {
        display: none;
    }

    .internet-payments-wrapper .two-factor-sliding-tray .content div.step-two .ui.form.copy {
        margin-top: 4rem;
    }
}

.internet-payments-wrapper .ip-documents h3 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 24px;
    margin-bottom: 19px;
    opacity: .6;
}

.internet-payments-wrapper .ip-documents .documents-controls {
    margin-top: 20px;
}

.internet-payments-wrapper .ip-documents .mobile-dropdown-select {
    background-color: #F5F5F5;
    border-radius: 20px;
    color: rgba(0, 0, 0, 0.38);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 11px 10px 18px;
}

    .internet-payments-wrapper .ip-documents .mobile-dropdown-select:first-of-type {
        margin-bottom: 16px;
    }

    .internet-payments-wrapper .ip-documents .mobile-dropdown-select .selected {
        color: #090304;
    }

    .internet-payments-wrapper .ip-documents .mobile-dropdown-select .chevron {
        font-size: .9em;
    }

.internet-payments-wrapper .ip-documents .mobile-dropdown-item {
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 24px;
    padding: 6px 0;
}

    .internet-payments-wrapper .ip-documents .mobile-dropdown-item:hover {
        background: #f1f5fe;
    }

.internet-payments-wrapper .ip-documents .card {
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    margin-top: 16px;
    max-width: 600px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 20px;
}

    .internet-payments-wrapper .ip-documents .card .card-ul {
        list-style: none;
        padding: 0 0 0 10px;
    }

        .internet-payments-wrapper .ip-documents .card .card-ul .card-li {
            margin-bottom: 13px;
        }

.internet-payments-wrapper .ip-documents .internet-payments-sliding-tray.open .content {
    padding: 16px;
}

.internet-payments-wrapper .account-preferences-page h3 {
    margin: 2rem 0;
}

.internet-payments-wrapper .account-preferences-page button {
    background-color: #0E5BF3 !important;
    margin-top: 2rem;
}

.internet-payments-wrapper .account-preferences-page .internet-payments-dropdown-wrapper {
    width: 30%;
}

.internet-payments-wrapper .customer-details-transactions .transaction-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding: 1rem 0;
}

    .internet-payments-wrapper .customer-details-transactions .transaction-controls .slideout-search {
        margin-right: 8px;
    }

        .internet-payments-wrapper .customer-details-transactions .transaction-controls .slideout-search .list-search-container .list-search {
            width: 240px;
        }

        .internet-payments-wrapper .customer-details-transactions .transaction-controls .slideout-search.open .list-search-container {
            width: 240px;
        }

.internet-payments-wrapper .webhook-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 0;
}

    .internet-payments-wrapper .webhook-controls .search-add-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .internet-payments-wrapper .webhook-controls .search-add-controls .slideout-search {
            margin-right: 8px;
        }

            .internet-payments-wrapper .webhook-controls .search-add-controls .slideout-search.open .list-search-container {
                width: 243px;
            }

                .internet-payments-wrapper .webhook-controls .search-add-controls .slideout-search.open .list-search-container .list-search {
                    width: 243px;
                }

.internet-payments-wrapper .risk-rules .page-content .no-records-message {
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    color: #090304;
    display: block;
    line-height: 24px;
    padding: 14px 40px;
    text-align: center;
}

.internet-payments-wrapper .risk-rules .page-content .rule-group-name {
    margin-bottom: 30px;
    margin-top: 45px;
}

.internet-payments-wrapper .risk-rules .page-content .scroll-table {
    border-top: none;
}

    .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr th:nth-child(1), .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr td:nth-child(1) {
        min-width: 70px;
        padding-right: 0px !important;
    }

    .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr th:nth-child(2), .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr td:nth-child(2) {
        padding-left: 10px !important;
        width: 70%;
    }

    .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr th:nth-last-child(2), .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr td:nth-last-child(2) {
        min-width: 90px;
        padding-left: 10px !important;
        padding-right: 5px !important;
        text-align: right;
    }

    .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr th:nth-last-child(1), .internet-payments-wrapper .risk-rules .page-content .scroll-table table tr td:nth-last-child(1) {
        min-width: 200px;
        padding-left: 10px !important;
    }

    .internet-payments-wrapper .risk-rules .page-content .scroll-table.action-table table tr th:nth-last-child(2), .internet-payments-wrapper .risk-rules .page-content .scroll-table.action-table table tr td:nth-last-child(2) {
        text-align: left;
    }

.internet-payments-wrapper .article.ip-dashboard .header.title-bar {
    padding: 30px 30px 16px 30px !important;
}

    .internet-payments-wrapper .article.ip-dashboard .header.title-bar > #title {
        padding-bottom: 1rem;
    }

.internet-payments-wrapper .ip-dashboard {
    margin-top: -20px;
}

    .internet-payments-wrapper .ip-dashboard .ui.dimmer.ip-notifications {
        display: none !important;
    }

    .internet-payments-wrapper .ip-dashboard .ui.new-sale-btn {
        color: #0E5BF3;
        font-size: 1.1em;
        font-weight: bold;
        letter-spacing: 1.4px;
        padding-right: 10px;
        text-transform: uppercase;
    }

        .internet-payments-wrapper .ip-dashboard .ui.new-sale-btn .plus.icon {
            font-size: 0.9em;
        }

    .internet-payments-wrapper .ip-dashboard .one.column {
        padding: 0;
    }

        .internet-payments-wrapper .ip-dashboard .one.column .column {
            padding: 1.15rem 0 0;
        }

    .internet-payments-wrapper .ip-dashboard .ui.header > span {
        white-space: nowrap;
    }

    .internet-payments-wrapper .ip-dashboard .ui.header.mobile-new-sale {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .internet-payments-wrapper .ip-dashboard .ui.header.mobile-new-sale a {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

    .internet-payments-wrapper .ip-dashboard .body {
        margin: 0 auto;
        max-width: 1280px;
        padding: 2em 1em 1em 1em;
    }

        .internet-payments-wrapper .ip-dashboard .body .column:not(.row) {
            max-height: inherit;
            padding-bottom: 1em;
            padding-top: 1em;
        }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .ip-dashboard .body .column:not(.row) {
        padding: 1em 0 0 0;
    }
}

.internet-payments-wrapper .ip-dashboard .body .column:not(.row) .ui.dimmer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .internet-payments-wrapper .ip-dashboard .body .column:not(.row) .ui.dimmer .error {
        margin: 0 auto;
    }

.internet-payments-wrapper .ip-dashboard .body .row.whole-row {
    width: 100%;
}

    .internet-payments-wrapper .ip-dashboard .body .row.whole-row .column {
        padding-left: 14px;
    }

@media all and (max-width: 600px) {
    .internet-payments-wrapper .ip-dashboard .body .row.whole-row {
        margin: 0;
        padding-top: 0;
    }

        .internet-payments-wrapper .ip-dashboard .body .row.whole-row .ui.header > span {
            font-size: 20px;
        }

        .internet-payments-wrapper .ip-dashboard .body .row.whole-row .column {
            padding: 0;
        }

            .internet-payments-wrapper .ip-dashboard .body .row.whole-row .column .padded {
                padding-top: 1.15rem;
            }
}

.internet-payments-wrapper .ip-dashboard .body .row.widget-row {
    width: 100%;
}

@media only screen and (min-width: 1025px) {
    .internet-payments-wrapper .ip-dashboard .body .row.widget-row {
        margin-left: 14px;
        margin-right: 14px;
    }
}

.internet-payments-wrapper .ip-dashboard .body .row.widget-row #ip-notifications-widget #ip-notifications-type-suspect-transactions:not(:last-child) {
    margin-bottom: 1em;
}

.internet-payments-wrapper .ip-dashboard .body .column.row {
    padding: 0em 1em;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .ip-dashboard .body .column.row {
        padding: 0;
    }
}

.internet-payments-wrapper .ip-dashboard .body .sixteen.wide.column {
    padding: 0;
}

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segment.table-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
}

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segment.table-widget .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segment.table-widget .row:not(:last-child) {
            border-bottom: none;
        }

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment.single-value-widget.skeleton > .value {
        background-color: #bcbcbc;
        border-radius: 1em;
        color: #bcbcbc;
    }

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:not(.table-widget-group) {
        border-radius: 4px;
    }

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.handle.segment {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.handle.segment b {
            line-height: 1.5rem;
        }

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child {
        height: 450px;
    }

        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child.table-widget-group {
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 0;
        }

@media all and (max-width: 1025px) {
    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child.table-widget, .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child.table-widget-group {
        height: 500px;
    }
}

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .ip-link {
    line-height: 1.7;
    text-align: end;
}

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .ip-link i {
        font-size: 0.9em;
        margin: 0 0 0 0.5em;
    }

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0.1px;
    padding: 1.4em 2em;
}

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .value {
        font-size: 3.5em;
        font-weight: 400;
        line-height: 1.16;
        padding-bottom: 0.5em;
    }

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .label {
        font-size: 1em;
        line-height: 1.7;
    }

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget .ip-link {
        color: #FFFFFF;
        margin-left: auto;
    }

@media all and (max-width: 600px) {
    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .single-value-widget {
        padding: 1em;
    }
}

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget .ui.segments > .ui.segment:last-child .widget-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    padding: 0.6rem 1.5rem 0.6rem 0.6rem;
}

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget:not(.read-only) .ui.segments > .ui.handle.segment {
    cursor: move;
}

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget .no-data {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .no-data .message {
        margin: 0 auto;
        text-align: center;
    }

        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .no-data .message i.icon {
            opacity: 0.6;
        }

        .internet-payments-wrapper .ip-dashboard .body .dashboard-widget .no-data .message p {
            margin-top: 1rem;
        }

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget .table-widget > .no-data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.internet-payments-wrapper .ip-dashboard .body .dashboard-widget b ~ .icon {
    cursor: pointer;
    float: right;
    opacity: 0.3;
}

.internet-payments-wrapper .ip-dashboard .body .front {
    margin-bottom: 0em;
    -webkit-transform-style: unset;
    transform-style: unset;
    z-index: auto;
}

.ui.segment.page-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    padding-top: 5.5em;
    width: 100%;
}

    .ui.segment.page-placeholder h1 {
        font-size: 2.5em;
        font-weight: bold;
        line-height: 2.6em;
        margin: 0.5em 0;
    }

    .ui.segment.page-placeholder p {
        font-size: 1.5em;
        line-height: 1.2em;
    }

    .ui.segment.page-placeholder img {
        display: block;
        max-height: 70vh;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        overflow: hidden;
    }

.internet-payments-wrapper .tray {
    position: absolute;
    width: 100%;
}

    .internet-payments-wrapper .tray .internet-payments-sliding-tray-background.open {
        background: rgba(0, 0, 0, 0.3);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 15;
    }

    .internet-payments-wrapper .tray .internet-payments-sliding-tray {
        background-color: #FFFFFF;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 420px;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        visibility: visible;
        width: 100%;
        z-index: 15;
    }

        .internet-payments-wrapper .tray .internet-payments-sliding-tray.open {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
        }

        .internet-payments-wrapper .tray .internet-payments-sliding-tray .divider:not(.vertical), .internet-payments-wrapper .tray .internet-payments-sliding-tray .divider:not(.horizontal) {
            border-left: unset;
        }

        .internet-payments-wrapper .tray .internet-payments-sliding-tray .tray-header {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border: 1px solid rgba(0, 0, 0, 0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 0;
            padding: 10px 9px 10px 13px;
        }

            .internet-payments-wrapper .tray .internet-payments-sliding-tray .tray-header.back {
                -webkit-column-gap: 8px;
                -moz-column-gap: 8px;
                column-gap: 8px;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

            .internet-payments-wrapper .tray .internet-payments-sliding-tray .tray-header h2 {
                margin: 0;
            }

            .internet-payments-wrapper .tray .internet-payments-sliding-tray .tray-header .icon {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-radius: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 40px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 40px;
            }

        .internet-payments-wrapper .tray .internet-payments-sliding-tray > .error-message {
            background-color: #F8E5E8 !important;
            border-radius: 0;
            color: #000000 !important;
            font-size: 0.9rem;
            margin: 0;
            padding: .5714285em 1rem;
        }

            .internet-payments-wrapper .tray .internet-payments-sliding-tray > .error-message > .icon {
                color: #B00020;
                font-size: 1rem;
            }

        .internet-payments-wrapper .tray .internet-payments-sliding-tray .content {
            border-left: 1px solid rgba(0, 0, 0, 0.1);
            border-right: 1px solid rgba(0, 0, 0, 0.1);
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-height: calc(100vh - 126px);
            overflow: auto;
        }

            .internet-payments-wrapper .tray .internet-payments-sliding-tray .content h4 {
                color: rgba(0, 0, 0, 0.38);
            }

            .internet-payments-wrapper .tray .internet-payments-sliding-tray .content .padding-wrapper {
                padding: 17px 30px 30px 30px;
            }

            .internet-payments-wrapper .tray .internet-payments-sliding-tray .content .checkbox {
                margin: 8px 0;
            }

                .internet-payments-wrapper .tray .internet-payments-sliding-tray .content .checkbox label:before {
                    -webkit-box-shadow: inset #000000;
                    box-shadow: inset #000000;
                }

        .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions {
            border: 1px solid rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-box-pack: right;
            -ms-flex-pack: right;
            justify-content: right;
            padding: 0 10px;
        }

            .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button {
                background: #136EF6;
                margin: 20px 10px;
                min-width: 120px;
                text-transform: uppercase;
                width: 180px;
            }

                .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button.inverted {
                    background: #FFFFFF;
                    border: 1px solid #136EF6;
                    -webkit-box-shadow: unset !important;
                    box-shadow: unset !important;
                    color: #136EF6;
                }

                    .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button.inverted:hover {
                        background: #F2F6FE;
                    }

                .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button.disabled, .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button[disabled] {
                    background: #FFFFFF !important;
                    border: 1px solid rgba(0, 0, 0, 0.38);
                    color: rgba(0, 0, 0, 0.38) !important;
                    opacity: 0.8 !important;
                    pointer-events: none !important;
                }

                .internet-payments-wrapper .tray .internet-payments-sliding-tray .actions .button.full-width {
                    width: 100%;
                }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .tray .sliding-tray {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: auto;
        width: 100%;
    }

        .internet-payments-wrapper .tray .sliding-tray .header .icon:only-child {
            margin-right: 0;
        }

        .internet-payments-wrapper .tray .sliding-tray .content {
            max-height: none;
            overflow: initial;
            padding: 30px 10px;
        }

        .internet-payments-wrapper .tray .sliding-tray .actions {
            display: block;
        }

            .internet-payments-wrapper .tray .sliding-tray .actions .button {
                margin: 8px 0;
                width: 100%;
            }
}

@media only screen and (max-width: 1024px) {
    .site-content.sidebar-open ~ #tray > .internet-payments-sliding-tray.open {
        right: -256px;
    }
}

.internet-payments-wrapper .location-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.15rem;
}

    .internet-payments-wrapper .location-selection .location-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .internet-payments-wrapper .location-selection .name {
        color: rgba(0, 0, 0, 0.87);
        font-size: 1.15rem;
        font-weight: 700;
        letter-spacing: 0.15px;
        line-height: 1.7rem;
    }

    .internet-payments-wrapper .location-selection .merchant {
        color: rgba(0, 0, 0, 0.6);
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 1.42rem;
    }

.internet-payments-wrapper .left-menu-container {
    background-color: #FAFAFA;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    min-height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    width: 256px;
}

    .internet-payments-wrapper .left-menu-container .ui.divider.split {
        border-color: rgba(0, 0, 0, 0.12);
        margin: 0;
    }

    .internet-payments-wrapper .left-menu-container .ui.vertical.menu {
        padding: 16px;
    }

        .internet-payments-wrapper .left-menu-container .ui.vertical.menu .content {
            background: none;
        }

            .internet-payments-wrapper .left-menu-container .ui.vertical.menu .content a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-weight: normal;
            }

            .internet-payments-wrapper .left-menu-container .ui.vertical.menu .content .nav-tab span {
                margin-left: 25px;
            }

        .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item {
            background-color: #FAFAFA;
            height: 40px;
            line-height: 0;
            padding: 8px 8px 8px 0;
            width: 224px;
        }

            .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item .nav-tab {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #000000;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item .nav-tab span {
                    color: #000000;
                    -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    padding-left: 1rem;
                }

                .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item .nav-tab i {
                    color: #000000;
                    margin-left: auto;
                }

            .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active {
                background: rgba(14, 91, 243, 0.06);
                border-left: none;
                border-radius: 8px;
            }

                .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active .nav-tab {
                    margin-left: 5px;
                }

                    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active .nav-tab span,
                    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active .nav-tab svg {
                        color: #0E5BF3;
                    }

                    .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item.active .nav-tab i {
                        -webkit-transition: al .1s linear;
                        transition: al .1s linear;
                    }

            .internet-payments-wrapper .left-menu-container .ui.vertical.menu .item:hover {
                background: rgba(0, 0, 0, 0.04);
                border-radius: 8px;
            }

        .internet-payments-wrapper .left-menu-container .ui.vertical.menu .title.active .nav-tab span,
        .internet-payments-wrapper .left-menu-container .ui.vertical.menu .title.active .nav-tab i,
        .internet-payments-wrapper .left-menu-container .ui.vertical.menu .title.active .nav-tab svg {
            color: #0E5BF3;
        }

    .internet-payments-wrapper .left-menu-container .change-location,
    .internet-payments-wrapper .left-menu-container .item.mobile.sign-out,
    .internet-payments-wrapper .left-menu-container .location-name {
        color: #000000;
    }

    .internet-payments-wrapper .left-menu-container .location-merchant {
        color: rgba(0, 0, 0, 0.6);
    }

    .internet-payments-wrapper .left-menu-container::-webkit-scrollbar {
        display: none;
    }

.internet-payments-wrapper .navigation-sidebar-wrapper {
    bottom: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    scrollbar-width: none;
    top: 0;
    width: 0;
    z-index: 1000;
}

    .internet-payments-wrapper .navigation-sidebar-wrapper .left-menu-container {
        left: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        z-index: 1001;
    }

    .internet-payments-wrapper .navigation-sidebar-wrapper.active {
        width: 100%;
    }

        .internet-payments-wrapper .navigation-sidebar-wrapper.active .left-menu-container {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }

    .internet-payments-wrapper .navigation-sidebar-wrapper .ui.dimmer {
        position: fixed;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

        .internet-payments-wrapper .navigation-sidebar-wrapper .ui.dimmer.active {
            background-color: rgba(0, 0, 0, 0.4);
        }

    .internet-payments-wrapper .navigation-sidebar-wrapper::-webkit-scrollbar {
        display: none;
    }

.internet-payments-wrapper .ui.segment.ip-transactions-data {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media all and (max-width: 1025px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-data {
        height: 500px;
    }

        .internet-payments-wrapper .ui.segment.ip-transactions-data .column {
            padding: 1em 0.5em;
        }
}

@media all and (max-width: 1025px) and (max-width: 600px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-data .column .risk-status {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }
}

@media all and (max-width: 1025px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid {
        padding: 0;
    }
}

.internet-payments-wrapper .ui.segment.ip-transactions-data .ip-link {
    color: #0E5BF3;
    font-weight: bold;
}

.internet-payments-wrapper .ui.segment.ip-transactions-data .ui.clearing.header {
    font-weight: bold;
    margin: 0;
    padding-bottom: 1.5em;
    padding-left: 1em;
}

.internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid {
    padding: 0 1em;
}

    .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item {
        padding: 0;
        -webkit-transition: background-color 0.3s linear;
        transition: background-color 0.3s linear;
    }

        .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item:hover {
            background-color: rgba(14, 91, 243, 0.06);
        }

        .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item .column {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            white-space: nowrap;
        }

            .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item .column.right.aligned {
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

@media all and (max-width: 600px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item .column .color-dot-value {
        display: none;
    }
}

.internet-payments-wrapper .ui.segment.ip-transactions-data .ui.grid .row.grid-item .card-icon {
    margin-right: 0.5em;
}

.internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
}

    .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
    }

        .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list .tab-container-header {
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            border-bottom: 0;
            border-top: 4px solid transparent;
            color: rgba(0, 0, 0, 0.6);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            line-height: 1.6;
            padding: 1.15rem 0 1.42rem 0;
        }

            .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list .tab-container-header:hover {
                border-color: #f1f5fe;
                color: rgba(0, 0, 0, 0.87);
            }

            .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list .tab-container-header.item.active {
                border-color: #136EF6 !important;
                color: rgba(0, 0, 0, 0.87);
            }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-data .ip-transactions-tab-container .tab-container-header-list .tab-container-header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

.internet-payments-wrapper .ui.segment.ip-transactions-data .tab-container-root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

    .internet-payments-wrapper .ui.segment.ip-transactions-data .tab-container-root .ui.segment.menu-container {
        padding: 0 !important;
    }

    .internet-payments-wrapper .ui.segment.ip-transactions-data .tab-container-root .tab-container-content {
        border: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: auto;
    }

.internet-payments-wrapper .ui.segment.ip-transactions-data .widget-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
}

.internet-payments-wrapper .ip-chargeback-container {
    background: #FF5625;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 0.5rem);
    flex: 0 0 calc(50% - 0.5rem);
    margin-left: 0.5rem;
}

.internet-payments-wrapper .ip-dispute-container {
    background: #0E5BF3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 0.5rem);
    flex: 0 0 calc(50% - 0.5rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 0.5rem;
}

.internet-payments-wrapper .ip-fraud-risk-container {
    background-color: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
}

    .internet-payments-wrapper .ip-fraud-risk-container .ip-fraud-risk-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 1.7rem 1.1rem;
    }

    .internet-payments-wrapper .ip-fraud-risk-container .title {
        font-size: 1.5em;
        line-height: 1.2;
        margin: 0;
        padding: 1.35rem 1.7rem 1.15rem;
    }

    .internet-payments-wrapper .ip-fraud-risk-container h4 {
        font-size: 2.5em;
        font-weight: 400;
        line-height: 1.05;
        margin: 0;
    }

.internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container {
    background-color: #F2F2F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

    .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0;
    }

@media all and (max-width: 600px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .row {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }

    .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .ip-fraud-risk-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }

        .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .ip-fraud-risk-items > .ip-fraud-risk-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 1rem;
        }
}

@media all and (max-width: 390px) {
    .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .row .ip-dispute-container .row span:last-child, .internet-payments-wrapper .ui.segment.ip-transactions-risk.table-widget-group .ip-transactions-risk-container .row .ip-chargeback-container .row span:last-child {
        font-size: 2.5rem;
    }
}

.internet-payments-wrapper .ui.segment.ip-notifications-data {
    background-color: transparent;
    height: auto !important;
}

    .internet-payments-wrapper .ui.segment.ip-notifications-data i {
        color: #f6a735;
    }

.internet-payments-wrapper .ip-notification-suspect-transactions-value {
    padding-left: 10px;
}

.internet-payments-wrapper #ip-notifications-type-suspect-transactions {
    background-color: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.8em;
    padding: 1.125em;
}

    .internet-payments-wrapper #ip-notifications-type-suspect-transactions .header-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .internet-payments-wrapper #ip-notifications-type-suspect-transactions .ip-notification-link {
        color: #0E5BF3;
        font-weight: bold;
        margin-left: auto;
    }

@media all and (max-width: 600px) {
    .internet-payments-wrapper #ip-notifications-type-suspect-transactions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0.75em;
    }

        .internet-payments-wrapper #ip-notifications-type-suspect-transactions .ip-notification-suspect-transactions-value,
        .internet-payments-wrapper #ip-notifications-type-suspect-transactions .header-container {
            -ms-flex-item-align: start;
            align-self: start;
        }

        .internet-payments-wrapper #ip-notifications-type-suspect-transactions .header-container {
            padding-left: 6px;
            padding-top: 5px;
        }

        .internet-payments-wrapper #ip-notifications-type-suspect-transactions .ip-notification-link {
            -ms-flex-item-align: end;
            align-self: end;
            padding-right: 5px;
        }
}

.internet-payments-wrapper .ui.segment.summary-data-card {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .ui.segment.summary-data-card .summary-tab-content {
        -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
        align-items: inherit !important;
        height: 100%;
        padding: 0 !important;
    }

    .internet-payments-wrapper .ui.segment.summary-data-card .row.chart-row {
        -webkit-box-align: inherit !important;
        -ms-flex-align: inherit !important;
        align-items: inherit !important;
        height: 100%;
        padding: 0 !important;
    }

    .internet-payments-wrapper .ui.segment.summary-data-card .line-chart {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .internet-payments-wrapper .ui.segment.summary-data-card .line-chart circle {
            stroke: inherit;
            stroke-width: inherit;
        }

    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 0;
    }

        .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .menu-container {
            padding-top: 0 !important;
        }

        .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            width: 100%;
        }

            .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header {
                border-bottom: 0;
                border-top: 4px solid transparent;
                color: rgba(0, 0, 0, 0.6);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                padding: 1.15rem 0;
                text-align: left;
            }

                .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header .data {
                    padding-left: 20px;
                }

                    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header .data .name {
                        color: rgba(0, 0, 0, 0.6);
                        font-size: 0.875rem;
                        letter-spacing: 0.1px;
                        margin-bottom: 4px;
                    }

                        .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header .data .name h4 {
                            line-height: 24px;
                        }

                    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header .data .value {
                        color: rgba(0, 0, 0, 0.6);
                        font-size: 1.15rem;
                        letter-spacing: 0.15px;
                        line-height: 24px;
                    }

                .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header:hover {
                    border-color: #f1f5fe;
                }

                    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header:hover .value,
                    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header:hover .name {
                        color: rgba(0, 0, 0, 0.87);
                    }

                .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header.active {
                    border-color: #136EF6 !important;
                    color: rgba(0, 0, 0, 0.87);
                    line-height: 24px;
                }

                    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header.active .value,
                    .internet-payments-wrapper .ui.segment.summary-data-card .summary-data-tab-container .tab-container-header-list .tab-container-header.active .name {
                        color: rgba(0, 0, 0, 0.87);
                    }

    .internet-payments-wrapper .ui.segment.summary-data-card .tab-container-root {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
    }

        .internet-payments-wrapper .ui.segment.summary-data-card .tab-container-root .tab-container-content {
            border-top: none;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            overflow: hidden;
            padding: 0 !important;
        }

.internet-payments-wrapper .transactions-controls {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .transactions-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
    }
}

.internet-payments-wrapper .transactions-controls .list-search {
    width: 100%;
}

.internet-payments-wrapper .transactions-controls .desktop-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.internet-payments-wrapper .transactions-controls .date-picker input {
    border-radius: 40px;
    width: 100px;
}

.internet-payments-wrapper .transactions-controls .datetime-range-picker-input {
    max-width: 150px;
}

.internet-payments-wrapper .transactions-controls .transactions-controls-one {
    min-width: 415px;
}

.internet-payments-wrapper .transactions-controls .transcations-controls-mobile {
    padding-right: 15px;
    width: 100%;
}

    .internet-payments-wrapper .transactions-controls .transcations-controls-mobile .dropdown {
        margin-top: 20px;
    }

.internet-payments-wrapper .transactions-controls .ui.button {
    min-width: unset !important;
}

.internet-payments-wrapper .transactions-controls .slideout-search {
    margin-right: 8px;
}

.internet-payments-wrapper .centered {
    text-align: center;
}

.internet-payments-wrapper #internet-payments-sliding-tray-container .transaction-amount .input:nth-of-type(1) {
    margin-bottom: 15px;
}

.internet-payments-wrapper .ui.segment.summary-bar-chart-card {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 24px;
        padding-top: 4px;
    }

@media all and (max-width: 1025px) {
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: auto;
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container {
        padding-left: 16px;
    }
}

.internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .name {
    font-size: 0.875rem;
    line-height: 24px;
    margin-bottom: 4px;
}

    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .name h4 {
        line-height: 24px;
    }

.internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .value {
    font-size: 1.15rem;
    line-height: 24px;
}

.internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .data {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    padding-top: 1.15rem;
}

    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .data .value {
        font-size: 1.15rem;
        letter-spacing: 0.25px;
        line-height: 24px;
    }

    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .data .name {
        font-size: 0.875rem;
        line-height: 24px;
        margin-bottom: 4px;
    }

        .internet-payments-wrapper .ui.segment.summary-bar-chart-card .chart-container .data .name h4 {
            line-height: 24px;
            white-space: nowrap;
        }

.internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label:after {
        border-radius: 50%;
        content: '';
        display: inline-block;
        height: 12px;
        margin-left: 7px;
        width: 12px;
    }

    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label.coming:after {
        background: #0E5BF3;
    }

    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label.going-out:after {
        background: #FF5625;
    }

    .internet-payments-wrapper .ui.segment.summary-bar-chart-card .color-label.reserve:after {
        background: #88B7FA;
    }

.internet-payments-wrapper .ui.segment.summary-bar-chart-card .row.chart-row {
    -webkit-box-align: inherit !important;
    -ms-flex-align: inherit !important;
    align-items: inherit !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 100% !important;
    flex: 1 1 100% !important;
    min-height: 0;
    padding: 0 !important;
}

.internet-payments-wrapper .ui.segment.summary-bar-chart-card .column-chart {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.risk-block-list-form .risk-block-list-customer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    padding: 10px 3px 5px 3px;
}

    .risk-block-list-form .risk-block-list-customer-row .header {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .risk-block-list-form .risk-block-list-customer-row .label {
        color: #136EF6;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

.risk-block-list-form .risk-block-list-form-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #D8D8D8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 3px;
}

    .risk-block-list-form .risk-block-list-form-row:last-of-type {
        border: none;
    }

    .risk-block-list-form .risk-block-list-form-row .header {
        font-weight: bold;
        padding-bottom: 6px;
    }

    .risk-block-list-form .risk-block-list-form-row .ui.dropdown {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 100px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 10px;
        width: 150px;
    }

        .risk-block-list-form .risk-block-list-form-row .ui.dropdown:hover {
            background-color: #ececec;
            border: 1px solid rgba(0, 0, 0, 0.38);
        }

        .risk-block-list-form .risk-block-list-form-row .ui.dropdown > .text {
            margin-right: 10px;
        }

        .risk-block-list-form .risk-block-list-form-row .ui.dropdown > .icon {
            float: right;
        }

        .risk-block-list-form .risk-block-list-form-row .ui.dropdown .icon.risk-color-A {
            color: #48AA2F;
        }

        .risk-block-list-form .risk-block-list-form-row .ui.dropdown .icon.risk-color-D {
            color: #B00020;
        }

        .risk-block-list-form .risk-block-list-form-row .ui.dropdown .icon.risk-color-X {
            color: rgba(0, 0, 0, 0.38);
        }

.internet-payments-wrapper .tray-label-card div label {
    margin: 4px 0 0 0 !important;
}

.internet-payments-wrapper .transaction-form .ui.stackable.grid.field > .wide.column {
    padding-left: 0 !important;
}

.internet-payments-wrapper .transaction-form .link {
    color: #136EF6;
    cursor: pointer;
    font-weight: 700;
}

.internet-payments-wrapper .transaction-form .total {
    border-top: 1px solid #D8D8D8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6px;
    padding-top: 16px;
}

    .internet-payments-wrapper .transaction-form .total .score-value {
        font-weight: bold;
    }

    .internet-payments-wrapper .transaction-form .total span:last-child {
        padding-right: 6px;
    }

.internet-payments-wrapper .transaction-form .risk-score-container .risk-score-header-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .internet-payments-wrapper .transaction-form .risk-score-container .risk-score-header-row > div {
        margin-bottom: 30px;
    }

.internet-payments-wrapper .transaction-form .risk-score-container .risk-score {
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    margin-bottom: 20px;
    min-width: 150px;
    padding-top: 20px;
}

    .internet-payments-wrapper .transaction-form .risk-score-container .risk-score .risk-score-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 14px;
    }

        .internet-payments-wrapper .transaction-form .risk-score-container .risk-score .risk-score-row span {
            font-weight: bold;
            margin-bottom: 10px;
        }

        .internet-payments-wrapper .transaction-form .risk-score-container .risk-score .risk-score-row .value {
            font-size: 4rem;
            font-weight: normal;
        }

        .internet-payments-wrapper .transaction-form .risk-score-container .risk-score .risk-score-row.persona {
            background: #FAFAFA;
            border-radius: 0 0 4px 4px;
        }

            .internet-payments-wrapper .transaction-form .risk-score-container .risk-score .risk-score-row.persona span {
                margin-bottom: 0;
            }

.internet-payments-wrapper .transaction-form .risk-score-container .rule-category {
    font-weight: bold;
}

.internet-payments-wrapper .transaction-form .risk-score-container .list .item:before {
    font-size: 2rem;
    top: 0;
}

.internet-payments-wrapper .transaction-form .risk-score-container .list .item:first-child:before {
    top: -1px;
}

.internet-payments-wrapper .transaction-form .risk-score-container .list.decline .item:before {
    color: #ff0000;
}

.internet-payments-wrapper .transaction-form .risk-score-container .list.approve .item:before {
    color: #48AA2F;
}

.internet-payments-wrapper .transaction-form .risk-score-container .list.review .item:before, .internet-payments-wrapper .transaction-form .risk-score-container .list.verify .item:before {
    color: #FFA500;
}

.internet-payments-wrapper .transaction-form .risk-score-container .list.triggered .item:before, .internet-payments-wrapper .transaction-form .risk-score-container .list.unchanged .item:before {
    color: rgba(0, 0, 0, 0.38);
}

.internet-payments-wrapper .transaction-form .risk-score-container .kount-details {
    display: block;
    margin: 12px 0;
}

    .internet-payments-wrapper .transaction-form .risk-score-container .kount-details img {
        padding-bottom: 2px;
        vertical-align: middle;
        width: 26px;
    }

.internet-payments-wrapper .transaction-form .risk-block-list-status .risk-block-list-tooltip-container .icon {
    float: right;
}

.internet-payments-wrapper .transaction-form .risk-block-list-status.risk-color-D > .ember-view > .ui.field > label,
.internet-payments-wrapper .transaction-form .risk-block-list-status.risk-color-D > .ember-view > .ui.field > label ~ div,
.internet-payments-wrapper .transaction-form .risk-block-list-status.risk-color-D > .ember-view > .ui.field .link {
    color: #B00020;
}

.internet-payments-wrapper .transaction-form .ui.divider:not(.vertical):not(.horizontal) {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 23px;
}

.internet-payments-wrapper .transaction-form .risk-status {
    font-weight: 700;
}

.internet-payments-wrapper .transaction-form table {
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

    .internet-payments-wrapper .transaction-form table tr th {
        line-height: 28px;
        padding: 2px 6px;
    }

        .internet-payments-wrapper .transaction-form table tr th:last-child {
            text-align: right;
            width: 40px;
        }

    .internet-payments-wrapper .transaction-form table tr td {
        padding: 11px 6px;
    }

        .internet-payments-wrapper .transaction-form table tr td:last-child {
            text-align: right;
        }

    .internet-payments-wrapper .transaction-form table tr.consistency, .internet-payments-wrapper .transaction-form table tr.velocity, .internet-payments-wrapper .transaction-form table tr.risk-network, .internet-payments-wrapper .transaction-form table tr.customer {
        background: #FAFAFA;
    }

    .internet-payments-wrapper .transaction-form table tr:not(.consistency):not(.velocity):not(.risk-network):not(.customer) th:last-child {
        display: none;
    }

.internet-payments-wrapper .page {
    top: 56px !important;
}

.internet-payments-wrapper .checkbox-tree .checkbox-tree-header {
    background: none;
    padding: 0 6px;
}

.internet-payments-wrapper .checkbox-tree .ui.checkbox input:checked ~ .box:after,
.internet-payments-wrapper .checkbox-tree .ui.checkbox input:checked ~ label {
    font-weight: normal;
}

.internet-payments-wrapper .checkbox-tree .expand-actions {
    display: none;
}

.internet-payments-wrapper .checkbox-tree ul.tree-nodes {
    border: none;
    overflow-y: initial;
    padding: 0;
}

    .internet-payments-wrapper .checkbox-tree ul.tree-nodes li {
        border-top: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 6px;
    }

        .internet-payments-wrapper .checkbox-tree ul.tree-nodes li .expand-button {
            border-radius: 4px;
            color: #000000;
            font-size: 1.2em;
            padding: 6px;
        }

            .internet-payments-wrapper .checkbox-tree ul.tree-nodes li .expand-button i.hover {
                background: #88B7FA;
            }

        .internet-payments-wrapper .checkbox-tree ul.tree-nodes li.tree-level-1 {
            border-left: none;
        }

            .internet-payments-wrapper .checkbox-tree ul.tree-nodes li.tree-level-1 .expand-button {
                margin-right: 0;
            }

        .internet-payments-wrapper .checkbox-tree ul.tree-nodes li.tree-level-2 {
            border-left: none;
            padding-left: 38px;
        }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .checkbox-tree .checkbox-tree-header {
        padding: 0.92857em 0.71429em;
    }

    .internet-payments-wrapper .checkbox-tree ul.tree-nodes li {
        padding: 0.78571em 0.71429em;
    }

        .internet-payments-wrapper .checkbox-tree ul.tree-nodes li.tree-level-2 {
            padding: 0.92857em 2.42857em;
        }
}

.internet-payments-wrapper .scroll-table {
    -ms-overflow-style: auto;
    /* IE and Edge */
    overflow-x: auto;
    scrollbar-width: thin;
    /* Firefox */
}

@media only screen and (max-width: 425px) {
    .internet-payments-wrapper .scroll-table {
        scrollbar-width: none;
    }

        .internet-payments-wrapper .scroll-table::-webkit-scrollbar {
            display: none;
        }
}

.internet-payments-wrapper .scroll-table::-webkit-scrollbar {
    height: 5px;
}

.internet-payments-wrapper .scroll-table table {
    border-bottom: 1px solid #D8D8D8;
    border-collapse: initial;
    border-spacing: initial;
    border-top: 1px solid #D8D8D8;
    min-width: 100%;
}

    .internet-payments-wrapper .scroll-table table tr th {
        line-height: 24px;
        padding: 14px 40px !important;
        text-align: left;
        white-space: nowrap;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

        .internet-payments-wrapper .scroll-table table tr th:first-child {
            padding-left: 16px !important;
        }

        .internet-payments-wrapper .scroll-table table tr th.sortable {
            cursor: pointer;
        }

        .internet-payments-wrapper .scroll-table table tr th i {
            color: #0E5BF3;
            font-size: .7em;
        }

    .internet-payments-wrapper .scroll-table table tr td {
        border-top: 1px solid #D8D8D8;
        color: #090304;
        line-height: 24px;
        padding: 14px 40px !important;
        white-space: nowrap;
    }

        .internet-payments-wrapper .scroll-table table tr td .label-circle {
            background: rgba(0, 0, 0, 0.04);
            border-radius: 50%/50%;
            color: rgba(0, 0, 0, 0.6);
            font-size: 12px;
            line-height: 16px;
            padding: 4px 8px;
        }

        .internet-payments-wrapper .scroll-table table tr td:first-child {
            padding-left: 16px !important;
        }

    .internet-payments-wrapper .scroll-table table tbody tr:not(.no-rows):hover {
        background: #f1f5fe;
        cursor: pointer;
    }

    .internet-payments-wrapper .scroll-table table tbody tr.no-rows td {
        text-align: center;
    }

.internet-payments-wrapper .button .icon {
    background-color: transparent !important;
}

.internet-payments-wrapper .button .button-name {
    color: #090304;
    font-weight: normal;
}

.internet-payments-wrapper .filter-button {
    background-color: transparent !important;
    border-radius: 40px !important;
    color: #0E5BF3 !important;
    cursor: pointer;
    font-weight: bold;
    height: 36px;
    margin-right: 8px;
    padding: 7px 12px;
    position: relative;
    top: 9px;
}

    .internet-payments-wrapper .filter-button .filter-button-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
    }

    .internet-payments-wrapper .filter-button .filter-text {
        margin-left: 4px;
    }

    .internet-payments-wrapper .filter-button:hover {
        background-color: rgba(14, 91, 243, 0.06) !important;
        -webkit-box-shadow: 0 0 0 0 transparent inset !important;
        box-shadow: 0 0 0 0 transparent inset !important;
    }

    .internet-payments-wrapper .filter-button:focus {
        background-color: rgba(14, 91, 243, 0.06) !important;
        -webkit-box-shadow: 0 0 0 0 transparent inset !important;
        box-shadow: 0 0 0 0 transparent inset !important;
    }

    .internet-payments-wrapper .filter-button:active {
        background-color: rgba(14, 91, 243, 0.06) !important;
        -webkit-box-shadow: 0 0 0 0 transparent inset !important;
        box-shadow: 0 0 0 0 transparent inset !important;
    }

.internet-payments-wrapper .informative-button {
    background: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: none;
}

    .internet-payments-wrapper .informative-button:hover {
        border-color: rgba(0, 0, 0, 0.4);
    }

    .internet-payments-wrapper .informative-button:focus-within {
        border-color: #136EF6;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .internet-payments-wrapper .informative-button:active {
        background: none !important;
    }

    .internet-payments-wrapper .informative-button .informative-button-wrapper {
        font-weight: normal;
        text-align: left;
    }

    .internet-payments-wrapper .informative-button .informative-button-label {
        color: rgba(0, 0, 0, 0.6);
        font-size: 12px;
        height: 16px;
    }

    .internet-payments-wrapper .informative-button .informative-button-name {
        color: #090304;
    }

    .internet-payments-wrapper .informative-button .informative-button-error {
        color: #FF5625;
    }

.internet-payments-wrapper .pill-button {
    background-color: #0E5BF3;
    border-radius: 2rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase;
}

    .internet-payments-wrapper .pill-button:hover, .internet-payments-wrapper .pill-button:focus, .internet-payments-wrapper .pill-button:active {
        background-color: #0E5BF3;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #FFFFFF;
    }

    .internet-payments-wrapper .pill-button.disabled {
        background-color: #FFFFFF !important;
        border: 1px solid #ACACAC;
        color: #ACACAC;
    }

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 0;
    z-index: 1000;
}

    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper.active {
        width: 100%;
    }

    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar {
        background: #FFFFFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: relative;
        top: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        width: 400px;
        z-index: 1001;
    }

@media only screen and (max-width: 600px) {
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        width: 100vw;
    }
}

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    max-height: calc(100vh - 27vh);
    overflow-y: auto;
}

    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .date-range-title {
        color: rgba(0, 0, 0, 0.6);
        padding: 1.15rem 1rem 0rem 1rem;
    }

    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.57rem 1.7rem 0.57rem 1.15rem;
        -webkit-transition: background-color 0.3s linear;
        transition: background-color 0.3s linear;
    }

        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment.active {
            background-color: rgba(14, 91, 243, 0.06);
        }

        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment:hover {
            background-color: rgba(14, 91, 243, 0.06);
        }

        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment .tray-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment .tray-wrapper .name {
                font-size: 1.15rem;
                letter-spacing: 0.15px;
                line-height: 1.7rem;
            }

        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment .icon {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #136EF6;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .ui.segments.tray-main-content .ui.segment:not(:last-child) {
            margin-bottom: 0.57rem;
        }

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .tray-title-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.58rem 1.15rem;
}

    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .tray-title-section h1 {
        color: #000000;
        font-size: 1.42rem;
        line-height: 1.7rem;
        margin: 0;
    }

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

@media only screen and (max-width: 600px) {
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar.active {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .tray-footer-section {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.58rem 1.15rem;
    vertical-align: bottom;
    width: 100%;
}

    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .sidebar .tray-footer-section .select-button {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #0E5BF3;
        margin: 0;
        width: 100%;
    }

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper .ui.dimmer {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .ui.dimmer.active {
        background-color: rgba(0, 0, 0, 0.4);
    }

.internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
    }

        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title {
            background: none;
            color: #333333;
        }

            .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 30px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 30px;
            }

                .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover {
                    background-color: #e5f5fe;
                    border-radius: 3rem;
                    color: #136EF6;
                }

                    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i {
                        color: #136EF6;
                        z-index: 999;
                    }

                        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-prev:hover i:hover, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-title .s4cal-next:hover i:hover {
                            color: #136EF6;
                            z-index: 999;
                        }

        .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day,
            .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month,
            .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-selected,
            .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-disabled {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 47px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-not-in-month.s4cal-selected {
                    opacity: 1;
                }

                .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-hovered {
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-selected {
                    background-color: rgba(14, 91, 243, 0.06);
                    border-radius: 0;
                    color: #333333;
                }

                .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start:not(.s4cal-end):after {
                    background-color: rgba(14, 91, 243, 0.06);
                    background-position: 50% 50%;
                    background-size: cover;
                    border-radius: 50%;
                    content: '\00a0';
                    display: inline-block;
                    height: 54px;
                    left: 25px;
                    position: absolute;
                    width: 50px;
                }

                .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end:not(.s4cal-start):before {
                    background-color: rgba(14, 91, 243, 0.06);
                    background-position: 50% 50%;
                    background-size: cover;
                    border-radius: 50%;
                    content: '\00a0';
                    display: inline-block;
                    height: 54px;
                    position: absolute;
                    right: 25px;
                    width: 50px;
                }

                .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    background-color: transparent;
                    border: none;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    overflow: hidden;
                }

                    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-start span, .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar .s4cal-days-container .s4cal-day.s4cal-end span {
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        background-color: #136EF6;
                        border-radius: 5rem;
                        color: #FFFFFF;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-negative: 0;
                        flex-shrink: 0;
                        height: 47px;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        min-height: 100%;
                        min-width: 100%;
                        width: 47px;
                        z-index: 2;
                    }

@media only screen and (max-width: 394px) {
    .internet-payments-wrapper .datepicker-tray-sidebar-wrapper .s4cal-container.s4cal-inline .s4cal-input .s4cal-calendars .s4cal-calendar {
        padding: 0 1rem 0 1rem;
    }
}

.internet-payments-wrapper .delete-confirmation-modal .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .internet-payments-wrapper .delete-confirmation-modal .container .header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.16);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 56px;
        width: 100%;
    }

        .internet-payments-wrapper .delete-confirmation-modal .container .header .text {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 20px;
            font-weight: 400;
            margin: 16px;
        }

        .internet-payments-wrapper .delete-confirmation-modal .container .header .right {
            padding-right: 16px;
        }

            .internet-payments-wrapper .delete-confirmation-modal .container .header .right .icon {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                background: #FAFAFA;
                border-radius: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 40px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 40px;
            }

                .internet-payments-wrapper .delete-confirmation-modal .container .header .right .icon:hover {
                    background: #F1F5FF;
                    color: #3b79f5;
                    cursor: pointer;
                }

    .internet-payments-wrapper .delete-confirmation-modal .container .content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 40px;
        padding-top: 40px;
        width: 100%;
    }

        .internet-payments-wrapper .delete-confirmation-modal .container .content .text {
            font-size: 20px;
            font-weight: 400;
            letter-spacing: 0.18px;
            line-height: 24px;
            text-align: center;
        }

    .internet-payments-wrapper .delete-confirmation-modal .container .footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid rgba(0, 0, 0, 0.16);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 72px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        mix-blend-mode: normal;
        width: 100%;
    }

        .internet-payments-wrapper .delete-confirmation-modal .container .footer .cancel {
            background-color: #FFFFFF;
            border: 1px solid #0E5BF3 !important;
            color: #0E5BF3 !important;
            margin-left: 16px;
            margin-right: 5px;
            width: 100%;
        }

        .internet-payments-wrapper .delete-confirmation-modal .container .footer .delete {
            background-color: #0E5BF3 !important;
            border: 1px solid #0E5BF3 !important;
            margin-left: 5px;
            margin-right: 16px;
            width: 100%;
        }

.ui.segment.page-not-found {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 5.5em;
    width: 100%;
}

    .ui.segment.page-not-found h1 {
        color: #090304;
        font-size: 3.5em;
        margin: 0.5em 0 0.2em 0;
    }

    .ui.segment.page-not-found img {
        display: block;
        max-height: 70vh;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        overflow: hidden;
    }

@media only screen and (max-width: 767px) {
    .ui.segment.page-not-found {
        min-height: 88vh;
        padding-top: 0;
    }

        .ui.segment.page-not-found h1 {
            font-size: 3.5em;
        }

        .ui.segment.page-not-found p {
            margin: 0em 1em 1em 1em;
        }
}

.internet-payments-wrapper .dropdown.standard {
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-radius: 20px;
    margin-right: 10px;
    padding: 10px;
}

    .internet-payments-wrapper .dropdown.standard .label {
        color: rgba(0, 0, 0, 0.38);
        margin: 5px;
    }

    .internet-payments-wrapper .dropdown.standard .icon {
        float: right;
    }

        .internet-payments-wrapper .dropdown.standard .icon.chevron {
            font-size: 13px;
        }

    .internet-payments-wrapper .dropdown.standard .menu {
        margin-top: 1px;
    }

    .internet-payments-wrapper .dropdown.standard:hover {
        border: 1px solid rgba(0, 0, 0, 0.38);
    }

    .internet-payments-wrapper .dropdown.standard.active {
        background-color: #FFFFFF;
        border: 1px solid #136EF6;
    }

        .internet-payments-wrapper .dropdown.standard.active .label {
            color: #136EF6;
        }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .dropdown.standard {
        margin-right: 0px;
        width: 100%;
    }
}

.internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown {
    border: 1px solid rgba(0, 0, 0, 0.16);
    max-height: 46px;
    padding: 21px 10px 7px 10px;
    position: relative;
    width: 100%;
}

    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown:hover {
        border: 1px solid rgba(0, 0, 0, 0.38);
    }

    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .icon {
        float: right;
        margin-top: -5px;
    }

        .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .icon.chevron {
            font-size: 13px;
        }

    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .default.text {
        color: #000000;
    }

    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .menu {
        margin-top: 7px;
        max-height: 300px;
        overflow-y: auto;
        width: 100%;
    }

        .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .menu > .item {
            font-size: 14px;
        }

    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .label {
        color: rgba(0, 0, 0, 0.6);
        font-size: 14px;
        left: 10px;
        pointer-events: none;
        position: absolute;
        top: 15px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown .label.active-text {
            font-size: 13px;
            top: 5px;
        }

    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.active {
        border: 1px solid #136EF6;
    }

        .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.active .label {
            color: #136EF6;
        }

        .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown.active .icon {
            color: #136EF6;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .internet-payments-wrapper .internet-payments-dropdown-wrapper .internet-payments-dropdown.dropdown:focus-within .label {
        font-size: 13px;
        top: 5px;
    }

.internet-payments-wrapper .internet-payments-dropdown-wrapper.error .internet-payments-dropdown.dropdown {
    background-color: #FFF6F6;
    border-color: #E0B4B4;
}

    .internet-payments-wrapper .internet-payments-dropdown-wrapper.error .internet-payments-dropdown.dropdown .label {
        color: #9F3A38;
    }

.internet-payments-wrapper .tab-elements.standard .ui.menu .item {
    border-width: 0.3em;
    -webkit-transition: border-color ease-in-out 0.2s;
    transition: border-color ease-in-out 0.2s;
}

    .internet-payments-wrapper .tab-elements.standard .ui.menu .item.active {
        border-color: #0E5BF3;
        color: #090304;
    }

        .internet-payments-wrapper .tab-elements.standard .ui.menu .item.active:hover {
            border-color: #0E5BF3;
        }

    .internet-payments-wrapper .tab-elements.standard .ui.menu .item:hover {
        border-color: #88B7FA;
    }

.internet-payments-wrapper button.circular-button, .internet-payments-wrapper button.dropdown-file-selector, .internet-payments-wrapper .download-label-button button.download {
    border: none;
}

    .internet-payments-wrapper button.circular-button i, .internet-payments-wrapper button.dropdown-file-selector i, .internet-payments-wrapper .download-label-button button.download i {
        margin: 0;
    }

.internet-payments-wrapper .circular-button, .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .circular-button.primary, .internet-payments-wrapper .primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0E5BF3;
    border: none;
    border-radius: 50px;
    color: #FFFFFF;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    min-height: 40px;
    min-width: 40px;
    padding: 0;
    width: 40px;
}

    .internet-payments-wrapper .circular-button.disabled, .internet-payments-wrapper .disabled.dropdown-file-selector, .internet-payments-wrapper .download-label-button .disabled.download, .internet-payments-wrapper .circular-button.primary.disabled, .internet-payments-wrapper .primary.disabled.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.disabled.download {
        opacity: 0.5;
        pointer-events: none;
    }

    .internet-payments-wrapper .circular-button:hover, .internet-payments-wrapper .dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .download:hover, .internet-payments-wrapper .circular-button.active, .internet-payments-wrapper .active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .active.download, .internet-payments-wrapper .circular-button.primary:hover, .internet-payments-wrapper .primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.download:hover, .internet-payments-wrapper .circular-button.primary.active, .internet-payments-wrapper .primary.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.active.download {
        background-color: #136EF6;
    }

    .internet-payments-wrapper .circular-button.secondary, .internet-payments-wrapper .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download, .internet-payments-wrapper .circular-button.primary.secondary, .internet-payments-wrapper .primary.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download {
        background-color: rgba(0, 0, 0, 0.04);
        color: rgba(0, 0, 0, 0.6);
    }

        .internet-payments-wrapper .circular-button.secondary:hover, .internet-payments-wrapper .dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .download:hover, .internet-payments-wrapper .circular-button.secondary.active, .internet-payments-wrapper .active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .active.download, .internet-payments-wrapper .circular-button.primary.secondary:hover, .internet-payments-wrapper .primary.dropdown-file-selector:hover, .internet-payments-wrapper .download-label-button .primary.download:hover, .internet-payments-wrapper .circular-button.primary.secondary.active, .internet-payments-wrapper .primary.active.dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.active.download {
            background-color: rgba(14, 91, 243, 0.06);
            color: #0E5BF3;
        }

        .internet-payments-wrapper .circular-button + .circular-button, .internet-payments-wrapper .dropdown-file-selector + .circular-button, .internet-payments-wrapper .download-label-button .download + .circular-button, .internet-payments-wrapper .circular-button + .dropdown-file-selector, .internet-payments-wrapper .dropdown-file-selector + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .download + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .circular-button + .download, .internet-payments-wrapper .download-label-button .dropdown-file-selector + .download, .internet-payments-wrapper .download-label-button .download + .download, .internet-payments-wrapper .circular-button.primary + .circular-button, .internet-payments-wrapper .primary.dropdown-file-selector + .circular-button, .internet-payments-wrapper .download-label-button .primary.download + .circular-button, .internet-payments-wrapper .circular-button.primary + .dropdown-file-selector, .internet-payments-wrapper .primary.dropdown-file-selector + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .primary.download + .dropdown-file-selector, .internet-payments-wrapper .download-label-button .circular-button.primary + .download, .internet-payments-wrapper .download-label-button .primary.dropdown-file-selector + .download, .internet-payments-wrapper .download-label-button .primary.download + .download {
            margin-left: 8px;
        }

.internet-payments-wrapper .info-tile {
    background: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    margin: 0 8px;
    min-width: 135px;
    padding: 16px;
}

    .internet-payments-wrapper .info-tile .label {
        display: block;
        font-weight: bold;
    }

    .internet-payments-wrapper .info-tile .color-dot-label {
        font-weight: bold;
    }

        .internet-payments-wrapper .info-tile .color-dot-label .dot {
            font-size: .8em;
        }

.internet-payments-wrapper .info-pill {
    background: rgba(14, 91, 243, 0.06);
    border-radius: 15px;
    color: #0E5BF3;
    font-size: 13px;
    padding: 0 7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

    .internet-payments-wrapper .info-pill.disabled {
        background: rgba(0, 0, 0, 0.04);
        color: rgba(0, 0, 0, 0.6);
    }

.internet-payments-wrapper .customer-details {
    background-color: #FAFAFA;
    min-width: 946px;
}

.internet-payments-wrapper .customer-top-bar {
    border-bottom: 1px solid #D8D8D8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -10px;
    min-width: 946px;
    padding-bottom: 16px;
}

    .internet-payments-wrapper .customer-top-bar h2 {
        margin: 4px 20px;
        padding: 0;
    }

    .internet-payments-wrapper .customer-top-bar .customers-back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .internet-payments-wrapper .customer-top-bar .customers-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .internet-payments-wrapper .customer-top-bar .customers-navigation button {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: transparent;
            border: 1px solid #136EF6;
            border-radius: 50px;
            color: #136EF6;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .internet-payments-wrapper .customer-top-bar .customers-navigation button span {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 75px;
            }

            .internet-payments-wrapper .customer-top-bar .customers-navigation button:hover {
                background: #F2F6FE;
            }

            .internet-payments-wrapper .customer-top-bar .customers-navigation button:first-of-type span {
                margin-right: 10px;
                margin-top: 3px;
            }

            .internet-payments-wrapper .customer-top-bar .customers-navigation button:first-of-type i {
                margin-left: 6px;
            }

            .internet-payments-wrapper .customer-top-bar .customers-navigation button:last-of-type {
                margin-left: 8px;
            }

                .internet-payments-wrapper .customer-top-bar .customers-navigation button:last-of-type span {
                    margin-left: 10px;
                    margin-top: 3px;
                }

                .internet-payments-wrapper .customer-top-bar .customers-navigation button:last-of-type i {
                    margin-right: 6px;
                }

.internet-payments-wrapper .customer-summary-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .9em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    width: 946px;
}

    .internet-payments-wrapper .customer-summary-panel .info-tile {
        width: 135px;
    }

.internet-payments-wrapper .customer-details-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 13px;
    padding: 20px;
    width: 946px;
}

    .internet-payments-wrapper .customer-details-panel ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .internet-payments-wrapper .customer-details-panel ul li {
            font-size: .9em;
            margin-bottom: 8px;
        }

    .internet-payments-wrapper .customer-details-panel .label {
        display: block;
        font-weight: bold;
    }

    .internet-payments-wrapper .customer-details-panel .counter-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .internet-payments-wrapper .customer-details-panel .counter-label .color-dot-label {
            background: #ececec;
            border-radius: 10px;
            font-size: .8em;
            margin-left: 3px;
            padding: 0 7px 0 3px;
        }

            .internet-payments-wrapper .customer-details-panel .counter-label .color-dot-label .dot {
                margin: 0 4px;
            }

    .internet-payments-wrapper .customer-details-panel .details-list {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 4px 21px;
        word-break: break-all;
    }

        .internet-payments-wrapper .customer-details-panel .details-list:last-of-type {
            margin-right: 100px;
        }

        .internet-payments-wrapper .customer-details-panel .details-list .details-list-items .no-wrap {
            word-break: keep-all;
        }

        .internet-payments-wrapper .customer-details-panel .details-list .details-list-items .risk-color-A {
            color: #48AA2F;
        }

        .internet-payments-wrapper .customer-details-panel .details-list .details-list-items .risk-color-D {
            color: #B00020;
        }

.internet-payments-wrapper .customers-search-summary {
    background-color: #FAFAFA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .9em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: auto;
    padding: 20px;
}

    .internet-payments-wrapper .customers-search-summary::-webkit-scrollbar {
        display: none;
    }

    .internet-payments-wrapper .customers-search-summary .info-tile {
        width: 170px;
    }

.internet-payments-wrapper .ui.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.internet-payments-wrapper .customers-controls {
    margin-bottom: 10px;
}

    .internet-payments-wrapper .customers-controls .mobile-search {
        margin-bottom: 16px;
    }

    .internet-payments-wrapper .customers-controls .desktop-filters {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .internet-payments-wrapper .customers-controls .list-search {
        width: 100%;
    }

    .internet-payments-wrapper .customers-controls .export-controls {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .internet-payments-wrapper .customers-controls .customers-controls-mobile {
        padding-right: 15px;
        width: 100%;
    }

        .internet-payments-wrapper .customers-controls .customers-controls-mobile .dropdown {
            margin-top: 20px;
        }

.internet-payments-wrapper .customer-actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-right: 1rem;
}

    .internet-payments-wrapper .customer-actions .filter-button {
        margin-bottom: 20px;
    }

.internet-payments-wrapper .centered {
    text-align: center;
}

.internet-payments-wrapper .loader-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .internet-payments-wrapper .loader-container .loader-text {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 5.5rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        z-index: 2;
    }

    .internet-payments-wrapper .loader-container .main-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation: loader 0.5s linear infinite;
        animation: loader 0.5s linear infinite;
        background: conic-gradient(from 90deg at 50% 50%, #110EF3 0deg, rgba(14, 91, 243, 0) 0.04deg, #0E5BF3 360deg);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100px;
    }

        .internet-payments-wrapper .loader-container .main-container .outer-circle {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: #FFFFFF;
            border-radius: 50%;
            bottom: 8.33%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            left: 8.33%;
            position: absolute;
            right: 8.33%;
            top: 8.33%;
        }

.internet-payments-wrapper .button-loader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0E5BF3 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.internet-payments-wrapper .spinner,
.internet-payments-wrapper .icon-loader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: loader 0.3s linear infinite;
    animation: loader 0.3s linear infinite;
    border: 2px solid rgba(196, 196, 196, 0.4);
    border-radius: 50%;
    border-top: 2px solid #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
}

.internet-payments-wrapper .icon-loader {
    border: 2px solid #88B7FA;
    border-top: 2px solid #0E5BF3;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .spinner {
        height: 20px;
        width: 20px;
    }
}

.internet-payments-wrapper .ui.warning.message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: fadeIn .5s ease-in-out;
    animation: fadeIn .5s ease-in-out;
    background: rgba(246, 167, 53, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 18px;
}

    .internet-payments-wrapper .ui.warning.message p {
        color: #000000;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.25px;
        line-height: 20px;
        margin: 0;
    }

    .internet-payments-wrapper .ui.warning.message svg {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 20px;
        margin-right: 10px;
        width: 20px;
    }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .tray-header h2 {
    font-size: 1.6rem;
}

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .tray-header i.big.icon {
    background: #f0f0f0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.5em;
}

    .internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .tray-header i.big.icon:hover {
        background: rgba(14, 91, 243, 0.06);
        color: #0E5BF3;
    }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content h4 {
    color: #ACACAC;
}

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content .show-more {
    color: #0E5BF3;
    padding: 10px;
}

    .internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .content .show-more .icon {
        font-size: 1em;
        padding-left: 3px;
    }

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .actions .button {
    width: 100%;
}

.internet-payments-wrapper .customers .tray .internet-payments-sliding-tray .actions .export-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .customers .tray .sliding-tray .actions {
        padding: 0px 10px 30px 10px;
    }
}

.internet-payments-wrapper .customer-filtering-tray .input:nth-of-type(1) {
    margin-bottom: 15px;
}

.internet-payments-wrapper .select-items label {
    font-weight: 600;
}

.internet-payments-wrapper .ui.checkbox label:hover::before {
    border-color: #0E5BF3;
}

.internet-payments-wrapper .ui.checkbox input:checked ~ label:before {
    background: #0E5BF3;
    border-color: #0E5BF3;
}

.internet-payments-wrapper .ui.checkbox.radio input:checked ~ label:before {
    background: #FFFFFF;
}

.internet-payments-wrapper .ui.checkbox.radio input:checked ~ label:after {
    background: #0E5BF3;
}

.internet-payments-wrapper .tray .content .desktop-datepicker {
    background-color: transparent;
    border-radius: 0px;
    display: block;
    padding: 0;
}

    .internet-payments-wrapper .tray .content .desktop-datepicker .period-text {
        font-size: 12px;
        padding-left: 5px;
    }

    .internet-payments-wrapper .tray .content .desktop-datepicker input {
        border: none;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        font-size: 13px;
        padding: 0 0 0 10px;
    }

.internet-payments-wrapper .tray .content .customer-mobile-datepicker {
    background-color: transparent;
    border-radius: 0px;
    display: block;
    padding: 0;
}

    .internet-payments-wrapper .tray .content .customer-mobile-datepicker .ip-date-range-picker {
        background-color: transparent;
        border: 1px solid #f0f0f0;
        border-radius: 0px;
    }

        .internet-payments-wrapper .tray .content .customer-mobile-datepicker .ip-date-range-picker:hover {
            border: 1px solid rgba(0, 0, 0, 0.38);
        }

        .internet-payments-wrapper .tray .content .customer-mobile-datepicker .ip-date-range-picker.active {
            border: 1px solid #136EF6;
        }

        .internet-payments-wrapper .tray .content .customer-mobile-datepicker .ip-date-range-picker input {
            border: none;
        }

.custom-calendar .s4cal-input.s4cal-input-vertical-range {
    padding: 10px;
}

    .custom-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-right .s4cal-ranges {
        padding: 0px;
    }

        .custom-calendar .s4cal-input.s4cal-input-vertical-range .s4cal-right .s4cal-ranges .s4cal-range {
            padding: 8px;
        }

.internet-payments-wrapper .report-card-group {
    margin-top: 30px;
}

    .internet-payments-wrapper .report-card-group .card-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px;
        padding-top: 12px;
    }

.internet-payments-wrapper .report-card {
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    -ms-flex-preferred-size: 290px;
    flex-basis: 290px;
    height: 230px;
    padding: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .internet-payments-wrapper .report-card {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    }
}

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .report-card {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.internet-payments-wrapper .report-card .card-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .internet-payments-wrapper .report-card .card-header h3 {
        margin-top: 15px;
    }

.internet-payments-wrapper .report-card img {
    height: 55px;
    width: 55px;
}

.internet-payments-wrapper .report-card:hover {
    border: 1px solid #0E5BF3;
}

.internet-payments-wrapper .search-filters {
    width: 100%;
}

    .internet-payments-wrapper .search-filters .list-search .search-button {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid transparent;
        border-radius: 50%;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        width: 40px;
    }

        .internet-payments-wrapper .search-filters .list-search .search-button:hover {
            background-color: rgba(14, 83, 243, 0.09);
        }

    .internet-payments-wrapper .search-filters .list-search input {
        padding-left: 45px;
    }

        .internet-payments-wrapper .search-filters .list-search input::-webkit-calendar-picker-indicator {
            display: none !important;
        }

    .internet-payments-wrapper .search-filters .filters {
        background-color: #FFFFFF;
        -webkit-box-shadow: rgba(0, 0, 0, 0.38) 0px 1px 3px;
        box-shadow: rgba(0, 0, 0, 0.38) 0px 1px 3px;
        margin-top: 5px;
        max-height: 220px;
        overflow: hidden;
        overflow-y: auto;
        position: absolute;
        width: 76%;
        z-index: 1;
    }

        .internet-payments-wrapper .search-filters .filters::-webkit-scrollbar {
            display: none;
        }

        .internet-payments-wrapper .search-filters .filters .filter-item {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #000000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 40px;
            text-decoration: none;
            width: 100%;
        }

            .internet-payments-wrapper .search-filters .filters .filter-item.text-with-border {
                border-bottom: 1px solid #E5E5E5;
            }

            .internet-payments-wrapper .search-filters .filters .filter-item:hover {
                background: #F2F6FE;
            }

            .internet-payments-wrapper .search-filters .filters .filter-item p {
                margin-left: 10px;
            }

            .internet-payments-wrapper .search-filters .filters .filter-item .suggested-filters {
                color: rgba(0, 0, 0, 0.522);
                font-weight: 600;
            }

@media only screen and (max-width: 767px) {
    .internet-payments-wrapper .search-filters .filters {
        width: 90%;
    }
}

.internet-payments-wrapper .range-indicator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .internet-payments-wrapper .range-indicator span {
        font-weight: bold;
    }

    .internet-payments-wrapper .range-indicator .indicator {
        background-color: #ececec;
        border-radius: 12px;
        height: 11px;
        margin-left: 6px;
        width: 63px;
    }

        .internet-payments-wrapper .range-indicator .indicator .range {
            border-radius: 12px;
            height: 11px;
            width: 63px;
        }

            .internet-payments-wrapper .range-indicator .indicator .range.high {
                background: -webkit-gradient(linear, left top, right top, from(#ffc839), to(#ff5c26));
                background: linear-gradient(90deg, #ffc839 0%, #ff5c26 100%);
                width: 100%;
            }

            .internet-payments-wrapper .range-indicator .indicator .range.med-high {
                background: -webkit-gradient(linear, left top, right top, from(#ffc839), to(#ff5c26));
                background: linear-gradient(90deg, #ffc839 0%, #ff5c26 100%);
                width: 82%;
            }

            .internet-payments-wrapper .range-indicator .indicator .range.med {
                background: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffc839), to(#ff5c26));
                background: linear-gradient(90deg, #ffc839 30%, #ff5c26 100%);
                width: 60%;
            }

            .internet-payments-wrapper .range-indicator .indicator .range.med-low {
                background: -webkit-gradient(linear, left top, right top, color-stop(30%, #51a72e), to(#ffc839));
                background: linear-gradient(90deg, #51a72e 30%, #ffc839 100%);
                width: 44%;
            }

            .internet-payments-wrapper .range-indicator .indicator .range.low {
                background: -webkit-gradient(linear, left top, right top, color-stop(60%, #51a72e), to(#ffc839));
                background: linear-gradient(90deg, #51a72e 60%, #ffc839 100%);
                width: 20%;
            }