@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    background: #e8edf2;
}

#wpbody-content .wrap-gsc,
.gsheet-header,
.breadcrumb {
    font-weight: 500;
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #4a4a4a;
}

#wpbody-content .wrap-gsc h2,
#wpbody-content .wrap-gsc h3,
#wpbody-content .wrap-gsc h4 {
    font-weight: 600;
}

#wpbody-content .wrap-gsc h2 {
    margin: 0;
    padding: 0 0 25px;
    font-size: 20px;
    color: #6085cd;
}

#wpbody-content .wrap-gsc h2 span.tooltip-set {
    font-size: 18px;
    color: #399f51;
    margin-left: 15px;
}

.gswoo-helop-icon {
    color: #399f51;
}

#wpbody-content .wrap-gsc h3 {
    font-size: 18px;
}

#wpbody-content .wrap-gsc h4 {
    font-size: 16px;
}

#wpbody-content .wrap-gsc p {
    font-size: 14px;
}
#wpbody-content p.sub-desc {
    margin: 0 0 30px;
    line-height: 22px;
    font-size: 14px;
    color: #64748b;
}

.wrap-gsc a {
    outline: none;
    border: none;
    color: #e73f26;
    text-decoration: none;
    cursor: pointer;
}

.wrap-gsc a:focus {
    box-shadow: 0 0 0 0;
}

.wrap-gsc a:hover {
    color: #333;
}

.card-wp,
.system-statuswc,
.system-general_setting,
.extension-wrap,
.ff-role-settings {
    padding: 2rem;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #e2e8f0;
}
.gsheetconnector-addons-list {
	margin-bottom:30px;
}

.gsheet-header {
    max-width: 1280px;
    width: 100%;
    margin: 1rem auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
}

.gsheet-header .gsheet-logo {
    position: relative;
    padding-right: 15px;
}

.gsheet-header .gsheet-logo-text {
    font-size: 22px;
    font-weight: 500;
    margin: 10px auto 0 0;
    position: relative;
    line-height: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.gsheet-header h1 span.title {
    font-size: 1em;
    font-weight: 600;
    background: #E95118;
    background: linear-gradient(to right, #E95118 0%, #EEB609 50%, #6EC833 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 10px;
}

.gsheet-header h1 span.pro {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 1px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    background: rgb(17, 154, 23);
    letter-spacing: 1px;
    background: linear-gradient(90deg, rgba(17, 154, 23, 1) 0%, rgba(41, 106, 16, 1) 100%);
}

.gsheet-header h1 small {
    border-radius: 3px;
    padding: 0;
    font-size: 12px;
    color: #000 !important;
    margin-left: 10px;
    text-align: center;
    position: absolute;
    left: -9px;
    bottom: 25px;
}

.gsheet-header .gsheet-logo i {
    font-size: 28px;
    line-height: 40px;
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: url(../img/gsheet-logo.svg) no-repeat center !important;
    background-size: 37px auto !important;
}

.gf-system-Error-logs {
    padding: 2rem;
}

/* Top Header //////////*/
.gsheet-header ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
    list-style: none;
}

.gsheet-header ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gsheet-header ul li i {
    font-size: 17px;
}

.gsheet-header ul li a {
    color: #666;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gsheet-header ul li a:hover {
    border: 1px solid #666;
}

.gsheet-header ul li a:hover i {
    color: #000;
}


.breadcrumb {
    max-width: 1280px;
    width: 100%;
    margin: 20px auto;
}

.notes {
    padding: 0 0 0 238px;
    margin-bottom: 18px;
    display: flex;
    color: #666;
    font-size: 13px;
}

.notes p {
    margin-top: 0;
}

.notes2 {
    display: inherit;
    background: #eee;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 15px;
}

.nav-tab-wrapper,
.wrap-gsc div.nav-tab-wrapper,
.nav-tab-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 3px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    max-width: 1280px;
    width: 100%;
    margin: 0px auto 20px;
    box-sizing: border-box;
    border-bottom: none;
    padding-left: 5px;
}

.sub-nav-bar {
    max-width: 1280px;
    width: 100%;
    margin: 5px auto 20px;
    background: #e8edf2;
    display: flex;
    gap: 6px;
}

.sub-nav-bar a.sub-nav-tab {
    background: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    color: #333;
    font-weight: 500;
    text-decoration: none;
}

.sub-nav-bar a.sub-nav-tab-active {
    background: #c1e0ff;
    font-weight: bold;
}

.nav-tab {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background: #eee;
    border-radius: 5px;
    border: none;
}

a:hover.nav-tab {
    background: #e0f0ff;
    border: none;
}

.nav-tab:hover,
.nav-tab:focus,
a.nav-tab.nav-tab-active {
    background: #e0f0ff;
}

a.nav-tab img {
    margin-right: 8px;
}

.wrap-gsc {
    max-width: 1280px;
    margin: 0 auto !important;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

.row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.row label {
    width: 220px;
    text-align: left;
}

.row span {
    padding-left: 10px;
    display: inline-block;
}

.forms-detail {
    padding: 2rem;
    box-sizing: border-box;
}


#cf7gscpro .postbox-header h2,
#submitdiv h2 {
    padding: 5px 10px;

}

.gsc-service-success {
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px 30px;
    margin: 0px 0 30px;
    font-size: 14px;
}

.service-email {
    color: #6085cd;
}
.wrap-gsc .postbox-header {
    background: #f2f7fd !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 5px;
}

.wrap-gsc .postbox {
    border: none;
}

.wrap-gsc .postbox .inside {
    padding: 0;
}

.wrap-gsc .postbox table.widefat {
    border: 1px solid #e2e8f0 !important;
}

.postbox {
    border: none;
}

.postbox table.widefat {
    border: 1px solid #e2e8f0 !important;
}

.postbox table.widefat tr:nth-child(odd) {
    background-color: #f2f7fd !important;
}

.misc-pub-section {
    padding: 5px 10px;
}


/* Input New CSS */
.wrap-gsc input[type="text"],
.wrap-gsc input[type="password"],
.wrap-gsc input[type="date"],
.wrap-gsc input[type="datetime-local"] {
    border: 1px solid #d8d8d8;
    padding: 4px 10px;
    min-height: 44px;
    line-height: 1.25rem;
    color: #64748b;
    font-size: 15px;
    font-weight: 400;
    background-color: #fff;
    border-radius: 5px;
    max-width: 490px;
    margin-right: 10px;
    width: 100%;
}

.wrap-gsc input[type="text"]:focus,
.wrap-gsc input[type="password"]:focus,
.wrap-gsc input[type="date"]:focus {
    border: 1px solid #c9c9c9;
    box-shadow: 0 0 5px #dddd;
}

.wrap-gsc select {
    padding: 7px 28px 7px 10px !important;
    line-height: 1.25rem !important;
    color: #64748b !important;
    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 5px !important;
    height: 44px !important;
    max-width: 38%;
}

.wrap-gsc select:focus {
    border: 1px solid #c9c9c9 !important;
    box-shadow: 0 0 5px #dddd !important;
}

.gsc-service-json {
    width: 100%;
    border: 1px solid #d8d8d8 !important;
    border-radius: 5px !important;
}

.edddisplayLogs {
    margin-top: 1rem;
}

.file-setting select {
    min-width: 160px;
}


/* Button CSS //////////*/
.fmdgsc-logs,
.closeView,
#copy-logs-btn,
#gs-sync-multi {
    display: inline-block;
    padding: 5px 15px;
    background-color: #fff;
    color: #949494;
    border: 1px solid #949494;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 5px;
    transition-property: color;
    transition-property: background;
    transition-duration: .4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out, ease-out;
}


.fmdgsc-logs:hover,
.closeView:hover,
#copy-logs-btn,
#gs-update-license:hover,
#gs-sync-multi:hover {
    color: #fff;
    background: #949494;
}

#gs-sync {
    cursor: pointer;
}

#copy-logs-btn {
    padding: 10px 20px;
    font-weight: bold;
    margin: 20px 0 0px;
    cursor: pointer;
}

.formidable-gs-sub-btn,
.button-bar a,
.ffforms-btn,
#save-gs-gf-manual,
#add-new-feed,
.sync-btn,
#save-gs-code,
.wrap-gsc .button-secondary,
.wrap-gsc .button-primary {
    font-size: 15px !important;
    font-weight: 500 !important;
    border: none !important;
    padding: 11px 15px;
    min-width: 200px;
    height: 43px;
    line-height: 18px !important;
    text-align: center;
    background: #199436 !important;
    min-height: 28px;
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer;
    transition-property: color;
    transition-property: background;
    transition-duration: .4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out, ease-out;
}
.formidable-gs-sub-btn:hover,
.button-bar a:hover,
.gs-wpforms-save:hover,
.ffforms-btn:hover,
#add-new-feed:hover,
#save-gs-code:hover,
.sync-btn:hover,
.wrap-gsc .button-secondary:hover,
.wrap-gsc .button-primary:hover {
    color: #fff !important;
    background: #22af43 !important;
}

.button-bar a {
	height:auto;
	margin-right: 10px;
	line-height: 27px !important;
}

.edd-save-btn {
    margin: 1rem 0 1rem 2rem;
}


.sheet-url-formidable,
#save-gf-reset,
#gs-gf-deactivate-auth,
#close-feed,
#viewsheet {
    font-size: 15px !important;
    font-weight: 500 !important;
    border: 1px solid #199436 !important;
    padding: 0 15px;
    min-width: 200px;
    height: 43px;
    text-align: center;
    background: #fff !important;
    min-height: 28px;
    border-radius: 5px;
    color: #199436 !important;
    cursor: pointer;
    transition-property: color;
    transition-property: background;
    transition-duration: .4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out, ease-out;
    margin-right: 10px;
}

.sheet-url-formidable:hover,
#save-gf-reset:hover,
#gs-gf-deactivate-auth:hover,
#close-feed:hover,
#viewsheet:hover {
    color: #fff !important;
    background: #22af43 !important;
    border: 1px solid #22af43 !important;
}

.sheet-url-formidable {
	line-height: 39px;
    min-width: 156px;
    padding: 0 20px;
    height: auto;
}

.license-tooltip {
    display: flex;
}

.lexpire i {
    font-size: 18px;
    color: #22af43;
}

.download-orders {
    margin-right: 10px !important;
}

/* System Status Tab */
.system-statuswc {
    border: none !important;
    box-shadow: 0 0 0 !important;
    padding: 2rem !important;
}

.system-statuswc .system-statuswc {
    padding: 0rem !important;
}

.system-Error {
    border: none !important;
    box-shadow: 0 0 0 !important;
    padding: 0 !important;
}

.copy {
    margin-left: 0 !important;
}

.system-statuswc h4 .dashicons,
.system-statuswc h2 .dashicons {
    color: #6085cd !important;
    border: 1px solid #e2e8f0 !important;
}

.info-button {
    color: #333 !important;
    font-weight: 600 !important;
    background-color: #f2f7fd !important;
    border: 1px solid #e2e8f0 !important;
}

.info-content h3 {
    color: #6085cd !important;
    margin: 0px 0 10px 5px !important;
}

.info-content tr:nth-child(odd) {
    background-color: #f2f7fd !important;
}

.info-content td {
    font: 13px Montserrat, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 500;
    padding: 10px !important;
}


.info-content {
    box-sizing: border-box;
    padding: 0 0 30px !important;
    border: none !important;
}

.info-content table {
    width: 100%;
    border-collapse: collapse;
}

.info-content td {
    padding: 10px !important;
    word-break: break-all;

    border: 1px solid #e2e8f0;
}

.info-content td:nth-child(1) {
    font-weight: bold;
}

.info-content tr:last-child td {
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Extension Page CSS */
/* GsheetConnector Addons */
.loading {
    background-image: url(../img/ajax-loader.gif);
    background-position: 50% 80%;
    background-repeat: no-repeat;
    width: 14px;
    display: inline-block;
    height: 14px;
}

.extensions-block {
    padding: 2rem;
    box-sizing: border-box;
}

.gsheetconnector-addons-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.gsheetconnector-list-item {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
    width: 49%;
    height: 230px;
    position: relative;
}

.gsheetconnector-list-item .activated {
    display: none;
}

.gsheetconnector-list-item:hover .activated {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 9;
}

.gsheetconnector-list-item .activated a.button {
    position: absolute;
    left: 0;
    top: 40%;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100px;
}

.gsheetconnector-list-item {
    position: relative;
}

.gsheetconnector-list-item .plugin-premium,
.gsheetconnector-list-item .plugin-free {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding: 2px 5px;
    background: #f60d0d;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px;

}

.gsheetconnector-list-item .plugin-required {
    top: 30px;
}

.gsheetconnector-list-item .plugin-free {
    background: #2271b1;
}


.highlight {
    background: #fcf8e9;
    border: 1px solid #cec295;
    position: relative;
}

.highlight .addon-item-header img {
    border: 1px solid #cec295;
}

.highlight .addon-item-footer {
    background: #fef3c9;
}

.highlight .addon-badge {
    background: #f10a0a;
    color: #fff;
}

.active-msg {
    background: #BEF8D2;
    border-radius: 3px;
    margin: -3px 0 5px;
    font-size: 13px;
    color: #039436;
    padding: 5px 10px;
    display: block;
    text-align: center;
}


.highlight .new {
    background: #f10a0a;
    width: 103px;
    padding: 5px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: -32px;
    top: 2px;
    display: block;
    text-align: center;
    border-radius: 3px;
    rotate: 30deg;
    text-transform: uppercase;
}

.addon-item-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 15px;
}

.addon-item-header-meta {
    width: 68%;
    padding-left: 15px;
}

.addon-item-header img {
    width: 78px;
    height: auto;
    padding: 8px 0;
    border: 1px solid #e2e8f0;
}

.addon-item-meta-title a {
    font-size: 14px;
    font-weight: 600;
    color: #6085cd;
    padding-bottom: 10px;
    display: block;
}

.addon-item-header-meta-excerpt {
    color: #646970;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.addon-item-footer {
    padding: 15px;
    display: flex;
    background: #f2f7fd;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
    min-height: 70px;
}

.addon-badge {
    color: #8c8f94;
    background-color: #e5e5e6;
    border-radius: 3px;
    font-size: 10px;
    letter-spacing: 0.5px;
    padding: 8px 10px;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    line-height: 6px;
    user-select: none;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}


/* Tooltip New CSS Final */
.tooltip-new {
    position: relative;
    cursor: pointer;
    text-align: left;
}

.tooltip-new:after,
.tooltip-new:before {
    opacity: 0;
    pointer-events: none;
    bottom: 100%;
    left: 50%;
    position: absolute;
    z-index: 10;
    transform: translate(-50%, 10px);
    transform-origin: top;
    transition: all 0.18s ease-out 0.18s;
}

.tooltip-new:after {
    background-color: #fff;
    border: 1px solid #cfd8e2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    content: attr(data-tooltip);
    padding: 20px;
    color: #666e81;
    border-radius: 5px;
    white-space: nowrap;
    margin-bottom: 11px;
}

.tooltip-new:before {
    width: 0;
    height: 0;
    content: "";
    margin-bottom: 6px;
}

.tooltip-new:hover:before,
.tooltip-new:hover:after {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.tooltip-new .dashicons-editor-help {
    margin-left: 10px;
}

[data-tooltip-pos="up"]:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #607dbc;
    margin-bottom: 4px;
}

[data-tooltip-pos="down"]:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #607dbc;
    margin-left: 1px;
    margin-top: 3px;
}

[data-tooltip-pos="right"]:before {
    border-top: 8px solid transparent;
    border-right: 8px solid #607dbc;
    border-bottom: 8px solid transparent;
    margin-left: 5px;
}

[data-tooltip-pos="left"]:before {
    border-top: 8px solid transparent;
    border-left: 8px solid #607dbc;
    border-bottom: 8px solid transparent;
    margin-right: 3px;
}

[data-tooltip-pos="down"]:before,
[data-tooltip-pos="down"]:after {
    bottom: auto;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -10px);
}

[data-tooltip-pos="down"]:after {
    margin-top: 11px;
}

[data-tooltip-pos="down"]:hover:before,
[data-tooltip-pos="down"]:hover:after {
    transform: translate(-50%, 0);
}

[data-tooltip-pos="left"]:before,
[data-tooltip-pos="left"]:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate(10px, -50%);
}

[data-tooltip-pos="left"]:after {
    margin-right: 11px;
}

[data-tooltip-pos="left"]:hover:before,
[data-tooltip-pos="left"]:hover:after {
    transform: translate(0, -50%);
}

[data-tooltip-pos="right"]:before,
[data-tooltip-pos="right"]:after {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate(-10px, -50%);
}

[data-tooltip-pos="right"]:after {
    margin-left: 11px;
}

[data-tooltip-pos="right"]:hover:before,
[data-tooltip-pos="right"]:hover:after {
    transform: translate(0, -50%);
}

[data-tooltip-length]:after {
    white-space: normal;
}

[data-tooltip-length="small"]:after {
    width: 150px;
}

[data-tooltip-length="medium"]:after {
    width: 250px;
}

[data-tooltip-length="large"]:after {
    width: 350px;
}

[data-tooltip-length="fit"]:after {
    width: 450px;
}

.tooltip-new {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    color: #666;
}

i.gswoo-helop-icon.fa.fa-question-circle {

    font-size: 17px;
    margin-left: 5px;
    color: #399f51;
}

/* Message Type ///////////////////////////*/
.msg {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 35px 15px 20px;
    border: 1px solid #ccc;
    margin: 1rem 0;
    max-width: 100%;
    border-radius: 5px;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.msg p {
    margin: 0;
    line-height: 22px;
}

.msg i {
    font-size: 18px;
    margin-top: 5px;
    margin-right: 10px;
}

.gsc-section .msg {
    margin: 1rem 0rem 2rem;
}

.msg a.close {
    font-size: 32px;
    position: absolute;
    right: 10px;
    color: #333;
}

.msg a.close svg {
    width: 22px;
}

.msg a:hover.close {
    color: #000;
}

.align-text-center {
    text-align: center;
}

.align-text-right {
    text-align: right;
}

.warning-msg {
    border: 1px solid #c09f81;
    color: #da4e09;
    fill: #da4e09;
    background: #ffe5d4;
}

.success-msg {
    border: 1px solid #82c090;
    color: #06631c;
    fill: #06631c;
    background: #dcffdd;
}

.error-msg {
    border: 1px solid #c08182;
    color: #630606;
    fill: #630606;
    background: #ffdfe1;
}

.error-msg svg {
    width: 22px;
}

.important-msg {
    border: 1px solid #e3b63d;
    color: #a17604;
    fill: #a17604;
    background: #ffeec1;
}


/* //////////////////////*/
.elementor-row div {
	padding:2rem;
}

/*newly added div css*/
a.pro-link {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: 1;
}

/* GsheetConnector Addons */
.loading {
    background-image: url(../img/ajax-loader.gif);
    background-position: 50% 80%;
    background-repeat: no-repeat;
    width: 14px;
    display: inline-block;
    height: 14px;
}

.gsheetconnector-addons-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.gsheetconnector-list-item .activated {
    display: none;
}

.gsheetconnector-list-item:hover .activated {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 9;
}

.gsheetconnector-list-item .activated a.button {
    position: absolute;
    left: 0;
    top: 40%;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100px;
}

.gsheetconnector-list-item {
    position: relative;
}

.gsheetconnector-list-item .plugin-premium,
.gsheetconnector-list-item .plugin-free {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding: 2px 5px;
    background: #f60d0d;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px;

}

.gsheetconnector-list-item .plugin-required {
    top: 30px;
}

.gsheetconnector-list-item .plugin-free {
    background: #2271b1;
}


.highlight {
    background: #fcf8e9;
    border: 1px solid #cec295;
    position: relative;
}

.highlight .addon-item-header img {
    border: 1px solid #cec295;
}

.highlight .addon-item-footer {
    background: #fef3c9;
}

.highlight .addon-badge {
    background: #f10a0a;
    color: #fff;
}

.highlight .new {
    background: #f10a0a;
    width: 103px;
    padding: 5px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: -27px;
    top: 2px;
    display: block;
    text-align: center;
    border-radius: 3px;
    rotate: 30deg;
    text-transform: uppercase;
}

.addon-item-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 15px;
}

.addon-item-header-meta {
    width: 68%;
    padding-left: 15px;
}

.addon-item-header img {

    height: 78px;
    padding: 8px 0;
    border: 1px solid #eee;
}
.addon-item-header-meta-excerpt {
    color: #646970;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.addon-item-footer {
    padding: 15px;
    display: flex;
    background: #f6f6f6;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
    min-height: 57px;
}

.addon-badge {
    color: #8c8f94;
    background-color: #e5e5e6;
    border-radius: 3px;
    font-size: 10px;
    letter-spacing: 0.5px;
    padding: 8px 10px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    line-height: 6px;
    user-select: none;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}

#execute-save {
    margin: 10px 0 0 175px;
}


.wp-core-ui .button-secondary {
    color: #fff;
    background: #516f7a;
}

.wp-core-ui .button-secondary:hover {
    color: #fff;
    background: #5fb78c;
}

.formidable-gs-display-note {
    border: 1px solid #c3c4c7;
    border-left-width: 4px;
    border-left-color: #d63638;
    margin: 5px 0 15px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    padding: 12px 12px;
}

.from-feed-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #eee;
    border-radius: 10px;
    padding: 20px;
}

.from-feed-header img {
    width: 100px;
    height: auto;
    margin: 0 2% 0 0;
}

.forms-counter {
    font-size: 14px;
    width: 100px;
    padding-top: 50px;
    font-weight: bold;
}

.forms-counter span {
    font-size: 45px;
    display: block;
    padding-bottom: 20px;
}

.submissions {
    margin-left: auto;
    margin: 10px 0 0 auto;
    font-weight: bold;
}

.submission-item {
    margin-bottom: 20px;
}


.gsheet-header .gsheet-logo {
    position: relative;
    padding-right: 15px;
}

.gsheet-header .gsheet-logo-text {
    font-size: 22px;
    font-weight: 500;
    margin: 5px auto 0 0;
    position: relative;
}

.gsheet-header h1 small {
    border-radius: 3px;
    padding: 0;
    font-size: 10px;
    color: #000 !important;
    margin-left: 10px;
    text-align: center;
    position: absolute;
    left: -11px;
    bottom: 24px;
}

.gsheet-header .gsheet-logo i {
    background: url(../img/gsheet-logo.svg) no-repeat center !important;
    background-size: 56px 50px !important;
    display: block;
}

.gsheet-header h1 {
    color: #1d2327;
    font-size: 2em;
    margin: 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.gsheet-header h1 span {
    background: #E95118;
    background: linear-gradient(to right, #E95118 0%, #EEB609 50%, #6EC833 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gsheet-header a.gsheet-help,
.gsheet-header a:focus.gsheet-help {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
    padding: 0 3px;
    color: #858b90;
    border: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: none !important;
    position: absolute;
    right: 0;
    top: 10px;
}

.gsheet-header a.gsheet-help i {
    font-size: 34px;
}

.gsheet-header .gsheet-logo i {
    font-size: 28px;
    line-height: 40px;
    position: relative;
    display: block;
    width: 56px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(-135deg, #f080f3, #202687);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dashboard-gsc {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #7f868d;
}

.divider-gsc {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #7f868d;
    margin: 0 5px;
}

.modules-gsc {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #242628;
}

.wg_api_option_auth_url_gscfrmdform {
    background-color: white;
    color: #b8199a;
    border: 2px solid #b8199a;
    padding: 10px 32px;
    cursor: pointer;
    border-radius: 10px;
    text-decoration: none;
}

.frmgsc-valid-message {
    color: #5fb78c;
    font-weight: bold;
}

input#save-gscfrmdform-reset {
    background-color: #516f7a;
    border: none;
    border-radius: 3px;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

input#save-gscfrmdform-reset:hover {
    background-color: #5fb78c;
}

input#gscfrmdform-deactivate-auth {
    background-color: #fff;
    color: #5fb78c;
    border: 2px solid #5fb78c;
    padding: 10px 32px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
}

input#gscfrmdform-deactivate-auth:hover {
    float: right;
    /* margin-left: 50%; */
    background-color: #fff;
    color: #516f7a;
    border: 2px solid #516f7a;
    padding: 10px 32px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
}

input:disabled {
    background-color: rgb(235, 235, 228);
}

.gscfrmdform-save:hover {
    color: #fff;
    background: #516f7a;
}

.btn-upgrade {
	font-size: 15px;
    font-weight: 500;
    border: 1px solid #199436;
    padding: 0 15px;
    min-width: 200px;
    height: 43px;
    text-align: center;
    background: #fff;
    min-height: 28px;
    border-radius: 5px;
    color: #199436;
    cursor: pointer;
    transition-property: color;
    transition-property: background;
    transition-duration: .4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out, ease-out;
}
.btn-upgrade:hover {
	color: #fff;
    background: #22af43;
    border: 1px solid #22af43;
}


/* Loading spinner */
.loading,
.loading-select {
    background-image: url("../img/ajax-loader.gif");
    background-position: 50% 80%;
    background-repeat: no-repeat;
    width: 10px;
    /* Adjusted width for responsiveness */
    height: 10px;
    /* Adjusted height for responsiveness */
}




/* ---------- end tooltip for deactivate msg ----------*/

/*Manual and existing Select dropwdown Css*/
.pro-link {
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.system-general_setting {
    padding:2rem;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
	border: none;
	box-shadow: 0 0 0;
}

/* Select dropdown inside card container */
.card-wp.dropdownoption select {
    flex: 1;
    padding: 5px 25px 5px 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
}

/* Button container */
.int-meth-btn-gscfrmdform {
    display: flex;
    align-items: center;
}

/* Button style */
.int-meth-btn-gscfrmdform input[type="button"] {
    margin-left: 8px;
    background-color: #10AC84;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 8px 20px;
    /* Adjusted padding for responsiveness */
    cursor: pointer;
}

/*Auto Integration Css*/
.card-wp.api_existing_setting_gscfrmdfrm {
    background-color: #fff;
    border-radius: 10px;

    padding: 20px;

}
.card-wp.api_existing_setting_gscfrmdfrm .titles {
    margin: 0 0 10px;
    color: #199436;
    font-weight: 600;
    font-size: 16px;
}

/* Form authentication alert */
.card-wp.api_existing_setting_gscfrmdfrm .wpform-gs-alert-kk {
    background-color: #fdfde0;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    /* width: 100%; */
    border: 1px solid #5fb78c;
    box-sizing: border-box;
}

.g-button {
    position: relative;
    top: 3px;
}
.card-wp.api_existing_setting_gscfrmdfrm {
    padding: 10px 0;
}

.api_existing_setting_gscfrmdfrm .connected-account p {
    margin-bottom: 0;
}
p.email {
    color: #10AC84;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.card-wp.api_existing_setting_gscfrmdfrm input[type="text"] {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
    max-width: calc(39% - 20px);
    color: #6e7575;
    opacity: 0.6;
}

.card-wp.api_existing_setting_gscfrmdfrm .button_fffgsc {
    flex: 0 0 auto;
}

.card-wp.api_existing_setting_gscfrmdfrm input[type="button"] {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #10AC84;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.gsheetconnector-addons-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Loading sign */
.card-wp.api_existing_setting_gscfrmdfrm .loading-sign-gscfrmdform,
.card-wp.api_existing_setting_gscfrmdfrm .loading-sign-gscfrmdform-deactive {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}

/* Connected account */
.card-wp.api_existing_setting_gscfrmdfrm {
    margin-bottom: 10px;
    padding: 2rem;
	border-radius: 0;
    border-bottom: 1px solid #e2e8f0;
}

/* Debug log section */
.card-wp.api_existing_setting_gscfrmdfrm .ffforms-setting-fields {
    display: flex;
    align-items: center;
}

.card-wp.api_existing_setting_gscfrmdfrm .ffforms-setting-fields label {
    margin-right: 10px;
}

/* Error logs section */
.card-wp.api_existing_setting_gscfrmdfrm .frmdisplayLogs {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 15px;
    margin-top: 20px;
    font-family: 'Courier New', monospace;
    overflow: auto;
    max-height: 300px;
}

/* Error log message */
.card-wp.api_existing_setting_gscfrmdfrm .frmdisplayLogs p {
    margin: 0;
    padding: 5px 0;
}

.wg_api_option_gscfrmdform label {
    padding: 10px 0 8px;
    font-weight: 500;
    display: block;
}

/* Default styles for larger screens */
.wpform-gs-alert-kk {
    background-color: #ffffff;
    border-radius: 5px;
    border: 2px solid #10AC84;
    /* Add border with color */
    padding: 20px;
    /* Add padding for spacing */
    box-sizing: border-box;
}

.wpform-gs-alert-heading {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #242628;
}

.wpform-gs-alert-steps {
    margin: 0 0 10px 15px;
    list-style: none;
}

.wpform-gs-alert-steps li {
    margin: 0 0 10px;
    padding: 0 0 0 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 500;
    color: #7f868d;
    position: relative;
}
.wpform-gs-alert-steps li span {
    display: block;
    padding-top: 5px;
    color: #ff0707;
}


.wpform-gs-alert-steps li::before {
    font-family: 'dashicons';
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    width: 18px;
    margin-right: 8px;
    content: '\f15e';
    text-align: center;
    vertical-align: -2px;
    color: #fff;
    border-radius: 50%;
    background: #10AC84;
    position: absolute;
    left: 0;
    top: 0;
}

.wpform-gs-alert-permissions {
    list-style-type: none;
    margin-bottom: 10px;
    padding-left: 20px;
    margin-top: 10px;
}

.wpform-gs-alert-note {
    font-style: italic;
    color: #FF070B;
}

/* Media query for smaller screens */
@media (max-width: 768px) {

.wpform-gs-alert-kk {
	width: 100%;
}

.wpform-gs-alert-steps li {
	margin-left: 0;
}
}

/* Style the debug clear link */
a.debug-clear-kk {
    margin-left: 10px;
    color: #3f4b5b;
}


/*BEGIN Of Manual Integration CSS*/
.card-wp.api_manual_setting_gscfrmdfrm {
    background: #fff;
    border: 1px solid #b5bfc9;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    padding: 20px;
    margin-bottom: 30px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
}

.card-wp.api_manual_setting_gscfrmdfrm .titles {
    font-size: 1.8rem;
    color: #333;
    margin-bottom: 20px;
}

/* Media Query for responsiveness */
@media screen and (max-width: 768px) {
.card-wp.api_manual_setting_gscfrmdfrm .titles {
	margin: 0;
	font-size: 1.5rem;
	line-height: 28px;
}
}


/* Error message */
.card-wp.api_manual_setting_gscfrmdfrm .error_msg {
    color: #d63638;
    margin-bottom: 15px;
}

/* Input fields */
.card-wp.api_manual_setting_gscfrmdfrm input[type="text"] {
    width: calc(100% - 20px);
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
}

/* Button container */
.button-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

/* Deactivate button */
.gscfrmdform-deactivate-auth,
.gscfrmdform-save,
.gscfrmdform-reset {
    padding: 10px 15px;
    margin-right: 10px;
    /* Adjust spacing between buttons */
    border-radius: 5px;
    cursor: pointer;
}

/* Save button */
.gscfrmdform-save {
    background-color: #5fb78c;
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 3px;
}

.gscfrmdform-save:hover {
    color: #fff;
    background: #516f7a;
}

/* Reset button */
.gscfrmdform-reset {
    background-color: #007bff;
    color: white;
    border: none;
}

/* Loading sign */
.card-wp.api_manual_setting_gscfrmdfrm .loading-sign-gscfrmdform-gscfrmdform {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: middle;
    margin-left: 10px;
}

.copy-url-table {
    width: 74%;
    border-collapse: collapse;
    background: #fdfdfd;
    margin: 13px;
    margin-left: -1px;
}

.copy-url-table td {
    padding: 10px;
    border: 1px solid #ccc;
}

.copy-header {
    font-weight: bold;
}

#authorized_domain,
#authorized_uri {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.copy-icon-ele {
    cursor: pointer;
    margin-left: 5px;
}
#gscfrmdform_dro_option {
	margin-right:10px;
}

/* Connected email account */
.connected-account  {
    color: #0085ba;
    font-size: 15px;
}

.connected-account label {
	font-size:13px;
	color:#4a4a4a;
}

/* Connected email account */
span.connected-account-manual {
    color: #10AC84;
    font-size: 18px;
    display: flex;
    align-items: center;
    /* margin: 1em; */
    margin-bottom: -44px;
    font-weight: 500;
    /*    margin: 1em;*/
}

/* Button style */
input#wp-deactivate-log {
    border-color: #10AC84;
    color: #fff;
    margin-top: -2px;
    margin-left: 6px;
    padding: 10px 20px;
    background-color: #516f7a;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out, ease-out;
    display: block;
    width: fit-content;
}

input#wp-deactivate-log:hover {
    background: #10AC84;
}


/* Base styles for display error logs */

.frm-system-Error-logs {
	padding:2rem;
	box-sizing: border-box;
	width: 100%;
}
.frmdisplayLogs {
    cursor: default;
    font-family: monospace;
    border: 1px solid #ccc;
    background-color: #32344b;
    width: 99%;
    height: 400px;
    border-color: #32344b;
    color: azure;
    overflow: auto;
    padding: 2px 6px;
    line-height: 1.42857143;
    resize: vertical;
}

.two-col.gscfrmd-form-box-help12 {
    display: flex;
    justify-content: space-between;
    width: 100%;
	padding:2rem;
	box-sizing: border-box;
}

.col.gscfrmd-form-box12,
.col.gscfrmd-form-box13 {
    position: relative;
    padding: 1.875rem;
    flex-basis: calc(50% - 0.5rem);
    border-radius: 6px;
    background: #fff;
    border: 1px solid #e2e8f0;
}

.col.gscfrmd-form-box12 {
    margin-right: 1rem;
}

.col.gscfrmd-form-box12 header,
.col.gscfrmd-form-box13 header {
    margin-bottom: 1rem;
}

.col.gscfrmd-form-box12 h3,
.col.gscfrmd-form-box13 h3 {
    font-size: 1.1rem;
    color: #4AA94F;
    margin: 0;
}

.gscfrmd-form-box-content12,
.gscfrmd-form-box-content13 {
    margin-top: 1rem;
}

.gscfrmd-form-list-icon12,
.gscfrmd-form-list-icon13 {
    list-style: none;
    padding-left: 0;
}

.gscfrmd-form-list-icon12 li,
.gscfrmd-form-list-icon13 li {
    display: flex;
    padding: 0 0 0 35px;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
}

.gscfrmd-form-list-icon12 li a,
.gscfrmd-form-list-icon13 li a {
    display: flex;
    text-decoration: none;
    color: #7f868d;
}

.gscfrmd-form-list-icon12 li a:hover,
.gscfrmd-form-list-icon12 li:hover .icon-button,
.gscfrmd-form-list-icon12 li:hover strong,
.gscfrmd-form-list-icon13 li a:hover,
.gscfrmd-form-list-icon13 li:hover .dashicons,
.gscfrmd-form-list-icon13 li:hover strong {
    color: #e73f26;
}

.gscfrmd-form-list-icon13 li a .dashicons {
    color: #000;
}

.gscfrmd-form-list-icon12 li .icon-button,
.gscfrmd-form-list-icon13 li .dashicons {
    background: none;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
}

.gscfrmd-form-list-icon12 li .icon-button i,
.gscfrmd-form-list-icon13 li .icon-button i {
    font-size: 24px;
    line-height: 36px;
    display: inline-block;
    color: #ccc;
    border-radius: 50%;
    background: #eee;
    height: 36px;
    width: 36px;
    text-align: center;
}

.gscfrmd-form-list-icon12 li strong,
.gscfrmd-form-list-icon13 li strong {
    color: black;
    font-weight: bold;
}

.gscfrmd-form-list-icon12 li p,
.gscfrmd-form-list-icon13 li p {
    margin: 0;
}

input#save-method-api-gscfrmdform {
    margin-left: 8px;
    background-color: #5fb78c;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 4px 15px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out, ease-out;
}

input#save-method-api-gscfrmdform:hover {
    background-color: #516f7a;
}

.gscpermission-notgiven {
    color: #d63638;
    font-weight: bold;
}

.gscpermission-given {
    color: #479C4B;
    font-weight: bold;
}

.info-container table {
    width: 100%;

}

/* Table css */
.info-content td {
    padding: 10px !important;
    word-break: break-word;
}

.info-content td:first-child {
    font-weight: bold;
}

.info-content {
    box-sizing: border-box;
}

.info-content tr:last-child td {
    border-bottom: 1px solid #dddddd !important;
}

.info-content td,
.info-content th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 10px;
}

/* Pro Version Popup ///////////////*/
.popup-outer {
    width: 100%;
    height: 100%;
    display: block;
    conent: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .4s;
}

.popup-container {
    position: fixed;
    margin: 0 auto;
    top: 30%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    border: 1px solid #eee;
    z-index: 999;
    max-width: 450px;
}

.align-center {
    text-align: center;
}

.popup-content {
    padding: 40px;
}

.popup {
    display: none;
}

.popup.active {
    display: block;
}

.popup h2 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 30px;
    line-height: normal;
    text-align: center;
}

.popup p {
    margin: 0 0 30px;
    padding: 0;
    font-size: 20px;
    text-align: center;
}

.popup p.note {
    margin: 0px;
    padding: 20px 30px;
    font-size: 16px;
    text-align: center;
    background: #fcf9e8;
    border-radius: 10px;
}

.popup p.note strong {
    color: #00a32a;
}

.popup-btn-normal {
    margin: 20px 0;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 500;
    color: #873d10;
    text-align: center;
    border-radius: 5px;
    background: #FFD700;
    border: none;
    text-decoration: none;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}

.popup-btn-normal:hover {
    background-color: #FFA500;
    color: #fff;
}

.popup-content .popup-icon {
    font-size: 30px;
}

.popup-close {
    background: none;
    border: none;
    font-size: 20px;
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

input.button.button-primary.button-large.debug-logs-save {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    padding: 8px 20px !important;
    font-weight: bold;
    border: none;
    background: #5fb78c;
}

.system-debug-logs {
    opacity: 0.75;
}

td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 10px;
}

/*Add media in last*/
/* Media Query for responsiveness */
@media screen and (max-width: 1600px) {
    .gsheetconnector-list-item {
        width: 32%;
        height: 230px;
    }
}

@media screen and (max-width: 1500px) {
    .gsheetconnector-list-item {
        width: 37%;
    }
}

@media screen and (max-width: 1366px) {
    .gsheetconnector-list-item {
        width: 40%;
    }
}

@media screen and (max-width: 1180px) {
    .gsheetconnector-list-item {
        width: 49%;
    }
}

@media screen and (max-width: 1024px) {
    .gsheetconnector-list-item {
        width: 60%;
    }
    h2 {
    line-height: 22px;
}




}

@media screen and (max-width: 820px) {
    /* .gsheet-header {
        width: 103%;
    } */
        .gsheet-header {
        width: 102.4%;
    }

}

@media screen and (max-width: 768px) {

.loading,
.loading-select {
	width: 8px;
	height: 8px;
}
.loading-sign-gscfrmdform-method-api 
{
margin-bottom: -30px;
}
.connected-account.row{
    margin-top: -50px;
}
.loading-sign-gscfrmdform-deactive ~ .loading-sign-gscfrmdform {
    position: relative;
    top: -30px;
}
.gsheetconnector-list-item {
    width: 70%;
}
.gsheet-header .gsheet-logo-text {
        font-size: 13px;
    }
.gsheet-header {
    flex-flow: row;
}
.gsheet-header h1 small {
    border-radius: 3px;
    padding: 0;
    font-size: 10px;
    color: #000 !important;
     margin-left: 10px; 
    text-align: center;
    position: absolute;
    left: -8px;
    /* bottom: 24px; */
    top: -19px;
}

.add-feed-form form {
	display:flex;
	gap:5px;
}

input#ffforms-setting-google-access-code {
	width: 400px;
	max-width: inherit;
    }

.gsheet-header {
	width: 102%;
}

#woogsc-gsc-cta {
	width: 100%;
	box-sizing: border-box;
}

.card-wp.api_existing_setting_gscfrmdfrm {
	padding: 15px;
}

.card-wp.api_existing_setting_gscfrmdfrm .titles {
	font-size: 16px;
	margin-bottom: 15px;
}

.card-wp.api_existing_setting_gscfrmdfrm p {
	margin-bottom: 10px;
}

.card-wp.api_existing_setting_gscfrmdfrm input[type="text"] {
	width: 100%;
}


.button-container {
	justify-content: flex-start;
}

.gscfrmdform-deactivate-auth,
.gscfrmdform-save,
.gscfrmdform-reset {
	margin-top: 10px;
	margin-right: 0;
}
.card-wp.dropdownoption {
	flex-direction: column;
	height: auto;
	align-items: flex-start;
}

.card-wp.dropdownoption label {
	margin-bottom: 5px;
}

.card-wp.dropdownoption select {
        width: 100%;
        max-width: 292px;
    }

.int-meth-btn-gscfrmdform {
	flex-direction: column;
	align-items: flex-start;
	margin-top: 10px;
}

.int-meth-btn-gscfrmdform input[type="button"] {
	margin-left: 0;
}

.card-wp.api_existing_setting_gscfrmdfrm {
	padding: 15px;
}

.card-wp.api_existing_setting_gscfrmdfrm p {
	margin-bottom: 10px;
}

.card-wp.api_existing_setting_gscfrmdfrm input[type="text"] {
	width: 100%;
}
.manual-section .field-row,	
.row {
	flex-direction: column;
	align-items: flex-start !important;
	gap:10px;
}
	
}

@media screen and (max-width: 520px) {

.gsheet-header {
	width: 106%;
}
.nav-tab {
    display: flex;
    align-items: center;
    padding: 0px;
    background: #eee;
    border-radius: 5px;
    border: none;
}

.gsheet-header .gsheet-logo-text {
	font-size: 17px;
}

.gsheet-header a.gsheet-help,
.gsheet-header a:focus.gsheet-help {
	top: 52px;
}

.card-wp.api_existing_setting_gscfrmdfrm .titles {
	font-size: 14px;
}

input#ffforms-setting-google-access-code {
	width: 100%;
	max-width: inherit;
}

input#ffforms-setting-google-access-code {
	margin: 10px 0;
	max-width: inherit;
}

input#wp-deactivate-log {
	margin-left: 0;
}


.card-wp.api_existing_setting_gscfrmdfrm p {
	margin: 0;
}

.card-wp.dropdownoption,
.card-wp.api_existing_setting_gscfrmdfrm p,
span.connected-account {
	align-items: flex-start;
	flex-direction: column;
	max-width: inherit;
}

p.email {
	margin: 0;
}

h2 .nav-tab {
	margin: 0;
	padding: 9px 20px;
}

a.nav-tab.nav-tab-active {
	border: 1px solid #c3c4c7;
}

.gsheet-header {
	height: auto;
	width: 111%;
}

.two-col.gscfrmd-form-box-help12 {
	display: block;
	width: 100%;
}

.col.gscfrmd-form-box12 {
	margin: 10px 0 20px;
}

.gscfrmd-form-box-content12,
.gscfrmd-form-box-content13 {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px;
}

.gsheetconnector-list-item {
	width: 100%;
}

}

.frm-fields input[type="text"].width {
    width: 40%;
}

.frm-fields label.label-width {
    display: inline-block;
    width: 120px;
}

.frm_form_field.gsc_frmd {
    background: #f0f0f1;
}

/*form feed settings*/
.auto-section,
.custom-chk,
.manual-section,
.form-fields-list {
    padding: 2rem;
    background: #fff;
    border-radius: 0px;
    border-bottom: 1px solid #e2e8f0;
}

.custom-chk .toggle-button {
    margin-bottom: 0;
}

.google-setting {
    margin-left: 175px !important;
}

.sheet-url label {
    width: 175px;
    font-weight: 500;
}


.auto-section h2,
.custom-chk h2,
.manual-section h2,
.form-fields-list h2 {
    margin: 0 0 15px;
    padding: 0 0 15px;
    color: #5fb78c;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sheet-details p,
.manual-section .field-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sheet-details p label {
    width: 175px;
    font-weight: 500;
}

.manual-section .field-row {
    margin-bottom: 10px;
}

.manual-section .field-row label {
    width: 175px;
    font-weight: 500;
}

#sortable {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

#sortable .field-item {
    width: 32%;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 5px;
}

#sortable .field-item.special_mail_tags_bg {
    background: #dae2f0;
    border: 1px solid #eee;
}

.color-elementorgs {
    font-weight: bold;
    color: #ffa205;
}

li.draggable-item {
    width: 60%;
    padding: 9px 20px;
    background-color: #f5f5f5;
    -webkit-transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    -webkit-transition: box-shadow 0.25s ease-in-out;
    -moz-transition: box-shadow 0.25s ease-in-out;
    -o-transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out;
}

li.draggable-item:hover {
    cursor: pointer;
    background-color: #eaeaea;
}
#sortable .field-item span {
    flex-grow: 1;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}
.toggle-button {
    margin-bottom: 20px;
    font-weight: 500;
}
.frmn-bread-crumb {
	padding:1rem 2rem;
	border-bottom: 1px solid #e2e8f0;
	margin-bottom: 20px;
}
/* Add Feed */
.add-feed-form {   
    padding: 2rem;
    background: #fff;
    border-top: 1px solid #e2e8f0;
	border-bottom: 1px solid #e2e8f0;
}
.add-feed-form form label {
    margin-right: 10px;
    margin-bottom: 0;
    font-weight: 500;
}
.add-feed-form form input[type="text"] {
    margin-right: 20px;
    width: auto;
    font-size: 14px;
    padding: 6px 8px;
    line-height: 2;
    border-color: #ccc;
}
.add-feed-form form select {
    font-size: 14px;
    line-height: 2;
    color: #2c3338;
    border-color: #ccc;
    box-shadow: none;
    border-radius: 3px;
    padding: 6px 24px 6px 8px;
    min-height: 30px;
    max-width: auto !important;
    cursor: pointer;
    vertical-align: middle;
}

.elementor-feeds-list {
	padding:2rem;
	box-sizing: border-box;
	width: 100%;
}
.elementor-feeds-list table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.elementor-feeds-list tr:nth-child(even) {
    background: #fff;
}

.elementor-feeds-list tr:nth-child(odd) {
    background: #eee;
}

.elementor-feeds-list th {
    background-color: #f2f2f2;
    font-weight: 600;
    padding: 20px 10px !important;
    color: #000;
}

.elementor-feeds-list th,
.elementor-feeds-list td {
    border: 1px solid #ddd;
    padding: 5px 8px !important;
    text-align: left;
    vertical-align: baseline;
    white-space: nowrap;
}

.elementor-feeds-list th {
    padding: 10px !important;
}


.feed-info {
    padding: 10px 0 0;
    min-height: 55px;
}

.feed-edit-option {
    display: flex;
    flex-wrap: wrap;
}

.feed-info:hover .feed-edit-option {
    display: flex;
}

.feed-edit-option a:first-child {
    padding-left: 0;
}

.feed-edit-option a {
    padding: 0 5px;
    line-height: 16px;
    border-right: 1px solid #ccc;
    text-decoration: none;
}

.feed-edit-option a:hover {
    color: #333;
}

.feed-title {
    font-weight: 600;
    color: #2271b1;
}

.sync-progress-bar {
    width: 100%;
    height: 20px;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0;
    display: none;
}

.sync-progress-fill {
    height: 100%;
    width: 0;
    background-color: #4caf50;
    transition: width 0.4s ease;
}

/* Toggle */
.toggle-button {
    display: flex;
    align-items: center;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 16px;
    margin-right: 10px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 24px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: #ffa205;
}

input:checked+.slider:before {
    transform: translateX(21px);
}

.misc-head {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.misc-options-row,
.gscelementor-cards-sbg {
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-weight: 500;
    font-size: 16px;
}

.font-style,
.font-size,
.font-color {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 16px;
}

.font-style,
.font-size,
.font-color {
    margin: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
}

.font-style label,
.font-size label,
.font-color label,
.sheet_bg_options label {
    padding: 0 10px 10px 0px;
    width: 100px;
    font-size: 14px;
}

.label-text {
    font-size: 14px;
}

.spacer-remove {
    margin: 0;
    padding: 0;
}


.gscfrmd-sheet-setting select {
    width: 110px;
}

/* Heading CSS for PRO Tag */
.pro-ver {
    display: inline-block;
    padding: 5px 10px;
    background-color: #FFD700;
    color: #873d10;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    margin-left: 8px;
    font-size: 12px;
}

.label-container {
    display: flex;
    align-items: center;
}

.label-text {
    margin-right: 8px;
}

/* Pro Version Popup ///////////////*/
.popup-outer {
    width: 100%;
    height: 100%;
    display: block;
    conent: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .4s;
}

.popup-container {
    position: fixed;
    margin: 0 auto;
    top: 30%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    border: 1px solid #eee;
    z-index: 999;
    max-width: 450px;
}

.align-center {
    text-align: center;
}

.popup-content {
    padding: 40px;
}

.popup {
    display: none;
}

.popup.active {
    display: block;
}

.popup h2 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 30px;
    line-height: normal;
    text-align: center;
}

.popup p {
    margin: 0 0 30px;
    padding: 0;
    font-size: 20px;
    text-align: center;
}

.popup p.note {
    margin: 0px;
    padding: 20px 30px;
    font-size: 16px;
    text-align: center;
    background: #fcf9e8;
    border-radius: 10px;
}

.popup p.note strong {
    color: #00a32a;
}

.popup-btn-normal {
    margin: 20px 0;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 500;
    color: #873d10;
    text-align: center;
    border-radius: 5px;
    background: #FFD700;
    border: none;
    text-decoration: none;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}

.popup-btn-normal:hover {
    background-color: #FFA500;
    color: #fff;
}

.popup-content .popup-icon {
    font-size: 30px;
}

.popup-close {
    background: none;
    border: none;
    font-size: 20px;
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.system-debug-logs {
    opacity: 0.75;
}

@media screen and (max-width: 1496px){
  .wrap-gsc, .gsheet-header, .breadcrumb, .nav-tab-wrapper,.sub-nav-bar { max-width:90%; }
  
  .gs-field-list li { width: 48%; }
  .features {
    width: 30%;
  }
  
      .gsheet-header .gsheet-logo-text {
        font-size: 15px;
        line-height: 16px;
    }
    .gsheet-header .gsheet-logo {
    position: relative;
    padding-right: 0px;
}
.gsheet-header h1 small {
    border-radius: 3px;
    padding: 0;
    font-size: 10px;
    color: #000 !important;
    margin-left: 10px;
    text-align: center;
    position: absolute;
    left: -11px;
    bottom: 15px;
}
}