/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.wpsf-settings__content form {
    width: 75%;
    float: left;
}
#idea_gn_upgrade {
    width: 20%;
    padding: 15px;
    margin: 6px 0px;
    float: left;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

 #gform_setting_whatsapp_template .idea_gn_links_container {
    display: flex;
    justify-content: space-between;
}

#gform_setting_whatsapp_template .idea_gn_links_container a {
    text-align: left;
    text-decoration: none;
}

#gform_setting_whatsapp_template .idea_gn_links_container a:nth-child(2) {
    text-align: right;
}

#gform_setting_message input.wa_vars {
    margin: 10px 0px;
    width: 63%;
}

#gform_setting_message label.wa_label {
    margin: 10px 0px;
    width: 20%;
    display: inline-block;
}

.wa_var_container {
    width: 100%;
}

.wa_var_container span.all-merge-tags.right.input {
    position: relative;
    display: inline-block;
    width: 15%;
    top: 6px;
}

#idea_gn_reload_wa_templates {
    box-shadow: none;
    color: #000000;
    outline: none;
}
#gform_setting_whatsapp_template .dashicons-image-rotate{
    text-decoration: none;
    margin: 5px 0px;
    transform:rotateX(180deg) 
}
#gform_setting_whatsapp_template .dashicons-image-rotate::before{
    content: "\f531";
    color: #000000;
}

@keyframes idea-gn-rotate-keyframe {
    100% {
        transform: rotate(1turn)
    }
}

#gform_setting_whatsapp_template .idea-gn-reload--rotate {
    animation: idea-gn-rotate-keyframe 1s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* .content {
    display: none;
} */