@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');


#wc_plugin_adscale_settings_form .rows-item {
    font-family: 'Lato', sans-serif;

}

#wc_plugin_adscale_settings_form .ios-toggle {
    display: flex;
    align-items: center;
    vertical-align: middle;
}

#wc_plugin_adscale_settings_form .ios-toggle > label:not(.ios-toggle-mega-label) {
    display: block !important;
    width: 36px;
    height: 20px;
    position: relative;
    margin-right: 15px;
    border-radius: 1.75em;
    -webkit-transition: background .125s;
    transition: background .125s;
}

#wc_plugin_adscale_settings_form .ios-toggle > label:not(.ios-toggle-mega-label)::before,
#wc_plugin_adscale_settings_form .ios-toggle > label:not(.ios-toggle-mega-label)::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 20px;
    border-radius: inherit;
    -webkit-transition: all .2s;
    transition: all .2s;
}

#wc_plugin_adscale_settings_form .ios-toggle > label:not(.ios-toggle-mega-label)::after {
    left: 4px;
}

#wc_plugin_adscale_settings_form .ios-toggle > input:not(:checked) ~ .label__checkbox.checked {
    display: none;
}

#wc_plugin_adscale_settings_form .ios-toggle > input:checked ~ .label__checkbox.checked {
    display: block;
}

#wc_plugin_adscale_settings_form .ios-toggle > input:checked ~ .label__checkbox.unchecked {
    display: none;
}

#wc_plugin_adscale_settings_form .ios-toggle > input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    width: 10px !important;
    height: 10px;
    position: absolute !important;
}

#wc_plugin_adscale_settings_form .ios-toggle.ios-toggle-reverse > label::before {
    background: #C2C5C8;
}

#wc_plugin_adscale_settings_form .ios-toggle.ios-toggle-reverse > input:checked + label {
    background: #6EAF50;
}

#wc_plugin_adscale_settings_form .ios-toggle > label:not(.ios-toggle-mega-label)::before {
    width: 100%;
}

#wc_plugin_adscale_settings_form .ios-toggle > label:not(.ios-toggle-mega-label)::after {
    background: #F7F9FB;
    top: 4px;
    right: 4px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

#wc_plugin_adscale_settings_form .ios-toggle > input:active + label::before,
#wc_plugin_adscale_settings_form .ios-toggle > input:checked + label::before {
    width: 60%;
    left: 20%;
    top: 30%;
    height: 40%;
    opacity: 0;
}

#wc_plugin_adscale_settings_form
.ios-toggle > input:checked + label::after {
    right: 0;
    left: 20px;
}


#wc_plugin_adscale_settings_form .hidden-label th {
    display: none;

}

#wc_plugin_adscale_settings_form h5 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    margin: 30px 0 19px;
}

#wc_plugin_adscale_settings_form
.label__opt-in__checkbox {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #141A21;
}

#wc_plugin_adscale_settings_form
.rows-item p, .adscale__text_checkbox_checkout__label {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #525964;
    margin-bottom: 5px;
}

#wc_plugin_adscale_settings_form .hidden-label td {
    padding: 0;
}

#wc_plugin_adscale_settings_form
.adscale__text_checkbox_checkout__label {
    padding-bottom: 7px;
    padding-top: 7px;
    display: block;
}

#wc_plugin_adscale_settings_form
.rows-item p a {
    color: #37AEEC;
}

#wc_plugin_adscale_settings_form
.rows-item textarea {
    padding: 8px 12px;
    gap: 12px;

    width: 374.88px;
    height: 64px;
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    background: #FFFFFF;
    /* secondary/100 */

    border: 1px solid #C2C5C8;
    border-radius: 4px;
}


#wc_plugin_adscale_settings_form
.radio-label {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    margin-right: 7px;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

#wc_plugin_adscale_settings_form
.radio-input {
    margin: 0;
    visibility: hidden;
    position: absolute;
}

#wc_plugin_adscale_settings_form
.radio-input:checked + label span {
    border: 2px solid #37AEEC;
}

#wc_plugin_adscale_settings_form
.radio-input:checked + label span:after {
    opacity: 1;
}

#wc_plugin_adscale_settings_form
.custom-radio {
    left: 0;
    top: 5px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: 2px solid #2E3642;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-right: 4px;

}

/* for inner filled circle */
#wc_plugin_adscale_settings_form
.custom-radio::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #37AEEC;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s;
}


#wc_plugin_adscale_settings_form
.adscale__show_checkbox__label {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;

    /* secondary/400 */

    color: #525964;
}

#wc_plugin_adscale_settings_form
.label__checkbox {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #2E3642;
    padding-right: 26px;
}

#wc_plugin_adscale_settings_form
h6.rows-item__title {
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;

    /* secondary/900 */

    color: #141A21;
    margin: 0 0 8px;
}

#wc_plugin_adscale_settings_form
.hide-row.hide {
    display: none;
}

#wc_plugin_adscale_settings_form
.btn {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding: 8px 12px;
    font-family: 'Lato';
    font-style: normal;
    /* white */
    background: #FFFFFF;
    /* primary/200 */

    border: 1px solid #9DD8F6;
    border-radius: 4px;

    color: #37AEEC;

    margin-bottom: 13px;
}

#wc_plugin_adscale_settings_form
.btn:hover {
    opacity: .8;
}

#wc_plugin_adscale_settings_form .d-flex {
    display: flex;
}

#wc_plugin_adscale_settings_form
.btn svg {
    padding-right: 6px;
}

#wc_plugin_adscale_settings_form .regular-text {
    padding: 7px 12px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    width: 374px;
    margin-bottom: 7px;
    color: #999EA4;
    background: #F3F4F4;
    /* secondary/100 */

    border: 1px solid #C2C5C8;
    border-radius: 4px;
}

#wc_plugin_adscale_settings_form {
    padding-top: 15px;
}

#adscale-plugin-title {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;

    /* secondary/900 */

    color: #141A21;
}

#wc_plugin_adscale_settings_form .notice-error {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    background: #EA5D5D;
    border-radius: 4px;
    width: 100%;
    padding: 12px 8px 12px;
    max-width: 660px;
    margin: 14px 0 0;
}

#wc_plugin_adscale_settings_form .notice-error p {
    margin: 0;
    color: #FEF4F4;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
}

#wc_plugin_adscale_settings_form .notice-error svg {
    margin-right: 14px;
}

#wc_plugin_adscale_settings_form
p.adscale__show_checkbox__label {

    padding-bottom: 9px;
}

.rows-item.hide-row {
    padding-top: 11px;
}

.adscale__show_checkbox-row {
    margin-bottom: 14px;
}

.adscale__text_checkbox_checkout__label {

}

.textarea-charecter {
    max-width: 374.88px;
    width: 100%;

    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    text-align: right;

    /* secondary/100 */

    color: #C2C5C8;
}

#wc_plugin_adscale_settings_form .adscale__position-select-row .js-example-basic-single {
    margin-top: 8px;
}

#wc_plugin_adscale_settings_form .adscale__position-select-row .rows-item__title {
    margin-bottom: 13px;
}

#wc_plugin_adscale_settings_form .adscale__position-select-row {
    padding-top: 0;
}

#wc_plugin_adscale_settings_form span.adscale__show_checkbox__wrap {
    display: inline-block;
}