/* phpcs:ignoreFile */
.coupon-container {
    line-height: 1.4em;
    position: relative;
    display: inline-table;
    margin: 2px;
    padding: .55em;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 0 5px #e0e0e0
}

.coupon-container.previews {
    cursor: inherit
}

.coupon-content {
    padding: .2em 1.2em
}

.coupon-content .code {
    font-family: monospace;
    font-size: 1.2em;
    font-weight: 700
}

.coupon-content .coupon-expire, .coupon-content .discount-info {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em
}

.coupon-content .discount-description {
    font: .7em/1 Helvetica, Arial, sans-serif;
    display: inline-block;
    margin: 10px inherit
}

.wc-sc-coupon-style-preview .coupon-container {
    display: inline-block
}

span.wc-sc-coupon-preview-container {
    position: absolute;
    display: inline-block;
    margin: 0 0 0 1em;
    font-size: initial
}

.wc_sc_custom_design_css_doc_div {
    margin: 15px 0
}

#coupon-selector #coupon-option label span {
    display: inline-block;
    width: 100px
}

#coupon-selector #coupon-option label select {
    width: 175px;
    margin-bottom: 6px;
    margin-left: -.2em
}

div#sc_shortcode_update {
    float: right;
    margin-top: -5px
}

form#sc_coupons_attributes {
    padding: 0 1em 1em
}

div#coupon-selector {
    float: left;
    padding: 1em 1em 1em 0;
    border-right: 1px solid #e6e6e6
}

.coupon-preview {
    float: left;
    width: 175px;
    padding: 1em 0 1em 1em
}

.preview-heading {
    font-size: 15px;
    padding-bottom: 10px;
    text-align: center
}

#search-panel {
    overflow-x: hidden;
    width: 275px;
    min-height: 80px;
    max-height: 110px;
    margin: 5px 0;
    color: #333;
    border: 1px solid #d4d4d4;
    background-color: #fff
}

#coupon-option #search-panel #search-results span {
    width: 100%;
    margin-left: 10px
}

#search-results ul {
    margin: 5px -2px
}

#search-results ul li {
    font-size: 12px;
    margin-bottom: -1px;
    padding: 3px 15px;
    cursor: pointer;
    border: 1px solid #f2f2f2
}

#search-results ul li:hover {
    color: #000;
    background-color: #eaf2fa
}

#coupon-option #search-panel #search-results ul li span {
    width: 0;
    color: red
}

#sc_coupons_attributes .submitbox {
    clear: both
}

#default-text {
    font-style: italic;
    margin-bottom: -5px;
    padding: 2px;
    text-align: center;
    background-color: #f2f2f2
}

input.gift_receiver_email, input.gift_sending_date_time {
    min-width: 100%;
    margin: 1% 0
}

div#gift-certificate-receiver-form thead th {
    text-align: center
}

input#deliver_on_date {
    text-align: center
}

.email_sending_date_time_wrapper:not(.show), .wc_sc_schedule_gift_sending_wrapper:not(.show) {
    display: none
}

.wc_sc_schedule_gift_sending_wrapper.show {
    margin-left: 2em
}

form#generate_coupons p.form-field input[type=text] {
    width: 30%
}

form#generate_coupons p.form-field input[type=number] {
    width: 15%
}

form#generate_coupons p.form-field input[name=wc_sc_max_discount] {
    width: 30%
}

div.gift-certificate-receiver-detail-form, div#gift-certificate-receiver-form-multi {
    display: none
}

a#single_multi {
    float: right
}

.sc_info_box {
    overflow: hidden;
    margin-bottom: 2em !important;
    padding: .5em 1em 0 !important;
    background-color: #f7f6f7
}

tr.wc_sc_custom_design_css_wrapper .CodeMirror + span.wc-sc-coupon-preview-container {
    top: 15px
}

tr.wc_sc_custom_design_css_wrapper td.forminp.forminp-textarea {
    position: relative
}

tr.wc_sc_custom_design_css_wrapper .CodeMirror {
    width: 100%;
    max-width: 400px;
    height: 200px
}

.sc-coupons-list details > summary {
    list-style: none
}

.sc-coupons-list details > summary::marker, .sc-coupons-list details > summary::-webkit-details-marker {
    display: none
}

@media (min-width: 768px) {
    .sc_info_box {
        float: unset !important;
        width: unset !important;
        margin-right: unset !important;
        padding: .5em 1em 0 !important
    }

    .page-template-template-fullwidth-php .sc_info_box {
        float: unset !important;
        width: unset !important;
        margin-right: unset !important;
        margin-left: unset !important;
        padding: .5em 1em 0 !important
    }

    label[for=woocoupons_sell_store_credit_at_less_price] span.woocommerce-help-tip, label[for=woocoupons_schedule_store_credit] span.woocommerce-help-tip {
        float: left;
        margin: 1px 4px 1px -1.7em !important
    }

    tr.wc_sc_custom_design_css_wrapper .CodeMirror + span.wc-sc-coupon-preview-container {
        left: 415px
    }
}

textarea.gift_receiver_message {
    width: 100%
}

.form_table {
    width: 97%;
    padding: 20px 10px;
    border-top: 2px;
    border-top-style: solid;
    border-top-color: #dbdbdb
}

.message_row {
    width: 100%
}

.sc_message {
    width: 100%
}

.email_amount {
    width: 100%
}

.gift-certificate-show-form p {
    margin: 0
}

.gift-certificate-show-form lable {
    display: inline
}

.gift-certificate-show-form input[type=radio] {
    margin-left: 1em
}

.show_hide_list {
    padding-left: 0;
    margin-left: 25px
}

.single_multi_list {
    display: none
}

div.mce-woo-coupon-shortcode {
    cursor: pointer
}

div.mce-woo-coupon-shortcode i:before {
    font-family: woocommerce;
    content: '\e600'
}

div[aria-describedby=sc_coupons_attributes] {
    z-index: 1000
}

.wc_sc_total_available_store_credit {
    padding: 1em 0;
    text-align: right
}

.wc_sc_total_available_store_credit .amount {
    font-size: 1.5em;
    font-weight: 700
}

div#invalid_coupons_list div#all_coupon_container .coupon-container {
    cursor: initial !important;
    opacity: .5
}

div#invalid_coupons_list div#all_coupon_container .coupon-container .coupon-content .coupon-expire {
    display: none
}

.variation-sc_called_credit {
    display: none
}

.sc_bulk_description textarea#woocommerce-coupon-description {
    width: 90%;
    margin-left: .5em
}

#call_for_credit {
    position: relative
}

input#credit_called {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.wc-sc-call-for-credit-container .wc-sc-label, .wc-sc-call-for-credit-container .wc-sc-input {
    width: 48%;
    float: left
}

.wc-sc-call-for-credit-container .wc-sc-row {
    position: relative;
    margin-top: 1em
}

.wc-sc-call-for-credit-container .wc-sc-row:after {
    content: "";
    display: table;
    clear: both
}

.wc-sc-description {
    display: inline-block
}

#sc-cc input {
    border: 1px solid #7e8993
}

#sc-cc .sc-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2rem
}

.forminp-wc_sc_radio_with_html {
    border-collapse: initial
}

.forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design li {
    padding: 10px 10px 5px 5px
}

.forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design li input, .forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design_colors li input {
    vertical-align: top
}

.forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design_colors.custom li input[type=color] {
    opacity: 0;
    display: block;
    width: 32px;
    height: 20px;
    border: 0;
    cursor: pointer
}

.forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design_colors li span {
    display: inline-block;
    width: 32px;
    height: 20px;
    vertical-align: middle
}

.forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design, .forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design_colors {
    margin-top: unset
}

.forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design li, .forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design_colors li {
    cursor: pointer
}

.forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design_colors li {
    display: inline-block;
    width: 150px;
    padding: 5px
}

.forminp-wc_sc_radio_with_html ul li:hover, .forminp-wc_sc_radio_with_html ul li.selected {
    background: #ddd
}

.forminp-wc_sc_radio_with_html .wc_sc_setting_coupon_design {
    align-items: unset !important
}

@media screen and (max-width: 767px) {
    .wc-sc-description {
        margin-left: 0
    }

    tr.wc_sc_custom_design_css_wrapper .CodeMirror + span.wc-sc-coupon-preview-container {
        position: static;
        margin-top: 15px
    }
}

@media screen and (min-width: 768px) and (max-width: 799px) {
    .wc-sc-description {
        margin-left: 5%
    }
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
    .wc-sc-description {
        margin-left: 7%
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .wc-sc-description {
        margin-left: 11%
    }
}

@media screen and (min-width: 1200px) and (max-width: 1279px) {
    .wc-sc-description {
        margin-left: 14%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .wc-sc-description {
        margin-left: 15%
    }
}

@media screen and (min-width: 1366px) and (max-width: 1599px) {
    .wc-sc-description {
        margin-left: 16%
    }
}

@media screen and (min-width: 1600px) {
    .wc-sc-description {
        margin-left: 20%
    }
}
