/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1291,17): run-time error CSS1063: Expected calculation unit, found 'var('
(1291,17): run-time error CSS1064: Expected calculation product, found 'var('
(1291,17): run-time error CSS1019: Unexpected token, found 'var('
(1291,17): run-time error CSS1042: Expected function, found 'var('
(1291,22): run-time error CSS1039: Token not allowed after unary operator: '-fixed-w-col-size'
(1291,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1294,17): run-time error CSS1063: Expected calculation unit, found 'var('
(1294,17): run-time error CSS1064: Expected calculation product, found 'var('
(1294,17): run-time error CSS1019: Unexpected token, found 'var('
(1294,17): run-time error CSS1042: Expected function, found 'var('
(1294,22): run-time error CSS1039: Token not allowed after unary operator: '-fixed-w-col-size'
(1294,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1297,17): run-time error CSS1063: Expected calculation unit, found 'var('
(1297,17): run-time error CSS1064: Expected calculation product, found 'var('
(1297,17): run-time error CSS1019: Unexpected token, found 'var('
(1297,17): run-time error CSS1042: Expected function, found 'var('
(1297,22): run-time error CSS1039: Token not allowed after unary operator: '-fixed-w-col-size'
(1297,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1300,17): run-time error CSS1063: Expected calculation unit, found 'var('
(1300,17): run-time error CSS1064: Expected calculation product, found 'var('
(1300,17): run-time error CSS1019: Unexpected token, found 'var('
(1300,17): run-time error CSS1042: Expected function, found 'var('
(1300,22): run-time error CSS1039: Token not allowed after unary operator: '-fixed-w-col-size'
(1300,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1303,17): run-time error CSS1063: Expected calculation unit, found 'var('
(1303,17): run-time error CSS1064: Expected calculation product, found 'var('
(1303,17): run-time error CSS1019: Unexpected token, found 'var('
(1303,17): run-time error CSS1042: Expected function, found 'var('
(1303,22): run-time error CSS1039: Token not allowed after unary operator: '-fixed-w-col-size'
(1303,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1306,17): run-time error CSS1063: Expected calculation unit, found 'var('
(1306,17): run-time error CSS1064: Expected calculation product, found 'var('
(1306,17): run-time error CSS1019: Unexpected token, found 'var('
(1306,17): run-time error CSS1042: Expected function, found 'var('
(1306,22): run-time error CSS1039: Token not allowed after unary operator: '-fixed-w-col-size'
(1306,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(2337,18): run-time error CSS1063: Expected calculation unit, found 'var('
(2337,18): run-time error CSS1064: Expected calculation product, found 'var('
(2337,18): run-time error CSS1019: Unexpected token, found 'var('
(2337,18): run-time error CSS1042: Expected function, found 'var('
(2337,23): run-time error CSS1039: Token not allowed after unary operator: '-swipe-viewport-ganerror-maxheight'
(2337,60): run-time error CSS1019: Unexpected token, found ' '
(2337,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2369,22): run-time error CSS1039: Token not allowed after unary operator: '-swipe-viewport-ganerror-maxheight'
(2378,22): run-time error CSS1039: Token not allowed after unary operator: '-swipe-viewport-ganerror-maxheight'
 */
::-ms-reveal /* Disable reveal icon on input type = password */ {
    display: none;
}

:root {
    --fixed-w-col-size: 40px;
}

a, a:hover, a:active, a:focus {
    outline: none;
}

.k-ie fieldset {
    position: relative;
}

.k-ie legend {
    position: absolute;
    margin-top: -25px;
    background-color: #FFFFFF;
}

.k-ie .fieldset-content {
    padding-top: 10px;
}

body.modal {
    background-image: none;
    padding: 0;
}

    body.modal .container {
        min-width: 0;
        margin: 20px;
        border: none;
    }

#bottomNav.affix {
    width: 100%;
    height: 60px;
    bottom: 5px;
    position: fixed;
    right: -18px;
}

#bottomNav.affix-bottom {
    width: 100%;
    height: 60px;
    bottom: 100px;
    position: absolute;
}

fieldset {
    padding: 10px;
    margin: 0px;
    border: 1px solid #c5c5c5;
}

legend {
    display: inline-block;
    width: auto;
    padding: 5px;
    margin-bottom: initial;
    font-size: 14px;
    border: none;
}

.merchant-sidenav > li > a.disabled {
    color: grey;
}

.merchant-sidenav > li > a {
    cursor: pointer;
}

textarea:disabled,
input.readonly,
input.readonly:hover,
input:disabled,
input:disabled:hover,
.btn-default[disabled],
.btn-default.disabled,
.k-state-disabled,
.k-state-disabled .k-input,
.k-state-disabled .k-input:hover,
span[aria-readonly="true"] .k-dropdown-wrap {
    background-color: #EBEDF3 !important;
    color: #333333 !important;
    opacity: .7 !important;
    border-color: #CCCCCC !important;
}

    textarea:disabled,
    input[type="text"].readonly,
    input[type="text"].readonly:hover,
    input[type="text"]:disabled,
    input[type="text"]:disabled:hover,
    .k-state-disabled,
    .k-state-disabled .k-input,
    .k-state-disabled .k-input:hover {
        font-style: italic !important;
    }

        .k-state-disabled .k-input,
        .k-state-disabled .k-input:hover {
            opacity: 1 !important;
        }

input[type="button"]:disabled,
input[type="button"]:disabled:hover,
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover {
    background-color: lightgray;
    color: darkgray;
}

/* MPA */

.flex-view-mpa {
    display: flex;
    flex-flow: column wrap;
    max-height: 780px;
    width: 25%;
}

div.flex-view-mpa div {
    width: auto;
    padding-bottom: 14px !important;
}

.warning-change-data {
    font-size: 12px;
    color: red !important;
    background-color: #FFFF00;
}

.page-title-comment {
    padding-bottom: 16px !important;
}

.mpa-title {
    padding-bottom: 16px;
}

    .mpa-title .has-location {
        padding-top: 4px;
    }

.business-form > .row:not(.no-padding-bottom) {
    padding-bottom: 8px !important;
}

.block,
.business-form > .row.block {
    padding-bottom: 30px;
}

.block-invert,
.business-form > .row.block-invert {
    padding-top: 22px;
}

.block-invert-thin,
.business-form > .row.block-invert-thin {
    padding-top: 16px;
}

.business-form > .last-child,
.business-form > .row:last-child {
    padding-bottom: 0;
}

.business-form label, .business-form a.link {
    display: inline-block;
    margin-top: 6px;
    color: #3e3e3e;
}

label.no-margin-top {
    margin-top: 0px !important;
}

.business-form label.for-non-input {
    margin-top: 2px;
}

.business-form label.lable-inline {
    display: inline;
}

.business-form input[type=radio],
.business-form input[type=checkbox] {
    vertical-align: middle;
    margin-top: 6px;
}

    .business-form input[type=checkbox].valign-text-bottom {
        vertical-align: text-bottom;
    }

.business-form .zip5 {
    width: 5em;
}

.business-form .zip4 {
    width: 4em;
}

.business-form .control-inline label:not(.label_checkbox),
.business-form .control-block label:not(.label_checkbox) {
    color: #333333;
}

.business-form .control-inline-fee,
.business-form .control-block-fee {
    margin-right: auto !important;
}

    .business-form .control-inline-fee label,
    .business-form .control-block-fee label {
        color: #3e3e3e;
    }

/* Label format */
label.italic {
    font-style: italic;
}

label.strong {
    font-weight: bold;
}

label.header {
    text-align: center !important;
    width: 100%;
}
/*special styles for user interaction*/
.invisible {
    display: none;
}

.k-upload {
    min-height: 100px;
    min-width: 400px;
}

/* Modal */
.modal {
    min-width: 200px !important;
    padding-top: 20px;
}

    .modal .header-container, .modal .site-footer {
        display: none !important;
    }

.small-text {
    font-size: 12px;
}

    .small-text label {
        font-size: 11px;
    }

    .small-text .btn-default {
        line-height: 24px;
    }

.inline-block,
.plus {
    margin-right: -2px;
    display: inline-block;
}

.plus {
    padding: 10px;
}

.label {
    padding-left: 2px;
}

.bold {
    font-weight: bold;
}


/* Spin */
.spin-container {
    position: relative;
    display: inline-block;
}

    .spin-container input.btn-default {
        margin-top: 0;       
        outline: none;
    }

.spinner {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
}

.col-base,
.col-base-textbox,
.col-base-combobox {
    height: 30px;
}

.col-base-textbox {
    margin-bottom: 4px;
}

.col-base-combobox {
    margin-bottom: 3px;
}


.confirm-window {
    text-align: center;
    padding: 24px;
}

    .confirm-window .sub-model-headermessage {
        font-weight: bold;
        text-align: left;
    }

    .confirm-window ul.sub-model-message {
        margin: 0px;
        padding: 0px 17px;
        text-align: left;
    }

        .confirm-window ul.sub-model-message li {
            padding-top: 5px;
            text-align: left
        }

.boarding-val-container, .field-validation-error {
    display: inline-block;
    padding: 5px 5px 0px 0px !important;
    position: static !important;
    color: red !important;
    margin-bottom: 4px;
    font-size: 12px;
    background: none !important;
    border: none !important;
}

.k-tooltip {
    text-align: left !important;
}

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background-color: #fff;
    background-image: none;
    border-radius: 0;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    background-image: none;
}

.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker.k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload,
.k-textbox, .k-numeric-wrap.k-expand-padding .k-input, .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-numerictextbox, .k-numerictextbox .k-input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.k-pager-wrap .k-textbox,
.k-dropdown,
.k-dropdown-wrap,
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-dropzone {
    border-radius: 0;
    border-color: #e8e8e8;
}

.k-widget.k-window .action-container .btn-default {
    width: 64px;
}

.k-header {
    background-color: #fff;
}

.k-grid-pager {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #3E3E3E;
    background: #f6f6f6;
    padding: 2px 6px;
}

    .k-grid-pager .pager-left,
    .k-grid-pager .pager-center,
    .k-grid-pager .pager-right {
        display: inline-block;
    }

    .k-grid-pager .pager-left {
        width: 30%;
        text-align: left;
    }

    .k-grid-pager .pager-center {
        width: 40%;
        text-align: center;
    }

    .k-grid-pager .pager-right {
        width: 30%;
        text-align: right;
    }

.k-pager-input,
.k-pager-sizes,
.k-pager-info {
    padding: 0;
}

.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
    margin: 0;
}

    .k-pager-wrap .k-textbox,
    .k-pager-wrap .k-textbox:hover,
    .k-ff .k-pager-wrap input.k-textbox {
        width: 40px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        font-weight: 700;
        padding: 0 6px;
    }

.k-pager-go,
.k-pager-go:hover {
    color: #3E3E3E;
    text-decoration: none;
    margin-left: 2px;
}

.k-pager-wrap .k-input-label,
.k-pager-wrap .k-pager-go,
.k-pager-wrap .k-label {
    vertical-align: middle;
    display: inline-block;
}

.k-pager-wrap .k-pager-nav,
.k-pager-wrap .k-pager-nav:hover {
    background: none;
    border: none;
}

.k-pager-wrap .k-icon {
    width: 16px;
    height: 16px;
}

.k-pager-wrap .k-i-arrow-w {
    background: transparent url('img/arrow_left.png') center center no-repeat;
}

.k-pager-wrap .k-i-arrow-e {
    background: transparent url('img/arrow_right.png') center center no-repeat;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-e,
.k-state-hover > .k-i-arrow-e,
.k-state-hover > * > .k-i-arrow-e,
.k-button:hover .k-i-arrow-e,
.k-textbox:hover .k-i-arrow-e,
.k-button:active .k-i-arrow-e,
.k-link:not(.k-state-disabled):hover > .k-i-arrow-w,
.k-state-hover > .k-i-arrow-w,
.k-state-hover > * > .k-i-arrow-w,
.k-button:hover .k-i-arrow-w,
.k-textbox:hover .k-i-arrow-w,
.k-button:active .k-i-arrow-w {
    background-position: center center;
}

.k-grid-pager .k-dropdown {
    width: 60px;
}

.k-grid-pager .k-dropdown-wrap {
    border: none;
    text-align: left;
    padding-right: 20px;
}

.k-grid-pager .k-dropdown-wrap,
.k-grid-pager .k-dropdown {
    background-color: transparent;
}

.k-grid-pager .k-select .k-i-arrow-s {
    width: 20px;
    height: 22px;
    display: block;
}

.k-grid-pager .k-select .k-i-arrow-s {
    background: transparent url('img/grid_combobox_arrow.png') top left no-repeat;
}

.k-grid-pager .k-input {
    background-color: #FFFFFF;
    border-radius: 0;
    border: 1px solid #e8e8e8;
    height: 20px;
    padding: 0;
}

.k-secondary .k-dropdown .k-input, .k-secondary .k-dropdown .k-state-focused .k-input, .k-secondary .k-menu .k-popup {
    color: #3E3E3E;
}

.k-grid-pager .k-dropdown-wrap .k-select {
    width: 20px;
}

.k-secondary .k-autocomplete.k-state-hover, .k-secondary .k-picker-wrap.k-state-hover, .k-secondary .k-numeric-wrap.k-state-hover, .k-secondary .k-dropdown-wrap.k-state-hover {
    background-color: transparent;
}

.k-pager-info, .k-pager-input, .k-pager-wrap > .k-link {
    float: none;
}

.k-popup.k-list-container, .k-popup.k-calendar-container {
    padding: 0;
}

.k-popup .k-list .k-item {
    padding: 0 5px;
}

.k-list-container {
    color: #3E3E3E;
    background-color: #FFFFFF;
    border-color: #e8e8e8;
}

.k-state-hover,
.k-state-hover:hover {
    background-color: #DFDFDF;
}

.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-dropdown .k-state-focused,
.k-imagebrowser-dropzone,
.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected,
.k-button:focus:active {
    background: #DFDFDF;
    color: #333333;
}

.k-calendar-container.k-state-border-up, .k-list-container.k-state-border-up, .k-autocomplete.k-state-border-up, .k-multiselect.k-state-border-up, .k-dropdown-wrap.k-state-border-up, .k-picker-wrap.k-state-border-up, .k-numeric-wrap.k-state-border-up, .k-window-content, .k-filter-menu, .k-dropdown-wrap .k-select {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.k-popup, .k-menu .k-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-imagebrowser .k-image, .k-tooltip {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-autocomplete.k-state-border-down .k-input, .k-dropdown-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color, .k-numeric-wrap.k-state-border-down .k-input {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #E8E8E8;
    }

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input {
        border-color: #E8E8E8;
    }

.k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    border-bottom-width: 1px;
    padding-bottom: 0;
}

.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-state-focus,
.k-state-active {
    box-shadow: none;
}

.k-block, .k-widget, .k-group, .k-content, .k-header, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-autocomplete, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-grid-header-wrap, .k-grid-header, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool-icon, .k-upload-files, .k-dropdown .k-select {
    border-color: #E8e8e8;
    border-radius: 0;
}

.k-grid-header {
    border-color: #FFFFFF;
}

    .k-grid-header .k-header {
        text-align: center;
        padding: 4px 6px;
        font-weight: 700;
        border-color: #FFFFFF;
        border-bottom-color: #E8E8E8;
        background: #FFFFFF;
    }

        .k-grid-header .k-header .k-link,
        .k-grid-header .k-header .k-link:hover {
            text-decoration: none;
        }

.k-grid {
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3e3e3e;
}

.k-pager-wrap {
    border-width: 0px 1px 1px 1px;
}

.k-grid td {
    border-width: 0 1px 1px 0;
    padding: 4px 6px;
}

.k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    border-left-width: 1px;
}

.k-grid tr {
    background-color: #F6F6F6;
}

    .k-grid tr.k-alt {
        background-color: #FFFFFF;
    }

.k-content-frame {
    display: block;
}

.verify-step {
    display: none;
    margin-top: 20px;
}

    .verify-step.current {
        display: block;
    }

    .verify-step ul {
        list-style: none;
        padding: 10px 40px;
    }

        .verify-step ul li {
            padding: 2px 0;
        }

.k-tabstrip {
    border: none;
    background: none;
    background-color: #FFFFFF;
}

    .k-tabstrip .k-tabstrip-items {
        padding: 0 15px;
    }

    .k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active {
        border-color: #C5C5C5;
    }

.k-tabstrip-items .k-item {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.k-tabstrip .k-content.k-state-active {
    padding: 15px;
    margin: 0;
}

.adhoc-filter .filter-left {
    border-right: 1px solid #c5c5c5;
    min-height: 192px;
}

.adhoc-filter .k-textbox {
    height: auto;
    padding: 0.3em;
    line-height: 1.4em;
}

.adhoc-filter .btn-adhoc {
    line-height: 28px;
    padding: 0 8px;
}

.k-ie8 .adhoc-filter .btn-adhoc {
    height: 28px;
}

.adhoc-filter .adhoc-label {
    line-height: 30px;
    display: inline-block;
}

.spy_glass_icon {
    background: url('img/spy_glass.png') center center no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.hide-picker-icon.k-datepicker {
    width: 100px;
}

.hide-picker-icon .k-picker-wrap {
    padding: 0px;
    border-radius: 0;
}

.hide-picker-icon .k-select {
    display: none !important;
}

.as-grid {
    border: none !important;
}

.text-link {
    color: #333;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
}

    .text-link:hover {
        color: #333;
        text-decoration: none;
        font-weight: bold;
    }

.k-upload-button {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* Style for Saurom Plugin */
.as-pwd-container {
    position: relative;
}

    .as-pwd-container .show-pwd-btn {
        display: block;
        position: absolute;
        right: 4px;
        bottom: 50%;
        margin-bottom: -12px;
        width: 24px;
        height: 24px;
        font-size: 0;
        text-indent: -9999px;
        cursor: pointer;
        background: transparent url('../../images/show-pwd-icon.png') center center no-repeat;
    }

    .as-pwd-container .last-letter {
        display: block;
        position: absolute;
        bottom: 40%;
    }

    input[type="password"],
    .as-pwd-container .last-letter {
        font-family: Helvetica, Arial, sans-serif;
    }

.validation-summary p {
    line-height: 1.25em;
    padding-bottom: 8px;
    margin: 0;
}

.validation-summary-errors {
    color: red;
}

.validation-summary-valid ul {
    margin: 0;
}

    .validation-summary-valid ul li {
        margin: 2px 0 5px 0;
    }

.adhoc-joint-label {
    width: 38px;
}

.adhoc-delete {
    width: 52px;
}

.merchant-approval .content p {
    margin-bottom: 10px;
}

.skip-disabled li.skip {
    display: none;
}

.default-link.in-form {
    margin-top: 6px;
    display: inline-block;
}

.session-warning {
    font-size: 18px;
    color: red;
    font-weight: bold;
}

.bundle-error-container {
    padding: 20px 0;
}

    .bundle-error-container .bundle-error-item {
        min-height: 38px;
    }

.bundle-error-item span {
    margin-top: 6px;
}

.no-nav {
    width: 100%;
}

.hint {
    top: 7px !important;
    left: 15px !important;
}

.k-picker-wrap .hint {
    top: 7px !important;
    left: 5px !important;
}

.box.box-label {
    padding-top: 0px;
    padding-bottom: 0px;
}

.form-group .heading {
    font-weight: 700;
}

.form-group .k-timepicker {
    width: 100%;
    max-width: none;
}

.specialflag, .MCPurchaseCardType {
    width: 32px !important;
    margin-right: 5px;
}

.wordwrapSaleTransacted {
    word-wrap: break-word;
    word-break: break-all;
    width: 60px;
}

.k-widget.k-upload {
    background: #fff;
    border: none;
}

    .k-widget.k-upload .k-upload-files {
        border: none;
    }

    .k-widget.k-upload .k-file {
        border-width: 1px;
    }

.sale-transacted {
    width: 68px;
}

    .sale-transacted.total {
        margin-top: 6px;
    }

.error-msg-frontend {
    margin-left: 13px;
    color: red;
}

.mpa-type .control-inline {
    margin-right: 13px;
}

    .mpa-type .control-inline.last-child {
        margin-right: 0;
    }

hr.in-box {
    margin-bottom: 20px;
}

.col-2.signature {
    padding-right: 27px;
}

.create-new-mpa {
    background: none;
}


.k-grid-pager .k-state-disabled {
    background-color: transparent !important;
}

:-ms-input-placeholder {
    color: rgb(196, 196, 196);
}

.business-form .lable-inline {
    display: inline;
}

.e-signature-image .title {
    padding: 6px 10px;
    background: #f0f0f0;
    border-bottom: #e8e8e8 1px solid;
}

.e-signature-image img {
    width: 100%;
}

.e-signature-image canvas {
    border: none !important;
}

.esignature-tbl {
    width: auto;
}

p {
    margin: 8px 0 10px 0;
}

.summary-errors-quantity {
    padding-bottom: 22px !important;
}

.mobile-device .k-window-content {
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important;
}

.small-text .btn-default, .small-text a.btn-default {
    font-size: 10px !important;
    padding: 0 5px !important;
}

.btncopy {
    width: 63px;
}

[data-copyorder="3"] {
    width: 105px !important;
}

.pricingcard-padding {
    padding-right: 2px !important;
    padding-left: 7px !important;
}

.k-dropdown .k-select {
    border-left: 1px solid #ddd;
}

input[readonly] {
    background: #F1F2F6 !important;
    font-style: italic;
    opacity: 1;
    cursor: default;
    border-color: #CCCCCC !important;
    color: #888 !important;
}

    input[readonly] + span {
        background: #f4f4f4 !important;
    }

        input[readonly] + span span {
            cursor: default !important;
        }

.btn.btn-default.btnCheckNo {
    width: 140px;
    height: 29px;
}

.copylocation {
    padding-left: 3px !important;
}

.align_right {
    text-align: right;
}

.plus-tid {
    padding-top: 29px;
    padding-right: 4px !important;
    padding-left: 2px !important;
    width: 8px !important;
}

.total-tid {
    width: 134px !important;
}

.total-tidfds {
    width: 144px !important;
}

.number-tid {
    width: 60px !important;
}

.number-tid-station {
    width: 77px !important;
    padding-top: -12px !important;
}

.total-tid-station {
    width: 117px !important;
}

.total-tid-stationfds {
    width: 116px !important;
}

.label-tid {
    padding-top: 19px !important;
}

.center-tid {
    display: block !important;
    text-align: center;
    margin-bottom: -10px;
}

.perTIDFee {
    word-wrap: break-word;
    word-break: break-all;
    width: 80px;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.k-popup.k-list-container {
    box-sizing: content-box;
}

.template-group-label {
    margin-top: 10px;
}

.discover-selection {
    width: 42% !important;
}

.discover-checkboxs {
    height: 30px;
}

.attachment-warning {
    font-size: 12px;
    color: red;
}

.removePaddingBottom {
    padding-bottom: 0px !important;
}

.clover-setup-btn {
    display: block;
    position: relative;
    top: 0px;
    float: right;
    width: 379px;
    height: 60px;
    font-size: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url('../../images/clover-setup-btn.png');
}

.font-size-18 {
    font-size: 18px;
}

.panel-gray {
    background: none repeat scroll 0% 0% rgb(246, 246, 246);
    border-radius: 3px;
    padding: 13px 20px;
    border: 1px solid #dadada;
    display: inline-block;
}

    .panel-gray .inline-block {
        padding-right: 20px;
    }

        .panel-gray .inline-block:last-child {
            padding-right: 0px;
        }

.mt-24 {
    margin-top: 24px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-24 {
    padding-bottom: 24px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-20 {
    padding-bottom: 20px;
}

.ml-12 {
    margin-left: 12px !important;
}

.w-104 {
    width: 104px !important;
}

.w-142 {
    width: 142px !important;
}

#cidUserList .k-grid-header {
    padding-right: 0px !important;
}

#cidUserList .k-grid-content {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    height: 226px !important;
}


#cidUserList .k-grid-header .k-grid-header-wrap {
    border-style: none !important;
}

.no-scroll {
    overflow-x: auto !important;
}

.margin-top {
    margin-top: 6px;
}

.grid-checkbox {
    vertical-align: middle;
}

.gridUserList {
    width: 100%;
    height: 100%;
}

.registered {
    font-size: 14px !important;
    vertical-align: -0.3em;
}

.paypal-row {
    height: 26px !important;
}

.paypal-chk {
    margin: 0 0 0 20% !important;
}

.paypal_block_6 {
    padding-left: 35px !important;
}

.discover-checkboxs-block {
    padding-bottom: 0px !important;
}

.paypal_block_3 {
    padding-top: 0px !important;
}

.cclassLocation tbody td span.error-board {
    color: red !important;
}

.cclassLocation tbody td.error-board {
    color: red !important;
}

.cclassLocation tbody td.text-top {
    vertical-align: top !important;
    padding-top: 10px !important;
}

.error-board, a.error-link {
    color: red !important;
}


table col.fw-1 {
    width: calc(var(--fixed-w-col-size) * 1);
}
table col.fw-2 {
    width: calc(var(--fixed-w-col-size) * 2);
}
table col.fw-3 {
    width: calc(var(--fixed-w-col-size) * 3);
}
table col.fw-4 {
    width: calc(var(--fixed-w-col-size) * 4);
}
table col.fw-5 {
    width: calc(var(--fixed-w-col-size) * 5);
}
table col.fw-6 {
    width: calc(var(--fixed-w-col-size) * 6);
}

span.icon-exclamation-circle-error {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="red" class="bi bi-exclamation-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/> </svg>') no-repeat center center;
    background-size: contain;
}

.link-button-overview {
    vertical-align: top !important;
    padding: 0px 0px 0px 6px !important;
}

    .link-button-overview a {
        margin: 4px 12px 4px 0px !important;
    }

.cclassLocation tbody td.error-board li {
    padding-bottom: 5px;
    list-style: inside !important;
}

.processing-block {
    margin-bottom: 30px;
}

.grid-no-scroll {
    overflow-x: hidden !important;
}

.location-block {
    padding-bottom: 30px !important;
}

.summary-processing {
    padding-bottom: 0px !important;
}

/*Custom Kendo*/
.multiselect-peripheral .k-multiselect {
    font-family: Arial,Helvetica,sans-serif;
}

.multiselect-peripheral .k-multiselect-wrap .k-input {
    box-sizing: content-box;
    color: rgb(196, 196, 196);
    height: 1.65em;
    line-height: 1.65em;
    text-indent: 4px;
    margin-top: 0px;
    font-size: 15px;
}

    .multiselect-peripheral .k-multiselect-wrap .k-input:focus {
        color: #3E3E3E;
    }

.multiselect-peripheral-disabled .k-multiselect-wrap .k-input {
    display: none;
}

.multiselct-labelgroup {
    font-size: 12px;
    font-weight: bold;
}

.indent-mlt-1 {
    padding-left: 20px !important;
}

.indent-mlt-2 {
    padding-left: 46px !important;
}

.pinless-debit-paddingtop {
    padding-top: 8px;
}

.pinless-debit-indent-1-5 {
    padding-left: 32px !important;
}
/* ======================  @media print ================ */
@media print {

    .popupmodal-open {
        background-color: #fff;
    }

        .popupmodal-open > * {
            display: none !important;
        }

        .popupmodal-open .k-window[style*="opacity: 1"] {
            display: block !important;
            top: 0px !important;
            left: 0px !important;
            width: 100% !important;
            box-shadow: none !important;
            border: none !important;
        }

        .popupmodal-open .k-window .k-window-titlebar {
            background: none !important;
            border: none !important;
        }

            .popupmodal-open .k-window .k-window-titlebar .k-window-title {
                color: #000 !important;
            }
}

.uppercase input {
    text-transform: uppercase;
}

.uppercase-dropdown span {
    text-transform: uppercase;
}

    .uppercase-dropdown span input {
        text-transform: uppercase;
    }

label.hide {
    display: none !important;
}

div.drape {
    display: block;
    z-index: 10002;
    opacity: 0.5;
}

label.center-vertical {
    margin-top: 0px !important;
}

.height164 {
    height: 1.64em !important;
    margin-bottom: 8px;
}

.form-group-information {
    position: relative;
}

    .form-group-information .icon-information {
        position: absolute;
        top: 8px;
        left: -18px;
        width: 14px;
        height: 14px;
        background-image: url(img/icon-information.png);
        background-position: center;
    }

.col-6 .row .col-6:first-child .form-group-information, .row .col-3 .form-group-information, .col-6 .row .col-4 .form-group-information {
    margin-right: 10px;
}

.row .col-3:last-child .form-group-information {
    margin-right: 0px;
}

.business-form label {
    padding-right: 5px;
}

.total-amount {
    padding-left: 25px !important; 
    width:116px !important;
}

.top20 {
    top:20px !important;    
}

.form-group-information .icon-information-warrning {
    position: absolute;
    top: 16px;
    width: 14px;
    height: 14px;
    background-image: url(img/icon-information.png);
    background-position: center;
}

.form-group-information .label-warrning {
    font-size: 12px !important;
    font-style: italic !important;
    padding-left: 15px;
    margin-top: 0px !important;
}

.upload-file-fake .k-upload-files {
    line-height: 1.6em;
}

.upload-file-fake .k-upload-status {
    top: 0.1em;
}

.upload-file-fake-wraper .k-upload {
    min-height: 30px;
}

.upload-button-box {
    width: 98px;
    height: 30px;
}

.dotted-lasted::after {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 1px;
    border-bottom: 1px dotted;
    margin-left: -8px;
    margin-bottom: -4px;
}

.dotted-lasted:hover {
    border-bottom: 1px dotted;
    margin-bottom: -4px;
}

.overflow-hidden {
    overflow: hidden
}

.overflow-hidden-x {
    overflow-x: hidden
}

.overflow-hidden-y {
    overflow-y: hidden
}

.form .min-row {
    min-height: 37px;
}
/*USPS Address*/
.table-borderless td,
.table-borderless th {
    border: 1px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: #FFFFFF;
}

    .table-borderless td a {
        padding-left: 8px;
    }

.address-checked {
    color: #5ac61e;
}

.address-error-desc-api {
    color: #ff0000;
}

.address-linkcheck-disable {
    padding-left: 8px;
    color: #717171;
    margin-top: 5px;
}

.address-linkcheck-enable, .grid-no-link{
    color: #3e3e3e;
}

.address-sub-title {
    font-size: 17px;
}

.address-linkcheck-disable-line {
    position: absolute;
    border-bottom: 1px #717171 dotted;
    width: 8px;
    left: 73px;
    margin-top: -3px;
}

.address-recommended-text {
    color: #333;
    font-size: 14px;
}

.boarding .logo {
    padding-top: 5px;
    display: block;
    margin-top: 0;
    background-position: center left;
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

.main-nav-bar .nav-bar > li.last-nav-orientation > .dropdown-menu:before {
    left: auto;
    right: 19px;
}

.main-nav-bar .nav-bar > li.last-nav-orientation > .dropdown-menu:after {
    left: auto;
    right: 20px;
}

.warning {
    color: #00c533;
}

.boarding-tooltip .k-widget.k-tooltip {
    border-color: #e8e8e8;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(55,58,72,.16);
    padding: 8px;
}

.boarding-tooltip .k-callout {
    height: 12px;
    width: 12px;
    border: none;
    border-left: 1px solid #e3e3e8;
    border-bottom: 1px solid #e3e3e8;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(55,58,72,.12);
    transform: rotate(-45deg);
    bottom: -5px !important;
    background: #fff;
    border-width: 0;
}

.boarding-tooltip-hide {
    z-index: -10000 !important;
}

.upload-attachment {
    width: 65%;
}

.first-left-bottom-nav .spin-container .btn:first-child {
    margin-left: 0 !important;
}

.spin-container .first-left-button {
    margin-left: 0 !important;
}

#cidMainGrid .highlight {
    background-color: yellow;
}

    #cidMainGrid .highlight td,
    #cidMainGrid .highlight a {
        color: red;
    }

#cidMainGrid #select-filter-label, .select-filter-labels {
    display: block;
    color: #3e3e3e;
    padding: 8px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.a-blue {
    color: #3e3e3e;
    text-decoration: none;
    position: relative;
}

    .a-blue:hover, .a-blue:focus {
        color: #3e3e3e;
        border-bottom: 1px dotted;
    }

.link-with-icon, .link-with-icon-disable {
    color: #3e3e3e;
    margin-top: 6px;
}

    .link-with-icon a {
        color: #3e3e3e;
        text-decoration: none;
        position: relative;
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-family: Arial,Helvetica,sans-serif;
    }

        .link-with-icon a:after {
            content: " ";
            display: inline-block;
            width: 8px;
            height: 1px;
            border-bottom: 1px dotted;
            margin-left: -8px;
            margin-bottom: -6px;
            position: absolute;
            bottom: 5px;
            right: 0;
        }

        .link-with-icon a:hover:after {
            width: 100%;
        }

.link-with-icon-disable {
    color: #717171;
}

    .link-with-icon-disable label {
        font-size: 12px;
        font-family: Arial,Helvetica,sans-serif;
    }

.a-blue:hover, .a-blue:focus {
    color: #3e3e3e;
    border-bottom: 1px dotted;
}

.none-border {
    border: none !important;
}

.padding-left-right-14px {
    padding-left: 14px;
    padding-right: 14px;
}

.display-table-cell {
    display: table-cell;
}

span.instruction-text {
    margin-top: 7px;
    font-style: italic;
    display: inline-block;
}

.attachment-item {
    position: relative;
    margin: 10px 0px;
    padding: 10px;
    border: 1px solid #c5c5c5;
    width: 108%;
}

    .attachment-item .item-remove-btn {
        position: absolute;
        right: -24px;
        cursor: pointer;
    }

    .attachment-item .attachment-item-row {
        padding: 0px;
        margin-bottom: 10px;
    }

    .attachment-item .k-upload-button, .attachment-item .k-upload-button:hover, .attachment-item .k-upload-button:focus, .attachment-item .k-state-focused, .attachment-item .k-state-focused:hover, .attachment-item .k-state-focused:focus {
        /*border: none !important;*/
        background: none !important;
        color: #3e3e3e;
        font-size: 12px;
        box-shadow: none;
        min-width: 0px;
        padding: 0px 0px 0px;
    }

        .attachment-item .k-upload-button, .attachment-item .k-upload-button:hover, .attachment-item .k-upload-button:focus {
            border: none;
        }

    .attachment-item .k-upload {
        min-height: 30px;
        position: static;
    }

    .attachment-item .k-upload-files {
        line-height: 1.8;
    }

        .attachment-item .k-upload-files .k-file {
            border: none;
        }

    .attachment-item .k-upload-button:after {
        content: " ";
        display: inline-block;
        width: 8px;
        height: 1px;
        border-bottom: 1px dotted;
        margin-left: -8px !important;
        margin-bottom: -4px;
    }

    .attachment-item .k-upload-button:hover {
        height: 18px;
        border-bottom: 1px dotted;
        border-bottom: 1px dotted !important;
    }

    .attachment-item .k-button.k-button-bare.k-upload-action {
        line-height: 0;
    }

    .attachment-item .k-filename {
        max-width: 90%;
    }

    .attachment-item .k-upload-files {
        border: none;
    }

    .attachment-item .k-upload-files-fake .fileValidate {
        line-height: 0;
        margin-left: 2.3em;
    }

    .attachment-item .summuryValidate {
        padding-bottom: 5px;
    }

    .attachment-item .fileRequiredValidate {
        margin-top: -10px;
    }

.attachment-item-row .k-multiselect {
    font-family: Arial,Helvetica,sans-serif;
}

    .attachment-item-row .k-multiselect .k-multiselect-wrap .k-input {
        box-sizing: content-box;
        color: rgb(196, 196, 196);
        height: 1.65em;
        text-indent: 4px;
        margin-top: 0px;
        font-size: 15px;
    }

        .attachment-item-row .k-multiselect .k-multiselect-wrap .k-input:focus {
            color: #3E3E3E;
        }

    .attachment-item-row .k-multiselect .k-multiselect-wrap .k-input, .attachment-item-row .k-multiselect .k-multiselect-wrap li {
        line-height: 1.65em;
    }

.word-break {
    word-wrap: break-word;
    word-break: break-all;
}

.word-break-type-break-word {
    word-wrap: break-word;
    word-break: break-word;
}


tbody > tr > td i.child-item-bullet {
    margin-left: 16px;
    margin-right: 2px;
    font-size: 1rem;
}

/*Manage Var*/
.grid-fixed-column .k-grid-header .k-header {
    word-break: break-word;
}

.grid-fixed-column.k-grid td {
    word-break: break-word;
}

.grid-fixed-column.k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    word-break: break-word;
}

.grid-fixed-column.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    word-break: break-word;
}

.box-select-all {
    float: right;
}

    .box-select-all .label-selected {
        color: #999;
        font-weight: normal;
        cursor: default;
    }

    .box-select-all a {
        margin: 0 1.5rem;
        color: #3072C0;
        line-height: 1.5rem;
    }

        .box-select-all a:hover {
            color: #2B66AC;
        }

        .box-select-all a:active {
            color: #3e3e3e;
        }

        .box-select-all a.label-selected:hover {
            color: #999;
        }

        .box-select-all a:first-child {
            margin: 0;
        }

.whitespace ul.k-reset {
    background: #fff;
    padding: 0 8px;
}

    .whitespace ul.k-reset li {
        text-align: left;
    }

    .whitespace ul.k-reset:before,
    .whitespace ul.k-reset:after {
        content: "";
        display: block;
    }

    .whitespace ul.k-reset:after {
        clear: both;
    }


tbody > tr > td i.child-item-bullet {
    margin-left: 16px;
    margin-right: 2px;
    font-size: 1rem;
}

.grid-fixed-column .k-grid-header .k-header {
    word-break: break-word;
}

.grid-fixed-column.k-grid td {
    word-break: break-word;
}

.grid-fixed-column.k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    word-break: break-word;
}

.grid-fixed-column.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
    word-break: break-word;
}

.btn-bottom-right + .btn-bottom-right {
    margin-left: 12px;
}

/*modern-k-multiselect*/
.modern-k-multiselect.k-multiselect.k-state-border-down {
    border-radius: 0;
}

    .modern-k-multiselect.k-multiselect.k-state-border-down .k-multiselect-wrap {
        border-radius: 0;
    }

.modern-k-multiselect.k-multiselect.k-state-hover {
    background-image: none;
}

.modern-k-multiselect.k-multiselect .k-multiselect-wrap {
    min-height: 28px;
    padding: 2px 4px;
}

    .modern-k-multiselect.k-multiselect .k-multiselect-wrap .k-input {
        margin: 0;
        padding: 0;
        height: 24px;
        line-height: 24px;
    }

    .modern-k-multiselect.k-multiselect .k-multiselect-wrap .k-reset {
        padding: 0;
    }

        .modern-k-multiselect.k-multiselect .k-multiselect-wrap .k-reset .k-button {
            border: 1px solid #e8e8e8;
            border-radius: 5px;
            background-color: #f9f9f9;
            color: #333333;
            /* font-size: 12px;*/
            font-family: Lato;
            font-weight: 400;
            padding: .1em 1.6em .1em .4em;
            line-height: 1.5em;
            margin: 2px;
            position: relative;
        }

            .modern-k-multiselect.k-multiselect .k-multiselect-wrap .k-reset .k-button.k-state-hover {
                color: #000000;
                background-color: #ffffff !important;
                border: 1px solid #e7e7e7 !important;
                border-radius: 5px !important;
            }

            .modern-k-multiselect.k-multiselect .k-multiselect-wrap .k-reset .k-button .k-icon.k-delete {
                vertical-align: top;
                font-family: "FontAwesome";
                background: none;
                overflow: visible;
                position: absolute;
                top: 12px;
                right: 0;
                text-indent: inherit;
            }

                .modern-k-multiselect.k-multiselect .k-multiselect-wrap .k-reset .k-button .k-icon.k-delete:before {
                    content: "\f057";
                    font-size: 12px;
                }

.modern-k-multiselect .k-animation-container .k-popup .k-list.multiselect-popup .k-item {
    /* font-size: 12px;*/
    line-height: 26px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 10px;
}

    .modern-k-multiselect .k-animation-container .k-popup .k-list.multiselect-popup .k-item.k-state-selected {
        background: #ffffff;
    }

        .modern-k-multiselect .k-animation-container .k-popup .k-list.multiselect-popup .k-item.k-state-selected .check .fa-check {
            color: #ffffff;
            font-size: 8px;
            font-family: "FontAwesome";
            background: #3072c0;
            border: 1px solid #3072c0;
            width: 11px;
            height: 11px;
            top: -1px;
        }

            .modern-k-multiselect .k-animation-container .k-popup .k-list.multiselect-popup .k-item.k-state-selected .check .fa-check:before {
                content: "\f00c";
            }

    .modern-k-multiselect .k-animation-container .k-popup .k-list.multiselect-popup .k-item.k-state-focused {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .modern-k-multiselect .k-animation-container .k-popup .k-list.multiselect-popup .k-item .check .fa-check {
        color: #333333;
        text-align: center;
        /* font-size: 10px;*/
        background: #ffffff;
        border: 1px solid #e7e7e7;
        border-radius: 2px;
        display: inline-block;
        width: 12px;
        height: 12px;
        position: relative;
        top: 2px;
    }

        .modern-k-multiselect .k-animation-container .k-popup .k-list.multiselect-popup .k-item .check .fa-check:before {
            content: "";
        }

    .modern-k-multiselect .k-animation-container .k-popup .k-list.multiselect-popup .k-item .check + span {
        color: #4a4a4a;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 0 0 6px;
        flex: 1;
    }

.modern-k-multiselect.k-multiselect .k-multiselect-wrap .k-input {
    box-sizing: content-box;
    color: rgb(196, 196, 196);
    text-indent: 4px;
    margin-top: 0px;
    font-size: inherit;
}

.modern-k-multiselect.k-multiselect.k-state-disabled .k-multiselect-wrap {
    background-color: #ebedf3 !important;
    padding: 0 !important;
}

.modern-k-multiselect.k-multiselect .k-multiselect-wrap .k-input:focus {
    color: #3E3E3E;
}

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

.modern-k-multiselect.multiselect-popup-auto-scroll {
    overflow-y: auto;
    max-height: 150px;
}

.modern-k-multiselect.k-multiselect.k-state-disabled .k-input {
    width: 100% !important;
}

/*Manage Var - end*/

.k-pager-numbers {
    float: none !important
}

    .k-pager-numbers .k-state-selected {
        font-weight: 700;
        color: #e95d0e;
        border-style: none;
        border-width: 1px;
        line-height: 22px;
        padding: 1px 7px;
        border-radius: 0px;
        background-image: none;
        background-color: transparent;
    }

.business-form .row.pb-12 {
    padding-bottom: 12px !important;
}

.text-information {
    font-size: 11px;
    line-height: 16px;
    color: #777;
    font-style: italic;
    display: block;
    margin-top: 4px;
    text-align: left;
}

.section-scroll {
    position: fixed;
    bottom: 37px;
    right: 63px;
    display: flex;
    flex-flow: column;
    z-index: 9;
}

.section-scroll-position {
    bottom: 8px;
    position: absolute;
    right: 5px;
}

.section-scroll .btn {
    width: 30px;
    height: 30px;
    font-size: 16px;
    display: block;
    line-height: 27px;
    cursor: pointer;
    box-shadow: 1px 1px 9px rgba(0,0,0,.15);
    position: relative;
}

    .section-scroll .btn:after {
        display: block;
        content: '';
        width: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -2px 0px 0px -6px;
        transform: rotateX(45deg);
    }

.section-scroll .btn-up {
    margin-bottom: 10px;
}

    .section-scroll .btn-up:after {
        border-top: 2px solid #3072C0;
        border-left: 2px solid #3072C0;
        transform: rotateZ(45deg);
    }

.section-scroll .btn-down:after {
    border-top: 2px solid #3072C0;
    border-left: 2px solid #3072C0;
    transform: rotateZ(-135deg);
    margin-top: -8px;
}

.section-scroll .btn:hover:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.filter-item-operator {
    min-width: 140px;
}

.hideImportant {
    display: none !important;
}

.item-signature {
    width: 100% !important;
    margin: 5px 0 10px 0;
    padding: 15px 10px;
}

.attachment-item-signature {
    width: 300px;
    margin-bottom: 0 !important;
    padding: 10px 0 0 0 !important;
}
    .attachment-item-signature .k-upload{
        min-height:0;
    }
    .attachment-item-signature .k-dropzone {
        padding: 0;
    }

    .attachment-item-signature .k-upload-status {
        display: none !important;
    }

    .attachment-item-signature .k-upload-button{
        height: 18px;
    }

    .preview-info {
        margin-top: 20px;
    }

.preview-details{
    margin-bottom: 20px;
    line-height: 21px;
}

.preview-title{
    font-weight: 700;
}

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

.header-h4 {
    color: #333333;
    font-weight: 700;
}

.display-flex {
    display: flex;
}

.span-signature {
    display: inline-block;
    align-self: flex-end;
    margin-right: 20px;
}

.div-image-signature {
    border-bottom: 1px solid #333;
}

.text-signature {
    margin-left: 78px;
    margin-top: 10px;
    color: #3E3E3E;
    font-weight:700;
}

.preview-item{
    margin-bottom: 5px;
}

.preview-header {
    font-weight: 700;
    margin-bottom: 5px;
}
.span-block span {
    white-space: pre-line;
    line-height: 1.25em;
}
.th-vertical-top {
    vertical-align: top;
}

.th-with-div {
    border-width: 0 1px 1px 0 !important;
}

    .th-with-div div {
        margin-top: 5px;
    }

.div-float-left {
    float: left;
}

.div-clear-float-left {
    clear: left;
}

.div-table-in-grid div:first-child {
    max-width: 50%;
}

/*Gan 11 Error viewport*/
.swipe-viewport-rigth-fix-content {
    height: calc(var(--swipe-viewport-ganerror-maxheight) - 177px);
    overflow: scroll;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    padding-bottom: 0px;
    overflow-x: hidden
}

.swipe-viewport-container {
    -webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    transition: width 0.2s linear;
}

.swipe-viewport-ganerror-left-in {
    width: calc(100% - 474px); /*450px + padding left 24*/
    float: left;
    padding-right: 24px;
    border-right: 1px solid #E8E8E8;
}

.swipe-viewport-ganerror-left-out {
    width: 100%; /*450px + padding left/right 24 + 24*/
    float: left;
}

.swipe-viewport-ganerror-right-in {
    float: right;
    width: 450px !important;
    padding-top: 5px;
    max-height: var(--swipe-viewport-ganerror-maxheight) !important;
    overflow: hidden;
}

.swipe-viewport-ganerror-right-out {
    float: right;
    width: 0px !important;
    padding-top: 5px;
    overflow: hidden;
    max-height: var(--swipe-viewport-ganerror-maxheight) !important;
}

.gan11-error-page-info {
    width: 450px !important
}

.btn-transform-open {
    display: inline-flex;
    transform: rotate(-90deg);
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    border: 1px solid #D0D0D0;
    background: linear-gradient(180deg, #fff);
    position: fixed;
    top: 30%;
    right: -57px;
}

.gan-error-field-focus-fake, .gan-error-field-focus-fake:disabled {
    border: 1px solid #F00 !important;
}

span.gan-error-field-focus-fake > input.gan-error-field-focus-fake {
    border: none !important;
}

input[type=checkbox].gan-error-field-focus-fake {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    content: none;
    border-width: 0px !important;
    width: 13px;
}

    input[type=checkbox].gan-error-field-focus-fake:focus, input[type=radio].gan-error-field-focus-fake:focus {
        outline: none;
        border: none;
    }

    input[type=checkbox].gan-error-field-focus-fake:before, input[type=radio].gan-error-field-focus-fake:before {
        font-family: Helvetica,Arial,sans-serif;
        content: "\f00c";
        font-size: 13px;
        color: transparent !important;
        background: #fff;
        display: block;
        width: 13px;
        height: 13px;
        border: 1px solid rgb(255, 0, 0);
        margin-right: 7px;
        border-radius: 20%;
    }

input[type=radio].gan-error-field-focus-fake:before {
    border-radius: 50%;
}

.gan-error-field-focus-fake > span, .gan-error-field-focus-fake > span > input, .gan-error-field-focus-fake:disabled > span, .gan-error-field-focus-fake:disabled > span > input {
    border-bottom: 0px !important;
}

/*Fix for Mpa page*/
.swipe-viewport-ganerror-left-in .mpa-main-container {
    padding-right: 0px;
    width: calc(100% - 200px);
}

    .swipe-viewport-ganerror-left-in .mpa-main-container .mpa-main-container-middle {
        overflow-x: auto;
    }

    .swipe-viewport-ganerror-left-in .mpa-main-container #cidMainForm > div {
        min-width: 800px;
    }

@media screen and (max-width: 1600px) {
    .swipe-viewport-ganerror-left-in .mpa-main-container #cidMainForm {
        border: none !important;
    }
}

.swipe-viewport-ganerror-left-in .mpa-sidenav-container {
    width: 200px !important;
}

.mpa-container .swipe-viewport-ganerror-right-in {
    position: relative;
    left: -24px;
}

.mpa-container .swipe-viewport-ganerror-left-in {
    width: calc(100% - 498px); /*450px + padding left/right 24 + 24*/
    float: left;
    padding-right: 24px;
    border-right: 1px solid #E8E8E8;
}

.mpa-container-right {
    width: 0px;
    overflow: hidden;
    max-height: 0px
}
/*Table detail*/
.gan-error-page-title {
    font-size: 26px;
    line-height: 16px;
    font-weight: 400;
    font-family: inherit;
    display: block;
    inline-size: -0.3px;
    color: #E95D0E;
    padding-bottom: 16px;
}

.gan-error-page-location {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-family: inherit;
    display: block;
    inline-size: -0.3px;
    color: #333333;
    padding-bottom: 16px;
}

.table-div {
    display: table
}

.tr-div {
    display: table-row
}

.cell-no {
    width: 35px;
}

.cell-resolve {
    width: 80px;
}

.td-div {
    display: table-cell;
    border: 1px solid #E8E8E8;
    padding: 6px 7px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}

    .td-div .child-item-bullet {
        padding-right: 5px;
    }

    .td-div.a {
        color: #3e3e3e;
        text-decoration: none;
        position: relative;
    }

    .td-div a:hover {
        outline: none;
        border-bottom: 1px dotted;
    }

    .td-div a::after {
        content: " ";
        display: inline-block;
        width: 8px;
        height: 1px;
        border-bottom: 1px dotted;
        margin-left: -8px;
        margin-bottom: -4px;
    }

.tr-div-header .td-div {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #E95D0E;
    border: none !important;
}

.td-div-section {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    font-family: inherit;
    color: #ffffff;
    background-color: #E95D0E;
    padding: 5px 7px;
}

.gan11-error-page-info .tr-row:nth-child(odd) {
    background-color: #fff;
}

.gan11-error-page-info .tr-row:nth-child(even) {
    background-color: #f5f5f5;
}

.swipe-viewport-rigth-fix-content::-webkit-scrollbar {
    width: 5px;
}

.swipe-viewport-rigth-fix-content::-webkit-scrollbar-track {
    background: #E8E8E8;
}

.swipe-viewport-rigth-fix-content::-webkit-scrollbar-thumb {
    background: #C1C1C1;
}

    .swipe-viewport-rigth-fix-content::-webkit-scrollbar-thumb:hover {
        background: #C1C1C1;
    }
/*Gan 11 Error viewport*/
.icon-circle-error {
    height: 18px;
    width: 18px;
    background-image: url('img/circle-error.svg');
    background-repeat: no-repeat;
}

.col-w-120 {
    min-width: 120px;
}
.boarding-default-tooltip .k-callout-w {
    border-right-color: #fff;
    left: -12px !important;
}

.k-widget.k-tooltip.boarding-default-tooltip {
    border-color: #e8e8e8;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(55, 58, 72, .16);
    padding: 8px;
}

.boarding-tooltip-card-animation {
    height: 100%;
}

.boarding-tooltip-card-wiget {
    background-color: #fff !important;
    visibility: hidden;
    padding: 0px;
    margin: 0px;
    right: 10px;
    border-width: 1px;
    border-color: #E0E0E0 !important;
    box-shadow: 0 0 8px rgba(55,58,72,.16);
}

    .boarding-tooltip-card-wiget .k-tooltip-button {
        display: none;
    }

.boarding-tooltip-card {
    width: 500px;
    padding: 12px 0 0 0;
    font-size: 0.8rem;
    height: 100%
}

.boarding-tooltip-card-header {
    border-bottom: 1px solid #E0E0E0;
    padding: 0px 12px 12px 12px;
    color: #e95d0e;
    font-size: 0.8rem;
    min-height: 30px;
    font-weight: bold;
}

.boarding-tooltip-card-body {
    max-height: 448px;
    min-height: 45px;
    cursor: pointer;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
}

    .boarding-tooltip-card-body table tr {
        border-bottom: 1px dashed #E0E0E0;
    }

        .boarding-tooltip-card-body table tr:last-child {
            border-bottom: none;
        }

    .boarding-tooltip-card-body table td:first-child {
        padding-left: 12px;
    }

    .boarding-tooltip-card-body table td {
        padding: .8em 1em;
    }


    .boarding-tooltip-card-body table tr td.error-list {
        line-height: 1.5em;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .boarding-tooltip-card-body ul {
      margin: 0.8em 0em 0em 1em;
      padding: 0em 0.8em;
    }

.tooltip-crossedit-line, .boarding-tooltip-card-body ul li {
    padding-bottom: 0.3em;
}

    .tooltip-mpa-gan-error {
        list-style-type: decimal;
        margin-top: 5px;
    }

.tooltip-mpa-gan-error li::marker {
    font-size: 0.80rem;
}

.tooltip-mpa-gan-error-crossedit {
    list-style:none;
    margin-top:0.4em !important;
}

li.tooltip-retry-info {
    list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="red" class="bi bi-exclamation-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/> </svg>');
}

.boarding-tooltip-card-line-header{
    padding-top: 0.8em;
}

.boarding-tooltip-card-body .boarding-tooltip-card-line-header:first-of-type {
    padding-top: 0em;
}
/* Begin modal */
.k-window {
    border-radius: 5px !important;
    border-color: #666666;
    overflow: hidden;
}
.k-window .k-window-titlebar {
    background-color: #f7f7f7 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    position: relative;
}
.k-window .k-window-title {
    color: #333333;
    cursor: move;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    font-family: "Segoe UI", Arial;
    text-transform: uppercase;
    top: 5px;
}
.k-window .k-window-title:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('./img/icon-title-modal.png');
    background-repeat: no-repeat;
    background-position: 0 -78px;
    margin-right: 7px;
    position: relative;
    top: 2px;
}
.k-window .k-window-actions {
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}
.k-window .k-window-actions .k-window-action {
    height: 21px;
    width: 30px;
}
.k-window .k-window-actions .k-window-action .k-icon {
    background-image: url('./img/icon-modal.png') !important;
    background-repeat: no-repeat;
    height: 21px;
    width: 30px;
}
.k-window .k-window-actions .k-window-action .k-icon:before {
    content: '';
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-pin {
    background-position: -180px 0 !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-pin:hover {
    background-position: -180px -21px !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-unpin {
    background-position: -180px 0 !important;
    transform: rotate(-90deg);
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-unpin:hover {
    background-position: -180px -21px !important;
    transform: rotate(-90deg);
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-refresh {
    background-position: -120px 0 !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-refresh:hover {
    background-position: -120px -21px !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-restore,
.k-window .k-window-actions .k-window-action .k-icon.k-i-minimize {
    background-position: 0 0 !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-minimize:hover {
    background-position: 0 -21px !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-maximize {
    background-position: -60px 0 !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-maximize:hover {
    background-position: -60px -21px !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-close {
    background-position: -90px 0 !important;
}
.k-window .k-window-actions .k-window-action .k-icon.k-i-close:hover {
    background-position: -90px -21px !important;
}
.k-window .k-window-content {
    color: #2e2e2e;
    margin: 0 8px 8px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 1px #666666;
    z-index: 0;
    height: calc(100% - 8px);
}
.k-window .k-window-content .confirm-window {
    background-color: #ffffff;
    padding: 24px;
    margin: 20px;
}
/* End modal */

/* Begin modal content frame */
.k-content-frame {
    height: 100% !important;
}
/* End modal content frame */

/* Begin modal in merchant approval */
.merchant-approval .k-window .k-window-content {
    background-color: #112a38;
}
/* End modal in merchant approval */
