/*********** Version 2.0 ************/
* {
    outline: none;
}
*, ::after, ::before {
    box-sizing: border-box;
}
:root{
    --grayColor:#5f88a3;
    --headingColor: #a1a3ce;
    --gradientColor: linear-gradient(269.78deg, var(--primaryColor) 0.19%, var(--secondaryColor) 99.81%);
    --grayColor1: #a1a3ce;
    --primaryColor:#C965FF;
    --inputColor: #454764;
    --inputBgColor: #fafcff;
    --transition: all 0.3s ease-in-out;
    --greenColor: #26D49B;
    --darkColor: #1A1C29;
    --bgDarkColor: #2F3044; 
    --secondaryColor:#8438F0 ;
    --whiteColor:#fff;
    --DarkGradient : linear-gradient(265.82deg, var(--darkColor) 22.59%, var(--bgDarkColor) 99.79%);
    --darkHeader: var(--darkColor);
}
body {
    margin: 0;
    padding: 0;
    color: var(--headingColor);
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    background-color: var(--bgDarkColor);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}
hr {
    border-top: 1px solid rgb(255 255 255 / 10%);
}
.ap_btn {
    background: var(--gradientColor);
}
.ap_btn:before {
    background: var(--DarkGradient);
}
.url-open-in-iframe .ap_mainwrapper.ap_sidebarMenu_wrapper {
    display: none;
}
body.url-open-in-iframe main.ap_mainwrapper {
    padding-top: 0;
    margin: 0;
    width: 100%;
}
.form-group{
    position: relative;
}
.ap_verticalCenterDv > img {
    width: 300px;
}
main.ap_mainwrapper {
    margin-left: 220px;
    width: calc(100% - 220px);
    padding-top: 81px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.ap_table_wrapper {
    /*overflow: auto;*/
    max-height: calc(100vh - 145px);
}
.ap_component_content .ap_table_wrapper {
    padding-top: 0px;
}
.ap_header {
    position: fixed;
    width: calc(100% - 220px);
    top: 0;
    right: 0;
    box-shadow: none;
    padding: 0 20px 0 20px;
}
.ap_innerScreen_wrapper {
    height: calc(100vh - 141px);
}
.ap_sidebarMenu_wrapper .ap_menu_dv {
    height: calc(100vh - 81px);
    overflow: auto;
}
::-webkit-scrollbar-thumb {
    background-color: var(--primaryColor);
    border: 0;
}
::-webkit-scrollbar {
    width: 4px;
    background-color: rgb(245 245 245);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--whiteColor);
    background-color: var(--whiteColor);
}
.ap_editorApp_name {
    display: flex;
    align-items: center;
    height: 100%;
}
/********* Start Sidebar Css **********/
.ap_sidebarMenu_wrapper {
    position: fixed;
    width: 220px;
    height: 100vh;
    background-color:rgba(0 0 0 / 20%);
    top: 0;
    z-index: 9999;
    padding: 0;
    border-right: 1px solid var(--darkColor);
}
.ap_sidebarMenu_wrapper .ap_logo {
    padding: 16px;
    height: 81px;
    background-color: var(--darkColor);
    width: 220px;
    border-bottom: 1px solid var(--bgDarkColor);
}
.ap_menu_dv li:first-child{
    padding-left: 25px;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li a {
    line-height: 58px;
    font-size: 15px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    color: var(--headingColor);
}
.ap_sidebarMenu_wrapper .ap_menu_dv li.hasSubMenu > a:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center center;
    right: 5px;
    top: 15px;
    background-image: url(../images/svg/arrow_white_icon.svg);
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li.hasSubMenu.open > a:before,
.ap_sidebarMenu_wrapper .ap_menu_dv li.hasSubMenu.ap_active > a:before {
    transform: rotate(90deg);
}
.ap_sidebarMenu_wrapper .ap_menu_dv li li.hasSubMenu > a:before {
    top: 11px;
}
.ap_sidebarMenu_wrapper span.ap_menu_icon {
    margin-right: 10px;
    align-items: center;
    justify-content: space-around;
    display: flex;
    background-color: transparent;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li a:after, 
.ap_sidebarMenu_wrapper .ap_menu_dv li a:after {
    height: 100%;
    border-radius: 0;
    background: var(--gradientColor);
}
.ap_sidebarMenu_wrapper .ap_menu_dv li.ap_openSubMenu a:after, 
.ap_sidebarMenu_wrapper .ap_menu_dv li.ap_openSubMenu a:after {
    width: 100%;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li ul.ap_mainMenu_dropdown li:first-child a{
    border-radius: 0;
    overflow: hidden;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li ul.ap_mainMenu_dropdown li:last-child a{
    overflow: hidden;
    border-radius: 0;
    border-bottom: 0px;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li ul.ap_mainMenu_dropdown {
    top: 0px;
    border: 0;
    left: 0;
    border-radius: 0;
    width: 100%;
    position: relative;
    height: 0;
    transition: all 0.5s;
    visibility: visible;
    opacity: 1;
    height: auto;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li.ap_openSubMenu ul.ap_mainMenu_dropdown {
    opacity: 1;
    visibility: visible;
    height: auto;
}
.ap_sidebarMenu_wrapper li > a > .ap_menu_icon svg
.ap_sidebarMenu_wrapper .ap_menu_dv li.ap_openSubMenu> a .ap_menu_icon svg,
.ap_sidebarMenu_wrapper .ap_menu_icon svg {
    fill: var(--headingColor);
    margin: 0;
}
.ap_sidebarMenu_wrapper .ap_active > a > .ap_menu_icon svg,
.ap_sidebarMenu_wrapper li:hover > a > .ap_menu_icon svg,
.ap_sidebarMenu_wrapper .ap_menu_dv li li.ap_isActive a > .ap_menu_icon svg{
    fill: #fff;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li:hover a,
.ap_sidebarMenu_wrapper .ap_menu_dv li li:hover a > span,
.ap_sidebarMenu_wrapper .ap_menu_dv li li.ap_isActive a > span {
    color: var(--whiteColor);
}
.ap_sidebarMenu_wrapper .ap_menu_dv li {
    padding: 0;
    width: 100%;
    display: block;
    position: relative;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li.ap_active a {
    color: var(--whiteColor);
}
.ap_sidebarMenu_wrapper .ap_menu_dv li li a {
    line-height: normal;
    font-size: 13px;
    height:50px;
}
.ap_headerMenu_dv:hover svg, 
.ap_headerMenu_dv.isActiveMenu svg{
    fill: var(--primaryColor);
}
.ap_headerMenu_dv:hover span, 
.ap_headerMenu_dv.isActiveMenu span {
    color: var(--primaryColor);
}
.ap_sidebarMenu_wrapper .ap_mainMenu_dropdown:before {
    content: "";
    width: 7px;
    height: 7px;
    right: auto;
    border-left: 0px solid rgb(0 0 0 / 0%);
    border-top: 7px solid rgb(0 0 0 / 0%);
    border-bottom: 7px solid rgb(0 0 0 / 0%);
    border-right: 7px solid rgb(47 48 68);
    top: 20px;
    bottom: 0;
    position: absolute;
    left: -7px;
    margin: 0 auto;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li ul.super-sub-menu li a{
    padding-left: 65px !important;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li li a > span {
    color:var(--headingColor);
}
.ap_sideMenu_hidden .ap_sidebarMenu_wrapper {
    width: 0;
}
.ap_sideMenu_hidden .ap_sidebarMenu_wrapper .ap_menu_dv {
    display: none;
}
.ap_sideMenu_hidden main.ap_mainwrapper {
    margin-left: 0px;
    width: calc(100% - 0px);
    padding-top: 80px;
}
.ap_sideMenu_hidden a.hasSubMenu:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center center;
    right: 5px;
    top: 20px;
    background-image: url(../images/svg/arrow_white_icon.svg);
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
ul.super-sub-menu li a {
    padding-left: 30px !important;
}
.ap_sidebarMenu_wrapper .ap_menu_dv li.ap_active .drop-menu,
.ap_sidebarMenu_wrapper li.hasSubMenu.ap_active > ul.super-sub-menu {
        /* display: block !important; */
} 

/********* End Sidebar Css **********/
.cl_topbar_wrapper .nav-tabs .nav-link{
    border: 0 !important;
    border-radius: 0px !important;
    background-color: transparent;
}
.cl_topbar_wrapper .nav-tabs .nav-link.active{
    color: var(--primaryColor);
}
.cl_topbar_wrapper .nav-tabs .nav-link.active:after{
    width: 100%;
}
.ap_white_label_section {
    padding: 30px 0;
}
/* .ap_uploadIcon {
    width: 150px;
    height: 80px;
} */
.inline-group.ap_vlDomain {
    display: flex;
    align-items: center;
    margin: 15px 0;
}
button#validateMyDomain {
    margin-left: 10px;
}
.cl_newtab_list.cl_simple_heading > a.ap_btn.cl_goback {
    margin-left: auto;
    display: flex;
}
.ap_showVariant_mediaInner{
    margin-bottom: 20px;
}
.ap_showMedia_image label.ap_checkbox.ap_label {
    margin-right: 20px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    min-height: 50px;
}
.modal-body input.form-control {
    margin-bottom: 20px;
}
.ap_innercontent_wrapper .ap_innercontent_wrapper {
    background: initial;
}
.ap_bonusItems h2 {
    font-weight: 700;
}
.ap_headLine h3.ap_heading {
    line-height: 50px;
}
/********** Dashboard Css ************/
.ap_QR_iframe {
    border: 1px solid rgb(238 241 249);
    position: relative;
    border-radius: 10px;
    width: 190px;
    padding: 10px;
    background-color: var(--whiteColor);
}
.ap_QR_iframe:hover .ap_overlap_download {
    visibility: visible;
    opacity: 1;
}
.ap_overlap_download {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 15%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.ap_downHolder {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: var(--primaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap_downHolder svg {
    fill: var(--whiteColor);
}
.ap_QrHolder h3 {
    font-size: 18px;    
    margin-bottom: 20px;
    /* background-color: var(--whiteColor); */
    border-radius: 7px;
}
.ap_dashbtn_dv{
    padding: 5px;
    margin-bottom: 0px;
}
.ap_btnHolder_dv .ap_Gapp {
    padding:0;
    background-color: rgb(247 250 253);
    border: 0;
    color: var(--darkColor);
    font-size: 14px;
    line-height: revert;
    height: auto;
    align-items: center;
    justify-content: start;
    font-weight: 500;
    margin: 20px 0 5px;
    width: calc(100% - 10px);
    display: flex;
    border-radius: 10px;
    max-width: 100%;
}
.ap_innerBtn_holder .ap_tranBtn {
    width: 100%;
    text-align: center;
    /* display: inline-block; */
    vertical-align: baseline;
    color: var(--primaryColor);
    font-weight: 700;
}
.ap_tranBtn svg {
    fill: var(--primaryColor);
    margin-top: -1px;
}
.ap_btnHolder_dv .ap_Gapp img {
    margin-right: 14px;
}
.ap_btnHolder_dv .ap_Gapp span {
    margin-bottom: 0px;
    font-weight: 500;
}
.ap_btnHolder_dv .ap_innerBtn_holder:last-child .ap_Gapp {
    margin-right: 0px;
    /* width: calc(100% - 0px); */
}
.ap_innerBtn_holder {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
}
.ap_Qr_imageHolder h3 {
    width: 100%;
}
.ap_Qr_imageHolder {
    display: flex;
    padding: 20px 20px 30px;
    background-color: var(--darkColor);
    border-radius: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.ap_btnHolder_dv {
    width: calc(100% - 190px);
    padding-left: 30px;
    max-width: 410px;
}
.ap_btnHolder_dv .ap_innerBtn_holder .ap_Gapp:hover:before {
    background-color: var(--primaryColor);
}
.ap_btnHolder_dv .ap_innerBtn_holder .ap_Gapp:hover span{
    color: var(--primaryColor);
}
.ap_dashbtn_dv {
    padding: 5px;
    font-size: 12px;
}
.ap_modal .ap_modal_footer .ap_btn {
    max-width: 170px;
}
.ap_modal_dialog .modal-body > p {
    max-width: 350px;
    margin: 0 auto;
    font-size: 16px;
}

/******************/
.ap_otherSetting_wrapper table.dataTable thead th, 
.ap_otherSetting_wrapper table.dataTable thead td {
    background-color: var(--inputColor);
}
.ap_accordian_box .card-header button {
   background: var(--gradientColor);
}
.ap_accordian_box .card-header button.collapsed svg, 
.ap_accordian_box .card-header button.collapsed:hover svg,
.ap_accordian_box .card-header button svg, 
.ap_accordian_box .card-header button:hover svg {
    top: -2px;
}
.ap_finderDetail {
    width: 100%;
    background-color: var(--bgDarkColor);
    padding: 0px 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
}
.ap_finder_logo {
    width: 180px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border: 1px solid #ebe9e9;
    border-radius: 10px;
    padding: 10px;
    background-color: var(--whiteColor);
}
.ap_finder_logo h4 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ebe9e9;
}
.ap_finderContent {
    width: calc(100% - 180px);
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.ap_finderContent > p {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    margin: 15px 0;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ap_postedOn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
}
.ap_searchForm {
    position: relative;
}
.input-group.ap_cFinder_search button.ap_btn {
    border-radius: 7px;
    max-width:80px;
	margin-left: 3px;
}
.ap_searchForm .input-group.ap_cFinder_search input {
    padding-left: 50px;
    border-radius: 7px;
}
span.ap_wherFrom b {
    color: var(--primaryColor);
    font-weight: 500;
}
/* .ap_searchForm input{ */
    /* padding-left: 50px; */
/* } */
.ap_searchForm  .ap_search_icon {
    top: 12px;
}
.ap_finderContent h3 {
    font-size: 20px;
}
.ap_postedOn > span {
    font-size: 14px;
    font-weight: bold;
    color: #02bb6e;
}
.ap_findBy {
    width: 100%;
    padding: 15px 0;
    height: 100%;
    border-bottom: 1px solid var(--inputColor);
    margin-bottom: 30px;
}
.ap_Contentbox {
    display: flex;
    width: calc(100% - 0px);
    margin-bottom: 30px;
    padding: 30px 0;
    border-bottom: 1px solid var(--inputColor);
    border-radius: 0px;
}
.cl_promodal_content {
    padding-bottom: 30px;
}
.ap_clientFinder_holder {
    background-color: rgb(0 0 0 / 15%);
    margin: 110px 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 10px;
    box-shadow: none;
    flex-direction: column;
    width:100%;
}
.ap_linkIcon_finder {
    position: absolute;
    left: 0;
    top: 5px;
}
.ap_linkIcon_finder svg {
    width: 18px;
    fill: #ccc;
}
.ap_active .ap_linkIcon_finder svg {
    width: 18px;
    fill: var(--primaryColor);
}
label.ap_checkbox.ap_label.ap_finderCheckbox {
    height: auto;
}
.ap_finderList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.ap_finderList li:first-child {
    border: 0px;
    padding: 0;
    margin:0px;
    width: fit-content;
    background-color: transparent;
}
.ap_finderList li {
    align-items: center;
    justify-content: start;
    display: flex;
    font-size: 18px;
    border: 1px solid var(--grayColor1);
    padding: 10px;
    border-radius: 10px;
    background-color: rgb(255 255 255);
    margin-left: 10px;
    min-width: 210px;
    margin-bottom:10px;
}
.ap_finderList .ap_finderCheckbox {
    margin: 0px !important;
    height: auto;
}
.ap_finderList .ap_finderCheckbox>span {
    top: 8px;
}
.ap_postedOn svg {
    fill: #43be73;
    position: relative;
    top: -2px;
}
.ap_finderList > li img {
    max-height: 35px;
}
.ap_finderList li.ap_next_li .ap_finderCheckbox> span {
    top: 2px;
}
.ap_btnHolder .ap_btn {
    height: 40px;
    max-width: fit-content;
    padding: 0px 20px;
}
span.ap_innerIcon {
    margin-right: 5px;
}
.ap_postedOn .ap_innerIcon svg {
    fill: var(--whiteColor);
}
.ap_menu_dv a#Agency_Kit-tab, 
.ap_menu_dv a#Client_Manager-tab, 
.ap_menu_dv #Reseller-tab, 
.ap_menu_dv #Promotional-tab, 
.ap_menu_dv #Exclusive-tab, 
.ap_menu_dv #Bundle_Deal-tab {
    color: var(--whiteColor);
}
.ap_tempplate_title{
    color: var(--headingColor);
}
.ap_header .ap_col_4:first-child {
    max-width: 350px;
    flex: 0 0 350px;
    justify-content: start;
}
.ap_menubar_box {
    max-width: 100% !important;
}
.ap_editDelete_btn .ap_menu_btn {
    height: 30px;
    width: 30px;
    padding: 0;
    margin-left: 10px;
}
.ap_editDelete_btn .ap_green_btn.ap_menu_btn {
    width: auto;
    padding: 0px 20px;
    height: 40px;
}
.ap_noDataFound_dv {
    padding: 50px;
    display: block;
    text-align: center;
    width: 100%;
}
.ap_noDataFound_dv p {
    font-size: 18px;
    max-width: 600px;
    margin: 20px auto 0;
}
.dataTables_wrapper .dataTables_filter input, 
.form-control, .select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
input.ap_colorPicker.form-control,
div#productsModal .ck.ck-editor__editable_inline[dir=ltr], 
div#templateFaq .ck.ck-editor__editable_inline[dir=ltr],
.ap_form_feild span.sp-original-input-container,
.ap_form_feild input.ap_colorPicker.form-control {
    color: var(--headingColor);
    background-color: rgb(0 0 0 / 0%) !important;
    border: 1px solid rgb(73 75 91) !important;
    font-weight: 400;
}
.select2-container--open.select2-container--above .select2-selection {
    border-top-color: rgb(73 75 91) !important;
}
.ap_custom_app_header .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #a1a3ce;
}
.form-group.pos_relative_input .btn {
    background-color: transparent !important;
    border: 1px solid rgb(73 75 91) !important;
    box-shadow: none !important;
    color: var(--headingColor) !important;
}
.ap_custom_app_header .select2-container--default .select2-selection--single {
    height: 40px;
    font-size: 12px;
    line-height: 40px;
}
.ap_custom_app_header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
.sp-original-input-container{
    background-color: transparent;
}
.sp-original-input-container .sp-add-on,
.ap_form_feild span.sp-original-input-container{
    border: 0px !important;
}
.form-control:focus {
    color: var(--headingColor);
}
.select2-container--open .select2-dropdown {
    background-color: var(--bgDarkColor) !important;
}
.ap_header .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--headingColor);
}
.ap_map_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--headingColor);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-image: linear-gradient(to left, rgb(201 101 255) 0.19%, rgb(132 56 240) 99.81%) !important;;
}
div#productsModal .ck.ck-editor__editable_inline[dir=ltr], div#templateFaq .ck.ck-editor__editable_inline[dir=ltr] {
    border-color: rgb(142 145 163);
    background-color:rgb(0 0 0 / 0%);
    color: var(--whiteColor);
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    color: var(--whiteColor);
    text-shadow: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    border-color: rgb(255 255 255 / 20%);
}
.select2-results__option {
    border-top: 1px solid rgb(73 75 91)!important;
}
.select2-container--open.select2-container--below .select2-selection {
    border-bottom-color: rgb(73 75 91) !important;
}
.ap_arrowright_icon svg {
    fill: var(--whiteColor);
}
a.ap_btn_blank.ap_btn{
    color: var(--whiteColor);
}
.ap_menu_dv.loyaltyTabManager .nav-tabs {
    border-bottom: 1px solid var(--inputColor);
}
.ap_tooltip_component::before {
    border-right: 5px solid rgb(124 125 155);
}
.ap_addpopup_icon .ap_tooltip_component::before {
    border-bottom:  5px solid rgb(124 125 155);
    border-right: 5px solid rgb(0 0 0 / 0%);
    border-left: 5px solid rgb(0 0 0 / 0%);
}
.product_image {
    width: 55px;
    height: 55px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}
/*======== Header Css ============
==================================*/
.ap_header{
    background-color: var(--darkColor);
    box-shadow:none;
    border-bottom: 1px solid var(--bgDarkColor);
}
.ap_header .ap_col_4:last-child {
    max-width: 235px;
}
.ap_profileDropdown {
    background-color: var(--darkColor);
    width: 220px;
    border: 1px solid rgb(255 255 255 / 10%);
    right: 0;
    border-radius: 0;
}
.ap_profileDropdown > a {
    padding: 7px 15px;
    display: inline-block;
    width: 100%;
    text-align: left;
    /* color: rgb(255 255 255); */
}
.ap_profileDropdown>ul>li:hover>a .ap_menu_icon svg {
    fill: var(--whiteColor);
}
.ap_profile_wrapper>a {
    border-left: 1px solid rgb(255 255 255 / 10%);
    border-right: 1px solid rgb(255 255 255 / 10%);
    padding:20px;
}
.ap_profile_wrapper {
    padding: 0px 0;
}
.ap_uesrName {
    color: var(--whiteColor);
}
.ap_profileDropdown>ul {
    /* background-color: transparent; */
    width: 220px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.ap_profileDropdown>ul>li:hover {
    background-color: var(--primaryColor);
}
.ap_profileDropdown>ul:before {
    border-bottom: 7px solid rgb(255 255 255 / 10%);
    z-index: 99;
}
.ap_profileDropdown>ul>li>a {
    display: block;
    font-size: 13px;
}
.ap_menu_dv li a{
    /* color: var(--whiteColor); */
    padding: 0px 20px;
}
.ap_menu_icon svg {
    fill: var(--headingColor);
}
.ap_menu_dv li a:after, .ap_menu_dv li a:after{
    border-radius: 0px;
}
.ap_innercontent_wrapper {
    background-color: transparent;
    height: calc(100vh - 81px);
    position: relative;
    overflow-y: auto;
    max-width: 100%;
    overflow-x: hidden;
}
h4.model_title {
    color: var(--whiteColor);
}
.ap_appurl_dv {
    border: 0;
    background-color: var(--darkColor);
}
.ap_appurl_dv b {
    /* color: var(--whiteColor); */
    margin-right: 5px;
    font-weight: normal;
}
.ap_dashboardBox h3 {
    font-weight: 600;
    font-size: 32px;
    margin: 0px 0px -10px;
    line-height: normal;
    color: var(--whiteColor);
}
.ap_dashboardBox {
    padding: 5px 10px;
    flex-direction: row;
}
.ap_circleIcon {
    width: 65px;
    height: 65px;
    border-radius: 15px;
    background-color: rgb(57 58 83) !important;
    border: 1px solid rgb(68 69 92);
}
.ap_dashboardBox svg {
    opacity: 1;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
}
.ap_dashbtn_dv {
    padding: 5px;
    flex-direction: column;
    width: calc(100% - 80px);
    justify-content: start;
    text-align: left;
    align-items: start;
    background-color: rgb(0 0 0 / 0%) !important;
}
.bg-danger-gradient .ap_dashbtn_dv {
    background-color: #FFE5E8;
    color: var(--headingColor);
}
.ap_dashboard_icon svg {
    width: 15px;
    margin-left: 7px;
    fill:  var(--headingColor) !important;
}
.ap_dashboard_icon {
    margin: 0 0px;
    font-size: 14px;
    color:  var(--headingColor);
    font-weight: 500;
}
.ap_dashboardBox_wrapper .ap_dashboardBox:before {
    background-color: #393a53;
    opacity: 0;
}
.ap_dashboardBox_wrapper .ap_dashboardBox {
    background-color: var(--darkColor) !important;
    background-image: none !important;
}
.ap_btnHolder_dv .ap_actionIcons {
    position: relative;
    right: 0;
    height: 50px;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 9;
    width: 155px;
    margin: 20px 0 5px;
}
.ap_btnHolder_dv .ap_actionIcons a {
    width: 50px;
    height: 50px;
    background: var(--gradientColor);
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.ap_actionIcons svg {
    fill: var(--whiteColor);
    width: 17px;
}
.ap_btnHolder_dv .ap_actionIcons a:hover{
    background-color: #252841;
}
.ap_menu_dv li.ap_buttonMenu .ap_menu_btn img {
    position: relative;
    top: -2px;
}
.modal-body .ap_appurl_dv {
    border: 1px solid var(--headingColor);
    background-color: var(--darkColor);
}
.modal-body .ap_app_title button.ap_btn {
    border-radius: 0 5px 5px 0;
    height: 52px;
}
/*********** Menu Css **************/
.ap_menu_icon {
    color: var(--whiteColor);
}
.ap_menu_icon svg {
    fill: var(--headingColor);
    width: 15px;
    margin-right: 3px;
}
.ap_active > a > .ap_menu_icon svg, 
.ap_menu_dv li:hover> a .ap_menu_icon svg {
    fill: var(--whiteColor);
}
.ap_menu_dv li a:after, .ap_menu_dv li a:after {
    /* height: 100%; */
    z-index: -1;
}
.ap_menu_dv li {
    padding: 0px 5px;
}
.ap_headLine {
    padding: 10px 0;
    background-color: rgb(255 255 255 / 5%);
    float: left;
    width: 100%;
}
.ap_headLine.app_headLine_fixed {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #3a3b4e;
}
.ap_mainMenu_dropdown {
    border-radius: 5px;
    top: calc(100% + 7px);
    left: calc(50% - 100px);
    padding: 0px;
    background-color: var(--bgDarkColor);
    /* border: 1px solid rgb(255 255 255 / 50%); */
    visibility: visible;
    opacity: 1;
    height: auto;
}
.ap_mainMenu_dropdown:before {
    border-bottom: 7px solid rgb(255 255 255 / 50%);;
}
.ap_mainMenu_dropdown li a {
    padding: 0px 10px 0px 45px !important;
}
.ap_mainMenu_dropdown li a:hover, 
.ap_mainMenu_dropdown .ap_isActive a{
    background-color: var(--primaryColor);
}
label.ap_checkbox.ap_label {
    height: 20px;
    margin-bottom: 10px;
}
.ap_productOption {
    position: relative;
    background-color: rgb(26 28 41);
    padding: 30px;
    border: 1px solid rgb(36 38 52);
}
.ap_productOption > .row .ap_actions .ap_icon {
    top: 47px;
}
.ap_table tr td {
    background-color: rgb(0 0 0 / 0%);
    color: var(--headingColor);
    border-bottom: 1px solid rgb(237 243 248 / 10%);
    word-break: break-word;
}
table.dataTable thead th, table.dataTable thead td {
    border: none;
    background-color: rgba(255 255 255 / 10%);
    color: var(--headingColor);
    border-bottom: 1px solid var(--darkColor);
    font-weight: 500;
}
.ap_table tr th {
    border: none;
    background-color: rgba(255 255 255 / 10%);
    color: var(--headingColor);
    border-bottom: 1px solid var(--darkColor);
    font-weight: 500;
    padding: 20px 10px;
}
table.dataTable.no-footer {
    border-bottom: 0;
    border: 1px solid var(--inputColor);
}
.dataTables_wrapper .dataTables_filter input{
    font-weight: 400;
}
.ap_actions a.ap_icon.ap_danger {
    background-color: rgb(64 102 255);
}
.page-link {
    fill: var(--headingColor) !important;
}
.ap_accordian_box .card-header button.collapsed svg, .ap_accordian_box .card-header button.collapsed:hover svg {
    top: -2px;
}
.ap_accordian_box .card-header button svg, .ap_accordian_box .card-header button:hover svg {
    top: -3px;
}
.collapse.show .card-body:before {
    width: calc(100% + 0px);
    left: 0px;
    background-color: rgb(0 0 0 / 0%);
    border-bottom: 0px solid var(--bgDarkColor);
}
.ap_accordian_box .ap_innerContent form {
    margin-top: 0px;
}
.ap_dashboardBox_wrapper .col {
    min-width: 50%;
}
/* .ap_appurl_dv a{
    color: var(--primaryColor);
} */
.ap_app_title {
    margin-top: 35px;
}
.ap_dataContent form.ap_notification_form_dv {
    background-color: var(--darkColor);
}
.loyaltyTabManager .ap_nav {
    border-bottom: 1px solid var(--darkColor);
}
.paypal_id, .stripe_id, .square_id, .paystack_id, .razorpay_id {
    width: calc(100% - 0px);
}
.is_register {
    margin-left: 0px;
}
.rightbar_open .ap_custom_content_wrapper .ap_innerScreen_wrapper, .ap_innerScreen_wrapper {
    height: 100%;
}
a#addNewPopup {
    background-color: var(--primaryColor);
}



.ap_editDelete_btn {
    display: flex;
    align-items: center;
}
/**** Old Css ****/
.ap_showMedia_image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.ap_showMedia_image .ap_label {
    line-height: normal;
    margin: 0;
    height: 20px;
}
.ap_showMedia_image .ap_checkbox>span {
    top: 15px;
    left: 20px;
}
/******* Version 2 Css *************/
.cl_topbar_wrapper .nav-tabs .nav-link{
    border: 0 !important;
    border-radius: 0px !important;
    background-color: rgb(0 0 0 / 0%);
}
.cl_topbar_wrapper .nav-tabs .nav-link.active{
    color: var(--primaryColor);
}
.cl_topbar_wrapper .nav-tabs .nav-link.active:after{
    width: 100%;
}
.ap_white_label_section {
    padding: 30px 0;
}
.inline-group.ap_vlDomain {
    display: flex;
    align-items: center;
    margin: 15px 0;
}
button#validateMyDomain {
    margin-left: 10px;
}
div#validation_modal .ap_modal_dialog .modal-body {
    padding: 35px 35px 0;
}
.cl_newtab_list.cl_simple_heading > a.ap_btn.cl_goback {
    margin-left: auto;
    display: flex;
}
.modal-body.ap_mediaProduct_body {
    text-align: left;
}
h4.ap_label_listInner {
    font-size: 15px;
    margin: 15px 0px 10px;
}
.ap_showVariant_mediaInner .ap_label {
    height: 20px;
    margin-bottom: 10px;
    width: fit-content;
}
.ap_showVariant_mediaInner{
    margin-bottom: 20px;
}
.ap_showMedia_image label.ap_checkbox.ap_label {
    margin-right: 0;
    padding: 0 30px 0px 45px !important;
    border-radius: 5px;
    background-color: rgb(54 58 93);
    height: 50px;
    color: var(--whiteColor);
    display: flex;
    align-items: center;
    justify-content: start;
    /* width: calc(50% - 15px); */
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    min-height: 50px;
}
.modal-body input.form-control {
    margin-bottom: 20px;
}
.ap_innercontent_wrapper .ap_innercontent_wrapper {
    background: initial;
}
.ap_bonusItems h2 {
    font-weight: 600;
}
div#userTemplateList{
    /* padding: 0px 15px; */
}
div#userTemplateList .notFound p {
    color: var(--grayColor1);
    font-weight: normal;
    font-size: 18px;
}
div#userTemplateList .notFound p >a {
    color: var(--primaryColor);
}
.cl_newtab_list.ap_menu_dv {
    padding-bottom: 20px;
    display: block;
    max-width: 1440px;
    margin: auto;
}
.cl_newtab_list.ap_menu_dv ul.ap_nav {
    border-bottom: 1px solid var(--darkColor);
    width: calc(50% - 2px);
    display: inline-block;
}
/******** Modal Css ********/
.ap_modal .ap_btnHolder_dv .ap_actionIcons {
    width: 120px;
    margin: 0px;
}
.ap_modal .ap_btnHolder_dv .ap_actionIcons a {
    width: 40px;
}
.ap_modal .ap_btnHolder_dv {
    width: calc(100% - 150px);
    padding-left: 15px;
    max-width: 375px;
}
.ap_modal .ap_QR_iframe {
    width: 150px;
}
.ap_modal .ap_btnHolder_dv .ap_Gapp {
    margin: 0px;
}
.ap_modal .ap_innerBtn_holder {
    margin: 20px 0;
}
.modal-body .ap_Qr_imageHolder {
    padding: 10px;
}
.ap_btnHolder_dv .ap_Gapp span {
    margin-bottom: 0px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}
.ap_modal.show {
    background-color: rgb(255 255 255 / 20%);
}
.ap_modal .ap_modal_content {
    background-color: var(--darkColor);
}
.ap_modal .ap_modal_footer .ap_btn.ap_darkBtn {
    background-color: var(--whiteColor);
    /* color: rgb(0 0 0); */
}
.ap_modal_dialog .modal-body h3 {
    color: var(--whiteColor);
}
div#validation_modal .ap_modal_dialog .modal-body {
    padding: 35px 35px 0;
}
.modal-body.ap_mediaProduct_body {
    text-align: left;
}
.ap_modal .ap_modal_header {
    background-color: var(--primaryColor);
    border: 0px;
}
.ap_modal .ap_modal_header h5 {
    color: var(--whiteColor);
    font-weight: 600;
}
.modal-body iframe {
    background-color: var(--whiteColor);
}
.ap_modal_dialog .modal-body + .modal-footer {
    padding-top: 0 !important;
}
/******* Accordian Css ********/
.ap_accordian_box .card {
    background-color: var(--darkColor);
}
.accordion>.card>.card-header.ap_whiteBox,
.accordion>.card>.card-header .ap_heading_box,
#app_update.card-body {
    border-radius: 0px !important;
    border: 0px;
    background-color: transparent;
}
.ap_formfeild_holder h5 {
    border-bottom: 1px solid rgb(36 38 52);
}
.ap_accordian_box .card-header button.collapsed {
    background-color: var(--primaryColor);
}
.ao_clientPage_dv .ao_menu_dv {
    width: 100%;
}
.ap_mediaProduct_body h6 {
    border-bottom: 1px solid rgb(57 58 82);
    font-weight: 500;
}
.ap_nav{
    font-weight: 500;
}
.ap_orderListFilterDate {
    background-color:transparent;
    box-shadow: none;
    padding: 20px 0;
}
.ap_orderListFilterDate .form-inline {
    position: relative;
}
.orderListFilter {
    padding-right: 40px  !important;
}
span.form-control.ap_uploadFile_span {
    border-radius: 7px;
    overflow: hidden;
    border: 0px !important;
}
.dataTables_wrapper .dataTables_length select {
    background-color: var(--whiteColor) !important;
}
.ap_featuerbox label.ap_checkbox.ap_label {
    padding-left: 35px;
}
.ap_featuerbox label.ap_checkbox.ap_label span {
    top: 9px;
    left: 9px;
}
.ap_showVariant_mediaInner .ap_checkbox>span {
    top: 3px;
}
.ap_featuerbox {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #363a5d;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight: 400;
}
.ap_datatable_Wrapper label.ap_checkbox span {
    top: 3px;
    border-radius: 5px;
}
.ap_datatable_Wrapper label.ap_checkbox {
    color: var(--headingColor);
    top: 0px;
}
.ap_tooltip_component{
    z-index: 10;
}
.ap_uploadFile_span input{
    z-index: 9;
}
.ap_tooltip_component {
    background-color: rgb(124 125 155);
}
.ap_checkbox {
    font-weight: 400;
}
ul.ap_chartlabel li a {
    font-size: 13px;
    font-weight: 400;
}
ul.ap_chartlabel li {
    margin-left: 10px;
}
ul.ap_chartlabel {
    display: flex;
    justify-content: end;
}
.ap_trainingFilter ul li a {
    padding: 15px 5px;
}
.ap_clientPage_dv .ap_menu_dv {
    width: 100%;
}
.ap_btn.createUser {
    color: var(--whiteColor);
}
/********* DashBoard New Css ***********/
.ap_welcomeDashboard {
    padding-bottom: 50px;
}
.ap_welcomeVideo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 1080px;
    margin: auto;
    padding: 35px 0;
}
.ap_welcomeVideo h3 {
    font-size: 24px;
    margin-bottom: 10px;
    /* color: var(--whiteColor); */
}
.ap_welcomeVideo p {
    font-size: 14px;
    margin-bottom: 15px;
}
.ap_welcomeVideo iframe {
    padding: 20px 0px;
    background-color: rgb(26 28 41 / 30%);
    border-radius: 10px;
    /* max-width: 768px; */
}
.ap_welcomeDashboard .ap_dashboardBox_wrapper .col {
    min-width: 250px;
    padding: 0px 5px;
}
.ap_header .ap_menu_dv li.ap_buttonMenu .ap_menu_btn{
    padding: 0 20px;
}
.ap_headerMenu_dv {
    /* color: var(--whiteColor); */
    display: flex;
    align-items: center;
}
.ap_menubar_box a {
    margin-right: 30px;
}
/*************** Start Editor Css ****************/
.ap_customManu_wrapper {
    left: 220px;
    top: 80px;
    max-width: 340px;
    height: calc(100% - 80px);
}
.ap_custom_content_wrapper {
    height: calc(100vh - 145px);
}
.ap_rightSidebar {    
    position: absolute;
    top: 60px;
    padding: 40px 20px;
    background-color:var(--bgDarkColor);
    border: 0px;
    height: calc(100vh - 141px);
    border-left: 1px solid rgb(255 255 255 / 10%);
}
.ap_viewtemplate {
    /* height: 645px;
    width: 300px;
    right: 10px; */
    background-color: var(--whiteColor);
}
.ap_mobilescreen_template.main-wrapper:before {
    top: 70px;
}
/* .ap_mobilescreen_template img.ap_mobileScreen_image.mobile-image {
    width: 500px;
} */
.ap_rightbar_icon {
    left: 5px;
    top: 5px;
    position: absolute;
}
.ap_component_text {
    font-size: 11px;
    line-height: normal;
    color: var(--headingColor);
    font-weight: 400;
}
.ap_component_icon {
    margin: 0 10px 0 0;
    border: 1px solid rgb(67 68 92);
    background-color: rgb(57 58 83);
}
.layout_label {
    width: calc(50% - 10px);
    padding: 0px 0px;
    position: relative;
    margin: 0 5px;
    border: 1px solid rgb(67 68 92);
    border-radius: 10px;
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}
.layout_label img {
    filter: brightness(4);
    width: 18px;
    height: 18px;
}
.layout_label:hover .ap_component_icon {
    background-color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
}
.ap_component_form .ap_menu_dv ul::before {
    bottom: -1px;
    background-color: rgb(73 75 91);
}
.ap_component_form .nav-tabs {
    margin-bottom: 10px;
}
.ap_component_form .ap_menu_dv li:first-child {
    padding-left: 0px;
}
label.layout_label:nth-child(odd) {
    margin-left: 5px;
}
.ap_pageContent_menu .menu__item.ap_actions:before {
    top: 10px;
}
.ap_pageContent_menu .menu__item .menu__link {
    padding: 0 15px;
    float: none;
    display: flex;
}
.ap_pageContent_menu li.menu__item .ap_btn {
    margin: 10px 3px;
}
.ap_trainingBox {
    background-color:  var(--darkColor);
    box-shadow: none;
}
.ap_trainingFilter {
    background-color: var(--darkColor);
}
.ap_trainingFilter h3 {
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    font-weight: 500;
}
.ap_bonusList {
    background-color: var(--darkColor);
}
.ap_trainingFilter ul li a {
    border-bottom: 1px solid var(--darkColor);
}
.cl_newtab_list.ap_menu_dv ul.ap_nav {
    border-bottom: 1px solid var(--darkColor);
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item .menu__link:before {
    top: -3px;
}
.ap_customManu_wrapper {
    border-top: 0;
}
.menu, ul.ap_firstlevel_menu {
    background: rgb(0 0 0 / 15%);
}
/* .menu__item.ap_activeMenu {
    background-color: rgb(26 28 41);
} */
.menu__level {
    padding: 15px 20px 0;
    top: 60px;
    left: 0px;
    width: calc(100% - 0px);
    height: calc(100% - 60px);
    background-color: var(--bgDarkColor);
    border-right: 1px solid rgb(255 255 255 / 10%);
}
.menu__item.ap_activeMenu::before {
    display: none;
    top: -35px;
    left: -8px;
    transform: rotate(90deg);
}
span.menuSvg_bg svg {
    fill: var(--darkColor);
}
.ap_firstlevel_menu .ap_mainmenu_tooltip {
    left: auto;
    top: calc(100%);
    background-color: rgb(79 81 116);
    right: 10px;
}
.ap_firstlevel_menu .ap_mainmenu_tooltip:before {
    border-right: 7px solid rgb(0 0 0 / 0%);
    border-top: 7px solid rgb(0 0 0 / 0%);
    border-bottom: 7px solid rgb(79 81 116);
    border-left: 7px solid rgb(0 0 0 / 0%);
    top: -14px;
    right: 20px;
    left: auto;
    margin: auto;
}
.ap_firstlevel_menu li.menu__item:first-child .ap_mainmenu_tooltip {
    left: 8px;
    right: auto;
}
.ap_firstlevel_menu li.menu__item:first-child .ap_mainmenu_tooltip:before{
    left: 20px;
    right: auto;
}
ul.ap_firstlevel_menu {
    width: 100% !important;
    left: 0px !important;
    display: flex;
    top: 0;
    height: 60px;
}
.ap_firstlevel_menu li.menu__item {
    padding: 12px 10px;
    height: 60px;
}
.ap_firstlevel_menu .menu__link {
    width: 35px;
    height: 35px;
}
span.menuSvg_bg {
    position: absolute;
    width: 100px;
    height: 100px;
    left: -16px;
    top: -11px;
    visibility: hidden;
    opacity: 0;
}
li.menu__item.ap_activeMenu span.menuSvg_bg{
    visibility: visible;
    opacity: 1;
}
.menu__link.ap_allpages_menu, .ap_pageContent_menu .menu__item:first-child .menu__link {
    color: var(--headingColor);
    background-color: rgb(0 0 0 / 0%);
    border-radius: 0;
    padding: 10px 0px 15px;
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item .menu__link.ap_allpages_menu {
    padding-left: 0;
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item.ap_actions {
    border-radius: 0;
    margin-bottom: 15px;
    height: 50px;
    border: 0;
    border-bottom: 1px solid rgb(255 255 255 / 5%) !important;
}
.ap_pageContent_menu .menu__item.ap_actions.ap_activemenu svg,
.ap_pageContent_menu .menu__item.ap_actions:hover svg{
    fill: var(--primaryColor);
}
.ap_pageContent_menu .menu__item.ap_actions:hover, 
.ap_pageContent_menu .menu__item.ap_actions.ap_activemenu{
    background-color: transparent;
    /* border: 0; */
}
.ap_pageContent_menu .menu__item.ap_actions:hover .menu__link, 
.ap_pageContent_menu .menu__item.ap_actions.ap_activemenu .menu__link{
    background-color: transparent;
    color: var(--primaryColor);
}
.ap_pageContent_menu .menu__item.ap_actions:hover::before, .ap_pageContent_menu .menu__item.ap_actions.ap_activemenu:before {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    width: 100%;
}
.ap_pageContent_menu .menu__item.ap_actions:before {
    top: auto;
    bottom: 0;
    height: 1px;
    border-radius: 5px;
}
.ap_customManu_wrapper,
.ap_custom_content_wrapper,
.ap_custom_app_header{
    /* border: 0px; */
    border-color: rgb(0 0 0 / 30%);
}
.ap_custom_app_header {
    background-color: rgb(0 0 0 / 30%);    
    padding: 12px 15px;    
    border-bottom: 0;
    min-height: 64px;
}
.ap_mainmenu_tooltip:before {
    border-right: 7px solid var(--darkColor);
}
.ap_custom_content_wrapper{
    background-color: transparent;
    margin-left: 340px;
    width: calc(100% - 340px);
}
.ap_accordianSetting {
    background-color: rgb(26 28 41 / 0);
}
.ap_accordianSetting .card {
    background-color: rgb(0 0 0 / 0%);
}
.ap_accordianSetting .card>.card-header {
    display: flex;
    align-items: center;
    padding: 20px 15px;
    background-color: rgb(255 255 255 / 5%);
    border-radius: 10px;
}
.ap_accordianSetting .card-header button {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap_accordianSetting .card-header button svg{
    top: 0px !important;
    bottom: 0px;
}
.ap_accordianSetting .ap_innerContent {
    padding: 20px 0 0;
}
.ap_pageContent_menu .ap_accordianSetting .ap_btn.ap_submitBtn {
    width: auto;
    height: 50px;
    padding: 0px 20px;
}
.ap_accordianSetting .ap_label.ap_autoresponder {
    width: 100%;
}
.ap_custom_app_header .ap_inline_icons {
    height: 35px;
    padding: 0px;
    border-radius: 7px;
}
.ap_custom_app_header .ap_headicon {
    width: 35px;
    height: 35px;
    border-radius: 7px;
}
.ap_custom_app_header .ap_inline_icons .ap_headicon {
    width: 30px;
    height: 30px;
    border-radius: 7px;
}
.ap_inline_icons .ap_headicon svg, .ap_headicon svg {
    height: 16px;
    width: 16px;
}
.ap_custom_app_header a.ap_btn.ap_viewApp_btn, .ap_custom_app_header .ap_inline_feild a.ap_btn {
    padding: 0px 15px;
    height: 35px;
    line-height: 30px;
    font-size: 13px;
    font-weight: normal;
}
.ap_uploadDetail .ap_btn.ap_green_btn, .ap_basicsetting_box .ap_extraNextBtn .ap_btn {
    font-weight: normal;
    font-size: 13px;
    padding: 0 10px;
}
/* .amz_overlayBg {
    width: 320px;
} */
.ap_upload {
    /* background-color: rgb(0 0 0 / 0%); */
    padding: 50px 15px;
    border: 1px dashed rgb(79 81 116);
}
.ap_basicsetting_box .ap_uploadDetail + p {
    color: inherit;
}
.ap_component_content .ap_uploadIcon {
    box-shadow: none;
}
span.appPageTitle {
    height: auto;
    text-transform: capitalize;
}
.ap_pageContent_menu .menu__item .menu__link {
    padding: 0 15px;
}
.ap_pageContent_menu .menu__item.ap_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;    
    border: 0;
    margin-bottom: 15px;
}
.ap_component_content {
    padding: 0px 0;
}
.ap_component_title h3 {
    font-size: 16px;
    min-width: calc(100% - 0px);
}
.ap_component_title {
    padding: 0px;
    background-color: transparent;
    border-radius: 0;
}
/* .appRightSection > .ap_component_title,
.appRightSection > .basicForms .ap_component_title:first-child{
    padding: 0 0 0 40px;
} */
.ap_form_feild {
    height: auto;
    background-color: rgb(0 0 0 / 0%);
    border: 0;
    padding: 0 0px;
}
.ap_label_list span, 
.ap_bg_transperant .ap_label_list span {
    /* color: rgb(124 125 155); */
}
.ap_component_content .ap_autoresponder label.ap_toggle_label {
    margin: 0;
}
#appMenuSettings .ap_component_title > h3 {
    min-width: calc(100% - 40px);
}
#appMenuSettings .ap_component_title {
    margin-bottom: 20px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
.ap_basicsetting_box .appPageList li.menu__item a.menu__link {
    display: flex;
}
.ap_basicsetting_box .appPageList li.menu__item:hover {
    background-color: transparent;
    border: 0;
    color: var(--primaryColor);
}
.ap_iconlist_modal {
    flex-wrap: wrap;
    max-height: 450px;
    overflow-y: auto;
    margin:0px;
    width:100%;
    display: flex;
    overflow-x: hidden;
	padding-right: 10px;
}
.ap_iconlist_modal label.layout_label {
    border: 0px;
    padding: 10px 10px;
    margin: 15px 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-icon-edit img {
    width: 14px;
    height: 14px;
}
.app-menu-icon {
    width: 30px;
    height: 30px;
}
.app-icon-edit {
    /* visibility: visible !important;
    opacity: 1 !important; */
    background-color: var(--primaryColor);
    width: 100%;
    height: 100%;
}
.app-menu-icon > i {
    font-size: 18px;
}
.ap_basicsetting_box .appPageList li.menu__item a.menu__link {
    padding: 10px 10px;
}
.ap_basicsetting_box .appPageList li.menu__item:before{
    visibility: hidden !important;
}
.ap_basicsetting_box .appPageList li.menu__item {
    padding: 0 15px 0 0;
}
.ap_buttonURLSelect .select_box_radio + .ap_selected_radio:before, 
.ap_buttonURLSelect .select_box_radio + .ap_selected_radio:before {
    background-color: #9c9ec2;
    top: 9px;
    left: 0px;
}
.ap_selectinner_box .buttonUrlSection .layout_label {
    padding: 12px 0px 12px 30px;
    width: 100%;
}
.ap_mainwrapper.ap_sidebarMenu_wrapper.open {
    width: 220px;
}
.ap_menu_dv.ap_disable_menu > ul > li.ap_disable_menu_li{ 
    pointer-events: visiblefill;
}
.ap_menu_dv.ap_disable_menu > ul > li.ap_disable_menu_li:after {
    top: 70px;
    width: 100%;
    text-align: center;
    height: auto;
    font-size: 10px;
}
.ap_serviceFlex {
    float: left;
    width: 100%;
    padding: 50px 0px 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px var(--inputColor);
}
.cl_service_dropdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}
.cl_service_dropdown .cl_SelectPayment {
    margin-left: 15px;
}
h3.cl_notetext {
    display: block;
    color: var(--grayColor1);
    font-weight: 500;
    flex: 1;
    position: relative;
    padding-left: 20px;
    line-height: normal;
    font-size: 14px;
    text-transform: none;
}
h3.cl_notetext svg, h3.cl_notetext svg path{
    fill: var(--grayColor1) !important;
}
.ap_component_title h3.cl_notetext svg {
    margin-top: 1px;
    margin-right: 5px;
    position: absolute;
    left: 0;
}
.cl_notperagraph p a {
    color: var(--primaryColor);
}
.cl_notperagraph {
    margin-bottom: 20px;
}
.ap_mainwrapper.ap_sidebarMenu_wrapper.open .ap_menu_dv {
    display: block;
}
.ap_appsTitle{
    color: var(--primaryColor);   
}
.ap_ComponentIcon_list {
    display: flex;
    flex-wrap: wrap;
}
/************* Setting Page Css ***********/
.ap_accordion_save_template .card {
    display: block;
    height: auto;
    float: left;
    width: 100%;
}
.ap_rightAccordian_menu {
    max-width: 300px;
    float: left;
    width: 100%;
    height: 100vh;
    padding: 30px 0;
    border-right: 1px solid var(--bgDarkColor);
}
.ap_collapseHolder {
    max-width: calc(100% - 300px);
    float: left;
    width: 100%;
    height: auto;
}
.ap_rightAccordian_menu .ap_container {
    justify-content: space-between;
}
.ap_rightAccordian_menu .ap_heading {
    font-size: 15px;
    margin: 0;
    color: var(--whiteColor);
}
.ap_multiBtn_holder {
    width: auto;
}
.ap_rightAccordian_menu .ap_heading_box .ap_multiBtn_holder button {
    padding: 15px 20px;
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ap_accordian_box .ap_rightAccordian_menu .card-header button {
    background-color: var(--primaryColor);
}
.ap_accordian_box .ap_rightAccordian_menu .card-header button.collapsed {
    background-color: transparent;
}
.ap_accordian_box .ap_rightAccordian_menu .card-header button.collapsed svg, 
.ap_accordian_box .ap_rightAccordian_menu .card-header button.collapsed:hover svg {
    transform: rotate(90deg);
}
.ap_accordian_box .ap_rightAccordian_menu .card-header button svg, 
.ap_accordian_box .ap_rightAccordian_menu .card-header button:hover svg {
    top: 0px;
    transform: rotate(-90deg);
}
.ap_inner_box.ap_autoresponders_wrapper .col_5 {
    min-width: 210px;
}
.ap_verticalCenterDv .ap_showMedia_image label.ap_checkbox.ap_label {
    width: calc(50% - 15px);
}
.ap_checkbox>span:after {
    left: 3px;
    top: 5px;
}
.ap_verticalCenterDv img {
    margin-bottom: 20px;
}
.ap_verticalCenterDv > p {
    margin-bottom: 23px !important;
}
.ap_verticalCenterDv .input-group-text.ap_btn {
    border-radius: 7px !important;
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused),
.ck.ck-editor__main>.ck-editor__editable {
    color: var(--whiteColor);
    background-color: rgb(0 0 0 / 0%) !important;
    border: 1px solid rgb(73 75 91) !important;
    font-weight: 400;
}
.ck.ck-placeholder:before, .ck .ck-placeholder:before {
    color: var(--headingColor) !important;
}
/********** Icon Modal **********/
.ap_iconlist_modal span.ap_iconLabel_dv p {
    bottom: 0; 
    height: auto;
    position: relative;
    min-height: auto;
}
.ap_iconlist_modal label.layout_label {
    width: 130px;
    height: auto;
}
span.ap_iconLabel_dv {
    position: relative;
    z-index: 99;
}
.ap_iconlist_modal .select_box_radio:checked + .ap_selected_radio .ap_iconLabel_dv p {
    color: var(--primaryColor) !important;
    height: auto;
}
.select_box_radio{
    z-index: 999;
}
.ap_component_content table tr td .ap_autoresponder label.ap_toggle_label {
    height: 8px;
}
.mobilePrivew_dashboard iframe.ap_preview_iframe{
    width:315px;
}
form.ap_searchForm.ap_entertemplate_form input.ap_search.form-control.require {
    border-right: 0 !important;
}
form.ap_searchForm.ap_entertemplate_form 
 button.input-group-text.ap_btn.ap_green_btn {
    border-radius: 0px 5px 5px 0px !important;
}
div#myTabContent {
    width: 100%;
}
.ap_component_content .amz_gridAccordian_setting .ap_btn.ap_btn_img, 
.ap_btn.changeImagePopup.ap_bg_img {
    border-radius: 8px 0px 0px 8px;
    font-size: 12px;
    padding-right: 0;
    max-width: 140px;
    line-height: normal;
}
.removeGridImage, 
.removeListIcon {
    width: 40px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primaryColor);
    border-radius: 0 8px 8px 0px;
    padding: 13px;
    border-left: 1px solid rgba(255 255 255 / 25%);
}
.editListIcon.ap_btn.ap_btn_img, 
.editListIcon.ap_btn.changeImagePopup {
    border-radius: 8px 0px 0px 8px;
    font-size: 12px;
    padding-right: 0;
    max-width: 140px;
    line-height: normal;
}
.ap_form_feild input.ap_colorPicker.form-control, .ap_form_feild .ap_colorPickerpopup.form-control{
    width: 177px;
}
.ap_component_content .ap_label{
    min-width: 120px;
}
.ap_actions a.ap_icon {
    padding: 0;
}
/********** Template Preview ************/
/* .col_5 {
    width: 16.6%;
} */
/* Responsive Css */
@media(max-width:1550px){
    .rightbar_open .ap_mobilescreen_template.main-wrapper:before {
        top: 60px;
    }
    .ap_heading {
        font-size: 13px;
    }
}
@media(max-width:1440px){
    .ap_welcomeVideo iframe {
        max-width: 620px;
        max-height: 375px;
    }
    .ap_mobilescreen_template.main-wrapper:before {
        top: 60px;
    }
    .rightbar_open .ap_mobileScreen_image {
        max-width: 425px !important;
    }
    .ap_laptopscreen_template {
        padding: 50px 5px;
    }
    .rightbar_open .ap_viewtemplate_laptop {
        height: 214px;
        width: 330px;
        top: 60px;
        right: -10px;
    }
    .rightbar_open .ap_mobilescreen_template .ap_viewtemplate {
        height: 554px;
        width: 270px;
        top: 62px;
        left: -13px;
    }
    .ap_viewtemplate_laptop {
        height: 345px;
        width: 545px;
    }
}
@media(max-width:1200px){
    .ap_QR_iframe {
        width: 150px;
    }
    .ap_btnHolder_dv {
        width: calc(100% - 150px);
        padding-left: 20px;
    }
    .ap_innerBtn_holder {
        margin-bottom: 0px;
    }
    .ap_btnHolder_dv .ap_actionIcons a {
        width: 40px;
        height: 40px;
    }
    .mobilePrivew_dashboard iframe.ap_preview_iframe {
        width: 255px;
    }
    .ap_app_title {
        margin-top: 0;
    }
    /************** Start Menu Css ***********/
    main.ap_mainwrapper {
        margin-left: 0px;
        width: calc(100% - 0px);
    }
    a.menu_btn.d-none {
        position: fixed;
        right: 15px;
        top: 35px;
    }
    .ap_sidebarMenu_wrapper {
        width: 0px;
    }
    .ap_sidebarMenu_wrapper .ap_menu_dv {
        background-color: inherit;
        left: -220px;
        padding: 0px;
        width: 220px;
        top: 80px;
    }
    .ap_sidebarMenu_wrapper .ap_logo {
        height: 80px;
    }
    .ap_mainwrapper.ap_sidebarMenu_wrapper.open .ap_logo {
        width: 100% !important;
    }
    .ap_header .ap_menu_dv {
        position: relative;
        width: calc(100% - 220px);
        top: 0;
        left: auto;
    }
    .ap_header .ap_mainWrapper .ap_menu_dv {
        width: 100%;
        background-color: rgb(0 0 0 / 0%);
        padding: initial;
    }
    .ap_header .ap_menu_dv li.ap_buttonMenu,
    .ap_header .ap_menu_dv li.ap_select_menu {
        margin-top: 0px;
    }
    .ap_header .ap_col.align-items-center.ap_mainWrapper {
        max-width: initial;
    }
    .ap_header .ap_menu_dv ul.ap_nav {
        display: flex;
    }
    .ap_header {
        padding: 0 20px;
    }
    .ap_header .ap_nav {
        justify-content: end;
    }
    .ap_headerMenu_dv {
        font-size: 0;
    }
    .ap_desktopLogo{
        display: none !important;
    }
    .ap_logo img {
        max-width: 45px !important;
    }
    .ap_sidebarMenu_wrapper .ap_logo {
        width: 80px !important;
    }
    .ap_header {
        width: calc(100% - 80px) !important;
    }
    .ap_header .ap_col_4:first-child {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .menu_openSetting .ap_custom_content_wrapper {
        background-color: rgb(0 0 0 / 0%);
        margin-left: 300px;
        width: calc(100% - 300px);
    }
    .ap_custom_app_header {
        padding: 13px 15px 13px 40px;
    }
    .ap_custom_content_wrapper {
        background-color: rgb(0 0 0 / 0%);
        margin-left: 0px;
        width: calc(100% - 0px);
    }
    .ap_customManu_wrapper {
        left: -300px;
        max-width: 300px;
    }
    .menu__item.ap_activeMenu::before {
        top: -35px;
        left: -18px;
    }
    .ap_firstlevel_menu .menu__link {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }
    .menu__wrap {
        overflow: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 80px);
    }
    .ap_customManu_wrapper {
        overflow-y: visible;
        overflow-x: visible;
        z-index: 100;
        border: 0px;
    }
    .ap_customManu_wrapper a.menu_btn.d-none {
        right: -40px;
        width: 40px;
        height: 60px;
        top: 0;
    }
    .ap_customManu_wrapper .menu_btn span {
        position: relative;
        top: 25px;
    }
    .ap_finderList li {
        margin-bottom: 15px;
    }
    .ap_sideMenu_hidden .ap_sidebarMenu_wrapper a.menu_btn.d-none {
        display: none !important;
    }
    .ap_sideMenu_hidden .ap_user.ap_profile_wrapper {
        margin-right: 0px;
    }
    /************** End Menu Css ***********/
}
@media(max-width:1080px){
    .ap_header .ap_menu_dv li.ap_buttonMenu .ap_menu_btn {
        padding: 0 10px;
        font-size: 0;
        min-width: 50px;
    }
    .ap_custom_app_header a.ap_btn.ap_viewApp_btn, .ap_custom_app_header .ap_inline_feild a.ap_btn {
        line-height: 15px;
        text-align: left;
    }
    .ap_custom_app_header .ap_headicon {
        width: 50px;
    }
}
@media(max-width:991px){
    .mobilePrivew_dashboard iframe.ap_preview_iframe {
        width: 325px;
    }
    .ap_viewtemplate {
        height: 645px;
        width: 300px;
    }
    .ap_mobilescreen_template img.ap_mobileScreen_image.mobile-image {
        width: 500px;
    }
    .ap_btnHolder {
        width: 300px;
    }
    .ap_Contentbox {
        margin-bottom: 30px;
        padding: 0px 0 30px;
    }
    .col.col-full {
        flex: 0 0 50%;
    }
}
@media(max-width:768px){
    .ap_uesrName {
        margin-right: 0px;
        font-size: 0;
    }
    .ap_profile_wrapper {
        margin-right: 35px;
    }
    .ap_profile_wrapper>a {
        padding: 20px 5px;
        display: flex;
    }
    .ap_header .ap_menu_dv li.ap_buttonMenu .ap_menu_btn {
        padding: 0 10px;
        line-height: normal;
        display: flex;
    }
    .ap_header .ap_col_4:last-child {
        max-width: 95px;
    }
    .ap_welcomeVideo iframe {
        max-width: 100%;
        max-height: 300px;
    }
    .ap_dashboardBox_wrapper .col {
        min-width: 100%;
    }
    .ap_editDelete_btn .ap_heading {
        margin-bottom: 0px;
    }
    .ap_QR_iframe {
        width: 105px;
        padding: 5px;
        height: 105px;
    }
    .ap_btnHolder_dv .ap_Gapp, 
    .ap_btnHolder_dv .ap_actionIcons {
        margin: 0px 0 5px;
    }
    .ap_btnHolder_dv {
        width: calc(100% - 105px);
        padding-left: 10px;
    }
    .ap_orderListFilterDate .form-inline {
        margin-bottom: 15px;
        max-width: 100% !important;
    }
    .ap_autoresponder, .ap_orderListFilterDate  {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    div#couponModal .modal-content.ap_modal_content > form {
        max-height: calc(100vh - 100px);
    }
    .ap_collapseHolder {
        max-width: calc(100% - 0px);
    }
    .ap_rightAccordian_menu {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .ap_inner_box.ap_otherSetting_wrapper .ap_innercontent_wrapper {
        height: auto;
    }
    .ap_table_responsive {
        padding: 0px 0px;
    }
    .form-group.ap_profile_submit {
        margin-top: 10px;
    }
    .ap_Qr_imageHolder p {
        line-height: 20px !important;
        font-size: 14px;
    }
    .ap_btnHolder {
        width: 100%;
        margin-top: 15px;
    }
    .ap_postedOn {
        display: block;
    }
    .ap_finder_logo {
        margin-bottom: 20px;
    }
    .ap_finderContent {
        width: calc(100% - 0px);
        padding-left: 0px;
    }
    .ap_Contentbox {
        display: block;
    }
    .ap_rightSidebar {
        top: 110px;
        height: calc(100vh - 180px);
    }
    .rightbar_open .ap_mobilescreen_template .ap_viewtemplate {
        height: 590px;
        width: 272px;
        position: absolute;
        top: 64px;
        right: 0;
        left: -7px;
        border-radius: 25px;
    }
    .ap_custom_content_wrapper {
        margin-left: 0px;
        width: calc(100% - 0px);
    }
    .ap_innercontent_wrapper .ap_custom_content_wrapper {
        height: calc(100vh - 0px);
    }
}
@media(max-width:575px){
    .ap_modalPreview_Template img {
        width: 274px;
    }
    .ap_headLine h3.ap_heading {
        line-height: normal;
    }
    .ap_verticalCenterDv .ap_showMedia_image label.ap_checkbox.ap_label {
        width: calc(100% - 0px);
    }
    .ap_showMedia_image {
        display: block;
    }
    .ap_QR_iframe {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        text-align: center;
    }
    .ap_btnHolder_dv, .ap_btnHolder_dv .ap_Gapp {
        width: calc(100% - 0px);
        padding-left: 0;
        max-width: 100%;
    }
    .ap_modal .ap_modal_footer .ap_btn {
        max-width: 150px;
        margin-right: 5px;
    }
    table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%;
    }
    .ap_innercontent_wrapper {
        height: calc(100vh - 79px);
    }
    .ap_firstlevel_menu li.menu__item {
        background-color: transparent;
    }
    span.menuSvg_bg {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0px;
    }
    .menu__level {
        top: 0;
        left: 0;
        width: calc(100% - 0px);
        height: calc(100% - 0px);
    }
    .menu_openSetting .ap_custom_content_wrapper {
        margin-left: 0px;
        width: calc(100% - 0px);
    }
    .menu, .menu__wrap {
        top: 0px;
    }
    .ap_sidebarMenu_wrapper {
        background-color: var(--darkColor);
    }
    .ap_innercontent_wrapper {
        height: calc(100vh - 81px);
    }
    .ap_customManu_wrapper.menu_open_left a.menu_btn.d-none {
        right: 5px;
        top: 10px;
        z-index: 999;
    }
    .ap_customManu_wrapper a.menu_btn.d-none {
        right: -40px;
        top: -7px;
    }
    .ap_innercontent_wrapper .ap_custom_content_wrapper {
        height: calc(100vh - 241px);
    }
    .ap_rightSidebar {
        top: 120px;
        height: calc(100vh - 250px);
    }
    .ap_profile_wrapper>a {
        padding: 10px 5px;
    }
    .ap_sidebarMenu_wrapper .ap_logo {
        height: 61px;
    }
    main.ap_mainwrapper {
        padding-top: 60px;
    }
    .ap_customManu_wrapper .menu_btn span {
        top: 15px;
    }
    .ap_mobilescreen_template.main-wrapper:before {
        top: 44px;
    }
    .ap_viewtemplate {
        height: 418px;
        width: 200px;
    }
    .ap_header .ap_col.align-items-center.ap_mainWrapper {
        max-width: 175px;
    }
    .ap_header .ap_col_4:first-child{
        max-width: 100px !important;
        flex: 0 0 100px;
    }
    .ap_menubar_box a {
        margin-right: 10px;
    }
    .ap_menubar_box a:last-child{
        margin-right: 0px;
    }
    a.menu_btn.d-none {
        top: 25px;
    }
}
@media(max-width:480px){
    .ap_header .ap_menu_dv li.ap_buttonMenu .ap_menu_btn {
        padding: 0 5px;
        min-width: 35px;
        height: 35px;
    }
    .ap_userimg {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        font-weight: normal;
    }
    a.menu_btn.d-none {
        right: 12px;
        top: 30px;
    }
    .ap_sidebarMenu_wrapper .ap_logo {
        height: 51px;
        width: 70px !important;
        padding: 0 13px;
    }
    .ap_sideMenu_hidden main.ap_mainwrapper {
        padding-top: 51px;
    }
    .ap_header {
        width: calc(100% - 70px) !important;
    }
    .col.col-full {
        flex: 0 0 100%;
    }
    .ap_menu_dv{
        padding-top: 10px;
    }
    .ap_component_content .ap_table_wrapper {
        padding-top: 0;
    }
}
@media(min-width: 1200px){
    li.ap_mobileMene_view, .ap_mobileLogo {
        display: none !important;
    }
}
@media(min-width: 1600px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}