/**
Simply Connect Form CSS
Overrides for version 1.147.0 - date 2/3/2025
EDIT THIS FILE WITH CAUTION
*/

div#sfc-main.sfc-main-container div.sfc-pm-container label {
    padding-left: 0;
    margin-bottom: 0 !important;
}

div#sfc-main.sfc-main-container div.sfc-pm-container div.saveUPOcheckbox label {
    padding-left: 16px !important;
}

.sfc-main-container {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.sfc-main-container .radio-offset {
    display: none;
}

.sfc-main-container .pic-offset {
    margin-left: 27px;
}

.sfc-main-container ::-webkit-scrollbar-track {
    border-radius: 0;
}

.sfc-main-container ::-webkit-scrollbar-thumb {
    background: rgba(149, 170, 193, .5019607843);
    border-radius: 0;
}

.sfc-main-container ::-webkit-scrollbar-thumb:hover {
    background: #999999
}

.sfc-main-container select:focus {
    border-color: #aaaaaa;
}

.sfc-main-container .getdcc {
    border: 1px solid #d3dce6;
    border-radius: 0;
    background-color: #fff;
    color: #6b778c;
}

.sfc-main-container .sfc-notification {
    color: #4a5568;
    font-family: "Roboto", sans-serif;
    border: 1px solid #aaaaaa;
    border-radius: 0;
}

.sfc-main-container .sfc-notification::before {
    border-radius: 0;
}

.sfc-main-container .main-title {
    display: none !important;
}

.sfc-main-container .form-radio-style {
    color: #6b778c;
    border: 1px solid #d3dce6;
    border-radius: 0;
}

.sfc-main-container .form-radio-style:hover {
    border-color: #999999
}

.sfc-main-container .form-radio-style.item-selected {
    border: 1px solid #aaaaaa
}

.sfc-main-container .form-radio-style.item-selected fieldset {
    padding-top: 26px !important;
}

.sfc-main-container .line-container {
    border-radius: 0;
    display: none;
}

.sfc-main-container .sfc-upm-container .line-container,
.sfc-main-container:has(.sfc-upm-container) .line-container {
    display: block;
}

.sfc-main-container .pm-logo.ppp_applepay {
    border-radius: 0
}

.sfc-main-container .sfc-pending-withdrawals-list .sfc-pending-withdrawal-details {
    color: #6b778c;
    font-family: "Roboto", sans-serif;
}

.sfc-main-container .sfc-pending-withdrawals-list .sfc-pending-withdrawal-cancel span {
    border: 1px solid #FF0000;
    border-radius: 0;
    color: #FF0000;
    font-family: "Roboto", sans-serif;
}

.sfc-main-container .sfc-pending-withdrawals-list .sfc-pending-withdrawal-cancel span:hover {
    background-color: #ff0000
}

.sfc-main-container .amount-suggestion.selected, .sfc-main-container .amount-suggestion:hover {
    background-color: #aaaaaa
}

.sfc-main-container .validation {
    color: #ff0000;
}

.sfc-main-container .validation.visible {
    color: #ff0000;
}

.sfc-main-container .validation1.visible {
    color: #ff0000;
}

.sfc-main-container .validationCode {
    color: #ff0000;
}

.sfc-main-container .validationCode.visible {
    color: #ff0000;
}

.sfc-main-container .input-row label {
    color: #4a5568;
    padding-left: 0;
}

.sfc-main-container .input-row input.invalid, .sfc-main-container .input-row #ccCardNumber.invalid, .sfc-main-container .input-row #ccExpYear.invalid, .sfc-main-container .input-row #ccCVV.invalid {
    border: 1px solid #ff0000;
}

.sfc-main-container .input-row input:focus, .sfc-main-container .input-row #ccCardNumber.sfc-focus, .sfc-main-container .input-row #ccExpYear.sfc-focus, .sfc-main-container .input-row #ccCVV.sfc-focus {
    border: 1px solid #aaaaaa;
    box-shadow: 0 0 0;
}

.sfc-main-container .input-row input:hover, .sfc-main-container .input-row #ccCardNumber:hover, .sfc-main-container .input-row #ccExpYear:hover, .sfc-main-container .input-row #ccCVV:hover {
    border: 2px solid #999999;
}

.sfc-main-container .input-row:focus-within label, .sfc-main-container .input-row .label-focus {
    color: #aaaaaa !important;
}

.sfc-main-container .input-row.radio:focus-within .sfc-radio-options label {
    color: #4a5568
}

.sfc-main-container .checkmark {
    background-color: #fff;
    border: 1px solid #999999;
    border-radius: 0;
}

.sfc-main-container .checkmark:hover, .sfc-main-container .line-container:hover .checkmark, .sfc-main-container .sfc-radio-option:hover .checkmark {
    border-color: #aaaaaa
}

.sfc-main-container .line-container input:checked ~ .checkmark, .sfc-main-container .sfc-radio-option input:checked ~ .checkmark {
    background-color: #aaaaaa;
    border: 1px solid #999999
}

.sfc-main-container .line-container .checkmark:after {
    border-radius: 50%;
    background: #fff
}

.sfc-main-container .sfc-radio-option .checkmark:after {
    border-radius: 50%;
    background: #fff
}

.sfc-main-container .sfc-pm-error-message {
    color: #ff0000;
}

.sfc-main-container .sfc-cfa-button {
    border-radius: 0;
    background-color: #000000;
    border: 1px solid #999999;
    font-family: "Roboto", sans-serif;
}

.sfc-main-container .sfc-cfa-button:hover {
    background-color: #0a0a0a;
    border: 1px solid #000000
}

.sfc-main-container .sfc-cfa-button:active {
    background-color: #0e0e0e;
    border: 1px solid #000000
}

.sfc-main-container .sfc-cfa-button:disabled {
    background-color: #1e1e1e;
    border: 1px solid #000000
}

@supports not (/*noinspection CssInvalidPropertyValue*/-webkit-appearance: -apple-pay-button) {
    .sfc-main-container .apple-pay-button-with-text {
        border-radius: 0;
    }

    .sfc-main-container .apple-pay-button-with-text > .text {
        font-family: -apple-system, "Roboto", sans-serif;
    }

}

.sfc-main-container .quick-pm-underline, .sfc-main-container .sc-underline {
    background-color: #d3dce6;
}

.sfc-main-container .quick-pm-message, .sfc-main-container .sc-underline-message {
    color: #999999;
}

.sfc-main-container .sc-underline-message {
    color: #aaaaaa;
}

.sfc-main-container input[type=text], .sfc-main-container input[type=date], .sfc-main-container input[type=password], .sfc-main-container input[type=number], .sfc-main-container select {
    border: 1px solid #999999;
    border-radius: 0;
    background-color: #fff;
    color: #4a5568;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.sfc-main-container input[type=text].placeholder, .sfc-main-container input[type=text]::placeholder, .sfc-main-container input[type=text]::-webkit-input-placeholder, .sfc-main-container input[type=date].placeholder, .sfc-main-container input[type=date]::placeholder, .sfc-main-container input[type=date]::-webkit-input-placeholder, .sfc-main-container input[type=password].placeholder, .sfc-main-container input[type=password]::placeholder, .sfc-main-container input[type=password]::-webkit-input-placeholder, .sfc-main-container input[type=number].placeholder, .sfc-main-container input[type=number]::placeholder, .sfc-main-container input[type=number]::-webkit-input-placeholder, .sfc-main-container select.placeholder, .sfc-main-container select::placeholder, .sfc-main-container select::-webkit-input-placeholder {
    color: #d3dce6;
}

.sfc-main-container input[type=text] option, .sfc-main-container input[type=date] option, .sfc-main-container input[type=password] option, .sfc-main-container input[type=number] option, .sfc-main-container select option {
    color: #4a5568 !important
}

.sfc-main-container input[type=text]:disabled, .sfc-main-container input[type=text]:disabled:hover, .sfc-main-container input[type=date]:disabled, .sfc-main-container input[type=date]:disabled:hover, .sfc-main-container input[type=password]:disabled, .sfc-main-container input[type=password]:disabled:hover, .sfc-main-container input[type=number]:disabled, .sfc-main-container input[type=number]:disabled:hover, .sfc-main-container select:disabled, .sfc-main-container select:disabled:hover {
    background-color: rgba(149, 170, 193, .08);
    color: #999999;
    border: 1px solid #d3dce6
}

.sfc-main-container select.invalid {
    border-color: #ff0000;
}

.sfc-main-container #ccCardNumber, .sfc-main-container #ccExpYear, .sfc-main-container #ccCVV {
    border: 1px solid #999999;
    border-radius: 0;
}

.sfc-main-container #c_symbol {
    color: #4a5568;
    font-family: "Roboto", sans-serif;
}

.sfc-main-container .sfc-tooltip {
    color: #6b778c;
    border: 1px solid #d3dce6;
    border-radius: 0;
}

.sfc-main-container input[type=checkbox]:hover:before {
    border-color: #aaaaaa;
}

.sfc-main-container input[type=checkbox]:checked:before {
    background-color: #aaaaaa;
    border-color: #999999
}

.sfc-main-container input[type=checkbox]:before {
    border: 1px solid #999999;
    border-radius: 0;
    background-color: #fff
}

.sfc-main-container input[type=checkbox].disabled:before {
    background-color: #f4f6f8;
    border-color: #d3dce6
}

.sfc-main-container input[type=checkbox]:checked:after {
    border: solid #fff;
}

.sfc-main-container .form-li-style .label-offset {
    color: #999999;
}

.sfc-main-container.cashier {
    background-color: #fff
}

.sfc-main-container.cashier .input-row #ccNameOnCard.input-disabled, .sfc-main-container.cashier .input-row #ccExpYear.input-disabled {
    background-color: rgba(149, 170, 193, .08);
    color: #999999;
    border: 1px solid #d3dce6
}

.sfc-main-container ul.sc-pms-list .form-li-style .line-container {
    border: 1px solid #d3dce6;
}

.sfc-main-container ul.sc-pms-list .form-li-style:first-child .line-container {
    border-radius: 0;
}

.sfc-main-container ul.sc-pms-list .form-li-style:last-child .line-container {
    border-radius: 0 0 0 0;
    border-right: 1px solid #d3dce6
}

.sfc-main-container ul.sc-pms-list .form-li-style.item-selected .line-container {
    border: 2px solid #aaaaaa
}

.sfc-main-container .sc-pms-tiles .tiles-row .form-li-style .line-container {
    border: 1px solid #999999;
    border-radius: 0;
}

.sfc-main-container .sc-pms-tiles .tiles-row .form-li-style.item-selected .line-container {
    border: 2px solid #aaaaaa
}

.sfc-main-container .sc-pms-tiles .tiles-row .form-li-style.item-selected .label-offset {
    color: #aaaaaa;
}

.sfc-main-container.tiles .sc-pms-wrapper {
    background-color: #fff;
}

@keyframes sc-dcc-highlight {
    20% {
        border-color: #999999;
        background-color: #aaaaaa;
    }
    to {
        background-color: #000000;
    }
}

@keyframes sc-dcc-highlight-rtl {
    from {
        background-color: #000000;
    }
    20% {
        border-color: #999999;
        background-color: #aaaaaa;
    }
    to {
        background-color: #000000;
    }
}

.sfc-main-container[dir=rtl].horizontal .form-li-style:first-child .line-container {
    border-radius: 0 0 0 0
}

.sfc-main-container[dir=rtl].horizontal .form-li-style:last-child .line-container {
    border-radius: 0;
    border-left: 1px solid #d3dce6
}

.sfc-main-container[dir=rtl].horizontal .form-li-style.item-selected .line-container {
    border: 2px solid #aaaaaa
}

.sfc-main-container[dir=rtl] .fonix-phone-number .fonix-code {
    border: 1px solid #999999;
    border-radius: 0 0 0 0;
}

.sfc-main-container[dir=rtl] .fonix-phone-number .fonix-code:focus {
    border-color: #aaaaaa;
}

.sfc-main-container[dir=rtl] .fonix-phone-number input {
    border: 1px solid #999999;
    border-radius: 0;
}

.sfc-main-container[dir=rtl] .fonix-phone-number input:hover {
    border: 2px solid #999999;
    border-right: 1px solid #999999;
}

.sfc-main-container .dropdown select.invalid {
    color: #d3dce6
}

.sfc-main-container .dropdown select.invalid option {
    color: #4a5568
}

.sfc-main-container .dropdown .search-result-container {
    background: #fff;
    border: 1px solid #999999;
    border-radius: 0;
}

.sfc-main-container .dropdown .search-result-content {
    color: #4a5568;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.sfc-main-container .dropdown .search-result-content div:hover {
    background-color: #f4f6f8
}

.sfc-main-container .dropdown .search-result-content strong {
    color: #000
}

.sfc-main-container input.dropdown-search {
    background: linear-gradient(0deg, #F7F9FA 0%, #FFFFFF 100%);
}

.sfc-main-container input.dropdown-search.completed::placeholder {
    color: #4a5568
}

.sfc-main-container input.dropdown-search:hover {
    border: 1px solid #999999
}

.sfc-main-container input.dropdown-search:focus:hover {
    border-color: #aaaaaa
}

.sfc-main-container .dropdown-search-icon .icon-mglass {
    border-radius: 1rem;
    border: .16rem solid #6b778c
}

.sfc-main-container .dropdown-search-icon .icon-mglass::after {
    background: #6b778c;
}

.sfc-main-container .fonix-phone-number .fonix-code {
    border-right: 0;
    border-radius: 0;
}

.sfc-main-container .fonix-phone-number .fonix-code:focus {
    outline: none !important;
    border-color: #aaaaaa;
}

.sfc-main-container .fonix-phone-number input {
    border-radius: 0 0 0 0
}

.sfc-main-container.horizontal, .sfc-main-container.tiles {
    background-color: #fff;
}

.sfc-main-container.horizontal .input-row input.input-disabled, .sfc-main-container.horizontal .input-row #ccNameOnCard.input-disabled, .sfc-main-container.horizontal .input-row #ccExpYear.input-disabled, .sfc-main-container.tiles .input-row input.input-disabled, .sfc-main-container.tiles .input-row #ccNameOnCard.input-disabled, .sfc-main-container.tiles .input-row #ccExpYear.input-disabled {
    color: #999999;
    background-color: rgba(0, 0, 0, 0);
}

.sfc-main-container .or-pay-with {
    color: #999999;
    font-family: "Roboto", sans-serif;
}

.btrp_info {
    color: rgba(0, 0, 0, .5);
}

.sfc-dialog {
    background-color: #fff;
    border-radius: 0;
    font-family: "Roboto", sans-serif
}

.sfc-dialog-head {
    color: #999999;
}

.sfc-dialog-message {
    color: #999999;
}

.sfc-dialog-button, .sfc-dialog-buttons-style {
    border: 1px solid #6b778c;
    border-radius: 0;
    background-color: #fff;
    color: #6b778c;
}

.sfc-dialog-button:hover, .sfc-dialog-buttons-style:hover {
    border: 1px solid #6b778c;
    background-color: #f4f6f8
}

.sfc-dialog-button:active, .sfc-dialog-buttons-style:active {
    border: 2px solid #6b778c;
    background-color: #fff
}

.sfc-success .sfc-dialog-title {
    color: #15d2a3
}

.sfc-decline .sfc-dialog-title {
    color: #ff0000
}

.sfc-timeout .sfc-dialog-buttons-style {
    background-color: #15d2a3;
    color: #fafafa;
}

.sfc-remove .sfc-dialog-title, .sfc-confirm .sfc-dialog-title {
    color: #ff0000
}

.sfc-terms .sfc-dialog-title {
    color: #aaaaaa;
    border-bottom: 1px solid #d3dce6;
}

.sfc-terms a {
    color: #aaaaaa
}

.sfc-dialog-buttons-style-remove, .sfc-dialog-buttons-style-confirm {
    background-color: #ff0000;
    color: #fff;
    border: 1px solid #e53850;
    border-radius: 0;
}

.sfc-dialog-buttons-style-remove:hover, .sfc-dialog-buttons-style-confirm:hover {
    background-color: #d40037
}

.sfc-dialog-buttons-style-remove:active, .sfc-dialog-buttons-style-confirm:active {
    border: 2px solid #ff1854;
    background-color: #ff0000
}

.sfc-terms .sfc-dialog-buttons-style-confirm {
    background-color: #999999;
    border-color: #999999
}

.sfc-terms .sfc-dialog-buttons-style-confirm:hover, .sfc-terms .sfc-dialog-buttons-style-confirm:active {
    background-color: #6b778c;
    border: 2px solid #6b778c
}

.sfc-dialog-remove-card {
    color: #999999;
}

.sfc-dialog-remove-card-dots {
    color: #999999;
}

.dr-content .dr-button {
    color: #aaaaaa;
    border: 1px solid #aaaaaa;
    border-radius: 0;
}

.dr-content a {
    color: #aaaaaa;
}

.ball-spin-fade-loader > div {
    background-color: #aaaaaa;
    border-radius: 100%;
}

.sfcModal-content {
    background-color: #fff;
    border: 1px solid #dfdfdf
}

.sfcModal-close {
    color: #2c2a2a;
}

#sfc-iframe-wrap {
    background: rgba(0, 0, 0, .2);
    border-radius: 0
}

.sfc-iframe-header label {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
}
