.cbuilder-checkout-wrapper {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    font-family: sans-serif;
}

.cbuilder-section {
    margin-bottom: 30px;
}

input,
select,
textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
}

button.button.alt {
    background-color: #2c7be5;
    color: #fff;
    padding: 12px 25px;
    border: none;
    cursor: pointer;
}
#wpbody-content .wrap,
#wpbody-content #screen-meta,
#wpbody-content #screen-meta-links {
    display: none;
}
.trusty-woo-checkout-builder-container.trusty-checkout-builder-enabled {
    /* border: 2px solid #333; */
}

.trusty-woo-checkout-builder-container.trusty-checkout-builder-enabled .trusty-woo-checkout-builder-header {
    display: block;
}

.trusty-woo-checkout-builder-header {
    display: none;
    background: #333;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
}

.trusty-woo-checkout-builder-fixed-bar {
    display: none;
    position: fixed;
    bottom: 0;
    padding: 30px;
    background: #ffffff;
    left: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    z-index: 9999998;
}

.trusty-woo-checkout-builder-container.trusty-checkout-builder-enabled .trusty-woo-checkout-floating-bar {
    display: flex;
}

.trusty-woo-checkout-builder-container.trusty-checkout-builder-enabled .trusty-woo-checkout-floating-bar.trusty-layout-selected {
    position: fixed;
    bottom: 0;
    padding: 30px;
    background: #ffffff;
    left: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    z-index: 9999998;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    height: 109px;
    top: inherit !important;
}

.trusty-woo-checkout-floating-bar {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    color: #fff;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.trusty-woo-initial-floating-bars {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.trusty-woo-float-bar {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    flex-grow: 1;
    -webkit-box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    max-width: 340px;
    height: 100%;
    max-height: 600px;
    cursor: pointer;
}

.trusty-woo-float-manage {
    padding: 60px 30px 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.trusty-woo-float-bar h2 {
    font-family: Open Sans, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.5em;
    margin: 0 0 16px;
}

.trusty-woo-float-description {
    font-family: Open Sans, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #4c5866;
    line-height: 1.7em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    margin: 0;
    text-align: center;
}

button.trusty-woo-float-button {
    text-transform: uppercase;
    font-family: Open Sans, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    border-radius: 0 0 3px 3px;
    background: #2ea3f2;
    cursor: pointer;
}

.trusty-woo-checkout-builder-container.trusty-checkout-builder-enabled .trusty-woo-checkout-builder-fixed-bar {
    display: block;
}

.trusty-woo-checkout-floating-bar.trusty-layout-selected .trusty-woo-checkout-builder-arrange {
    display: flex;
}

.trusty-woo-checkout-builder-arrange {
    display: none;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    gap: 10px;
    align-items: baseline;
}

button.trusty-checkout-button {
    font-size: 16px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 14px;
    cursor: pointer;
}

button.trusty-checkout-button:hover {
    background: #dedede;
}

.trusty-woo-checkout-templates {
    width: 150px;
    padding: 30px 0px;
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
}

.trusty-woo-checkout-templates:hover {
    background: #dedede;
}

/* Wrapper fade/slide */
.trusty-woo-fade-wrapper {
    position: relative;
    transition: opacity 0.4s ease, transform 0.4s ease;
    display: flex;
    flex: 100%;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.trusty-woo-fade-wrapper.trusty-woo-hidden {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    height: 0;
}

.trusty-woo-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Optional: smoother feel */
.trusty-woo-template-explorer,
.trusty-woo-initial-floating-bars {
    transition: all 0.4s ease;
}

.trusty-woo-template-explorer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 800px;
}

.trusty-woo-template-header {
    flex: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    background: #2ea3f2;
    padding: 5px 20px;
}

.trusty-woo-template-header h2 {
    font-family: Open Sans, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 35px;
}

button.trusty-woo-close-button {
    border: none;
    background: none;
    color: #fff;
    font-size: 35px;
    font-weight: 800;
    line-height: 35px;
    cursor: pointer;
}

.trusty-woo-template-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 20px;
    -webkit-box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
}

.trusty-woo-template {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    flex-grow: 1;
    -webkit-box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    cursor: pointer;
    flex: 1 1 calc(33.333% - 20px);
}

.trusty-woo-template-content .trusty-woo-template img {
    height: 130px;
}

.trusty-woo-template h2 {
    font-family: Open Sans, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.5em;
    margin: 0;
    padding: 5px 0;
    -webkit-box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    width: 100%;
    text-align: center;
}

.trusty-woo-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.trusty-woo-spinner {
    width: 50px;
    height: 50px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #007cba;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.trusty-woo-loading-text {
    margin-top: 15px;
    font-size: 16px;
    color: #333;
}

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

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

.trusty-woo-template.active {
    border: 2px solid #0073aa;
    box-shadow: 0 0 8px rgba(0, 115, 170, 0.5);
}

.trusty-woo-checkout-builder-section-add {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.trusty-woo-checkout-builder-section-add span {
    background: #2ea3f2;
    color: #fff;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    font-size: 25px;
    font-family: Open Sans, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.trusty-woo-checkout-builder-sections {
    border: 2px solid #2ea3f2;
    margin-bottom: 10px;
    position: relative;
}


.trusty-woo-checkout-builder-column-add {
    font-size: 25px;
    cursor: pointer;
}

.trusty-woo-checkout-builder-settings {
    position: absolute;
    top: 0;
    left: 0;
    background: #2ea3f2;
    padding: 4px;
    color: #fff;
    gap: 10px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.trusty-woo-checkout-builder-settings svg {
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}

.trusty-woo-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.trusty-woo-popup-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 350px;
}

.trusty-woo-popup-header {
    background: #137cc3;
    flex: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.trusty-woo-popup-header h2 {
    font-family: Open Sans, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.5em;
    margin: 0;
    color: #fff;
    padding: 0;
}

.trusty-woo-popup-header svg {
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.trusty-woo-popup-settings-area {
    display: flex;
    flex: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    box-shadow: 0 5px 30px 0 rgba(43, 135, 218, .2);
    background: #fff;
}

.column-settings .trusty-woo-popup-settings-area svg {
    font-size: 50px;
    flex: 1 1 calc(33.333% - 20px);
    cursor: pointer;
}

.column-settings .trusty-woo-popup-settings-area {
    gap: 20px;
    flex: 1 1 calc(33.333% - 20px);
    flex-grow: 1;
}

.trusty-woo-checkout-row,
.trusty-woo-checkout-column,
.trusty-woo-checkout-module {
    position: relative;
    display: flex;
    width: 100%;
}

.trusty-woo-checkout-row {
    border: 2px solid #29c4a9;
}

.trusty-woo-checkout-module {
    border: 2px solid #333;
}

.trusty-woo-checkout-row .trusty-woo-checkout-builder-settings {
    background: #29c4a9;
}






:root {
    /* --caf-builder: #82402f; */
    --caf-builder: #4e4854;
    /* --caf-row: #ce431f; */
    --caf-row: #d3054f;
    /* --caf-column: #cb8028; */
    --caf-column: #7d35c5;
    /* --caf-module: #4c5866; */
    --caf-module: #4e4854;
    --caf-builder-header-height: 70px;
    --caf-filter-builder-height: 125px;
    --caf-post-builder-height: 70px;
    --caf-builder-label: #99989e;
    --caf-element-bg: #f1f3f6;
    --caf-sidebar-tab-bg: #f1f3f6;
    --caf-sidebar-tab-color: #99989e;
    --caf-sidebar-tab-color-ac: #000;
    --caf-sidebar-tab-bg-ac: #ffffff;
}

#adminmenuwrap,
div#wpadminbar {
    z-index: 9;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
        "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.caf-builder-layouts {
    display: block;
    width: 50%;
    margin: auto;
    border: 1px solid #eee;
}

.caf-builder-layout {
    display: flex;
    width: 100%;
    flex: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.caf-builder-layout-serial {
    width: 10%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #ddd;
}

.caf-builder-layout-title {
    width: 65%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-transform: capitalize;
}

.caf-builder-layout-buttons {
    width: 25%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #ddd;
}

button.caf-builder-layout-btn {
    padding: 0px 8px;
    border: 1px solid #ddd;
    background: #fff;
    margin-right: 5px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    color: #fff;
}

.caf-builder-add-btn {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #413e3e;
    padding: 10px 0;
}

button.caf-builder-layout-btn.caf-builder-layout-delete {
    background: #cb2424;
    border: none;
}

button.caf-builder-layout-btn.caf-builder-layout-build {
    background: #c3b11a;
    border: none;
}

button.caf-builder-layout-btn.caf-builder-layout-add {
    background: green;
    border: none;
    min-height: 28px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: bold;
}

input.caf-builder-input {
    border: none;
    border-radius: 2px;
    margin-right: 5px;
    padding: 0px 10px;
    width: 70%;
    min-height: 20px;
}

body.caf_posts_page_caf_custom_layouts .ant-notification {
    z-index: 999999999 !important;
}

.caf-builder-layout-buttons button {
    margin-right: 10px;
}

.caf-builder-layout-buttons button {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 0 !important;
    width: 28px;
    height: 25px;
}

.caf-builder-layout-buttons button.caf-layout-delete-btn {
    background: #fff;
    color: var(--caf-row);
    border-color: var(--caf-row);
}

.caf-builder-layout-buttons button.caf-layout-delete-btn:hover {
    background: var(--caf-row);
    color: #fff;
    border-color: var(--caf-row);
}

.caf-builder-layout-buttons button.caf-layout-build-btn {
    background: #fff;
    color: #29c4a9;
    border-color: #29c4a9;
}

.caf-builder-layout-buttons button.caf-layout-build-btn:hover {
    background: #29c4a9;
    color: #fff;
    border-color: #29c4a9;
}

.caf-builder-layout-buttons .caf-layout-available-btn {
    background: #fff;
    color: var(--caf-column);
    border-color: var(--caf-column);
}

.caf-builder-layout-buttons .caf-layout-available-btn:hover {
    background: var(--caf-column);
    color: #fff;
    border-color: var(--caf-column);
}

.caf-builder-add-btn button.caf-layout-add-btn {
    background: #fff;
    color: #2b87da;
    border-color: #2b87da;
    padding: 0 !important;
    width: 28px;
    height: 28px;
}

.caf-builder-add-btn button.caf-layout-add-btn:hover {
    background: #2b87da;
    color: #fff;
    border-color: #2b87da;
}

.caf-builder-layout-title {
    text-transform: capitalize;
    font-weight: 600;
}

.ant-tooltip {
    z-index: 999999999 !important;
}

.caf-builder-global-save-btn {
    display: flex;
    /* background: #fff; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.caf-builder-header .caf-save-btn {
    background: #fff;
    color: #29c4a9;
    border-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.caf-builder-header .caf-save-btn:hover,
.caf-builder-header .caf-save-btn:focus,
.caf-builder-header .caf-save-btn:active {
    background: #fff;
    color: #29c4a9 !important;
    border-color: #fff !important;
}

.caf-builder-header .caf-close-btn {
    background: #fff;
    color: var(--caf-builder);
    border-color: #fff;
    margin-left: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.caf-builder-header .caf-close-btn:hover,
.caf-builder-header .caf-close-btn:focus,
.caf-builder-header .caf-close-btn:active {
    background: #fff;
    color: var(--caf-builder) !important;
    border-color: #fff !important;
}

.caf-builder-header .caf-close-btn .anticon,
.caf-builder-header .caf-save-btn .anticon,
.caf-builder-title-bar.wrapper svg {
    transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.caf-builder-header .caf-close-btn:hover .anticon,
.caf-builder-header .caf-save-btn:hover .anticon,
.caf-builder-title-bar.wrapper svg:hover path {
    transform: rotate(360deg);
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
        monospace;
}

div#root {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
}

.caf-root-class {
    flex: 1;
}

.caf-builder-header {
    display: flex;
    width: 100%;
    height: var(--caf-builder-header-height);
    border-bottom: 1px solid #ddd;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(269deg,
            #bd0749 0.01%,
            #ff005c 27.08%,
            #6041dc 100%);
    /*background:linear-gradient( 239deg ,rgba(131,58,180,1) -94%,rgba(253,29,29,1) -15%,rgba(252,176,69,1) 100%);*/
    background-color: var(--caf-row);
    padding: 5px 20px;
    box-sizing: border-box;
}

.header-dropdowns {
    display: flex;
    flex: 1;
    padding: 0 40px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.ant-select.caf-header-dropdown {
    outline: none !important;
    border: none !important;
    text-transform: capitalize;
}

.caf-manage-dropdown-labels {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 8px;
}

.caf-manage-dropdown-labels label {
    color: var(--caf-builder-label);
    font-weight: 600;
    margin-bottom: 3px;
}

.builder-content-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    width: 100%;
}

.main-area-container-fix {
    display: flex;
    width: 100%;
}

.caf-builder-sidebar {
    display: flex;
    /* width: 60%; */
    width: 25%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: calc(100vh - var(--caf-builder-header-height));
    background: #fff;
    padding: 20px 0;
    overflow: auto;
    /* max-width: 900px; */
    position: relative;
    align-content: flex-start;
}

.caf-builder-sidebar.caf-builder-filter-sidebar {
    height: calc(100vh - var(--caf-filter-builder-height));
}

.caf-builder-mainarea {
    display: flex;
    /* width: 50%; */
    flex: auto;
    height: calc(100vh - var(--caf-post-builder-height));
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    /* align-content: center; */
    justify-content: center;
    align-items: center;
    background: #bbbbbb;
    /* overflow: auto; */
    /* padding: 0px 0 0px; */
    position: relative;
    padding: 0 30px;
}

.caf-builder-mainarea.caf-bl-filter {
    height: calc(100vh - var(70px));
}

.caf-builder-mainarea-footer-bar {
    position: absolute;
    bottom: 10px;
    right: 0;
    background: transparent;
    width: 100%;
    /* box-shadow: 22px 18px 5px 18px #333; */
    padding: 5px 10px;
    box-sizing: border-box;
    /* border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd; */
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-slider-section input.ant-input {
    width: 70px !important;
}

.caf-builder-post-preview-wrapper {
    overflow: auto;
    height: calc(100% - 50px);
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    padding: 20px 0 0px;
    box-sizing: border-box;
    margin-top: 20px;
}

.manage-footer-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 0 15px;
    height: 45px;
    flex-wrap: nowrap;
}

/* .manage-footer-bar svg {
    font-size: 20px;
  } */

.caf-builder-right-sidebar {
    width: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: calc(100vh - var(--caf-builder-header-height));
    background-color: #ffffff;
}

.ant-color-picker-trigger.custom-color-mainarea,
.ant-color-picker-trigger.custom-color-mainarea .ant-color-picker-color-block {
    width: 30px !important;
    height: 30px !important;
}

.ant-color-picker-trigger.custom-color-mainarea .ant-color-picker-color-block {
    border: 1px solid #ddd;
}

.caf-builder-post-preview {
    width: 320px;
    position: relative;
}

.caf-builder-col {
    padding: 15px 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: auto;
}

/* .caf-builder-row.empty-row {
    padding: 30px 0;
  } */
.caf-builder-col.empty-row {
    padding: 30px 0;
}

.caf-builder-wrapper-area.b-column.empty-col {
    padding: 15px 0px 0px 15px;
}

.caf-builder-row-add.column.add-new-col {
    margin: 10px 0;
    bottom: 10px;
}

.caf-collapse-arrow {
    padding-left: 10px;
}

span.custom-woo-spanner {
    display: block;
}

.caf-builder-row-main {
    position: relative;
    display: flex;
    /* flex-direction: row; */
    gap: 10px;
    overflow: auto;
    /* align-items: center; */
    flex-wrap: nowrap;
    box-sizing: border-box;
}

.new-modules-container ul .caf-post-select-module-pop-up.disabled {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}

.caf-builder-row::-webkit-scrollbar {
    background: #2b87da;
    height: 5px;
}

.caf-builder-row::-webkit-scrollbar-thumb {
    background: var(--caf-module);
}

.caf-builder-row::-webkit-scrollbar-track {
    background: #ddd;
    width: 5px;
}

.caf-builder-column {
    flex: auto;
    box-sizing: border-box;
}

.caf-builder-column-main {
    flex: auto;
    box-sizing: border-box;
    overflow: auto;
    display: flex;
    flex-wrap: nowrap;
    min-width: 300px;
}

.caf-builder-row.active {
    border: 2px solid blue;
}

.caf-builder-row.active .caf-builder-row-setting-bar {
    display: flex;
}

.caf-builder-row-setting-bar {
    display: none;
    position: absolute;
    background: blue;
    top: -25px;
    left: -2px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.shipping-disabled-message a {
    padding-left: 5px;
}

.caf-builder-row-setting-bar svg {
    cursor: pointer;
}

/* SIDEBAR BUILDER */
.caf-builder-wrapper {
    /* width: 80%; 
    border: 2px solid var(--caf-builder);*/
    width: 100%;
    border-top: none;
    color: #fff;
    border-radius: 4px;
}

.caf-builder-title-bar {
    width: 100%;
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #1e1e1e;
    color: #ffffff;
}

.caf-builder-title-bar .caf-title-bar-left-side-row .caf-collapse-arrow svg {
    cursor: pointer;
}

.caf-builder-title-bar.wrapper {
    background: none;
    border-radius: 0;
    padding: 0 15px;
    width: auto;
}

.caf-title-bar-left-side-row,
.caf-title-bar-right-side-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    box-sizing: border-box;
    gap: 10px;
}

.caf-title-bar-right-side-row {
    gap: 5px;
}

/* .caf-title-bar-right-side-row img {
    width: 15px;
    height: 15px;
  } */
.caf-builder-wrapper-area.wrapper {
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
}

.caf-builder-title-bar.b-row {
    justify-content: space-between;
}

.caf-builder-wrapper-area.b-row {
    background-color: #F9FAFD;
    padding: 10px;
    /* margin-bottom: 30px; */
    position: relative;
}

.caf-builder-wrapper-area.caf-post-builder-col,
.caf-builder-wrapper-area.caf-filter-builder-col {
    display: none;
}

.caf-builder-column-wrapper {
    flex: auto;
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 35px !important;
    border: 1px solid #c2c2c2;
    background-color: #ffffff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* .draggable-row-wrapper {
    margin-top: 70px;
  } */
.draggable-col-wrapper {
    margin-top: 15px;
}

.caf-builder-title-bar.b-column {
    justify-content: space-between;
    background-color: #d6ebff;
    color: #1e1e1e;
}

.caf-builder-wrapper-area.b-column {
    padding: 15px 15px 0px 15px;
    position: relative;
}

.caf-title-bar-left-side-row .builder-setting-bar {
    padding-left: 10px;
}

.caf-builder-module {
    padding: 10px 0;
    color: #1e1e1e;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #fff4de;
    border: 1px solid #FEECC7;
}

.caf-builder-module-main {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

.caf-builder-module-main.caf-module-filter .caf-terms-list-item .caf-taxo-button-main {
    cursor: pointer;
}

.caf-builder-module-main.caf-module-title {
    width: 100%;
}

.caf-builder-module-main a {
    text-decoration: none;
}

.caf-builder-module-main.caf-module-image a {
    line-height: 0;
    width: 100%;
}

.collapse-main-content {
    padding-bottom: 10px;
}

.builder-setting-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    /* padding: 0 10px; */
    color: #1e1e1e;
}

/* .builder-setting-bar svg,
  .builder-setting-btn svg {
    color: #ffffff;
  } */

.caf-builder-title-bar.b-column.active svg {
    color: #ffffff;
}

.builder-setting-bar.caf-right-module,
.builder-setting-btn.caf-right-module {
    cursor: pointer;
}

.caf-title-bar-left-side-row .builder-setting-btn {
    padding-left: 10px;
}

.main-container-post .caf-title-bar-left-side-row .builder-setting-btn {
    padding-left: 10px;
}

.setting-popup-overlay-wrapper {
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.caf-builder-title-bar.b-row .caf-main-text {
    font-size: 20px;
}

.caf-builder-title-bar.b-column .caf-main-text {
    font-size: 16px;
}

.caf-builder-module.b-module .caf-main-text {
    font-weight: 700;
}

.setting-popup-overlay-wrapper.caf-builder-settings-popup.inactive {
    display: none;
}

.setting-popup-overlay-wrapper.new-module {
    left: 0;
    position: absolute;
    background: #fff;
    align-items: baseline;
}

.setting-popup-overlay-wrapper.new-module .setting-popup-title-bar {
    /* padding-left: 0; */
    background-color: #393939;
    color: #fff;
    height: 45px;
    justify-content: space-between;
    padding: 0 10px;
}

.setting-popup-overlay-wrapper.new-module .setting-popup.popup-content {
    width: 95%;
    padding-top: 15px;
}

.setting-popup-overlay-wrapper.new-module .closeSettingPop svg {
    color: #fff;
}

.animate.active {
    transform: scale(1);
}

.setting-popup {
    z-index: 999;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    height: calc(100%);
    align-content: flex-start;
    top: 0;
    /* border-radius: 4px; */
    /* top: 10px; */
    /* left: 75px; */
    justify-content: center;
    align-items: center;
}

.caf-builder-right-sidebar .react-resizable-handle-se {
    left: 0 !important;
    z-index: 999999;
}

.setting-popup-title-bar {
    display: flex;
    width: 100%;
    height: 50px;
    /* background: var(--caf-row); */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    color: #333;
    text-transform: capitalize;
    padding-left: 10px;
    font-weight: 600;
    font-size: 16px;
    /* border-radius: 4px 4px 0 0; */
}

.closeSettingPop {
    font-size: 20px;
    cursor: pointer;
}

.caf-builder-row-add {
    color: #333;
    position: absolute;
    display: flex;
    width: 70%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    left: 45px;
    bottom: -60px;
    z-index: 999;
    cursor: pointer;
}

.caf-new-widget-main {
    background-color: unset;
    padding: 5px 40px;
    /* border: 1px solid #b5b5b5;
    border-radius: 4px;
    border-style: dashed; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #424242;
    font-size: 16px;
    font-weight: 600;
    width: 90%;
}

.caf-new-column-main {
    padding: 5px 40px;
    /* border: 1px solid #b5b5b5;
    border-radius: 4px;
    border-style: dashed; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #424242;
    font-size: 16px;
    font-weight: 600;
    /* background-color: #f3f3f3; */
    width: 100%;
}

.caf-new-row-main {
    padding: 5px 40px;
    /* border: 1px solid #b5b5b5;
    border-radius: 4px;
    border-style: dashed; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    background-color: #393939;
    width: 100%;
    border-radius: 3px;
}

.caf-builder-column-wrapper-none {
    margin-top: 0px;
}

.caf-builder-wrapper-area.b-column.empty-col .drop-module {
    min-height: 5px !important;
}

.caf-builder-wrapper-area.b-column.empty-col .caf-builder-row-add.column {
    bottom: -110px;
}

.caf-builder-col .caf-builder-row-add.column {
    bottom: -120px;
    cursor: pointer;
    left: 40px;
    width: 70%;
}

.caf-builder-col.empty-row .caf-builder-row-add.column {
    bottom: 0px;
}

.caf-builder-row-add.module {
    bottom: -40px;
    cursor: pointer;
    width: 75%;
    left: -35px;
}

/* .caf-builder-row-add.module svg {
    background: var(--caf-module);
  } */

.caf-builder-row-add svg {
    border-radius: 12px;
    color: #424242;
    cursor: pointer;
    width: 12px;
    height: 12px;
}

/* .caf-builder-row-add.column svg {
    background: var(--caf-column);
  } */

.caf-builder-sidebar::-webkit-scrollbar,
.caf-builder-mainarea::-webkit-scrollbar,
.caf-builder-post-preview-wrapper::-webkit-scrollbar,
.setting-popup-tab-content::-webkit-scrollbar,
body::-webkit-scrollbar {
    background: #fff;
    width: 5px;
}

.caf-builder-sidebar::-webkit-scrollbar-thumb,
.caf-builder-mainarea::-webkit-scrollbar-thumb,
.caf-builder-post-preview-wrapper::-webkit-scrollbar-thumb,
.setting-popup-tab-content::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: var(--caf-builder);
    width: 5px;
    border-radius: 5px;
}

.setting-popup-tab-bar {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    background: #000000;
    /* background: var(--caf-sidebar-tab-bg); */
    padding: 5px 0px;
    border-radius: 8px;
    font-size: 14px;
    margin: 0 10px;
}

.setting-popup-tab {
    flex: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 40px;
    color: var(--caf-sidebar-tab-color);
    font-weight: 600;
    cursor: pointer;
}

.setting-popup-tab.active {
    /* background: var(--caf-sidebar-tab-bg-ac);
    color: var(--caf-sidebar-tab-color-ac); */
    color: #ffffff;
    border-radius: 8px;
}

.main-container-post .setting-popup-tab-content {
    /* Calculation: setting-popup-title-bar height + setting-popup-tab-bar Height (70+50+50)*/
    height: calc(100% - 100px);
}

.setting-popup-tab-content {
    /* Calculation: Header Height + setting-popup-title-bar height + setting-popup-tab-bar Height (70+50+50)*/
    height: calc(100% - 170px);
    width: 100%;
    overflow: auto;
    padding-top: 10px;
}

.setting-popup-footer {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    position: absolute;
    bottom: 0;
}

.setting-popup-footer-btn {
    cursor: pointer;
    background: #2b87da;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    flex: auto;
    display: flex;
    height: 40px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.setting-popup-footer-btn.cancel {
    background: var(--caf-row);
}

.setting-popup-footer-btn.save {
    background: #29c4a9;
}

.caf-main-text-close {
    padding: 0 10px;
}

.caf-main-text-close svg {
    cursor: pointer;
}

.new-modules-container {
    padding: 0px;
    width: 100%;
    height: calc(100% - 180px);
}

.new-modules-container ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    height: 100%;
    overflow: auto;
    align-content: flex-start;
    padding: 0 5px;
    box-sizing: border-box;
}

.new-modules-container ul .caf-post-select-module-pop-up {
    margin: 0;
    flex: auto;
    /* background: #eeecec; */
    /* padding: 30px 20px; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    width: 45%;
    flex-direction: column;
}

.new-modules-container ul .caf-post-select-module-pop-up img {
    border: 2px solid transparent;
    border-radius: 12px;
}

.new-modules-container ul li.caf-filter-select-module-pop-up:hover,
.new-modules-container ul .caf-post-select-module-pop-up .caf-post-select-module-pop-up-img:hover {
    border: 2px solid #ff642d;
    border-radius: 12px;
}

.new-modules-container ul li.caf-filter-select-module-pop-up {
    flex: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #f1f3f6;
    width: 132px;
    height: 105px;
    border: 2px solid transparent;
    border-radius: 12px;
    cursor: pointer;
}

.module-search-bar {
    padding: 15px 5px;
}

/* .module-search-bar input {
    border: 1px solid #333 !important;
    box-sizing: border-box;
  } */

.module-search-bar input {
    background: #f1f3f6;
    border: none !important;
    padding: 5px 15px;
    outline: none !important;
}

.caf-builder-setting-row-label {
    width: 100%;
    background: #ffffff;
    padding: 5px 20px;
    /* border-bottom: 1px solid #ddd; */
    box-sizing: border-box;
}

.caf-builder-setting-row-label label {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin-bottom: 5px;
    margin-left: 0px;
    display: block;
    font-weight: 600;
    color: var(--caf-builder-label);
}

.caf-builder-setting-row-label.width .ant-select-selector,
.caf-builder-setting-row-label.height .ant-select-selector {
    border: none !important;
    color: initial !important;
    box-shadow: none !important;
    outline: none !important;
}

.row-design-tab-data .ant-collapse,
.row-design-tab-data .ant-collapse-item:last-child {
    border-radius: 0 !important;
    background-color: transparent !important;
    border: none !important;
}

.row-design-tab-data .ant-collapse-content.ant-collapse-content-active {
    border-top: 0 !important;
}

.row-design-tab-data .ant-collapse-content-box {
    padding: 0 !important;
}

.caf-builder-setting-row-label label span {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.caf-builder-setting-row-label .caf-align-radio-main label span {
    float: none;
    margin-right: 0px;
    font-size: unset;
    text-decoration: none;
    cursor: pointer;
}

.caf-builder-setting-row-label .caf-align-radio-main label {
    display: flex
}

.caf-builder-setting-row-label.colm2 .ant-select-selector {
    padding-left: 2px !important;
}

.caf-builder-setting-row-label.colm2 span.ant-select-selection-item {
    font-size: 13px;
    padding: 0 15px 0 0 !important;
}

.without-border .colm2.caf-builder-setting-row-label {
    border-bottom: none;
}

/* .ant-color-picker-trigger {
    width: 100% !important;
    height: 150px;
    border: none !important;
    position: relative;
  }
  .ant-color-picker-color-block {
    width: 100px !important;
    height: 100px !important;
    border: 1px solid #ddd;
  } */
.animate {
    transition: transform 0.35s ease-in-out;
}

/* animation */

@keyframes anvil {
    0% {
        transform: scale(1) translateY(0px);
        opacity: 0;
        box-shadow: 0 0 0 rgba(241, 241, 241, 0);
    }

    1% {
        transform: scale(0.96) translateY(10px);
        opacity: 0;
        box-shadow: 0 0 0 rgba(241, 241, 241, 0);
    }

    100% {
        transform: scale(1) translateY(0px);
        opacity: 1;
        box-shadow: 0 0 500px rgba(241, 241, 241, 0);
    }
}

.popup-content {
    -webkit-animation: anvil 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
}

.caf-builder-title-bar.wrapper svg {
    cursor: pointer;
}

.caf-builder-setting-row-label.common span {
    text-transform: capitalize;
}

.manage-scroll-inner {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.caf-builder-setting-row-label.common label {
    margin-bottom: 10px;
}

.caf-builder-setting-row-label.common .ant-list-items li {
    cursor: pointer;
    margin: 0;
}

.caf-builder-setting-row-label.common .ant-list-items li:hover {
    background: #f7f7f7;
}

button.ant-btn {
    outline: none !important;
}

button.ant-btn.caf-btn-main-save {
    background: #fff;
    color: #fc4127;
}

button.ant-btn.caf-btn-main-save:hover {
    background: #f7f7f7;
    color: #fc4127;
}

.caf-main-text {
    font-weight: 600;
}

/* body.post-type-caf_posts {
    overflow: hidden;
  } */

.caf-builder-row-wrapper,
.caf-builder-row-wrapper-none {
    position: relative;
}

.caf-builder-row-wrapper.active,
.caf-builder-row-wrapper-none.active {
    border-color: #ff642d;
}

.caf-builder-column-wrapper-none.active,
.caf-builder-column-wrapper.active {
    border-color: #ff642d;
}

/* .caf-builder-row-wrapper::before,
  .caf-builder-column-wrapper::before {
    content: "";
    position: absolute;
    top: 22px;
    height: 100%;
    width: 3px;
    background-color: #f1f3f6;
    margin: 0px 6px;
    z-index: 1;
  } */
/* .caf-builder-row-wrapper::after,
  .caf-builder-row-wrapper-none::after {
    content: "";
    position: absolute;
    bottom: -35px;
    height: 3px;
    width: 100%;
    background-color: #f1f3f6;
    margin: 0px 6px;
    z-index: 1;
  } */

.caf-builder-row-wrapper {
    margin-bottom: 70px;
}

.caf-builder-row-wrapper-none {
    margin-bottom: 20px;
}

.caf-builder-row-wrapper {
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    border-top-color: unset;
    padding-bottom: 10px;
    background-color: #F9FAFD;
}

/* .caf-builder-column-wrapper {
    border-color: var(--caf-column);
    border-left: 2px solid #f1f3f6;
    border-bottom: 2px solid #f1f3f6;
  } */
.caf-builder-row-wrapper-none .caf-builder-delete-icon,
.caf-builder-row-wrapper .caf-builder-delete-icon {
    cursor: pointer;
}

.setting-pop-content {
    display: flex;
    padding-bottom: 10px;
}

.moduledata {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 20px 20px 50px;
    flex-direction: column;
}

.module-content-tab-row {
    padding: 0 0 10px;
}

.module-content-tab-row label {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

.icons-map {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    height: 400px;
    overflow: auto;
    margin: 10px 0;
    padding: 0px 1px;
}

.dropdown-icons-map {
    height: 186px;
}

.icons-map i {
    background: #e1e0e0;
    padding: 10px;
    cursor: pointer;
}

.icons-map i:hover,
.icons-map i.active {
    background: #929090;
}

.icons-map::-webkit-scrollbar {
    background: #2b87da;
    width: 5px;
}

.icons-map::-webkit-scrollbar-thumb {
    background: var(--caf-module);
}

.icons-map::-webkit-scrollbar-track {
    background: #ddd;
    width: 5px;
}

.module-content-icon-switch {
    margin-bottom: 10px;
}

.caf-layout-filter-with-query-enable span.ant-switch-inner {
    padding-inline-start: 4px !important;
    padding-inline-end: 4px !important;
}

.module-content-image-uploader {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

.caf-image-container-mask {
    display: flex;
    width: 300px;
    height: 120px;
    background: #333333c4;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

img.caf-bg-mask {
    height: 100%;
}

.caf-bg-image-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.caf-bg-image-wrapper img {
    width: 100%;
    height: 100%;
}

.main-container-post .caf-aligned-settings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    /* height: 100px; */
    gap: 5px;
}

.main-container-filter .caf-aligned-settings {
    display: flex;
    justify-content: space-between;
}

.caf-aligned-settings span.anticon {
    background: var(--caf-sidebar-tab-bg);
    padding: 8px 13px;
}

.caf-aligned-settings span.anticon.active {
    /* // background: #ce431f; */
    color: #ce431f;
}

.setting-popup .caf-builder-setting-tabs {
    padding: 0 20px;
}

.caf-border-radius-container {
    display: block;
    width: 100%;
    margin: 20px auto;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 6px;
}

.caf-border-radius-row {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.caf-border-radius-row input.ant-input {
    width: 50px;
    background: #f4f4f4;
}

.caf-add-new-page-popup-container .ant-select-single {
    height: 45px !important;
}

.caf-add-new-page-popup-container .caf-error-msg {
    color: red;
}

.border-radius-joint {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* height: 30px; */
}

.border-radius-joint-inner {
    border: 1px solid #ddd;
    padding: 25px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    cursor: pointer;
}

span.border-radius-joint-icon {
    font-size: 20px;
}

.border-radius-joint-inner.active {
    background: var(--caf-row);
}

.border-radius-joint-inner.active span.border-radius-joint-icon {
    color: #ffffff;
}

.close-circle-bg {
    position: absolute;
    bottom: 0;
    right: -20px;
    cursor: pointer;
}

.close-circle-bg span.anticon {
    font-size: 20px;
}

.border-styles-bar {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0 1px;
    margin-top: 10px;
}

.border-styles-bar .border-bar {
    background: #f1f5f9;
    padding: 10px 0;
    font-size: 30px;
    flex-grow: 1;
    color: #bec9d6;
    cursor: pointer;
}

.border-styles-bar .border-bar.active {
    color: var(--caf-row);
}

.border-styles-bar .border-bar.active {
    color: var(--caf-row);
    background: #fff;
    border: 2px solid #f1f5f9;
    border-bottom: none;
}

.ant-collapse-content .ant-input {
    box-sizing: border-box !important;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block !important;
    min-width: 0;
    padding: 4px 7px !important;
    color: rgba(0, 0, 0, 0.85) !important;
    font-size: 14px;
    line-height: 1.5715 !important;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #d9d9d9 !important;
    border-radius: 2px !important;
    transition: all 0.3s;
}

.setting-popup-tab-content span.ant-collapse-header-text {
    font-weight: 600;
}

.style-icons-wrapped {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px 0;
    gap: 5px;
}

.style-icons-wrapped .anticon {
    /* background: #ddd; */
    background: var(--caf-sidebar-tab-bg);
    padding: 8px 10px;
    font-size: 16px;
}

.style-icons-wrapped .anticon.active {
    color: var(--caf-row);
}

.hoverswitchguard {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 20px;
}

.caf-builder-module-main.caf-module-excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.module-content-cat-taxo label {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.caf-builder-module-main.caf-module-categories {
    display: block;
}

.caf-builder-module-main.caf-module-categories .caf_module_cat_name {
    display: inline-block;
}

.copy-pop-up {
    position: absolute;
    background: #4c5866;
    color: #fff;
    padding: 5px 15px;
    z-index: 999999;
    width: 150px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0px 0px 6px 1px #333;
}

.copy-pop-up li {
    cursor: pointer;
    border-radius: 4px;
}

.copy-pop-up li:hover {
    background: #333c47;
}

.caf-builder-title {
    /* background: #fff; */
    padding: 0px 50px;
    /* margin-top: 40px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    border-left: 1px solid #ddd;
}

.caf-builder-title h3 {
    color: #fff;
    cursor: pointer;
}

.caf-builder-title h3 {
    color: #fff;
    cursor: pointer;
    text-transform: capitalize;
    font-size: 16px;
}

.caf-arrange-dropdowns {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    padding: 0 20px;
}

.caf-arrange-dropdowns .ant-select {
    width: 100% !important;
}

.caf-builder-title-bar.wrapper svg {
    background: #fff;
    color: #d3054f;
    padding: 10px;
    border-radius: 2px;
}

.caf-builder-sidebar .react-resizable-handle-se,
.caf-builder-right-sidebar .react-resizable-handle-se {
    /* background-image: url(../../admin/images/resize-icon.png); */
    background: none !important;
    width: 20px;
    height: 100%;
    background-size: 100%;
    background-position: center;
    z-index: 999999999;
    bottom: 0px;
    cursor: e-resize;
}

/* MISC*/
.ant-slider-handle {
    margin-top: -1px;
}

.ant-select-selector,
.ant-collapse-content .ant-input {
    background-color: var(--caf-element-bg) !important;
    border: none !important;
}

.ant-input-group .ant-input-group-addon {
    border: none !important;
}

.caf-filter-navigation .caf-nevigation-dropdown .ant-select-selector {
    height: 32px !important;
    border-radius: 4px !important;
    color: #000000 !important;
    font-family: 'Urbanist' !important;
}

.caf-filter-navigation .caf-nevigation-dropdown .ant-select-selector span.ant-select-selection-item {
    font-weight: 600 !important;
}

.caf-filter-navigation .caf-nevigation-dropdown span.ant-select-arrow {
    color: #000000 !important;
}

.caf-image-container-post-img-mask {
    height: 150px;
    background: #333333ad;
    width: 100%;
}

.caf-builder-module.b-module.active svg {
    color: #ffffff;
}

.caf-builder-wrapper .caf-builder-title-bar.active {
    /* background: #FF642D;
    border: 2px solid #FF642D; */
    background-color: #ff642d;
}

.caf-builder-module.b-module.active {
    background-color: #FF642D;
    color: #ffffff;
}

.caf-builder-title-bar.b-column.active {
    color: #ffffff;
}

/* 
  ***************************************
  ***************************************
  ***************************************
  ******************************************************************************
  ******************************************************************************
  ******************************************************************************
  ***************************************
  */

ul.each-tax-data li a,
span.count_link,
.trusty-separate-bars {
    display: none;
}

.module-content-tab-row .trusty-manage-bar-sec-label {
    width: 100%;
}

ul.each-tax-data i.fa.fa-plus {
    float: right;
    cursor: pointer;
    color: #5b5959;
    top: 5px;
    right: 5px;
    font-size: 14px;
    position: relative;
}

ul.each-tax-data label {
    width: 75%;
    float: left;
}

ul.each-tax-data ul.children {
    padding-left: 10px;
    margin-left: 0;
    display: none;
    box-sizing: border-box;
}

ul.children.tc_caf_active_list {
    display: block !important;
}

/************Filter Css********************/

.caf-manage-dropdown-labels-filter-dropdown {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    /* padding-bottom: 8px; */
    width: 100%;
}

.caf-term-title-main {
    display: flex;
    align-items: center;
}

.caf-terms-cat-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
}

.caf-builder-module-main.caf-module-filter,
.caf-builder-module-main.caf-module-filter:hover,
.caf-builder-module-main.caf-module-filter ul,
.caf-builder-module-main.caf-module-filter ul:hover {
    display: flex;
    /* gap: 1rem; */
    flex-wrap: wrap;
    border: none;
    background-color: transparent !important;
    margin: 0;
}

.caf-device-switch-row-label {
    display: flex;
    padding: 20px 10px;
    justify-content: flex-end;
}

.caf-filter-module-search-output {
    display: flex;
    width: 100%;
}

.caf-filter-module-search-output button.search-btn:focus-visible,
.caf-filter-module-search-output input.input-field:focus-visible {
    outline: 0;
}

.caf-filter-module-search-output button.search-btn {
    cursor: pointer;
}

.caf-filter-module-search-output input.input-field {
    box-shadow: none;
}

.caf-select-device-main {
    display: flex;
    gap: 14px;
    font-size: 20px;
}

.caf-select-device-main .caf-device-icon.active {
    color: #f27c26;
}

.filter-after-icon {
    padding-left: 4px;
}

.filter-before-icon {
    padding-right: 4px;
}

.caf-term-setting {
    cursor: pointer;
}

.caf-design-tabs {
    padding: 0 10px;
}

.caf-terms-list.dropdown li.caf-terms-list-item {
    width: 100%;
    margin-bottom: 0px;
}

.caf-terms-list.dropdown li.caf-terms-list-item a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.caf-filter-label-inner-row {
    background: #f6f7f7;
    padding: 15px;
    margin: 10px 0;
}

.caf-filter-label-inner-row .caf-custom-field-delete-icon {
    display: flex;
    justify-content: flex-end;
}

.caf-builder-custom-filed-label .reset-icon-common {
    margin: 0 5px;
}

.setting-pop-content.caf-filter .caf-change-post-type-btn {
    margin: -3px 3px;
    font-size: 11px;
    border: none;
}

.caf-builder-extra-sub-tabs {
    margin-top: 15px;
}

.caf-builder-module-main .caf-filter-label-common.label-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.caf-builder-module-main .caf-filter-label-common.label-header span.label-icon-common {
    padding: 0 7px;
}

.caf-builder-custom-filed-label-inner .before-common {
    margin-right: 5px;
}

.caf-builder-custom-filed-label-inner .after-common {
    margin-left: 5px;
}

.caf-terms-list.caf-checkbox .caf-taxo-input {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    border: 1px solid #333;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent;
    position: relative;
    cursor: pointer;
}

.caf-terms-list.caf-checkbox .caf-taxo-input.checkbox_skin1 {
    margin: 0 10px;
}

.caf-terms-list.caf-checkbox .caf-taxo-input:focus {
    box-shadow: 0 0 0 transparent;
}

/* .caf-builder-module-main span.caf-builder-post-layout-icon.before {
    margin-right: 5px;
  } */
.caf-builder-module-main span.caf-builder-post-layout-icon.after {
    margin-left: 5px;
}

.caf-terms-list .caf-taxo-checkbox-main {
    display: flex;
    align-items: center
}

.caf-terms-list .caf-taxo-checkbox-main input.checkbox_skin2 {
    border: none;
    outline: none;
    box-shadow: 0 0 0 transparent;
    position: relative;
}

.caf-terms-list .caf-taxo-checkbox-main input.checkbox_skin1 {
    position: relative;
}

/* .caf-terms-list .caf-taxo-checkbox-main input.checkbox_skin2 input:focus {
    border-color: none;
    outline: none;
    box-shadow: 0 0 0 transparent;
  } */
.caf-terms-list .caf-taxo-checkbox-main input.checkbox_skin2:checked::before {
    content: "\2714";
    top: 10px;
    bottom: 0;
    position: absolute;
}

.caf-terms-list .caf-taxo-checkbox-main input.checkbox_skin1:checked::before {
    content: "\2714";
    top: 10px;
    bottom: 0;
    position: absolute;
    left: 1px;
    font-size: 12px;
}

.caf-terms-list.caf-button .caf-taxo-button-main .caf-taxo-input {
    display: none;
}

.caf-terms-list.dropdown li:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.caf-terms-list.dropdown a:focus {
    outline: none;
    box-shadow: 0 0 0 0px #2271b1;
}

.caf-selected-term-main {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    margin: 0 !important;
    box-sizing: border-box;
}

.caf-selected-term-main span.selected-icon {
    margin: 0 10px;
}

.caf-builder-module-main .caf-terms-list ul.children {
    margin-left: 20px;
    display: block !important;
}

/* .caf-builder-module-main .caf-terms-list .droppable-div{
    margin-right: 10px;
  } */
.caf-builder-module-main.caf-module-filter ul.caf-terms-list.caf-button {
    gap: unset;
}

.caf-builder-module-main.caf-module-filter ul.caf-terms-list {
    width: 100%;
    padding: 0;
}

/* .caf-builder-module-main.caf-module-filter ul.caf-terms-list.caf-button .droppable-div{
    width: 100%;
  } */

ul.module-content-tab-row.custom-field {
    display: flex;
    width: 100%;
    align-content: center;
    align-items: flex-start;
    flex-direction: column;
}

li.caf-cf-value-main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}


.caf-builder-module-main.caf-module-search .caf-filter-module-search-output.icon-search span.search-btn.icon {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.caf-filter-module-search-output.icon-search .search-btn {
    cursor: pointer;
}

.main-container-filter .caf-builder-module-main,
.caf-builder-template-preview-filter .caf-builder-module-main {
    flex-wrap: wrap;
}

.caf-builder-module-main.caf-module-filter li.caf-terms-list-item-wrraper {
    width: 100%;
}


/* start new look layouts list page*/
.caf-layouts-list-main-container {
    margin: 50px auto 0 auto;
    width: 90%;
    box-sizing: border-box;
    font-family: Urbanist;
}

.caf-layouts-list-main-container .caf-layout-list-error-message {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    margin-top: 50px;
}

.caf-layouts-list-main-container .caf-layouts-list-conatiner {
    width: 100%;
    border: 1px solid #c6c7c8;
    border-radius: 10px;
    margin: 20px 0;
    background-color: #ffffff;
}

.caf-layouts-list-main-container ul.caf-layout-list-inner {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.caf-builder-module-main.caf-fl-p-left .caf-filter-module-search-output {
    flex-direction: row-reverse;
}

.caf-layouts-list-main-container li.caf-list-single-row-header {
    display: grid;
    grid-template-columns: 3% 3% 28% 20% 15% 10% 10%;
    background: #1e1e1e;
    color: #ffffff;
    justify-content: space-between;
    align-content: stretch;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    font-family: inherit;
    padding: 16px 0;
}

.caf-layouts-list-main-container li.caf-list-single-row {
    display: grid;
    grid-template-columns: 3% 3% 28% 20% 15% 10% 10%;
    color: #383a3d;
    justify-content: space-between;
    align-content: stretch;
    font-size: 20px;
    font-weight: 600;
    font-family: inherit;
    border-bottom: 0.7px solid #c6c7c8;
    margin: 0;
    align-items: center;
    padding: 8px 0;
}

.caf-layouts-list-main-container .caf-list-single-row .caf-sr-no {
    /* background: #f1f3f6;
    font-size: 20px;
    color: #6c6767;
    padding: 10px 0;
    text-align: center;
    border-right: 0.7px solid #c6c7c8; */
}

.caf-layout-list-inner li:last-child .caf-sr-no {
    border-bottom-left-radius: 10px;
}

.caf-layouts-list-main-container li.caf-list-single-row:last-child {
    border-bottom: none;
}

.caf-layouts-list-main-container li.caf-list-single-row .caf-filter-name span.caf-layout-tag {
    color: #ff642d;
}

.caf-layouts-list-main-container button.caf-add-new-btn {
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    padding: 10px 25px;
    cursor: pointer;
}

.caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container button.caf-add-new-btn {
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    padding: 10px 25px;
    cursor: pointer;
}

.caf-layouts-list-filter-tab-footer-left .ant-select {
    height: 40px !important;
    border: 1px solid #CACACA !important;
    border-radius: 5px !important;
}

.caf-layouts-list-filter-tab-footer-left .ant-select .ant-select-selector {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-family: 'Urbanist' !important;
}

.caf-layouts-list-filter-tab-footer-left .ant-select .ant-select-arrow {
    color: #000000 !important;
}

.caf-layouts-list-filter-tab-footer-left .ant-select .ant-select-selector span.ant-select-selection-item {
    font-weight: 400 !important;
}

.caf-list-single-row .caf-filter-shortcode {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.caf-list-single-row .caf-filter-shortcode input.caf-shortcode-input {
    background: #f1f3f6;
    width: 100%;
    padding: 5px 10px;
}

.caf-list-single-row .caf-filter-shortcode .caf-copy-button {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.caf-list-single-row .caf-filter-other-settings {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.caf-list-single-row .caf-filter-other-settings span {
    cursor: pointer;
}

button.caf-add-new-btn:focus,
button.caf-add-new-btn:focus-visible {
    border: none;
}

/* .caf-add-new-page-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
  } */

/* add new layout pop up*/
.caf-add-new-page-popup-container {
    width: 100% !important;
    top: 10px;
    padding: 0;
    overflow: hidden;
    height: 98vh;
}

.caf-add-new-page-popup-container .ant-modal-content {
    height: 100vh;
    border-radius: 0 !important;
    padding: 0 !important;
}

.caf-add-new-page-popup-content-main {
    position: relative;
}

.caf-add-new-page-popup-container .ant-modal-close svg {
    font-size: 20px;
    color: #000;
}

.caf-add-new-page-popup-content {
    display: grid;
    grid-template-columns: 50% 50%;
    height: 100vh;
    padding: 0;
    margin: 0;
    background-color: #fff8eb;
}

.caf-add-new-page-popup-image-section {
    background: #e5e6ed;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.caf-add-new-page-popup-image-section .logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.caf-add-new-page-popup-image-section .logo img {
    height: 85px;
}

img.rename-logo-img {
    height: 45px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 8px;
}

.caf-add-new-page-popup-image-section .welcome-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}

.caf-add-new-page-popup-image-section .welcome-img img {
    width: 455px;
    height: 417.15px;
}

.caf-add-new-page-popup-form-section {
    margin: 0 auto;
    width: 70%;
    margin-top: 50px;
}

.caf-add-new-page-popup-form-section .caf-heading h1 {
    color: #000;
    font-size: 40px;
}

.caf-add-new-page-popup-form-section .caf-description {
    color: #929099;
    font-size: 16px;
    margin-top: 50px;
}

.caf-add-new-page-popup-form-section .caf-form-section {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    width: 100%;
}

.caf-add-new-page-popup-form-section .caf-form-section label {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
}

.caf-add-new-page-popup-form-section .caf-form-section input {
    border-radius: 5px;
    height: 45px;
    border: 1.2px solid #9e9c9c;
}

.caf-add-new-page-popup-form-section .caf-form-section .ant-select-selector {
    background-color: #fff !important;
    border: 1.2px solid #9e9c9c !important;
    padding: 8px !important;
}

.caf-add-new-page-popup-form-section .caf-form-section .ant-select-arrow {
    /* margin-top: 0px !important; */
    color: #000 !important;
    font-weight: 500 !important;
}

.caf-add-new-page-popup-form-section .caf-filter-selections {
    display: flex;
    justify-content: space-between;
}

.caf-add-new-page-popup-form-section .caf-filter-selection {
    width: 185px;
    height: 82px;
    background-color: #ffffff;
    margin-top: 50px;
    border: 1.2px solid #cacaca;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
    cursor: pointer;
}

.caf-add-new-page-popup-form-section .caf-filter-selection .radio-btn {
    position: absolute;
    top: 2px;
    right: 5px;
    width: 15px;
    height: 15px;
    margin-left: 0;
    margin-top: 0;
}

.caf-add-new-page-popup-form-section .caf-filter-selection.active {
    border: 1.2px solid #ff512f;
    border-radius: 10px;
}


.caf-add-new-page-popup-form-section .caf-filter-selection h5 {
    margin: 0;
    font-size: 14px;
}

.caf-add-new-page-popup-form-section .caf-filter-selection span {
    font-size: 10px;
}

.caf-add-new-page-popup-form-section .caf-filter-selection .gp-img {
    width: 39px;
    height: 39px;
}

/* .caf-add-new-page-popup-form-section .caf-filter-selection .cyf-img {
    width: 83px;
    height: 31.46px;
  } */
.caf-add-new-page-popup-form-section .select-layout-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.caf-add-new-page-popup-form-section .select-layout-btn .ant-btn-primary {
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
}

/* caf-layout-container */
.caf-layout-container-page {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 999;
    font-family: 'Urbanist';
}

.caf-layout-container-page .caf-inner-container {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.caf-layout-container-page .caf-inner-container .caf-builder-layout-header-container {
    display: flex;
    width: 100%;
    height: 70px;
    /* border-bottom: 1px solid #ddd; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    /* background: linear-gradient(
      269deg,
      #bd0749 0.01%,
      #ff005c 27.08%,
      #6041dc 100%
    ); */
    /* background: linear-gradient(239deg, rgba(131, 58, 180, 1) -94%, rgba(253, 29, 29, 1) -15%, rgba(252, 176, 69, 1) 100%); */
    background-color: #1e1e1e;
    padding: 5px 20px;
    box-sizing: border-box;
}

.caf-builder-layout-header-container .caf-builder-layout-rename-main {
    display: flex;
    /* padding: 0 40px; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.caf-builder-layout-header-container .caf-builder-layout-rename-main .caf-builder-layout-title {
    padding: 0px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-left: 1px solid #ddd;
    gap: 6px;
}

.caf-builder-layout-header-container .caf-builder-layout-rename-main .caf-builder-layout-title span {
    cursor: pointer;
}

.caf-builder-layout-header-container .caf-builder-layout-rename-main .caf-builder-layout-title span:first-child {
    font-size: 18px;
}

.caf-builder-layout-title h3 {
    color: #fff;
    cursor: pointer;
    text-transform: capitalize;
    font-size: 16px;
}

.caf-builder-layout-header-container .caf-builder-layout-header-breadcrumb {
    display: flex;
    /* background: #fff; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.caf-builder-layout-header-container .caf-builder-layout-header-breadcrumb .caf-text.active {
    color: orange;
}

.caf-builder-layout-header-container .caf-builder-layout-header-breadcrumb .caf-text {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0 8px;
    cursor: pointer;
}

.caf-builder-layout-header-container .caf-builder-layout-header-breadcrumb img:first-child {
    padding: 8px 0;
}

.caf-builder-layout-header-container .caf-builder-layout-header-global-save-section {
    display: flex;
    /* background: #fff; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.caf-builder-layout-header-container .caf-builder-layout-header-global-save-section .caf-save-btn {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    background-color: #3da854;
    border-radius: 8px;
    padding: 5px 15px;
}

.caf-builder-layout-header-container .caf-builder-layout-header-global-save-section span {
    cursor: pointer;
}

.caf-inner-container .caf-select-filter-post-page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: calc(100vh - 70px);
    /* overflow-y: scroll; */
    background-color: #fff8eb;
}

.caf-inner-container .caf-select-filter-post-page-container .top-img {
    position: absolute;
    top: 0;
    right: 0;
}

.caf-inner-container .caf-select-filter-post-page-container .lower-img {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100px;
    height: 150px;
}

.caf-select-filter-post-page-container .caf-select-filter-heading {
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
    margin-top: 3%;
    color: #000000;
}

.caf-select-filter-post-page-container .caf-select-filter-description {
    font-size: 25px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 30px;
    color: #6c6767;
    text-align: center;
    width: 40%;
}

.caf-select-filter-post-page-container .caf-select-post-filter-secton {
    display: flex;
    justify-content: space-around;
    gap: 50px;
    margin-top: 40px;
}

.caf-select-filter-post-page-container .caf-select-post-filter-secton .caf-select-post-filter-common {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 20px;
    box-shadow: 0px 0px 20px 0px #00000026;
    height: 450px;
    border-radius: 10px;
}

.caf-select-post-filter-secton .caf-select-post-filter-common label {
    font-size: 26px;
    font-weight: 700;
    color: #383a3d;
}

.caf-select-post-filter-secton .caf-select-post-filter-common p {
    font-size: 12px;
    font-weight: 700;
    color: #929099;
    text-align: center;
}

.caf-select-post-filter-secton .caf-select-post-filter-common span {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
    border-radius: 25px;
    outline: none;
    border: none;
    padding: 14px 25px;
    cursor: pointer;
}

.caf-collapse-left-sidebar {
    background-color: #ffffff;
}

/* Main Setting Page Css*/
.caf-misc-setting-page-popup-container {
    width: 25% !important;
    float: right;
    top: 70px;
    padding: 0;
}

.caf-misc-setting-page-popup-container .ant-modal-content {
    height: calc(100vh - 70px);
    border-radius: 0 !important;
}

.caf-main-setting-page-popup-content {
    width: 100%;
}

.caf-main-setting-page-popup-title {
    color: #000000;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    font-family: Urbanist;
}

.caf-main-setting-page-popup-form-section {
    width: 100%;
}

.caf-main-setting-page.data-field {
    display: flex;
    flex-direction: column;
}

.caf-main-setting-page.data-field label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    padding: 10px 0;
}

.caf-main-setting-page.data-field .caf-main-setting-page.data-field-input,
.caf-main-setting-page.data-field .caf-main-setting-page.data-field-dropdpwn {
    border: 1.2px solid #9e9c9c;
    /* font-weight: 500; */
    font-size: 16px;
    padding: 5px 10px;
}

.caf-main-setting-page-popup-content .caf-main-setting-page-popup-form-section .caf-main-setting-page.data-field .ant-select-selector {
    background-color: #fff !important;
    border: 1.2px solid #9e9c9c !important;
    padding: 20px 10px !important;
    color: #9e9c9c;
    font-size: 16px;
}

.caf-main-setting-page-popup-content .caf-main-setting-page-popup-form-section .caf-main-setting-page.data-field .ant-select-arrow {
    margin-top: 0 !important;
    color: #383a3d;
    /* font-weight: 500; */
}

.caf-main-setting-page-collapse-section .caf-main-setting-page-collapse-main {
    background: none;
    border: none;
}

.caf-main-setting-page-collapse-section .caf-main-setting-page-collapse-main .ant-collapse-item {
    border-bottom: 2px solid #edebeb;
    color: #000000;
}

.caf-main-setting-page-collapse-section .caf-main-setting-page-collapse-main .ant-collapse-item .ant-collapse-header {
    font-weight: 600;
    font-size: 20px;
}

.caf-main-setting-page-collapse-section .caf-main-setting-page-collapse-main .ant-collapse-item .ant-collapse-content {
    border-top: none;
}

.caf-main-setting-page-collapse-section .caf-main-setting-page-collapse-main .ant-collapse-item .ant-collapse-arrow {
    font-size: 20px;
    font-weight: 600;
}

.caf-main-setting-page-popup-container .ant-modal-footer {
    display: flex;
    justify-content: space-around;
}

.caf-main-setting-page-popup-container .ant-modal-footer button {
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
    font-size: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px 40px;
    margin: 30px 0;
}

.caf-display-filter-switch-main {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #f0f0f1;
    padding: 20px 0;
}

button.ant-switch.caf-select-filter-switch {
    width: 5%;
    background: #3da854 !important;
}

.caf-layout-filter-with-query-btn .ant-switch-handle {
    width: 25px !important;
    height: 25px !important;
    top: 4px !important;
    inset-inline-start: 5px !important;
}

.caf-layout-filter-with-query-btn .ant-switch-handle::before {
    border-radius: 100% !important;
}

.caf-layout-filter-with-query-btn.ant-switch-checked .ant-switch-handle {
    inset-inline-start: calc(100% - 30px) !important;
}

.caf-layout-filter-container .caf-layout-filter-with-query-enable {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    /* padding: 25px 0; */
    position: absolute;
    background: #ffffff;
    top: 0px;
    z-index: 99999;
    width: 100%;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    transition: all 0.3s ease-in-out;
    height: 70px;
    border: 1px solid #f0f0f1;
    border-top: unset
}

.caf-layout-filter-container .caf-layout-filter-with-query-enable.hide {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.caf-collapse-filter-arrow-btn img {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 2px 1px 0px #000000bf;
}

.caf-layout-filter-container .caf-layout-filter-with-query-enable label {
    font-size: 18px;
    font-weight: 500;
}

.caf-layout-filter-container .caf-layout-filter-with-query-enable button.ant-switch {
    padding: 0 33px !important;
    background: #3da854 !important;
    height: 34px !important;
}

.caf-layout-filter-container .caf-layout-filter-with-query-inner-section {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 100%;
}

.caf-layout-filter-container .caf-layout-filter-with-query-image-section {
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    width: 55%;
    flex-wrap: wrap;
    align-content: flex-start;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.caf-layout-filter-container .caf-layout-filter-with-query-image-section .text-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 55%;
    margin-top: 70px;
}

.caf-layout-filter-container .caf-layout-filter-with-query-image-section .text-main .caf-layout-filter-with-query-image-desc {
    font-size: 16px;
    line-height: 23px;
}

.caf-layout-filter-container .caf-layout-filter-with-query-image-section .filter-img {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 100px;
}

.caf-layout-filter-with-query-image-section .filter-img img {
    width: 400px;
    height: 400px;
}

.caf-layout-filter-with-query-image-section .filter-img img:nth-of-type(2) {
    position: absolute;
    left: 0;
    bottom: 0;
}

.caf-layout-filter-container .caf-layout-filter-with-query-section {
    position: relative;
}

/* .caf-layout-filter-container .caf-layout-filter-with-query-content-section .caf-custom-field-data-container {
    height: 330px;
    overflow-y: scroll;
  } */

.caf-layout-filter-container .caf-layout-filter-with-query-content-section {
    padding: 20px 0px;
    width: 45%;
    height: auto;
    /* overflow: auto; */
    background-color: #fff8eb;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.caf-layout-filter-container .caf-layout-filter-with-query-content-section .caf-layout-filter-with-query-content-inner-section {
    overflow: auto;
    height: calc(100vh - 170px);
    padding: 0 70px;
}

.caf-layout-filter-with-query-content-section .trusty-manage-bar-sec-label .caf-term-setting,
.caf-layout-filter-with-query-content-section .trusty-separate-bars,
.setting-popup.popup-content .trusty-separate-bars {
    display: none;
}

.caf-layout-filter-with-query-content-section h1 {
    margin: 70px 0 20px 0;
    text-align: center;
}

.caf-layout-filter-with-query-content-section .caf-layout-filter-with-query-data-source label:nth-child(1) {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
}

.caf-layout-filter-with-query-content-section .caf-layout-filter-with-query-data-source-checkbox {
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px 0;
}

.caf-layout-filter-with-query-content-section .caf-layout-filter-with-query-data-source-checkbox .source-checkbox-taxonomy,
.caf-layout-filter-with-query-content-section .caf-layout-filter-with-query-data-source-checkbox .source-checkbox-custom-field {
    display: flex;
    gap: 5px;
    align-items: center;
}

.caf-layout-filter-with-query-content-section .select-layout-btn {
    display: flex;
    justify-content: flex-end;
    padding: 20px 0;
}

.caf-layout-filter-with-query-content-section .select-layout-btn .ant-btn-primary {
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
}

/* mainarea post */
.manage-footer-bar .select-layout-btn .ant-btn-primary {
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
}

/* notification pop-up */
.ant-notification {
    top: 70px !important;
}

.ant-notification-notice.layout-saved-note {
    padding: 20px 30px !important;
}

/* post preview layout  */
.caf-builder-template-preview-main-container {
    position: relative;
}

.caf-builder-template-preview-dragable-popup-left {
    position: fixed;
    left: 10px;
    top: 70px;
    z-index: 99;
}

.caf-builder-template-preview-dragable-popup-left .post-preview-setting-popup-overlay-wrapper {
    width: 320px;
    z-index: 9999;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #808080;
}

.post-preview-setting-popup-overlay-wrapper.new-module {
    /* position: absolute;
    left: 0;
    background: #fff;
    align-items: baseline; */
}

.caf-main-layout-content-section.layout-preview .post-preview-setting-popup-overlay-wrapper.new-module .post-preview-setting-popup-title-bar {
    background: #4e4854;
    color: #fff;
    height: 50px;
    display: flex;
    justify-content: space-between;
    cursor: move;

}

.post-preview-setting-popup-overlay-wrapper.new-module .post-preview-setting-popup.popup-content {
    width: 95%;
    padding-top: 15px;
}

.post-preview-setting-popup {
    z-index: 999;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    /* height: calc(100% - 60px); */
    align-content: flex-start;
    top: 0;
    justify-content: center;
    align-items: center;
}

.post-preview-setting-popup-title-bar {
    display: flex;
    width: 100%;
    height: 50px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    color: #333;
    text-transform: capitalize;
    padding: 0 10px;
    font-weight: 600;
    font-size: 16px;
}

.post-preview-closeSettingPop {
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

.post-preview-new-modules-container {
    padding: 0px;
    width: 100%;
    /* height: calc(100% - 50px); */
}

.post-preview-new-modules-container ul.post-preview-caf-post-layouts-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 10px;
    margin: 0;
    gap: 6px;
}

.post-preview-new-modules-container ul.post-preview-caf-misc-layouts-items {
    display: grid;
    justify-content: space-between;
    padding: 20px;
    margin: 0;
    gap: 6px;
    grid-template-columns: 47% 47%;

}

.post-preview-new-modules-container ul .post-preview-caf-post-select-module-pop-up {
    margin: 0;
    flex: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    width: 45%;
    position: relative;
}

.caf-builder-template-preview-dragable-popup-right {
    position: fixed;
    right: 10px;
    top: 70px;
    width: 320px;
    z-index: 9;
}

.caf-post-preview-setting-popup-tab-content {
    height: calc(100% - 90px);
    width: 100%;
    overflow: auto;
    padding: 5px 8px;
}

.caf-post-preview-setting-popup-tab-content .caf-post-preview-setting-pop-content {
    height: 70vh;
}

.caf-post-preview-general-filter-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.caf-post-preview-general-filter-img div {
    position: relative;
    margin: 10px 0;
    cursor: pointer;
}

.caf-post-preview-general-filter-img div img:nth-child(1) {
    border: 2px solid transparent;
    border-radius: 7px;
}

.caf-post-preview-general-filter-img div img.active:nth-child(1) {
    border: 2px solid #ff6113;
    border-radius: 10px;
}

.caf-post-preview-general-filter-img div img:nth-child(2) {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 15px;
}

.caf-builder-post-preview-setting-popup {
    position: relative;
    border: 1px solid #808080;
}

.caf-builder-post-preview-setting-popup span.caf-builder-post-preview-arrow svg {
    position: absolute;
    right: 5px;
    top: 18px;
    color: #000000;
    cursor: pointer;
}

.caf-post-preview-general-column-layout {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.caf-post-preview-general-column-layout .caf-post-preview-general-column-layout-single {
    width: 30%;
    border: 2px solid #ced4da;
    border-radius: 6px;
}

.caf-post-preview-general-column-layout .caf-post-preview-general-column-layout-single span span input {
    border: none !important;
}

.caf-post-preview-general-column-layout .caf-post-preview-general-column-layout-single span span span {
    background: #e9ecef;
}

.caf-preview-setting-pop-content {
    display: flex;
    padding-bottom: 10px;
    flex-direction: column;
    width: 100%;
}

.caf-preview-setting-pop-content .caf-preview-device-type {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    cursor: pointer;
    margin: 0 20px 0 5px;
}

.caf-preview-setting-pop-content .caf-preview-device-type .caf-device-selector.active {
    color: #ff6113;
}

.caf-preview-setting-pop-content .caf-preview-collapse-design {
    height: 500px;
    overflow-y: auto;
    margin: 5px 0;
}

.caf-preview-collapse-design .ant-collapse-content-box {
    padding: 0 !important;
}

.caf-builder-preview-template-container {
    display: flex;
    box-sizing: border-box;
    /* padding-bottom: 80px;
    padding-left: 5px;
    padding-right: 5px; */
    /* height: calc(100vh - 140px);
    overflow-y: auto; */
}

.caf-builder-template-preview-filter .caf-builder-post-preview {
    width: 100% !important;
}

.caf-builder-template-preview-post {
    display: flex;
    flex-direction: column;
    width: 75%;
    position: relative;
    box-sizing: border-box;
}

/* .caf-builder-preview-post-template.full-width {
    width: 100%;
  } */
.caf-builder-preview-pagination .load-more-pagination .load-more-btn {
    cursor: pointer;
}

.caf-builder-preview-post-template.grid {
    display: grid;
}

.caf-main-layout-content-section {
    background-color: #eaeaea;
    height: calc(100vh - 70px);
}

.caf-main-layout-content-section.layout-preview {
    height: calc(100vh - 140px);
}

.caf-layout-filter-container .caf-layout-filter-with-query-container {
    padding: 40px;
    height: calc(100vh - 150px);
}

.caf-builder-preview-pagination {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.caf-builder-preview-pagination .caf-builder-preview-pages {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.caf-builder-preview-pagination input.caf-builder-preview-page-no-input {
    width: 50px;
    text-align: center;
}

.layout-preview-caf-tab-section {
    display: flex;
    width: 90%;
    flex-direction: row;
    flex-wrap: wrap;
    background: #000000;
    padding: 5px 5px;
    border-radius: 8px;
    margin: 10px;
    font-size: 14px;
    box-sizing: border-box;
}

.post-preview-caf-post-select-module-pop-up.active img.post-preview-caf-post-select-module-pop-up-img {
    border: 2px solid #ff6113;
    border-radius: 7px;
}

.caf-builder-preview-prev-btn,
.caf-builder-preview-next-btn,
.caf-builder-preview-page-no {
    cursor: pointer;
}

.post-preview-caf-post-select-module-pop-up.active img.selected-post-icon {
    bottom: 105px;
    right: 85px;
    position: absolute;
    width: 18px;
    height: 18px;
}

.caf-main-layout-content-section.layout-preview {
    overflow-y: auto;
}

li.post-preview-caf-post-select-misc-module-pop-up {
    border: 2px solid #FEECC7;
    padding: 15px 10px 15px 0;
    cursor: pointer;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    position: relative;
    background-color: #FFF4DE;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

li.post-preview-caf-post-select-misc-module-pop-up img.selected-icon {
    top: 3px;
    position: absolute;
    right: 3px;
    width: 15px;
}

li.post-preview-caf-post-select-misc-module-pop-up.active,
li.post-preview-caf-post-select-misc-module-pop-up:hover {
    border: 2px solid #ff6113;
}

.caf-post-preview-setting-pop-content .post-order-by.checkbox-items,
.caf-post-preview-setting-pop-content .post-order-type.checkbox-items {
    display: flex;
}

.caf-post-preview-setting-pop-content .post-order-by.checkbox-items label,
.caf-post-preview-setting-pop-content .post-order-type.checkbox-items label {
    display: flex;
    align-items: center;
    flex: none;
}

.caf-post-preview-setting-pop-general.misc .caf-post-preview-icons-section.loader {
    background: #eaecf0;
    width: 100%;
    height: 82px;
    overflow: auto;
    border: 1px solid #c3c4c7;
}

.caf-post-preview-setting-pop-general.misc ul.caf-post-preview-icons-list {
    display: flex;
    justify-content: space-around;
    margin: 0;
    gap: 10px;
    padding: 10px 10px;
}

.caf-post-preview-setting-pop-general.misc li.caf-post-preview-icon-single-item {
    font-size: 30px;
    padding: 6px 0px;
    cursor: pointer;
    margin: 0;
    width: 100%;
    text-align: center;
}

.caf-post-preview-setting-pop-general.misc li.caf-post-preview-icon-single-item:hover,
.caf-post-preview-setting-pop-general.misc li.caf-post-preview-icon-single-item.active {
    background: #faebd7c4;
    border: 2px solid #ff6113;
}

.module-content-image-uploader.loader-icon {
    margin: 0 0 20px 0;
}

.module-content-image-uploader.loader-icon .caf-image-container-mask {
    color: #ffffff;
}

.module-content-image-uploader.loader-icon .close-circle-bg {
    top: 5px;
    right: 5px;
    color: #fff;
}

.module-content-tab-row.filter-placement .caf-select-filter-preview-label {
    padding: 0 20px;
}

.caf-builder-template-preview-footer-container {
    height: 70px;
    background-color: #EDF0F8;
    width: 100%;
    position: fixed;
    bottom: 0;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-inner {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: space-evenly;
    height: 100%;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-center-box {
    display: flex;
    padding: 10px 50px;
    background-color: #fff;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-device-section {
    padding: 0 14px;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-device-section .ant-select-selection-item svg {
    color: #FF642D;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-slider-section {
    width: 400px;
    padding: 0 10px;
    border-left: 1px solid #dcdcde;
    display: flex;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-slider-section .ant-slider {
    width: 80%;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-slider-section span.ant-input-group-wrapper {
    width: 60%;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-slider-section .footer-bg-color {
    margin: 0 20px;
}

.caf-builder-template-preview-footer-container .caf-builder-template-preview-footer-slider-section .eye-icon svg {
    color: #FF642D;
}

.main-container-filter span.refresh {
    float: right;
    cursor: pointer;
}

.caf-builder-template-preview-sorting-container,
.caf-builder-template-preview-selected-tags-container,
.caf-builder-template-preview-result-count-container {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* .caf-builder-template-preview-sorting-inner {
    display: flex;
  } */
.caf-builder-template-preview-sorting-container ul.caf-builder-template-preview-sorting-content-items-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.caf-builder-template-preview-sorting-container .caf-builder-template-preview-sorting-content-dropdown {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    flex-wrap: wrap;
}

.caf-builder-template-preview-sorting-container .caf-builder-template-preview-sorting-content-dropdown-order-by,
.caf-builder-template-preview-sorting-container .caf-builder-template-preview-sorting-content-dropdown-order-type {
    min-width: unset;
    line-height: normal;
    min-height: auto;
    -webkit-appearance: auto;
    background: none;
}

.caf-builder-template-preview-sorting-container .caf-builder-template-preview-sorting-content-items-list .caf-builder-template-preview-sorting-item-button {
    display: none;
}

.caf-builder-template-preview-sorting-container .caf-builder-template-preview-sorting-item label {
    margin: 0;
}

.caf-builder-template-preview-sorting-container .caf-builder-template-preview-sorting-item {
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
}

.caf-builder-template-preview-sorting-container .caf-builder-template-preview-sorting-label {
    display: flex;
}

.caf-builder-template-preview-selected-tags-container ul.caf-builder-template-preview-selected-tags-list-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.caf-builder-template-preview-selected-tags-container li.caf-builder-template-preview-selected-tag-single-item {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.caf-builder-template-preview-selected-tags-container li.caf-builder-template-preview-selected-tag-single-item .caf-builder-template-preview-selected-tag-close-btn {
    cursor: pointer;
}

.caf-builder-template-preview-result-count-container .caf-builder-template-preview-result-count-inner {
    display: flex;
}

.caf-builder-template-preview-result-count-container .caf-builder-template-preview-result-count-inner .caf-builder-template-preview-result-count-content {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.caf-builder-template-preview-loader-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.caf-builder-template-preview-loader-container .caf-builder-template-preview-loader-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.caf-main-layout-content-section.layout-preview .setting-popup-title-bar {
    cursor: move;
}

.caf-post-preview-setting-pop-general.misc .caf-preview-custom-code-editor {
    height: 400px;
    overflow-y: auto;
}

.caf-post-preview-setting-pop-general.misc .caf-preview-custom-code-editor .editor-widget.suggest-widget {
    left: 0 !important;
    width: 300px !important;
    top: 0 !important;
    overflow-x: hidden;
}

.caf-filter-builder-footer-device-selection .ant-select-selection-item svg,
.caf-post-layout-builder-footer-device-selection .ant-select-selection-item svg {
    color: #FF642D;
}

.main-container-filter .caf-builder-filter-setting-element-tab-content-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.main-container-filter .caf-builder-filter-setting-element-tab-content-section .caf-main-setting-page.data-field {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
}

.main-container-filter .caf-builder-filter-setting-element-tab-content-section .caf-main-setting-page.data-field label {
    font-size: 15px;
}

.main-container-filter .caf-filter-buider-element-tabs .ant-tabs-tab {
    font-size: 20px !important;
    margin: 0 30px;
}

.main-container-filter .caf-filter-buider-element-tabs .ant-tabs-tab:hover,
.main-container-filter .caf-filter-buider-element-tabs .ant-tabs-ink-bar:hover {
    color: #FF642D !important;
}

.main-container-filter .caf-filter-buider-element-tabs .ant-tabs-tab .caf-filter-elememts-tab-icon.caf-element-icon img {
    width: 16px;
    height: 16px;
    margin: 0 5px;
}

.main-container-filter .caf-filter-buider-element-tabs .ant-tabs-tab .caf-filter-elememts-tab-icon.caf-el-setting-icon .anticon-setting {
    margin: 0 5px !important;
}

.main-container-filter .caf-filter-buider-element-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #FF642D;
}

.main-container-filter .caf-filter-buider-element-tabs .ant-tabs-ink-bar {
    background-color: #FF642D;
}

.post-type-trusty_check_builder #wpbody-content {
    background-color: #fff8eb;
}

.caf-layouts-list-header-container .caf-layouts-list-header-inner-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.caf-layouts-list-header-container .caf-layouts-list-header-right .caf-layouts-list-header-right-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.caf-layouts-list-header-container .caf-layouts-list-header-right .caf-layouts-list-header-right-inner .caf-settings-main-outer {
    cursor: pointer;
}

.caf-layouts-list-conatiner .caf-multiple-select {
    display: flex;
    justify-content: center;
    align-items: center;
}

.caf-layouts-list-conatiner .caf-filter-navigation {
    display: flex;
    justify-content: space-around;
}

.caf-layouts-list-conatiner .caf-filter-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.caf-layouts-list-main-container .caf-layouts-list-search-section {
    position: relative;
}

.caf-layouts-list-main-container .caf-layouts-list-search-section .caf-layouts-list-search-input {
    width: 20%;
    padding: 5px 10px 5px 30px !important;
}

.caf-layouts-list-main-container .caf-layouts-list-search-section::before {
    content: "\f002";
    position: absolute;
    top: 10px;
    color: #FF642D;
    font-family: "FontAwesome";
    z-index: 1;
    font-size: 15px;
    left: 10px;

}

.caf-layouts-list-main-container .caf-layouts-list-search-section .caf-layouts-list-search-input:hover,
.caf-layouts-list-main-container .caf-layouts-list-search-section .caf-layouts-list-search-input:focus,
.caf-layouts-list-main-container .caf-layouts-list-search-section .caf-layouts-list-search-input:focus-visible {
    border-color: #ff6b00 !important;
    box-shadow: unset !important;
    outline: unset !important;
}

.caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container .caf-layouts-list-filter-tab-footer-inner-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container .caf-layouts-list-filter-tab-footer-inner-section .caf-layouts-list-filter-tab-footer-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container .caf-layouts-list-filter-tab-footer-inner-section .caf-layouts-list-filter-tab-footer-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container .caf-layouts-list-filter-tab-footer-inner-section .caf-layouts-list-filter-tab-footer-right .caf-layouts-list-filter-tab-footer-pagination-prev-side,
.caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container .caf-layouts-list-filter-tab-footer-inner-section .caf-layouts-list-filter-tab-footer-right .caf-layouts-list-filter-tab-footer-pagination-next-side {
    display: flex;
    gap: 5px;
}

.caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container .caf-layouts-list-filter-tab-footer-inner-section .caf-layouts-list-filter-tab-footer-right .caf-layouts-list-filter-tab-footer-pagination-prev-side .pagination-icon-prev,
.caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container .caf-layouts-list-filter-tab-footer-inner-section .caf-layouts-list-filter-tab-footer-right .caf-layouts-list-filter-tab-footer-pagination-next-side .pagination-icon-next {
    border: 1px solid #7e8083;
    padding: 5px 10px;
    border-radius: 4px;
    color: #7e8083;
    font-size: 12px;
    cursor: default;
}

.pagination-btn-active {
    color: #ff5627 !important;
    border-color: #ff5627 !important;
    cursor: pointer !important;
}

.caf-layouts-list-main-container .caf-layouts-list-search-section.trash-search li.caf-list-single-row {
    grid-template-columns: 3% 3% 23% 65%;
}

.caf-layouts-list-main-container .caf-layouts-list-search-section.trash-search li.caf-list-single-row-header {
    grid-template-columns: 3% 3% 23% 65%;
}

.caf-layouts-list-tabs-main .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn,
.caf-layouts-list-tabs-main .ant-tabs .ant-tabs-tab:hover {
    color: #ff5627 !important;
}

.caf-layouts-list-tabs-main .ant-tabs .ant-tabs-tab {
    font-size: 16px;
}

.caf-layouts-list-tabs-main .ant-tabs .ant-tabs-ink-bar-animated {
    background: #ff5627 !important;
}

.caf-builder-layout-header-container button.caf-import-btn {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 5px 14px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}

.caf-builder-layout-header-container button.caf-import-btn:hover {
    background: #ffffff;
    color: #1E1E1E;
}

.hoverSwitch {
    padding: 4px !important;
    background-color: #FF642D !important;
    height: auto !important;
    font-family: Urbanist !important;
}

.hoverSwitch .ant-switch-handle {
    width: 20px !important;
    height: 20px !important;
    top: 5px;
    inset-inline-start: 5px !important;
}

.hoverSwitch.ant-switch-checked .ant-switch-handle {
    inset-inline-start: calc(100% - 25px) !important;
}

.hoverSwitch span.ant-switch-inner .ant-switch-inner-checked,
.hoverSwitch span.ant-switch-inner .ant-switch-inner-unchecked {
    font-size: 14px !important;
    padding: 0 2px !important;
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-center-box {
    display: flex;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-device-section {
    padding: 0 14px;
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-device-section .ant-select-selection-item {
    color: #FF642D;
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-slider-section {
    width: 400px;
    padding: 0 10px;
    border-left: 1px solid #dcdcde;
    display: flex;
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-slider-section .ant-slider.ant-slider-horizontal {
    width: 80%;
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-slider-section span.ant-input-group-wrapper {
    width: 45%;
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-slider-section .footer-bg-color {
    margin: 0 20px;
}

.caf-builder-footer-next-btn {
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    padding: 7px 14px;
    cursor: pointer;
}

.caf-builder-mainarea-footer-bar .caf-builder-footer-slider-section .eye-icon {
    color: #FF642D;
}

.caf-builder-footer-back-btn {
    background: linear-gradient(270deg, #ff512f 0%, #ff6b00 100%);
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    padding: 7px 14px;
    cursor: pointer;
}

.caf-builder-mainarea-footer-bar .ant-slider-track,
.caf-builder-template-preview-footer-container .ant-slider-track {
    background-color: #FF642D !important;
}

.caf-builder-mainarea-footer-bar .ant-slider .ant-slider-track,
.caf-builder-template-preview-footer-container .ant-slider .ant-slider-track {
    background-color: #FF642D !important;
}

.caf-builder-mainarea-footer-bar .ant-slider .ant-slider-handle::after,
.caf-builder-template-preview-footer-container .ant-slider .ant-slider-handle::after {
    box-shadow: 0 0 0 2px #FF642D !important;
}

.caf-builder-mainarea-footer-bar .ant-slider .ant-slider-handle:hover::after,
.caf-builder-template-preview-footer-container .ant-slider .ant-slider-handle:hover::after {
    box-shadow: 0 0 0 2px #FF642D !important;
}

.caf-layouts-list-main-container .caf-logo-main img.caf-logo {
    height: 55px;
    margin-bottom: 5px;
}

.caf-layouts-list-main-container .caf-settings-main-outer {
    display: flex;
    align-items: center;
}

.caf-layouts-list-main-container .caf-settings-main-outer img.caf-setting-icon {
    width: 38px;
    height: 38px;
}

.caf-layouts-list-main-container .caf-layouts-list-tabs-main .ant-tabs {
    font-weight: 600;
}

.caf-layouts-list-main-container .caf-header-title-desc-main h2.caf-header-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: 0px;
    line-height: 1.2;
}

.caf-layouts-list-main-container .caf-header-title-desc-main .caf-header-desc {
    font-weight: 500;
    font-size: 16px;
}

.caf-layouts-list-main-container .caf-list-single-row .caf-filter-name {
    word-break: break-all;
}

/* Start Media Query*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .caf-layouts-list-main-container .caf-layouts-list-search-section .caf-layouts-list-search-input {
        width: 30%;
    }

    .caf-layouts-list-main-container li.caf-list-single-row-header {
        font-size: 16px;
        grid-template-columns: 5% 4% 28% 20% 15% 5% 15%;
    }

    .caf-layouts-list-main-container li.caf-list-single-row {
        font-size: 16px;
        padding: 5px 0;
        grid-template-columns: 5% 3% 28% 20% 17% 4% 16%;
    }

    .caf-list-single-row .caf-filter-shortcode input.caf-shortcode-input {
        background: #f1f3f6;
        width: 100%;
        padding: 5px;
        font-size: 12px;
    }

    .caf-list-single-row .caf-filter-shortcode .caf-copy-button {
        right: 5px;
        bottom: 5px;
    }

    .caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container button.caf-add-new-btn {
        padding: 8px 25px;
    }

    .caf-list-single-row .caf-filter-shortcode .caf-copy-button img {
        width: 20px;
    }

    .caf-layouts-list-filter-tab-footer-left .ant-select {
        height: 34px !important;
    }

    .caf-layouts-list-main-container .caf-header-title-desc-main h2.caf-header-title {
        font-size: 24px;
    }

    .caf-layouts-list-main-container .caf-header-title-desc-main .caf-header-desc {
        font-size: 13px;
    }

    .caf-layouts-list-tabs-main .ant-tabs .ant-tabs-tab {
        font-size: 14px;
    }

    .caf-layouts-list-main-container button.caf-add-new-btn {
        font-size: 14px;
    }

    .caf-layouts-list-main-container .caf-settings-main-outer img.caf-setting-icon {
        width: 35px;
        height: 35px;
    }

    .caf-layouts-list-filter-tab-footer-left .ant-select .ant-select-selector {
        font-size: 14px !important;
    }

    .caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container button.caf-add-new-btn {
        font-size: 14px;
    }

    .caf-filter-navigation .caf-nevigation-dropdown .ant-select-selector span.ant-select-selection-item {
        font-size: 12px;
    }

    .caf-filter-status .caf-layout-available-btn,
    .caf-filter-actions .caf-layout-export-filter-btn,
    .caf-filter-actions .caf-layout-clone-filter-btn {
        width: 28px !important;
    }

    /* start add new page */
    .caf-add-new-page-popup-form-section .caf-heading h1 {
        font-size: 32px;
    }

    .caf-add-new-page-popup-form-section .caf-description {
        font-size: 14px;
    }

    .caf-add-new-page-popup-form-section .caf-filter-selection {
        width: 150px;
        height: 80px
    }

    .caf-add-new-page-popup-form-section .caf-filter-selection .gp-img {
        width: 33px;
        height: 36px;
    }

    .caf-add-new-page-popup-form-section .caf-form-section {
        margin-top: 15px;
    }

    .caf-layout-filter-with-query-image-section .filter-img img {
        width: 300px;
        height: 300px;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {

    .caf-layouts-list-main-container li.caf-list-single-row {
        grid-template-columns: 5% 3% 28% 20% 17% 6% 14%;
        font-size: 18px;
    }

    .caf-layouts-list-main-container li.caf-list-single-row-header {
        grid-template-columns: 5% 4% 28% 20% 15% 5% 15%;
        font-size: 18px;
    }

    .caf-layouts-list-main-container .caf-header-title-desc-main h2.caf-header-title {
        font-size: 28px;
    }

    .caf-layouts-list-tabs-main .ant-tabs .ant-tabs-tab {
        font-size: 15px;
    }

    .caf-layouts-list-main-container button.caf-add-new-btn {
        font-size: 14px;
    }

    .caf-layouts-list-main-container .caf-settings-main-outer img.caf-setting-icon {
        width: 35px;
        height: 35px;
    }

    .caf-layouts-list-main-container .caf-layouts-list-filter-tab-footer-container button.caf-add-new-btn {
        font-size: 14px;
    }

    .caf-layouts-list-filter-tab-footer-left .ant-select .ant-select-selector {
        font-size: 14px !important;
    }

    .caf-filter-navigation .caf-nevigation-dropdown .ant-select-selector span.ant-select-selection-item {
        font-size: 14px;
    }

    .caf-layouts-list-main-container .caf-layouts-list-search-section .caf-layouts-list-search-input {
        width: 30%;
    }

    .caf-add-new-page-popup-form-section .caf-heading h1 {
        font-size: 36px;
    }

    .caf-builder-mainarea-footer-bar .caf-builder-footer-slider-section {
        width: 300px;
    }

    .caf-main-setting-page-popup-title {
        font-size: 36px;
    }

    .main-container-post .caf-builder-mainarea-footer-bar .caf-builder-footer-slider-section {
        width: 285px;
    }

}

.module-content-tab-row label.ant-checkbox-wrapper.module-content-tab-row-order-by-meta {
    display: flex;
}

.module-content-tab-row .ant-switch {
    background-color: #ababab !important;
}

.module-content-tab-row .ant-switch.ant-switch-checked {
    background-color: #ff7a4b !important;
}

.caf-bl-post .caf-builder-module-main.caf-module-title a {
    display: flex;
}

.drag-drop-field-wrapper {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #333;
    cursor: grab;
    border-radius: 4px;
}

.caf-builder-module-main.caf-module-billing_fields,
.caf-builder-module-main.caf-module-shipping_fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.caf-builder-module-main.caf-module-billing_fields .trusty-preview-field-wrapper,
.caf-builder-module-main.caf-module-shipping_fields .trusty-preview-field-wrapper {
    width: 100%;
}

.caf-builder-module-main.caf-module-billing_fields .trusty-preview-field-wrapper.half,
.caf-builder-module-main.caf-module-shipping_fields .trusty-preview-field-wrapper.half {
    width: 50%;
}

.trusty-preview-field-wrapper select,
.trusty-preview-field-wrapper input[type='text'],
.trusty-preview-field-wrapper textarea {
    width: 100%;
    max-width: 100%;
}

.woocommerce form .trusty-preview-field-wrapper .form-row .required {
    visibility: visible;
}


.custom-woo-drag-drop-field-wrapper {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 8px;
    background: #fff;
    transition: all 0.3s ease;
}

.custom-woo-drag-drop-field-wrapper.expanded {
    background: #f9f9f9;
    border-color: #999;
}

.custom-woo-field-settings {
    margin-top: 10px;
    padding-left: 10px;
    color: #444;
}

.custom-woo-field-label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.custom-woo-add-field-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.custom-woo-manage-icons-right {
    gap: 10px;
    display: flex;
}

.custom-woo-manage-icons-right span {
    font-size: 15px;
    cursor: pointer;
}

.custom-woo-manage-icons-right span.anticon-setting {
    color: #2e468f;
}

.trusty-preview-field-wrapper.apply_css label {
    display: block;
}

.caf-module-apply_coupon {
    width: 100%;
}

.checkout_coupon.woocommerce-form-coupon {
    width: 100%;
}

.checkout_coupon.woocommerce-form-coupon label {
    display: block;
}

.coupon_frame {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    /* justify-content: space-between; */
    align-items: center;
    width: 100%;
}

/* WOO CHECKOUT FRONTEND */
.trusty-field-width-half {
    width: 50%;
}

.caf-module-order_review {
    width: 100%;
}