.rule_card {
    background-color: #F4F4F4;
    padding: 1rem;
    border-radius: 10px;
    margin: 0px !important;
    color: var(--primary-black);
}

.delete_smart_rule {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 5px;
}

.sr_social_icon_list li {
    border: solid 1px var(--secondary) !important;
    background: #fff !important;
}

.sr_social_icon_list li.active, .sr_social_icon_list li:hover {
    border-color: var(--primary_color) !important;
}

.select_saved_qr_code_wrapper .select2.select2-container {
    width: 300px !important;
}

#smart_rule_card_wrapper .add_smart_rule {
    background-color: #fff;
}

#smart_rule_card_wrapper .add_smart_rule:hover {
    background-color: var(--hightlight-color);
}

.sr_check_wrapper {
    display: inline;
    border: 1px solid var(--primary-color);
    padding: 8px 16px;
    border-radius: 8px;
}

.sr_check_wrapper, .sr_check_wrapper label {
    cursor: pointer !important;
}

.sr_check_wrapper.active, .sr_check_wrapper:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.sr_check_wrapper .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary-color);
    border-color: #fff;
}

.sr_check_wrapper .custom-control-label::before {
    background-color: #fff;
    border: 1px solid var(--primary-color);
}

.sr_select_wrapper li {
    font-size: 14px;
    border: 1px solid var(--light-color);
    display: inline;
    padding: 0.5em 0.75em;
    margin-right: 1em;
    border-radius: 4px;
    width: 74px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.sr_select_wrapper li.active {
    background-color: var(--primary-color);
    color: #fff;
}

.sr_device_select_wrapper li {
    width: 150px;
}

.sr_options_card {
    background: #F4F4F4;
    border-radius: 10px;
    display: none;
}

.sr_options_card.show {
    display: block;
}
.sr_options_card .close {
    width: 10px;
    background-image: url(/assets/images/close.svg);
    height: 10px;
    color:#ddd;
    background-size: contain;
    opacity :1;
}

#sm_time_options .input-group-append {
    border: 1px solid #C2C6D9;
    border-radius: 0 4px 4px 0px;
    background: #eceef7;
}

#sm_time_options .input-group-append button {
    background-color: #eceef7;
}

.select2-selection--single {
    padding: 0.6rem 0 !important;
}

.add_smart_rule {
    max-width: 410px;
    overflow: hidden;
    word-wrap: break-word;
    white-space: initial !important;
    text-align: left !important;
}

.rule_card.invalid .input-group-prepend {
    border: 1px solid var(--danger);
    border-radius: 5px 0 0 5px;
}
.rule_card.invalid input[type=text], .rule_card.invalid input[type=email], .rule_card.invalid input[type=number] {
    border-color: var(--danger) !important;
}

#sr_timezone_wrapper .select2-selection{
    width: 200px;
}

.swal2-actions{
    z-index: 0 !important;
}