@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
#pac-da-admin-app * {
    font-family: 'Open Sans', sans-serif;
}

.pac_da_load_data {
    width: calc(100% - 20px);
    height: 820px;
    margin-top: 20px;
    background: #fff;
    position: relative;
}

.pac_da_load_data>img {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    position: absolute;
}

#pac-da-main-panel {
    display: flex;
    flex-direction: column;
    width: calc( 100% - 40px);
    height: calc(100% - 60px);
    margin: 30px 30px 30px 10px;
}

.pac-da-header {
    background-color: #6c2eb9;
    border-radius: 3px 3px 0px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 9px 20px 9px 48px;
}

.pac-da-header-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pac-da-header-buttons>button {
    padding: 0;
    margin: 0;
    height: 40px;
    border: 0;
    margin-left: 8px;
    background-color: transparent;
    cursor: pointer;
}

#pac_da_save {
    display: none;
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    padding: 9px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 40px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 50px;
}

#pac_da_save>img {
    display: none;
    width: 32px;
    height: 32px;
}

#pac_da_save.loading>img {
    display: block;
}

#pac_da_save:before {
    display: none;
    font-family: 'etbuilder';
    content: "N";
    color: rgb(255, 255, 255);
    font-size: 22px;
    line-height: 32px;
    padding-left: 5px;
}

#pac_da_save.saved:before {
    display: block;
}

#pac_da_save.loading,
#pac_da_save.saved {
    display: block;
}

#pac_da_save.saved {
    background-color: #a9e900;
}

.pac_da_reset_confirmation_popup,
.pac_da_import_export_popup {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 100;
    left: calc(50% - 200px);
    width: 400px;
    background-color: #FFFFFF;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 100px rgba(0, 160, 210, 0.20);
}

.pac_da_import_export_popup {
    box-shadow: 0 0 100px rgba(0, 160, 210, 0.20);
    top: calc(50% - 166.5px);
}

.pac_da_reset_confirmation_popup {
    top: calc(50% - 107px);
}

.pac_da_reset_popup_overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.7) 100%);
    z-index: 9999;
}

.pac_da_reset_popup_overlay.up {
    z-index: 99999;
}

.pac_da_import_export_popup.pro,
.pac_da_reset_popup_overlay.pro {
    position: absolute;
}

.pac_da_import_export_popup.pro {
    top: 50px;
}

.pac_da_reset_confirmation_popup>h1,
.pac_da_import_export_popup>h1 {
    line-height: 19.5px;
    font-weight: 600;
    font-size: 18px;
    color: rgb(255, 255, 255) !important;
    background-color: #6c2eb9;
    margin: 0px;
    padding: 19px 57px 18px 26px;
    box-sizing: border-box;
}

.pac_da_reset_confirmation_popup>span {
    padding: 30px;
    font-weight: 600;
    color: #4c5866;
    line-height: 1.5em;
    font-size: 13px;
}

.pac_da_reset_confirmation_popup>div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pac_da_reset_confirmation_popup>div>button,
.pac_da_import_export_popup>div>button,
.pac_da_import_export_popup>a {
    flex-grow: 1;
    color: white;
    font-size: 14px;
    border: none;
    font-weight: 700;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    transition: background .5s;
}

.pac_da_import_export_popup>a {
    background-color: #008BDA;
    text-decoration: none;
    line-height: 40px;
}

.pac_da_import_export_popup>div.import_export,
.pac_da_import_export_popup>div.import_export>button {
    background-color: #7e3bd0;
}

.pac_da_import_export_popup>div.body {
    padding: 30px;
}

.pac_da_import_export_popup>div.body>span {
    font-weight: 600;
    color: #4c5866;
    line-height: 1.5em;
    font-size: 13px;
}

.pac_da_import_export_popup>span {
    font-weight: 600;
    color: #4c5866;
    line-height: 1.5em;
    font-size: 13px;
    padding: 30px;
}

.pac_da_import_export_popup>div.body>h3 {
    line-height: 1.5em;
    font-weight: 600;
    color: #32373c;
    font-size: 14px;
}

.pac_da_import_export_popup>div.body>input:not(.file) {
    line-height: 2;
    min-height: 30px;
    border: none;
    box-shadow: none;
    transition: background .5s;
    border-radius: 3px;
    background: #f1f5f9;
    padding: 7px 10px;
    color: #4c5866;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
}

.pac_da_import_export_popup>div.body>input:not(.file):focus {
    background-color: #e6ecf2;
}

.pac_da_import_export_popup>button {
    width: 100%;
    box-sizing: border-box;
    color: white;
    font-size: 14px;
    border: none;
    font-weight: 700;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    transition: background .5s;
    background: #008BDA;
}

.pac_da_import_export_popup>button:hover {
    background-color: #007cc3;
}

.pac_da_import_export_popup>div.import_export>button {
    padding: 1px 26px;
}

.pac_da_import_export_popup>div.import_export>button.active,
.pac_da_import_export_popup>div.import_export>button:hover {
    background-color: #7435c1;
}

.pac_da_reset_confirmation_popup>div>button:first-child {
    background: #008BDA;
}

.pac_da_reset_confirmation_popup>div>button:first-child:hover {
    background: #007cc3;
}

.pac_da_reset_confirmation_popup>div>button:last-child {
    background: #00c3aa;
}

.pac_da_reset_confirmation_popup>div>button:last-child:hover {
    background: #00BBA3;
}

.pac-da-header-title {
    position: relative;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
}

.pac-da-header-title::before {
    content: "<";
    font-family: 'etbuilder';
    position: absolute;
    left: -30px;
    top: 0;
    font-size: 23px;
}

#pac-da-sub-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #7E3BD0;
    height: 40px;
}

.pac-da-sub-header-options {
    position: relative;
    padding: 10px 20px 10px 15px;
    background-color: transparent;
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.pac-da-sub-header-options-click-area {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    z-index: 99;
}

.pac-da-sub-header-options>svg {
    margin-right: 10px;
}

.pac-da-sub-header-options.active {
    background-color: #8F42ED;
}

.pac-da-sub-header-options:hover {
    background-color: #7435C1;
}

#pac-da-body {
    background: white;
    border-radius: 0px 0px 3px 3px;
}

.pac_da_loader_spinner_overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.7);
    display: none;
}

.pac_da_loader_spinner {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    position: absolute;
}


/* --------------------------------------  Dashboard Page CSS -------------------------------------- */

.dashboard-page {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.dashboard_left_section {
    padding: 24px;
    width: 350px;
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
}

.dashboard_right_section {
    background: #F1F5F9;
    padding: 30px;
    flex-basis: 50%;
    flex-grow: 1;
}

.dashboard_right_section_inner {
    background: #FFFFFF;
    border-radius: 3px;
}

.dashboard_left_section_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 28px;
    border-bottom: 1px solid #F1F5F9;
}

.dashboard_left_section_title>span {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #3C434A;
}

.dashboard_action_cards {
    padding: 20px;
}


/* .dashboard_action_cards::-webkit-scrollbar {
    width: 6px;
}

.dashboard_action_cards::-webkit-scrollbar-track {
    background: #FFFFFF;
}

.dashboard_action_cards::-webkit-scrollbar-thumb {
    background: #A3B0C2;
    border-radius: 3px;
} */

.action_card {
    display: flex;
    flex-direction: row;
    padding: 10px 15px 15px 15px;
    background: #FFFFFF;
    border: 2px solid #F1F5F9;
    border-radius: 5px;
    margin-bottom: 10px;
}

.action_card .pac_da_rp_categories_body {
    padding-top: 20px;
    padding-bottom: 5px;
}

.action_card.hide {
    display: none;
}

.action_card_svg>svg {
    background: #2B87DA;
    border-radius: 50%;
}

.action_card_svg>svg.cross-color {
    background: #6C2EB9;
}

.action_card_svg>svg.update-divi-cross-color {
    background: #EF5555;
}

.action_card_details {
    margin: 0 10px;
    flex-grow: 1;
}

.action_card_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    margin-bottom: 10px;
}

.action_card_descrition {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
}

.pac_da_default_plugin_notice {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #29C4A9;
    margin-top: 10px;
}

.action_card_btn {
    display: flex;
    margin-top: 15px;
}

.action_card_btn>a {
    text-decoration: none;
}

button.pac_da_action_card_btn {
    display: flex;
    align-items: center;
    background-color: #00C3AA;
    border-radius: 3px;
    padding: 9px 20px 9px 14px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}

button.pac_da_action_card_btn:hover {
    background-color: #00BBA3;
}

button.pac_da_action_card_btn>svg {
    margin-right: 4px;
}

button.pac_da_action_card_btn.view_changelog {
    margin-left: 15px;
    background-color: #F1F5F9;
    color: #8E969E;
}

#pac_da_divi_needs_updated {
    display: flex;
    align-items: center;
}

#pac_da_new_divi_feature_update {
    background-color: #2B87DA;
}

.action_card_dismiss {
    display: flex;
    flex-direction: row;
    height: 28px;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.action_card_dismiss_text {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #8E969E;
    margin-right: 4px;
}

.pac_da_welcome_card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}

.pac_da_user_avatar {
    width: 50px;
    height: 50px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50%;
}

.pac_da_welcome_card_details {
    margin-left: 15px;
}

.pac_da_welcome_card_name {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #1D2327;
    margin-bottom: 3px;
}

.pac_da_welcome_card_wel {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
}

.pac_da_plugin_detail {
    padding: 20px 13px;
    border: 2px solid #F1F5F9;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin-bottom: 15px;
}

.pac_email_confirmation,
.pac_da_plugin_detail_title,
.pac_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
}

.pac_field_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    color: #32373C;
    margin-bottom: 5px;
}

.pac_field_title+input,
.pac_field_title+textarea {
    padding: 5px 6px 5px 10px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    width: 100%;
    color: #4c5866;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    background: #F1F5F9;
    border-radius: 5px;
    margin: 0;
    margin-bottom: 10px;
    resize: none;
}

.pac_field_title+input::placeholder,
.pac_field_title+textarea::placeholder {
    color: #A4AFC0;
}

.pac_da_email_card_body>button {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #00C3AA;
    border: none;
    padding: 9px 0;
    border-radius: 3px;
    cursor: pointer;
}

.pac_da_email_card_body>button:hover {
    background-color: #00BBA3;
}

.pac_da_email_card_body>button>span {
    margin-left: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}

.pac_email_card_inner>.pac_title,
.pac_email_card_inner>.pac_full_description {
    margin-bottom: 10px;
}

.pac_da_plugin_detail_title {
    margin-bottom: 10px;
}

.pac_da_plugin_detail_description,
.pac_full_description {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
}

.pac_detail_card,
.pac_email_card {
    padding: 20px 13px;
    border: 2px solid #F1F5F9;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin-bottom: 15px;
}

.pac_logo_title_descrition {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 10px;
}

.pac_logo_title_descrition>.pac_logo>img {
    width: 50px;
}

.pac_title_descrition {
    margin-left: 10px;
}

.pac_description {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #32373C;
}

.pac_divi_changelog_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #32373C;
}

.pac_divi_changelog_description {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin-top: 10px;
    margin-bottom: 20px;
}

select.pac_da_divi_changelog_select {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #8E969E !important;
}

.pac_da_divi_changelog_options {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.pac_da_divi_changelog_select:hover,
.pac_da_divi_changelog_options:hover {
    color: #8E969E !important;
}

.pac_links {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.pac_link {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    text-decoration: none;
    box-shadow: none !important;
}

.pac_link_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #2B87DA;
    margin-left: 10px;
}

.pac_divi_changelog_inner {
    padding: 20px;
    background-color: #FFFFFF;
}

.pac-da-divi-cl-title {
    display: flex;
    align-items: center;
    padding: 16.5px 28px;
    border-bottom: 1px solid #F1F5F9;
    background-color: #FFFFFF;
}

.pac-da-divi-cl-title>span {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #3C434A;
}

.pac_da_divi_changelog_select {
    width: calc(100% - 11px);
    max-width: none !important;
    background-color: #F1F5F9 !important;
    border: none;
    margin-bottom: 10px;
}

.pac_da_divi_changelog_select:focus {
    box-shadow: none !important;
}

.pac_da_change_log_cards_spinner {
    min-height: 415px;
    max-height: 415px;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.pac_da_change_log_cards {
    max-height: 415px;
    overflow-y: auto;
}

.pac_da_change_log_card {
    margin-bottom: 10px;
    background: #F1F5F9;
    border-radius: 5px;
    padding: 10px;
    margin-right: 5px;
}

.pac_da_change_log_card:first-child>.pac_da_card_version>div:after {
    content: "Latest";
    margin-left: 5px;
    padding: 3px 5px;
    background: #EF5555;
    border-radius: 100px;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    color: #FFFFFF;
}

.pac_da_card_version,
.pac_da_card_date,
.pac_da_card_changes {
    display: flex;
    align-items: center;
}

.pac_da_card_version>svg,
.pac_da_card_date>svg,
.pac_da_card_changes>svg {
    margin-right: 5px;
}

.pac_da_card_version>div,
.pac_da_card_date>div,
.pac_da_card_changes>div {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #32373C;
}

.pac_da_change_log_cards::-webkit-scrollbar {
    width: 6px;
}


/* Track */

.pac_da_change_log_cards::-webkit-scrollbar-track {
    background: #FFFFFF;
}


/* Handle */

.pac_da_change_log_cards::-webkit-scrollbar-thumb {
    background: #A3B0C2;
    border-radius: 3px;
}

.pac_da_card_changelog_points>p {
    margin: 0px 0px 0px 20px;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #8E969E;
}

.pac_da_card_changelog_points>p:before {
    content: "\2022";
    color: #8E969E;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


/* --------------------------------------  Settings Page CSS -------------------------------------- */

.pac_da_settings_page {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.pac_da_settings_header {
    background: #F1F5F9;
    padding: 30px;
    width: calc(100% - 350px);
}

.pac_da_settings_header_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 20px 9px 28px;
    border-bottom: 1px solid #F1F5F9;
    background-color: #FFFFFF;
    border-radius: 3px 3px 0px 0px;
}

.pac_da_settings_header_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
    color: #3C434A;
}

.pac_da_settings_header_save {
    display: flex;
    align-items: center;
    background: #00C3AA;
    border-radius: 3px;
    padding: 9px 20px 9px 14px;
    cursor: pointer;
}

.pac_da_settings_header_save:hover {
    background-color: #00BBA3;
}

.pac_da_plugin_list {
    position: relative;
    padding: 20px;
    background-color: #fff;
}

.pac_da_plugin_list>.export {
    padding-bottom: 20px;
    border-bottom: 2px solid #F1F5F9;
}

.pac_da_plugin_list>.import {
    padding-top: 20px;
}

.pac_da_plugin_list>.import>span,
.pac_da_plugin_list>.export>span {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
}

.pac_da_plugin_list>.import>p,
.pac_da_plugin_list>.export>p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin: 0 0 15px 0;
}

.pac_da_no_plugin>span {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #EF5555;
}

.pac_da_no_plugin>p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin: 0;
}

.pac_da_settings_header_save>svg {
    fill: #FFFFFF;
}

.pac_da_settings_savechanges_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.pac_da_settings_body {
    padding: 20px 0px 20px 20px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 3px 3px;
}

.pac_da_settings_body_cards {
    padding-right: 20px;
    position: relative;
}

.pac_da_settings_body_card {
    max-width: none;
    margin: 0;
    border: 0;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 20px 0px;
    border-bottom: 2px solid #F1F5F9;
}

.pac_da_setting_card_img {
    max-width: 261px;
    border-radius: 3px;
}

.pac_da_settings_body_card:first-child {
    padding-top: 0px;
}

.pac_da_settings_body_card:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.pac_da_settings_card_right {
    margin-left: 20px;
}

.pac_da_settings_card_right .card_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    margin: 0;
}

.pac_da_settings_card_right .card_description {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin: 10px 0 20px 0;
}

.pac_da_settings_if_title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #32373C;
    margin-top: 15px;
}

#pac_da_settings_input_field {
    font-size: 13px;
    font-weight: 600;
    margin-top: 8px;
    width: 100%;
    color: #4c5866;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    background: #F1F5F9;
    border-radius: 5px;
}

#pac_da_settings_input_field::placeholder {
    font-size: 13px;
    font-weight: 600;
    color: #A4AFC0;
}

.card_img {
    max-width: 280px;
    border-radius: 3px;
}

.card_switch {
    background: #F1F5F9;
    padding: 6.5px 10px;
    border-radius: 3px;
}

.card_switch.enabled {
    background: #2B87DA;
}

.card_switch>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.card_switch .card_yes {
    display: inline-block;
    margin-right: 37px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #FFFFFF;
    position: relative;
}

.card_yes::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -0.5px;
    height: 20px;
    width: 85px;
    z-index: 99;
    border-radius: 3px;
    background-color: white;
    transition: 0.4s;
}

.card_switch .card_no {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #A2B0C1;
}

.card_switch.enabled .card_yes:before {
    transform: translateX(67px);
}

.pac_da_svb_loader_spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 523px;
}

.kis_ks_color_picker_button {
    padding: 7px 6px 3px 6px;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid #FFFFFF;
    box-shadow: 0px 5px 30px rgba(43, 135, 218, 0.4);
}

.kis_ks_color_picker_bg {
    border-radius: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==);
}

.kis_ks_color_options {
    margin-right: 14px;
    position: relative;
}

.kis_ks_color_picker {
    margin: 12px 0px;
    display: flex;
    align-items: center;
}

.pac_da_circle_color_picker {
    display: flex;
}

.pac_da_circle_picker_color {
    border-radius: 100%;
    overflow: hidden;
    margin-right: 5px;
    height: 24px;
    width: 24px;
    box-shadow: 0px 0px 6px 0px rgb(43 135 218 / 40%);
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==);
}

.pac_da_circle_picker_color>div {
    height: 100%;
    width: 100%;
}

.kis_ks_color_options>.chrome-picker {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    z-index: 9999;
}


/* --------------------------------------  Global Styles Page CSS -------------------------------------- */

.pac_da_font_setting_card {
    width: calc((100% / 3) - 10px);
    padding: 15px;
    border: 2px solid #F1F5F9;
    border-radius: 3px;
}

.pac_da_device {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.pac_da_device span {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #4C5866;
}

.pac_da_h1_text_cards:not(:first-child) {
    margin-top: 30px;
}

.pac_da_h1_text_cards_inner {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 15px;
}

.pac_da_font_setting_card:not(:first-child) {
    margin-left: 10px;
}

.pac_da_gs_settings_heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    color: #32373C;
    margin-top: 15px;
    margin-bottom: 5px;
}

.pac_da_h1_card_title_des span {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
}

.pac_da_h1_card_title_des p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin-top: 10px;
    margin-bottom: 15px;
}

.pac_da_gs_font_styles button {
    padding: 2px 6px 3px!important;
    background: #f1f5f9;
    width: 50px;
    height: 30px;
    border: 0;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
}

.pac_da_gs_font_styles button:not(:first-child) {
    margin-left: 10px;
}

.pac_da_gs_font_styles button.active svg {
    fill: #2b96e1 !important;
}


/* --------------------------------------  Maintenance and Support Page CSS -------------------------------------- */

.pac-da-maintenance-support {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.pac-da-ms-sub-headers {
    display: flex;
    flex-direction: column;
    padding: 24px;
    min-width: 350px;
    overflow-y: auto;
    height: 100%;
    max-height: 654px !important;
    box-sizing: border-box;
}

.pac-da-ms-sub-header {
    display: flex;
    align-items: center;
    background: #F1F5F9;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 6px;
}

.pac-da-ms-sub-header:hover {
    background: #e1e7ec;
    transition: all .3s ease-in-out;
}

.pac-da-ms-sub-header .proTag {
    background: #6C2EB9;
    border-radius: 50px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    padding: 2px 6px;
}

.pac-da-ms-sub-header>span {
    padding: 4px 0px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #4c5866;
    margin-left: 10px;
    margin-right: auto;
}

.pac-da-ms-sub-header.active {
    background-color: #2B87DA;
}

.pac-da-ms-sub-header.active>span {
    color: #FFFFFF;
}

.pac-da-ms-sub-header.active>svg {
    fill: #FFFFFF;
}

.pac-da-ms-click-area {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    z-index: 99;
}

#pac-da-ms-body {
    background-color: #F1F5F9;
    padding: 30px;
    width: calc(100% - 350px);
}

.pac-da-ms-divi-rollback {
    background-color: #FFFFFF;
}

.pac-da-divi-rb-title {
    display: flex;
    align-items: center;
    padding: 15px 28px;
    border-bottom: 1px solid #F1F5F9;
}

.pac-da-divi-rb-title>span {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    color: #3C434A;
}

.pac-da-ms-rb-inner {
    padding: 20px;
}

.pac-da-ms-rb-heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #32373C;
    margin-bottom: 10px;
}

.pac-da-ms-rb-desc {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin-bottom: 10px;
}

.pac_da_ms_rb_current_version {
    width: fit-content;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    background: #6c2eb9;
    border-radius: 100px;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.pac_da_ms_rb_install {
    width: fit-content;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 20px;
    background: #29C4A9;
    border-radius: 3px;
    cursor: pointer;
}

.pac_da_ms_rb_loader {
    position: relative;
    height: 204px;
    width: 100%;
}

.pac_da_roll_back_card {
    margin-bottom: 10px;
    background: #F1F5F9;
    border-radius: 5px;
    padding: 10px;
    margin-right: 5px;
    display: none;
}

.pac_da_ms_rb_sucsses_msg {
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #3C434A;
}

.pac_da_roll_back_desc>p {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #8E969E;
}

.pac-da-ms-sr-report {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px 20px 0 20px;
}

.pac-da-ms-sr-detail {
    flex-basis: 50%;
}

.pac-da-ms-sr-detail-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    color: #32373C;
}

.pac-da-ms-sr-detail-value {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-transform: capitalize;
    color: #A4AFC0;
    margin-bottom: 20px;
}

.pac-da-system-report {
    background: #FFFFFF;
    border-radius: 3px;
}

.pac-da-ms-sr-header {
    padding: 9px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #F1F5F9;
}

.pac-da-ms-sr-header>span {
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    color: #32373C;
}

.pac-da-ms-sr-header>button {
    padding: 9px 20px 9px 14px;
    background: #2B87DA;
    border-radius: 3px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pac-da-ms-sr-header>button>svg {
    margin-right: 4px;
}

.pac-da-ms-sr-copy-report {
    margin-right: 8px;
}

.pac_da_ms_dr_auth_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #EF5555;
}

.pac_da_ms_dr_auth_desc {
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #8E969E;
}

.pac_da_maintaince {
    background-color: #fff;
    border-radius: 3px;
}

.pac_da_maintaince_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 20px;
    border-bottom: 1px solid #F1F5F9;
}

.pac_da_maintaince_title_text {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #3C434A;
}

.pac_da_maintaince_body {
    position: relative;
    padding: 11px 20px;
}

.pac_da_maintaince_card {
    padding: 9px 0px;
    border-bottom: 2px solid #F1F5F9;
}

.pac_da_maintaince_card_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    margin-bottom: 10px;
}

.pac_da_maintaince_card_des {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin-bottom: 15px;
}

.pac_da_maintaince_card_sub_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    color: #32373C;
    margin-top: 15px;
    margin-bottom: 10px;
}


/* --------------------------------------  Learning Page CSS -------------------------------------- */

.pac_da_learning_tab {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.pac_da_learning_body {
    background-color: #F1F5F9;
    padding: 30px;
    width: calc(100% - 350px);
}

.pac_da_lg_alphabet {
    display: flex;
    flex-wrap: wrap;
}

.pac_da_lg_alphabet>a {
    width: 32px;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0px;
    color: #32373C;
    cursor: pointer;
}

.pac_da_lg_alphabet>a:hover {
    background: #F1F5F9;
}

.pac_da_lg_alphabet>a.active {
    background-color: #2B87DA;
    color: #FFFFFF;
}

.pac_da_lg_alphabet>a.disable {
    pointer-events: none;
    color: #F1F5F9;
}

.pac_da_lg_title {
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 18px;
    background: #FFFFFF;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 1px solid #F1F5F9;
}

.pac_da_lg_title>span {
    font-weight: 700;
    font-size: 20px;
    line-height: 38px;
    color: #3C434A;
}

.pac_da_lg_body {
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 3px 3px;
}

.pac_da_lg_heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #32373C;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.pac_da_lg_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin-bottom: 20px;
}

#pac_da_lg_search {
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    background: #F1F5F9;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #4c5866;
    min-height: 20px;
}

#pac_da_lg_search::placeholder {
    color: #A4AFC0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.pac_da_clear_keyword_input {
    display: flex;
    background: #F1F5F9;
    margin-bottom: 15px;
    border-radius: 3px;
    padding: 7px 10px;
}

.pac_da_clear_keyword_input>div {
    line-height: 20px;
    font-size: 16px;
    font-weight: bolder;
    cursor: pointer;
}

.pac_da_lg_items {
    overflow: auto;
    min-height: 250px;
    max-height: 353px;
    padding-right: 18px;
    position: relative;
}

.pac_da_lg_no_result {
    padding: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
}

.pac_da_lg_items::-webkit-scrollbar {
    width: 6px;
}

.pac_da_lg_items::-webkit-scrollbar-track {
    background: #FFFFFF;
}

.pac_da_lg_items::-webkit-scrollbar-thumb {
    background: #A3B0C2;
    border-radius: 3px;
}

.pac_da_lg_item {
    margin-top: 20px;
    position: relative;
    z-index: 99;
    background-color: #FFFFFF;
}

.pac_da_lg_item_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #32373C;
}

.pac_da_lg_item_text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
}

.pac_da_lt_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #3C434A;
    padding: 10px 20px 10px 18px;
    background: #FFFFFF;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 1px solid #F1F5F9;
}

.pac_da_lt_title_search {
    display: flex;
    flex-direction: row;
    background: #F1F5F9;
    border-radius: 3px;
    padding: 4px 10px;
    align-items: center;
}

#pac_da_lt_search {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #8E969E;
    width: 270px;
    margin-right: 16px;
}

#pac_da_lt_search::placeholder {
    color: #8E969E;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.pac_da_lt_filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #2B87DA;
    border-radius: 3px;
    border: none !important;
    box-sizing: none !important;
    padding: 4px 10px 4px 2px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
}

.pac_da_lt_title_filter {
    position: relative;
}

.pac_da_lt_title_filter_body {
    position: absolute;
    z-index: 10;
    top: 48px;
    padding: 14px 20px;
    background: #FFFFFF;
    box-shadow: 0px 3px 9px rgba(43, 135, 218, 0.15);
    border-radius: 0px 0px 3px 3px;
    width: calc(100% - 20px);
}

.pac_da_lt_category_title {
    font-weight: 600;
    font-size: 12px;
    line-height: 25px;
    color: #32373C;
}

.pac_da_lt_categories_body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.pac_da_lt_category_body {
    padding: 5px 0px;
    flex-basis: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.pac_da_lt_category_body>input {
    width: 25px;
    height: 25px;
    margin-right: 10px !important;
    background: #F1F5F9;
    border-radius: 3px;
    border: none !important;
    position: relative;
    box-shadow: none !important;
    outline: none !important;
}

.pac_da_lt_category_body>input[type=checkbox]:checked::before {
    content: url('./img/check.png') !important;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.pac_da_lt_filter_clear_apply {
    margin-top: 14px;
    display: flex;
}

.pac_da_lt_filter_clear {
    padding: 9px 20px 9px 14px;
    background: #F1F5F9;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 10px;
    cursor: pointer;
}

.pac_da_lt_filter_clear>span {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #A4AFC0;
}

.pac_da_lt_filter_apply {
    padding: 9px 20px 9px 14px;
    background: #29C4A9;
    border-radius: 3px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.pac_da_lt_filter_apply>span {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
}

.pac_da_lt_body {
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 3px 3px;
}

.pac_da_lt_heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #32373C;
}

.pac_da_lt_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
}

.pac_da_lc_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #3C434A;
    padding: 16.5px 20px 16.5px 18px;
    background: #FFFFFF;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 1px solid #F1F5F9;
}


/* --------------------------------------  Recommended Products Page CSS -------------------------------------- */

.pac_da_rp_body_area_inner {
    display: flex;
    flex-direction: row;
}

.pac_da_rp_sidebar {
    min-width: 350px;
    padding: 24px;
}

.pac_da_rp_search_title {
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    margin-bottom: 6px;
}

.pac_da_rp_no_result {
    padding: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    background-color: #fff;
    width: calc(100% - 60px);
    box-sizing: border-box;
    position: absolute;
    top: 89px;
    left: 30px;
}

.pac_da_lt_no_result {
    padding: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    background-color: #fff;
    width: calc(100% + 40px);
    left: -20px;
    box-sizing: border-box;
    position: absolute;
}

.pac_da_rp_cards {
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.pac_da_rp_product_card {
    padding: 24px;
    margin: 15px;
    background: #FFFFFF;
    box-shadow: 0px 3px 9px rgba(43, 135, 218, 0.15);
    border-radius: 3px;
}

.pac_da_rp_product_card_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    text-transform: capitalize;
    color: #32373C;
}

.pac_da_rp_product_card_des {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
}

.pac_da_rp_product_card_button_link {
    text-decoration: none !important;
}

.pac_da_rp_product_card_button {
    display: flex;
    padding: 9px 20px 9px 14px;
    background: #2B87DA;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF !important;
    border: none !important;
    margin-top: 15px;
    width: fit-content;
    text-decoration: none;
    cursor: pointer;
}

.pac_da_rp_product_card_button>svg {
    margin-right: 4px;
}

.pac_da_rp_product_card_img {
    max-width: 100%;
}

.pac_da_rp_right_area {
    padding: 30px;
    background-color: #F1F5F9;
    width: 100%;
    position: relative;
}

.pac_da_lt_right_area {
    background-color: #F1F5F9;
    position: relative;
}

.pac_da_rp_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    border-radius: 3px 3px 0px 0px;
    padding: 16.5px 20px;
    border-bottom: 1px solid #F1F5F9;
}

.pac_da_rp_title_text {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #3C434A;
}

#pac_da_rp_search {
    box-shadow: none;
    border: none;
    outline: none;
    background-color: #F1F5F9;
    margin-bottom: 15px;
    width: 100%;
    color: #A4AFC0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

#pac_da_rp_search::placeholder {
    color: #A4AFC0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.pac_da_rp_title_filter_body {
    padding: 14px 20px;
    position: absolute;
    top: 49px;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 3px 9px rgba(43, 135, 218, 0.15);
    border-radius: 0px 0px 3px 3px;
}

.pac_da_rp_categories_title {
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    margin-bottom: 5px;
}

.pac_da_rp_category_body>input {
    width: 25px;
    height: 25px;
    margin-right: 10px !important;
    background: #F1F5F9;
    border-radius: 3px;
    border: none !important;
    position: relative;
    box-shadow: none !important;
    outline: none !important;
}

.pac_da_rp_category_body>input[type=checkbox]:checked::before {
    content: url('./img/check.png') !important;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.pac_da_rp_category_title {
    font-weight: 600;
    font-size: 13px;
    line-height: 25px;
    color: #32373C;
}

.pac_da_rp_category_body {
    padding: 5px 0px;
    flex-basis: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

@media screen and (max-width: 1440px) {
    .pac_da_rp_cards {
        grid-template-columns: 1fr 1fr;
    }
}


/* -------------------------------------------------------------- Code Snippets ----------------------------------------------------------------------------------- */

.pac_da_code_box {
    padding: 20px 0 20px 20px;
    background-color: #FFFFFF;
}

.pac_da_code_box_inner {
    border-radius: 3px;
    overflow: auto;
    overflow-x: hidden;
}

.pac_da_code_area {
    width: calc(100% - 20px);
    margin-right: 20px;
    background-color: #4C5866 !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 20px 0 20px 20px;
    border-radius: 0px;
    border-bottom-right-radius: 3px;
    box-sizing: border-box;
}

.pac_da_code_area>div.cm-editor .cm-gutters .cm-lineNumbers::before {
    content: "<?php";
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    position: absolute;
    width: 100px;
    left: 33px;
    top: -19px;
}

.pac_da_code_area>div.cm-editor {
    background-color: #4C5866 !important;
    color: #A4AFC0 !important;
    outline: none !important;
    height: 464px;
    overflow-y: auto;
}

.pac_da_code_area>div.cm-editor .cm-gutters {
    background-color: #4C5866 !important;
    color: #8393a5;
}

.pac_da_code_area>div.cm-editor .cm-activeLine,
.pac_da_code_area>div.cm-editor .cm-activeLineGutter {
    background-color: #0000001a !important;
}

.pac_da_code_area>div.cm-editor .cm-scroller {
    padding-top: 19px;
}

.pac_da_code_area>div.cm-editor .cm-scroller::-webkit-scrollbar {
    width: 6px;
}

.pac_da_code_area>div.cm-editor .cm-scroller::-webkit-scrollbar-track {
    background: #4C5866;
}

.pac_da_code_area>div.cm-editor .cm-scroller::-webkit-scrollbar-thumb {
    background: #A3B0C2;
    border-radius: 3px;
}


/* ------------------------------------- Quick Links --------------------------------------------------- */

.pac-da-quick-links .dashicons-before::before {
    content: "\E625" !important;
    font-family: 'ETmodules' !important;
    margin-top: 1px;
    margin-right: 5px;
    font-size: 30px;
    width: 30px;
    height: 30px;
}

.pac-da-custom-quick-links .dashicons::before {
    font-family: 'dashicons' !important;
    margin-right: 5px;
    font-size: 25px;
    line-height: 32px;
}

.pac_da_custom_quick_link {
    position: relative;
    background-color: #fff;
    padding: 20px;
    border-radius: 0px 0px 3px 3px;
}

.pac_da_custom_quick_link>span {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
}

.pac_da_custom_quick_link>p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.pac_da_custom_quick_link>div.heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    color: #32373C;
    margin-top: 20px;
    margin-bottom: 8px;
}

.pac_da_quicklinks {
    display: flex;
    flex-direction: row;
    padding: 8px;
    align-items: center;
    background: #FFFFFF;
    border: 2px solid #F1F5F9;
    border-radius: 3px;
    box-sizing: border-box;
}

.pac_da_quicklinks>input {
    padding-left: 10px;
    margin-left: 10px;
    height: 28px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    color: #4c5866;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    background: #F1F5F9;
    border-radius: 5px;
}

.pac_da_quicklinks>.drag {
    cursor: grab;
    height: 28px;
    width: 28px;
}

.pac_da_quicklinks>.drag:before {
    content: '';
    display: block;
    height: 28px;
    width: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7042 7.93893C12.7042 8.91649 11.9117 9.70892 10.9342 9.70892C9.95664 9.70892 9.16418 8.91647 9.16418 7.93893C9.16418 6.9614 9.95664 6.16895 10.9342 6.16895C11.9117 6.16895 12.7042 6.9614 12.7042 7.93893Z' fill='%23A4AFC0'/%3E%3Cpath d='M12.5342 7.93935C12.5291 8.60077 12.1125 9.21798 11.4834 9.44237C10.8458 9.67021 10.1333 9.47297 9.69801 8.95438C9.26612 8.43918 9.22022 7.67575 9.56878 7.10619C9.91055 6.54339 10.5924 6.23733 11.2403 6.36826C11.9867 6.51959 12.5291 7.1793 12.5342 7.93932C12.5359 8.15866 12.876 8.15866 12.8743 7.93932C12.8692 7.12657 12.3574 6.39887 11.5956 6.11493C10.8424 5.83607 9.95318 6.07752 9.44477 6.69983C8.92788 7.33234 8.84796 8.24028 9.27644 8.94427C9.70151 9.64309 10.533 9.99845 11.3321 9.83863C12.2248 9.6584 12.8692 8.84225 12.876 7.93937C12.876 7.72003 12.536 7.72003 12.5343 7.93937L12.5342 7.93935Z' fill='%23A4AFC0'/%3E%3Cpath d='M12.7042 14.0005C12.7042 14.978 11.9117 15.7704 10.9342 15.7704C9.95664 15.7704 9.16418 14.978 9.16418 14.0005C9.16418 13.0229 9.95664 12.2305 10.9342 12.2305C11.9117 12.2305 12.7042 13.0229 12.7042 14.0005Z' fill='%23A4AFC0'/%3E%3Cpath d='M12.5342 14.0009C12.5291 14.6623 12.1125 15.2795 11.4834 15.5039C10.8458 15.7317 10.1333 15.5345 9.69801 15.0159C9.26612 14.5007 9.22022 13.7373 9.56878 13.1677C9.91055 12.6049 10.5924 12.2989 11.2403 12.4298C11.9867 12.5811 12.5291 13.2408 12.5342 14.0008C12.5359 14.2202 12.876 14.2202 12.8743 14.0008C12.8692 13.1881 12.3574 12.4604 11.5956 12.1765C10.8424 11.8976 9.95318 12.139 9.44477 12.7613C8.92788 13.3939 8.84796 14.3018 9.27644 15.0058C9.70151 15.7046 10.533 16.06 11.3321 15.9002C12.2248 15.7199 12.8692 14.9038 12.876 14.0009C12.876 13.7816 12.536 13.7816 12.5343 14.0009L12.5342 14.0009Z' fill='%23A4AFC0'/%3E%3Cpath d='M12.7042 20.063C12.7042 21.0405 11.9117 21.8329 10.9342 21.8329C9.95664 21.8329 9.16418 21.0405 9.16418 20.063C9.16418 19.0854 9.95664 18.293 10.9342 18.293C11.9117 18.293 12.7042 19.0854 12.7042 20.063Z' fill='%23A4AFC0'/%3E%3Cpath d='M12.5342 20.0624C12.5291 20.7238 12.1125 21.341 11.4834 21.5654C10.8458 21.7933 10.1333 21.596 9.69801 21.0774C9.26612 20.5622 9.22022 19.7988 9.56878 19.2292C9.91055 18.6664 10.5924 18.3604 11.2403 18.4913C11.9867 18.6426 12.5291 19.3023 12.5342 20.0624C12.5359 20.2817 12.876 20.2817 12.8743 20.0624C12.8692 19.2496 12.3574 18.5219 11.5956 18.238C10.8424 17.9591 9.95318 18.2006 9.44477 18.8229C8.92788 19.4554 8.84796 20.3633 9.27644 21.0673C9.70151 21.7661 10.533 22.1215 11.3321 21.9617C12.2248 21.7814 12.8692 20.9653 12.876 20.0624C12.876 19.8431 12.536 19.8431 12.5343 20.0624L12.5342 20.0624Z' fill='%23A4AFC0'/%3E%3Cpath d='M19.2503 7.93893C19.2503 8.91649 18.4578 9.70892 17.4803 9.70892C16.5028 9.70892 15.7103 8.91647 15.7103 7.93893C15.7103 6.9614 16.5028 6.16895 17.4803 6.16895C18.4578 6.16895 19.2503 6.9614 19.2503 7.93893Z' fill='%23A4AFC0'/%3E%3Cpath d='M19.0803 7.93935C19.0752 8.60077 18.6586 9.21798 18.0295 9.44237C17.3919 9.67021 16.6795 9.47297 16.2441 8.95438C15.8123 8.43918 15.7664 7.67575 16.1149 7.10619C16.4567 6.54339 17.1385 6.23733 17.7864 6.36826C18.5328 6.51959 19.0752 7.1793 19.0803 7.93932C19.082 8.15866 19.4221 8.15866 19.4204 7.93932C19.4153 7.12657 18.9035 6.39887 18.1418 6.11493C17.3885 5.83607 16.4993 6.07752 15.9909 6.69983C15.474 7.33234 15.3941 8.24028 15.8226 8.94427C16.2477 9.64309 17.0791 9.99845 17.8783 9.83863C18.7709 9.6584 19.4154 8.84225 19.4222 7.93937C19.4222 7.72003 19.0821 7.72003 19.0804 7.93937L19.0803 7.93935Z' fill='%23A4AFC0'/%3E%3Cpath d='M19.2503 14.0005C19.2503 14.978 18.4578 15.7704 17.4803 15.7704C16.5028 15.7704 15.7103 14.978 15.7103 14.0005C15.7103 13.0229 16.5028 12.2305 17.4803 12.2305C18.4578 12.2305 19.2503 13.0229 19.2503 14.0005Z' fill='%23A4AFC0'/%3E%3Cpath d='M19.0803 14.0009C19.0752 14.6623 18.6586 15.2795 18.0295 15.5039C17.3919 15.7317 16.6795 15.5345 16.2441 15.0159C15.8123 14.5007 15.7664 13.7373 16.1149 13.1677C16.4567 12.6049 17.1385 12.2989 17.7864 12.4298C18.5328 12.5811 19.0752 13.2408 19.0803 14.0008C19.082 14.2202 19.4221 14.2202 19.4204 14.0008C19.4153 13.1881 18.9035 12.4604 18.1418 12.1765C17.3885 11.8976 16.4993 12.139 15.9909 12.7613C15.474 13.3939 15.3941 14.3018 15.8226 15.0058C16.2477 15.7046 17.0791 16.06 17.8783 15.9002C18.7709 15.7199 19.4154 14.9038 19.4222 14.0009C19.4222 13.7816 19.0821 13.7816 19.0804 14.0009L19.0803 14.0009Z' fill='%23A4AFC0'/%3E%3Cpath d='M19.2503 20.063C19.2503 21.0405 18.4578 21.8329 17.4803 21.8329C16.5028 21.8329 15.7103 21.0405 15.7103 20.063C15.7103 19.0854 16.5028 18.293 17.4803 18.293C18.4578 18.293 19.2503 19.0854 19.2503 20.063Z' fill='%23A4AFC0'/%3E%3Cpath d='M19.0803 20.0624C19.0752 20.7238 18.6586 21.341 18.0295 21.5654C17.3919 21.7933 16.6795 21.596 16.2441 21.0774C15.8123 20.5622 15.7664 19.7988 16.1149 19.2292C16.4567 18.6664 17.1385 18.3604 17.7864 18.4913C18.5328 18.6426 19.0752 19.3023 19.0803 20.0624C19.082 20.2817 19.4221 20.2817 19.4204 20.0624C19.4153 19.2496 18.9035 18.5219 18.1418 18.238C17.3885 17.9591 16.4993 18.2006 15.9909 18.8229C15.474 19.4554 15.3941 20.3633 15.8226 21.0673C16.2477 21.7661 17.0791 22.1215 17.8783 21.9617C18.7709 21.7814 19.4154 20.9653 19.4222 20.0624C19.4222 19.8431 19.0821 19.8431 19.0804 20.0624L19.0803 20.0624Z' fill='%23A4AFC0'/%3E%3C/svg%3E");
}

.pac_da_quicklinks>.delete {
    cursor: pointer;
    margin-left: 10px;
    height: 28px;
    width: 28px;
}

.pac_da_quicklinks>.delete:before {
    content: '';
    display: block;
    height: 28px;
    width: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.2501 9.25H17.5001V8C17.4974 7.53668 17.3122 7.093 16.9846 6.76538C16.657 6.43776 16.2134 6.25263 15.7501 6.25H12.7501C12.2859 6.25 11.8408 6.43438 11.5126 6.76257C11.1845 7.09076 11.0001 7.53587 11.0001 8V9.25H7.75007C7.55116 9.25 7.36039 9.32895 7.21973 9.4696C7.07908 9.61026 7.00007 9.80109 7.00007 10C6.99872 10.0989 7.01724 10.197 7.05445 10.2886C7.09167 10.3802 7.14683 10.4634 7.21674 10.5333C7.28666 10.6032 7.36989 10.6583 7.46149 10.6956C7.5531 10.7328 7.6512 10.7513 7.75007 10.75H8.50007L9.14008 20.12C9.17041 20.5613 9.36676 20.9747 9.68958 21.2771C10.0124 21.5795 10.4377 21.7485 10.8801 21.75H17.5201C17.9635 21.7487 18.39 21.58 18.7145 21.2778C19.0389 20.9756 19.2373 20.5622 19.2701 20.12L19.9001 10.75H20.2501C20.449 10.75 20.6398 10.6709 20.7804 10.5303C20.9211 10.3896 21.0001 10.1989 21.0001 10C20.9975 9.80189 20.9176 9.61263 20.7775 9.47253C20.6374 9.33244 20.4482 9.25259 20.2501 9.25ZM12.5001 8C12.5001 7.9337 12.5264 7.87013 12.5733 7.82324C12.6202 7.77636 12.6838 7.75 12.7501 7.75H15.7501C15.8164 7.75 15.88 7.77636 15.9269 7.82324C15.9738 7.87013 16.0001 7.9337 16.0001 8V9.25H12.5001V8ZM17.7701 20C17.765 20.0628 17.7365 20.1213 17.6901 20.1639C17.6438 20.2066 17.5831 20.2302 17.5201 20.23H10.8901C10.8586 20.2313 10.8271 20.2264 10.7974 20.2156C10.7678 20.2047 10.7406 20.1881 10.7174 20.1667C10.6942 20.1454 10.6754 20.1197 10.6621 20.0911C10.6489 20.0624 10.6414 20.0315 10.6401 20L10.0101 10.73H18.4001L17.7701 20ZM12.7501 17.75C12.6512 17.7513 12.5531 17.7328 12.4615 17.6956C12.3699 17.6583 12.2867 17.6032 12.2167 17.5333C12.1468 17.4634 12.0917 17.3802 12.0545 17.2886C12.0172 17.197 11.9987 17.0989 12.0001 17V14C12.0001 13.8011 12.0791 13.6103 12.2197 13.4696C12.3604 13.329 12.5512 13.25 12.7501 13.25C12.9482 13.2526 13.1374 13.3324 13.2775 13.4725C13.4176 13.6126 13.4975 13.8019 13.5001 14V17C13.5001 17.1989 13.4211 17.3896 13.2804 17.5303C13.1398 17.6709 12.949 17.75 12.7501 17.75ZM15.4615 17.6956C15.5531 17.7328 15.6512 17.7513 15.7501 17.75C15.949 17.75 16.1398 17.6709 16.2804 17.5303C16.4211 17.3896 16.5001 17.1989 16.5001 17V14C16.4975 13.8019 16.4176 13.6126 16.2775 13.4725C16.1374 13.3324 15.9482 13.2526 15.7501 13.25C15.5512 13.25 15.3604 13.329 15.2197 13.4696C15.0791 13.6103 15.0001 13.8011 15.0001 14V17C14.9987 17.0989 15.0172 17.197 15.0545 17.2886C15.0917 17.3802 15.1468 17.4634 15.2167 17.5333C15.2867 17.6032 15.3699 17.6583 15.4615 17.6956Z' fill='%23A4AFC0'/%3E%3C/svg%3E%0A");
}

.pac_da_quicklinks>input::placeholder {
    font-size: 13px;
    font-weight: 600;
    color: #A4AFC0;
}

.pac_da_custom_quick_link>div.subheading {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    color: #32373C;
    margin-top: 10px;
    margin-bottom: 8px;
}

#pac_da_custom_links>.pac_da_quicklinks {
    margin-bottom: 10px;
}

#pac_da_custom_links>.pac_da_quicklinks.child {
    margin-left: 48px;
}

#pac_da_add_new_link {
    margin-top: 10px;
    cursor: pointer;
    background: #2B87DA;
    border-radius: 3px;
    padding: 10px 20px 10px 40px;
    border: none;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 14px center;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1428 10.2141H11.7857V7.857C11.7857 7.64862 11.7029 7.44877 11.5556 7.30142C11.4082 7.15407 11.2084 7.07129 11 7.07129C10.7916 7.07129 10.5917 7.15407 10.4444 7.30142C10.297 7.44877 10.2143 7.64862 10.2143 7.857V10.2141H7.85713C7.64874 10.2141 7.44889 10.2969 7.30154 10.4443C7.15419 10.5916 7.07141 10.7915 7.07141 10.9999C7.07141 11.2082 7.15419 11.4081 7.30154 11.5554C7.44889 11.7028 7.64874 11.7856 7.85713 11.7856H10.2143V14.1427C10.2143 14.3511 10.297 14.551 10.4444 14.6983C10.5917 14.8457 10.7916 14.9284 11 14.9284C11.2084 14.9284 11.4082 14.8457 11.5556 14.6983C11.7029 14.551 11.7857 14.3511 11.7857 14.1427V11.7856H14.1428C14.3512 11.7856 14.5511 11.7028 14.6984 11.5554C14.8458 11.4081 14.9286 11.2082 14.9286 10.9999C14.9286 10.7915 14.8458 10.5916 14.6984 10.4443C14.5511 10.2969 14.3512 10.2141 14.1428 10.2141Z' fill='white'/%3E%3C/svg%3E%0A");
}


/* -------------------------- Help Video --------------------------- */

.pac_da_help_video>div.pac_da_reset_popup_overlay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pac_da_help_video>div>.inner {
    width: 40%;
    height: 50%;
    box-shadow: 0px 0px 100px rgb(0 160 210 / 20%);
    border-radius: 3px;
    overflow: hidden;
}

.pac_da_help_video .title {
    position: relative;
    line-height: 19.5px;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    color: rgb(255, 255, 255);
    background-color: #6c2eb9;
    margin: 0px;
    padding: 19px 26px 18px;
    box-sizing: border-box;
}

.pac_da_help_video .video {
    padding: 30px;
    background-color: #fff;
    height: calc(100% - 116.5px);
}


/* -----------------------------------------------------------------  Environments ----------------------------------------------------------- */

.pac_da_envrmt {
    position: relative;
    padding: 20px;
    background-color: #fff;
    border-radius: 0px 0px 3px 3px;
}

.pac_da_envrmt h1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #32373C;
    margin: 0;
}

.pac_da_envrmt p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #A4AFC0;
    margin: 10px 0 26px 0;
}

.pac_da_envrmt .envrmt_stg h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    color: #32373C;
    margin-top: 20px;
    margin-bottom: 0px;
}

.pac_da_envrmt .envrmt_stg p {
    margin-top: 5px;
    margin-bottom: 0;
}

.pac_da_envrmt .envrmt_stg input {
    margin-top: 7px;
}

.pac-da-environment div {
    margin-top: 4px !important;
    box-sizing: border-box !important;
    height: 24px !important;
    color: #1D2327 !important;
    background: #F1F5F9 !important;
    border-radius: 3px !important;
    padding: 2px 6px !important;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    position: relative !important;
}

.pac-da-environment {
    margin-right: 7px !important;
}

.pac-da-environment div:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-sizing: border-box;
}

.pac-da-environment.local div:before {
    background-color: #51bb7b;
}


/* ---------------------------------------  Hide wordpress Notice --------------------------------------------- */

.toplevel_page_divi-assistant #wpbody-content>div:not(#pac-da-admin-app,
.pac-misc-message) {
    display: none;
}

.toplevel_page_divi-assistant #wpbody-content {
    padding-bottom: 10px;
}

.toplevel_page_divi-assistant #wpfooter {
    display: none;
}