* {
    outline: none;
}
*, ::after, ::before {
    box-sizing: border-box;
}
:root{
    --grayColor:#5f88a3;
    --headingColor: #3f3f59;
    --primaryColor: #727598;
    --grayColor1: #a1a3ce;
    --themeColor: #3e5df2;
    --darkColor: #292934;
    --inputColor: #454764;
    --inputBgColor: #fafcff;
    --transition: all 0.3s ease-in-out;
    --greenColor: #26D49B;
}
body{
    margin: 0;
    padding: 0;
    color: var(--primaryColor);
    background-color: #F2F5FA;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Be Vietnam', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
}
:after,:before{
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
a:hover,a{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
h1,h2,h3,h4,h5,h6{
    color: var(--headingColor);
    font-weight: 700;
}
img{
    max-width: 100%;
}
ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
    margin: 0px;
    padding: 0px;
}
.text-right {
    justify-content: flex-end;
}
.align-items-center {
    justify-content: center;
    align-items: center;
    display: inline-flex;
}
.ap_container {
    max-width: 1200px;
    margin: auto;
    padding: 0px 15px;
    display: flex;
}
.ap_half {
    width: 70%;
    display: inline-flex;
}
.ap_containerfluid {
    max-width: 100%;
    float: left;
    width: 100%;
}
.ap_full_width {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.ap_col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    padding: 0px 15px;
}
.ap_col_4 {
    flex: 0 0 20%;
    max-width: 20%;
}
.ap_nav {
    display: block;
    list-style: none;
}
.ap_nav li{
    display: inline-block;
}
/* spacer */
.ap_padderTop10{
    padding-top: 10px;
}
.ap_padderTop50{
    padding-top: 50px;
}
.ap_padderTop80{
    padding-top: 80px;
}
.ap_padderTop70{
    padding-top: 70px;
}
.ap_padderBottom80{
    padding-bottom: 80px;
}
.ap_padderBottom70{
    padding-bottom: 70px;
}
.ap_padderBottom50{
    padding-bottom: 50px;
}
.ap_padderBottom30{
    padding-bottom: 30px;
}
.ap_marginBottom50{
    margin-bottom: 50px;
}
.ap_marginBottom40{
    margin-bottom: 40px;
}
.ap_marginBottom30{
    margin-bottom: 30px;
}
.ap_marginBottom10{
    margin-bottom: 10px;
}
.ap_marginBottom20{
    margin-bottom: 20px !important;
}
.ap_marginBottom25{
    margin-bottom: 25px;
}
.ap_marginTop10{
    margin-top: 10px;
}
.ap_heading {
    font-size: 16px;
    align-items: center;
    display: inherit;
}
.ap_padd_zero{
    padding: 0px !important;
}
/* CheckBox */
.ap_checkbox {
	position: relative;
	padding: 0 0 0 30px;
	cursor:pointer;
    font-size: 15px;
    font-weight: 500;
    height: 12px;
    color: var(--grayColor1);
}
.ap_checkbox input {
	display: none;
}
.ap_checkbox>span {
	height: 18px;
	width: 18px;
	border: 1px solid #E5E7F7;
	background-color: #f8fbfc;
	position: absolute;
	content: '';
	border-radius: 5px;    
	left: 0;
    top: 0;
}
.ap_checkbox>span:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 5px;
	border: 2px solid #ffffff;
	border-top: none;
	border-right: none;
	left: 4px;
	top: 4px;
	transform: rotate(-45deg) scale(0);
}
.ap_checkbox input:checked ~ span{
	border-color:var(--themeColor);
	background-color: var(--themeColor);
}
.ap_checkbox input:checked ~ span:after {
	transform: rotate(-45deg) scale(1);
}
/****/
.ap_btn {
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--themeColor);
    color: #fff;
    border: none;
    border-radius: 7px;
    width: 100%;
    padding: 0 15px;
    text-transform: capitalize;
    outline: none !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: var(--transition);
    margin: 0;
    max-width: 200px;
    line-height: 46px;
}
.ap_green_btn {
    background-color: var(--greenColor);
    box-shadow: 0 24px 25px rgb(40 195 151 / 10%);
    color: #fff !important;
}
.ap_dark_btn{
    background-color: var(--darkColor);
}
.ap_btn:hover {
    background-position: 270px;
    background-color:var(--darkColor);
    color: #fff;
    box-shadow: 0 15px 20px rgb(0 0 0 / 0.1);
}
.ap_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -101%;
    right: 0;
    bottom: 0;
    background: #2C2B3B;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 100%;
    transition: all 0.3s;
}
.ap_btn:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    left: 0;
}
/* .ap_dark_btn:hover{
    background-color: var(--themeColor);
} */
.ap_gray_bg{
    background-color: #f3f5f9;
}
.form-control {
    height: 50px;
    border-radius: 7px;
    padding: 0 20px;
    color: #454764;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #fbfdff;
    border: 1px solid #e0e9f1;
    line-height: 50px;
}
.form-control:focus{
    border-color: var(--primaryColor);
}
.form-control::placeholder {
    color: #a5a8d5;
    line-height:normal;
    vertical-align:middle;
    line-height: 46px;
}
.ap_label {
    font-weight: 500;
    position: relative;
    color: var(--headingColor);
    min-width: 105px;
}
.ap_textarea{
    padding: 15px 20px;
    resize: none;
}
/* Loader Css*/
.ap_preloader {
    position: fixed;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999;
}
.ap_preloader span {
    width: 70px;
    height: 70px;
    border-top: 35px solid #f66a82;
    border-bottom: 35px solid #777;
    border-radius: 50%;
    animation: 2s rotate360 infinite linear;
    border-left: 35px solid #f6b8c2;
    border-right: 35px solid #ffe0e5;
}
@keyframes rotate360 {
    to { transform: rotate(360deg); }
}
.hide{
    display: none !important;
}
/******/
/* modal */
.ap_modal {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.ap_modal .ap_modal_header {
    background-color: #FAFCFF;
    border: none;
    border-radius: 15px 15px 0 0;
    padding: 17px 30px;
    border-bottom: 1px solid #E5E7F7;
}
.ap_modal .ap_modal_header h5 {
    color: #3f3f59;
    font-weight: 700;
    font-size: 16px;
}
.ap_modal .ap_modal_dialog {
    max-width: 700px;
}
.ap_modal .ap_modal_content {
    border-radius: 15px;
    box-shadow: 0 20px 20px rgb(10 10 10 / 10%);
    border: none;
}
.ap_modal .ap_modal_body {
    padding: 40px 40px 0;
}
.ap_modal .ap_modal_footer {
    padding: 10px 40px 40px;
    border: none;
}
.ap_modal .ap_modal_header .close{
    outline: none;
}
.ap_modal .ap_modal_footer .ap_btn:last-child {
    margin: 0px;
}
.ap_modal .ap_modal_footer .ap_btn {
    max-width: 135px;
    vertical-align: text-bottom;
    margin-right: 15px;
    line-height: 45px;
    height: 45px;
}
.ap_modal_dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.ap_modal .ap_modal_content {
    width: 100%;
    background-color: #fff;
}
.ap_modal .ap_modal_dialog{
    max-width: 550px;
    border-radius: 15px;
    margin: auto;
}
.ap_modal .ap_modal_header .close {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #c8c9df;
    font-weight: 300;
    opacity: 1;
    font-size: 40px;
}
.ap_modal .ap_modal_header {
    position: relative;
}
.ap_modal.show {
    background-color: rgba(0,0,0,0.7);
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}
.ap_modal.show .ap_modal_dialog {
    -webkit-transform: none;
    transform: none;
}
.ap_modal.fade .ap_modal_dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
    max-width: 600px;
}
.ap_modal .ap_modal_footer .ap_btn.ap_green_btn.categoryBtn {
    max-width: 185px;
}
.fade:not(.show) {
    opacity: 0;
}
.fade {
    transition: opacity .15s linear;
}
.ap_popupOpen .ap_modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.ap_modal_dialog .modal-body h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--darkColor);
    margin-bottom: 20px;
}
.ap_modal_dialog .modal-body {
    text-align: center;
    padding: 40px 20px 15px;
    /* max-height: calc(100vh - 300px);
    overflow: auto; */
}
.ap_modal_dialog .modal-body p {
    max-width: 300px;
    margin: 0 auto;
}
.ap_modal_footer {
    border: 0px;
    text-align: center;
}
.ap_darkBtn {
    background-color: var(--darkColor);
}
.ap_darkBtn:hover::before, .ap_redBtn:hover::before{
    background-color: var(--themeColor);
}
.ap_redBtn {
    background-color: #FA395C;
}
a.ap_close.close {
    opacity: 1;
    text-align: right;
    padding: 15px 30px 0;
    position: absolute;
    right: 0;
    z-index: 99;
}
/* select */
#addTemplate .select2-container.select2-container--default {
    max-width: 100% !important;
}
.select2-container {
    width: 100% !important;
    max-width: 500px !important;
    min-width: 150px;
}
#addTemplate ~ .select2-container{
    z-index: 9999;
}
.select2-container--default .select2-selection {
    border-radius: 7px;
    border-color: #e5e7f7;
    font-size: 14px;
    color: #bcbee5;
    outline: none;
}
.select2-container--default .select2-selection--single {
    height: 50px;
    background-color: var(--inputBgColor);
    border-color: #e5e7f7;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    padding: 0 40px 0 15px;
}
.select2-container--default .select2-selection__arrow {
    height: auto !important;
    bottom: 1px;
    right: 0px !important;
}
.select2-dropdown {
    border-color: #e5e7f7;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 7px 10px rgb(0 0 0 / 4%);
}
.select2-search--dropdown {
    padding: 8px 15px;
    /* display: none; */
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #a1a3ce;
    font-weight: 500;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:var(--primaryColor);
    font-weight: 500;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e5e7f7;
    border-radius: 7px;
    height: 34px;
    outline: none;
    padding:0 15px;
    font-weight: 500;
}
.select2-results__option {
    border-top: 1px solid #e5e7f7 !important;
    padding: 7px 15px;
    border-radius: 0 0 7px 7px;
    line-height: 40px;
    color: #bcbee5;
    line-height: normal;
    font-size: 13px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: var(--primaryColor);
}
.select2-container--open .select2-dropdown {
    border-color: #e5e7f7;
}
.select2-container--open .select2-dropdown--above {
    border-radius: 7px 7px 0 0;
    box-shadow: 0 -7px 10px rgb(0 0 0 / 4%);
}
.select2-container--open .select2-selection {
    border-color: #e5e7f7;
}
.select2-container--open.select2-container--below .select2-selection {
    border-bottom-color:var(--grayColor) !important;
}
.select2-container--open.select2-container--above .select2-selection {
    border-top-color:var(--grayColor) !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: #e5e7f7;
    min-height: 45px;
}
.select2-container--default .select2-search--inline .select2-search__field {
    min-height: 33px;
    margin-left: 15px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%) !important;
    color: #fff;
    text-transform: capitalize;
    padding: 0 10px 0 0;
    border: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    background-color: transparent;
    color: #fff;
    margin-right: 10px;
    padding: 0 8px;
    border-color: #e5e7f7;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 15px;
    margin: 0;
    top: 8px;
}
.select2-container--default .select2-results__option--selected {
    background-color: transparent;
}
.select2-container--open .select2-dropdown--above .select2-results__option:first-child{
    border-radius: 5px 5px 0 0;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 7px;
    left: 0;
    position: absolute;
    top: 45%;
    width: 7px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #a1a3ce;
    transform: rotate(-45deg);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: #a1a3ce;
    transform: rotate(-45deg);
    top: 55%;
}
/* Loader */
.product_loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255 255 255 / 80%);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    vertical-align: middle;
    display: flex;
    align-items: flex-end;
}
.pos_relative {
    position: relative;
    min-height: 500px;
}
.vertical_center {
    display: table;
    height: 100vh;
    width: 100%;
    text-align: center;
}
.center_dv{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.vertical_center span {
    width: 70px;
    height: 70px;
    position: relative;
    display: inline-block;
    border-radius: 50px;
    position: absolute;
    -webkit-animation: loadingCircles 1.5s infinite;
    -moz-animation: loadingCircles 1.5s infinite;
    animation: loadingCircles 1.5s infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}
.vertical_center :nth-child(2){
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.vertical_center :nth-child(3){
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.product_loader.show_loader {
    opacity: 1;
    visibility: visible;
}
.product_loder span {
    box-shadow: 0px 0px 0px 0px var(--themeColor);
}
@-webkit-keyframes loadingCircles{
    0%{-webkit-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--themeColor);}
    100%{-webkit-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--themeColor);}
}
@-moz-keyframes loadingCircles{
    0%{-moz-transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--themeColor);}
    100%{-moz-transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--themeColor);}
}
@keyframes loadingCircles{
    0%{transform: scale(0); opacity: 1; box-shadow: 0px 0px 0px 10px var(--themeColor);}
    100%{transform: scale(1); opacity: 0; box-shadow: 0px 0px 0px 2px var(--themeColor);}
}
/* NotiFication Css Start */
.ap_notification_wrapper {
    position: fixed;
    top: 100px;
    right: 40px;
    max-width: 266px;
    width: 100%;
    z-index: 99999;
}
.ap_comman_noti {
    background-color: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 7px solid;
    border-radius: 7px 0px 0px 7px;
    box-shadow: 15px 0 30px rgba(99 129 155 / 10%);
}
.ap_inner {
    text-align: left;
    float: left;
    width: 100%;
}
.ap_inner img,
.noti_content {
    display: inline-block;
    vertical-align: middle;
}
.noti_content h3 {
    font-size: 14px;
    margin: 0;
    color: #3f3f59;
}
.noti_content {
    padding-left: 0px;
    width: calc(100% - 50px);
}
.noti_content p {
    font-size: 14px;
    color: #a1a3ce;
}
.ap_notication_success {
    border-color: #00E0A4;
}
.ap_notication_error {
    border-color: #F83A5C;
}
/* NotiFication Css End */
/********** Header Css Start **************/
.ap_header {
    display: flex;
    align-items: center;
    padding: 0px 45px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #fbfbfb;
    position: relative;
    z-index: 1000;
}
.ap_logo {
    height: 100%;
    display: flex;
    align-items: center;
}
.ap_logo img {
    max-width: 165px;
}
/* Profile Wrapper Css */ 
.ap_userimg {
    width: 40px;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    /* line-height: 40px; */
    background-color: var(--themeColor);
    color: #fff;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ap_userimg img{
    max-width: 100%;
    height: 40px;
    width: 40px;
}
.ap_uesrName {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--darkColor);
    font-weight: 500;
    text-align: right;
    line-height: normal;
}
.ap_headerLeft {
    display: flex;
    align-items: center;
}
.ap_headerLeft>span{
    cursor: pointer;
}
.ap_profile_wrapper>span {
    display: flex;
    align-items: center;
}
.ap_profile_wrapper>span>img {
    border-radius: 100%;
    height: 50px;
    width: 50px;
}

.app_profile_togglebox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
}
.app_upgrade_btn {
    margin-right: 10px;
}
.app_upgrade_btn a.ap_btn {
    background-color: #f93c5b;
}



.ap_profile_wrapper {
    position: relative;
    padding-right: 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px 0;
}
.ap_profile_wrapper:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    right: 5px;
    top: 40px;
    border-top: 4px solid #73749E;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    z-index: -1;
}
.ap_profileDropdown {
    position: absolute;
    top: calc(100% - 10px);
    right: 40px;
    margin-top: 10px;
    display: none;
    border-radius: 10px 0 10px 10px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    background-color: #353543;
}
.ap_profileDropdown>ul {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background-color: #353543;
    border-radius: 10px 0 10px 10px;
    width: 170px;
    box-shadow: 0 0 20px rgb(0 0 0 / 0.04);
}
.ap_profileDropdown>ul>li {
    padding: 10px 15px;
    color: #fff;
    font-weight: 300;
    text-align: left;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.ap_profileDropdown>ul>li>a{
    display: block;
}
.ap_profile_wrapper>span.ap_btn {
    margin-right: 10px;
    padding: 0 10px;
}
.ap_profile_wrapper>a {
    padding-right: 20px;
}
.ap_profileDropdown>ul>li:hover {
    color: #ffffff;
}
.ap_profileDropdown>ul>li>a>img {
    margin-right: 7px;
}
.ap_profileDropdown>ul:before {
    content: "";
    width: 7px;
    height: 7px;
    right: 0;
    border-left: 7px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 7px solid #353543;
    top: -7px;
    bottom: 0;
    position: absolute;
    left: auto;
    margin: 0 auto;
}
.ap_profileDropdown>ul>li:hover>a{
    color: #fff;
}
/* End Profile Wrapper Css */ 
/* Main Menu Css */
.ap_menu_dv li {
    padding:0px 15px;
    font-weight: 500;
}
.ap_menu_dv li a {
    display: inline-block;
    padding: 0px 10px;
    line-height: 89px;
    font-size: 15px;
    position: relative;
    color: var(--darkColor);
}
.ap_menu_dv li:first-child{
    padding-left: 0;
}
.ap_menu_dv li:last-child{
    padding-right: 0;
}
.ap_menu_dv li.ap_active a,
.ap_menu_dv li:hover a{
    color: var(--themeColor);
} 
.ap_menu_icon {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    line-height: 15px;
    top: 0px;
    width: auto;
    vertical-align: middle; 
}
.ap_menu_icon svg  {
    fill: var(--darkColor);
    vertical-align: bottom;
}
.ap_active > a > .ap_menu_icon svg, 
.ap_menu_dv li:hover> a .ap_menu_icon svg {
    fill: var(--themeColor);
}
.ap_menu_dv li a:after,
.ap_menu_dv li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    width:0px;
    height: 6px;
    background-color: var(--themeColor);
    left: 0;
    border-radius: 10px 10px 0 0;
    transition:all linear 0.3s;
}
.ap_menu_dv .ap_active a:after,
.ap_menu_dv li:hover a:after {
    width: 100%; 
}
.ap_bonusmenu_li img {
    filter: brightness(0.1);
    margin-right: 5px;
    position: relative;
    top: -2px;
}
/************************************/
/********** Top Heading Strip *********/
.ap_innercontent_wrapper {
    background-color: #f0f7fd;
    float: left;
    width: 100%;
}
.ap_headLine {
    padding: 20px 0;
    background-color: #EDF1FA;
    float: left;
    width: 100%;
}
.ap_nodata_dv {
    float: left;
    width: 100%;
    text-align: center;
    min-height: calc(100vh - 180px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap_dataContent {
    max-width: 700px;
}
.ap_dataContent img {
    margin-bottom: 50px;
}
.ap_dataContent h3 {
    margin-bottom: 25px;
    font-size: 22px;
}
.ap_dataContent p {
    font-size: 14px;
    color: var(--primaryColor);
    margin-bottom: 35px;
}
/* Start Table Css*/
.ap_table_wrapper {
    float: left;
    width: 100%;
    padding: 30px 0;
}
.ap_table_responsive {
    width: 100%;
    /* overflow-x: auto; */
    /* border: 1px solid #E0E9F1; */
    border-radius: 10px;
    max-width: 1170px;
    margin: 20px auto;
}
.ap_actions a.ap_icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: #ccc;
    /* transition: all linear 0.3s; */
    position: relative;
}
td.ap_actions {
    text-align: center;
}
.ap_actions a.ap_icon svg {
    width: 15px;
    height: 15px;
    fill: #fff;
}
.ap_actions .ap_share.ap_icon {
    background-color: #26A1FF;
}
.ap_actions .ap_success.ap_icon {
    background-color: #25D49B;
}
.ap_actions .ap_delete.ap_icon {
    background-color: #FA395C;
}
a.ap_edit.ap_icon {
    background-color: #FDAD31;
}
.ap_actions a.ap_icon {
    margin: 0 5px;
    vertical-align: top;
}
.ap_actions a.ap_icon:hover {
    box-shadow: 0px 0px 10px rgba(0 0 0 / 10%);
}
.ap_actions .ap_info.ap_icon {
    background-color: #1592dc;
}
/* table  */
.ap_table {
    border-radius: 10px;
    border-collapse: collapse;
    margin-bottom: 0;
}
tr.ap_table_tr {
    padding: 0 25px;
    border: 0px;
}
.ap_table tr th {
    border: none;
    background-color: #F6F8FD;
    color: #3f3f59;
    padding: 30px;
    text-align: left;
    border-bottom: 1px solid #EDF3F8;
}
.ap_table tr th:first-child {
    border-radius: 10px 0 0 0;
    text-align: center;
    min-width: 50px;
}
.ap_table tr th:last-child {
    border-radius: 0 10px 0 0;
    text-align: left !important;
}
.ap_table tr td {
    padding: 19px 30px;
    background-color: #fff;
    color: #8e91ad;
    vertical-align: middle;
    border-bottom: 1px solid #E0E9F1;
    border-top: 0px !important;
}
.ap_table td, .ap_table th {
    border-top: 1px solid #E0E9F1;
}
.ap_table tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
    min-width: 50px;
}
.ap_table tr:last-child td:last-child {
    border-radius: 0 0 10px 10px;
    text-align: left !important;
}
.ap_table tr td:last-child {
    text-align: left !important;
}
.ap_btn.ap_appprivew_btn {
    background-color: #F6FBFF;
    color: #8E91AD;
    border: 1px solid #E1EAF2;
    height: 40px;
    font-size: 14px;
}
.ap_innertable_dv {
    padding: 20px 30px;
    border-bottom: 1px solid #EDF3F8;
    line-height: 40px;
}
.ap_table tr td:first-child .ap_innertable_dv {
    margin-left: 30px;
}
.ap_table tr td:last-child .ap_innertable_dv {
    margin-right: 0px;
    text-align: center;
}
.ap_btn.ap_appprivew_btn:hover {
    color: #fff;
}
p.ap_pages {
    font-weight: 500;
}
.ap_table tr:last-child td .ap_innertable_dv,
.ap_table tr:last-child td {
    border-bottom: 0;
}
.ap_table tr td.dataTables_empty, .ap_table tr:last-child td.dataTables_empty:last-child {
    text-align: center !important;
}
/* Checkbox toggle css */
.ap_autoresponder label input {
    display: none;
}
.ap_user_check {
    position: relative;
	cursor: pointer;
}
.ap_user_check span {
    width: 23px;
    height: 12px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 50px;
    background: #F0F7FD;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0;
    border: 1px solid #DBDBE6;
}
span.ap_text_toggle {
    padding-left: 45px;
    color: var(--darkColor);
    margin-bottom: 15px;
    display: inline-block;
    cursor: pointer;
}
.ap_user_check span:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #C1C1D5;
    position: absolute;
    border-radius: 100px;
    top: -3px;
    left: -5px;
    transition: all 0.3s;
}
.ap_autoresponder label input:checked ~ .ap_user_check span {
    background: #FBFDFF;
    border: 1px solid #28e8a2;
}
.ap_autoresponder label input:checked ~ .ap_user_check span::before {
    left: 12px;
    background: #28E8A2;
}
.ap_autoresponder {
    display: inline-block;
    width: auto;
}
.basicForms .ap_user_check {
    height: 6px;
}
/* Checkbox toggle css End */
/* Pagination */
.ap_pagination {
    display: block;
    width: 100%;
    text-align: right;
}
.ap_pagination ul {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}
.ap_pagination a {
    display: inline-block;
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 16px;
    color: #8e91ad;
    font-weight: 500;
    margin: 5px;
    border-radius: 7px;
}
.ap_pagination li.ap_active a, 
.ap_pagination li:hover a {
    background-color: var(--themeColor);
    color: #fff;
}
/* End Pagination */
/************ Search Wrapper ************/
.ap_search_wrapper {
    position: relative;
    min-width: 300px;
}
.ap_search_icon {
    position: absolute;
    left: 10px;
    top: 14px;
}
.ap_input_wrapper.form-control {
    padding: 0px 15px 0px 45px;
    height: 55px;
    width: 100%;
    line-height: 54px;
}
.ap_search_icon {
    position: absolute;
    left: 18px;
    top: 14px;
}
.ap_search_icon svg {
    fill: #a1a3ce;
}
/************************/
.ap_form_inline {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}
.ap_align_item_end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.ap_form_inline .ap_select {
    margin-left: 10px;
}
/* Tooltip Css*/
.ap_tooltip_show {
    position: absolute;
    top: -40px;
    background-color: #11122E;
    line-height: normal;
    color: #fff;
    padding: 3px 15px;
    border-radius: 4px;
    text-align: center;
    transform: translate(0px, 10px);
    transition: all linear 0.1s;
    opacity: 0px;
    visibility: hidden;
}
.ap_tooltip_show p {
    white-space: nowrap;
    color: #fff;
}
.ap_actions a.ap_icon:hover .ap_tooltip_show, 
.title_menu_icon .ap_btn.ap_icon:hover .ap_tooltip_show,
.ap_inline_feild .ap_btn:hover .ap_tooltip_show  {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
    transition: all linear 0.1s;
}
.ap_tooltip_show:before {
    content: "";
    position: absolute;
    bottom: -7px;
    width: 7px;
    height: 7px;
    border-top: 5px solid #000;
    left: calc(50% - 6px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transition: all linear 0.1s;
    opacity: 0;
    visibility: hidden;
}
.ap_actions a.ap_icon:hover .ap_tooltip_show:before, 
.title_menu_icon .ap_btn.ap_icon:hover .ap_tooltip_show:before,
.ap_inline_feild .ap_btn:hover .ap_tooltip_show:before {
    opacity: 1;
    visibility: visible;
    transition: all linear 0.1s;
}
.ap_custom_app_header .ap_inline_feild .ap_btn.ap_viewApp_btn:before {
    visibility: hidden;
    opacity: 0;
}
.ap_custom_app_header a.ap_btn.ap_viewApp_btn {
    overflow: visible;
}
.ap_custom_app_header .ap_inline_feild .ap_component_btn_tooltip{
top: 62px;
}
.ap_custom_app_header .ap_inline_feild .ap_component_btn_tooltip p {
    font-size: 12px;
    font-weight: 300;
}
.ap_custom_content_wrapper {
    overflow-x: visible;
    overflow-y: visible;
    /* z-index: 9; */
}
.ap_inline_feild .ap_btn:hover .ap_component_btn_tooltip {
    padding: 5px 10px;
    transform: translate(0px, 0px);
}
.ap_inline_feild .ap_btn:hover .ap_tooltip_show:before {
    bottom: 26px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid #11122e;
}
.ap_custom_app_header {
    position: relative;
    z-index: 10;
}
/***************/
.ap_accordian_box .card-header button {
    background-color: #BBBBBF;
    text-decoration: none;
    font-weight: 600;
    padding: 10px 15px 12px;
    text-align: left;
    box-shadow: none;
    color: #fff;
    border-radius: 0px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50px;
    vertical-align: top;
}
.ap_accordian_box .card-header button.collapsed{
    background-color: #BBBBBF;
    color: #fff;
}
.ap_accordian_box .card-header button.collapsed svg, 
.ap_accordian_box .card-header button.collapsed:hover svg {
    fill: #fff;
    position: relative;
    top: -4px;
    transition: all 0.5s;
    transform: rotate(180deg);
}
.ap_accordian_box .card {
    border: none !important;
    margin-bottom: 20px;
    overflow: visible;
    border-radius: 7px !important;
}
.ap_accordian_box .card-header button {
    padding: 0;
    background-color: #292934;
    text-align: center;
    transition: all 0.5s;
}
.ap_accordian_box .card-body {
    padding: 0px;
    border-top: 0;
    margin-top: 0px;
    position: relative;
    border: 0;
    border-radius: 0px 0px 7px 7px;
}
.ap_accordian_box .card-header button svg,
.ap_accordian_box .card-header button:hover svg {
    fill: #ffffff;
    position: relative;
    top: -5px;
    transition: all 0.5s;
}
.accordion>.card>.card-header .ap_heading_box {
    border: 0px;
    border-radius: 7px 7px;
    background-color: #fff;
    padding: 30px 35px;
    margin: 0px;
}
.accordion>.card>.card-header.ap_whiteBox {
    border-radius: 7px !important;
    border: 0px;
}
.collapse.show .card-body:before {
    content: "";
    width: calc(100% + 2px);
    height: 10px;
    border-radius: 0px;
    position: absolute;
    top: -9px;
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e4e5f2;
    left: -1px;
}
.ap_btn.ap_btngray {
    background-color: #A1A3CE;
    margin-top: 20px;
}
.ap_setting_wrapper {
    padding: 0 15px;
    width: 100%;
}
.ap_accordian_box.ap_full_width {
    width: 100%;
    margin: 0;
}
.ap_accordion_save_template {
    width: 100%;
    margin-top: 50px;
}
.ap_multiBtn_holder.ap_half {
    align-items: center;
    justify-content: flex-end;
}
.form-group.margin_label {
    margin-top: 32px;
}
div#regions_div svg {
    width: 100%;
}
/** Profile **/
.ap_profileimg {
    height: 80px;
    width: 80px;
    margin: auto;
    border: 2px solid #eef2f6;
    padding: 0px;
    position: relative;
    background-size: cover !important;
    border-radius: 15px;
    background-position: center center !important;
}
.ap_fileupload {
    opacity: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    top: 0;
    position: absolute;
    right: 0;
}
.ap_uploade_label {
    width: 80px;
    height: 80px;
    left: 0;
    margin: 0;
    cursor: pointer;
}
.ap_uploade_label span{
    position: absolute;
    top: -10px;
    width: 25px;
    height: 25px;
    text-align: center;
    background-color: #ffb849;
    border-radius: 50px;
    right: -7px;
    cursor: pointer;
}
.ap_uploade_label svg {
    fill: #fff;
    position: relative;
    top: -1px;
}
.ap_innerContent .ap_profile_imgholder form {
    padding: 0px 0px 0px 0px;
}
.ap_profile_image .ap_profile_imgholder{
    margin: 0px auto;
    position: relative;
}
.ap_innerContent {
    padding: 40px 0;
}
.ap_innerContent form {
    padding: 0px 0px 0px 25px;
}
.ap_profile_image .ap_profile_imgholder > span{
    text-align: center;
    color: #727598;
    display: block;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 500;
}
.ap_profile_image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-right: 1px solid #E6EEF6;
    flex-direction: column;
}
.ap_profilepage_wrapper .ap_label {
    font-size: 15px;
    font-weight: 500;
    color: #727598;
}
.ap_autoresponders_wrapper .ap_innerContent {
    padding: 40px;
}
#app_update .ap_innerContent {
    padding: 40px;
}
.ap_dataContent.w-100 {
    min-width: 100%;
    max-width: 100%;
}
.ap_dataContent.w-100 iframe.ap_preview_iframe {
    height: calc(100% - 95px);
}
.ap_dataContent.w-100 .ap_entertemplate_form .ap_search {
    min-width: 350px;
}
.ap_userPlans {
    margin-top: 15px;
    padding: 10px;
    text-align: center;
}
.ap_userPlans ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.ap_userPlans ul li {
    padding: 5px 15px 5px 5px;
    margin: 5px 5px;
    width: max-content;
    border-radius: 30px;
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: center;
}
.ap_userPlans h5 {
    font-size: 16px;
    margin: 0 5px;
}
.ap_userPlans ul li span {
    width: 20px;
    height: 20px;
    display: flex;
    border-radius: 50px;
    align-items: center;
    margin-right: 5px;
    padding: 0;
    justify-content: center;
}
.ap_userPlans .ap_plan_1 {
    background-color: #E2EEFE;
    color: #3e5df2;
}
.ap_userPlans .ap_plan_2 {
    background-color: #FFEBDE;
    color: #FD7622;
}
.ap_userPlans .ap_plan_3 {
    background-color: #D9F5F0;
    color: #00E0A4;
}
.ap_userPlans .ap_plan_4 {
    background-color:#FFE3E8 ;
    color: #e4256e;
}
.ap_userPlans .ap_plan_5 {
    background-color: #f4dff8;
    color: #d43ef2;
}
.ap_userPlans .ap_plan_6 {
    background-color: #d6fdde;
    color: #6b0e41;
}
.ap_userPlans .ap_plan_7 {
    background-color: #f6e5d3;
    color: #834607;
}
.ap_userPlans .ap_plan_8 {
    background-color: #f8fad6;
    color: #7c812b;
}
.ap_userPlans .ap_plan_9 {
    background-color: #ffb42a;
    color: #000000;
}
.ap_userPlans span svg{
    fill:#fff;
}
.ap_userPlans .ap_plan_1 span{background-color: #3e5df2;}
.ap_userPlans .ap_plan_2 span{background-color: #FD7622;}
.ap_userPlans .ap_plan_3 span{background-color: #00E0A4;}
.ap_userPlans .ap_plan_4 span{background-color: #e4256e;}
.ap_userPlans .ap_plan_5 span{background-color: #d43ef2;}
.ap_userPlans .ap_plan_6 span{background-color: #22fd4d;}
.ap_userPlans .ap_plan_7 span{background-color: #834607;}
.ap_userPlans .ap_plan_8 span{background-color: #7c812b;}
.ap_userPlans .ap_plan_9 span{background-color: #000000;}
/**********************************************
    Setting Page Css
***********************************************/
.col_5 {
    width: 20%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}
.ap_checkbox_setting {
    border: 1px solid #E6EEF6;
    padding: 45px 30px;
    border-radius: 10px;
    width: 100%;
    background-color: #FBFDFF;
    position: relative;
    margin-bottom: 20px;
}
.ap_checkbox_setting p {
    color: #727598;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px;
}
.ap_checkbox_setting label.ap_toggle_label {
    margin-bottom: 0;
    min-height: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ap_checkbox_setting .ap_user_check {
    position: absolute;
    right: 50px;
    top: 17px;
}
.ap_checkbox_setting label.ap_toggle_label img {
    filter: grayscale(0);
    opacity: 0.15;
    transition: all 0.3s;
}
.ap_checkbox_setting .ap_autoresponder label input:checked ~ img {
    filter: grayscale(0);
    opacity: 1;
}
.ap_otherSetting_wrapper .ap_innerContent {
    padding: 40px;
}
.ap_accordion_save_template .ap_heading {
    font-size: 15px;
    margin: 0;
}
.ap_chartdv {
    width: 100%;
    float: left;
    background-color: #fff;
    margin: 50px 0;
    padding: 40px;
    border-radius: 7px;
}
.ct-chart {
    height: 480px;
    float: left;
    width: 100%;
}
.ap_chart_wrapper {
    float: left;
    width: 100%;
}
.ap_selectRight .select2-container {
    width: 100% !important;
    max-width: 500px !important;
    min-width: 220px;
}
.ap_selectRight .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left;
}
.ap_chartdv .form-group {
    max-width: 200px;
    position: relative;
    margin-bottom: 40px;
}
.ap_innerContent form .ap_col {
    max-width: 325px;
}
.ap_innerContent form button.ap_btn.ap_green_btn {
    min-width: 190px;
    width: 100%;
}
.ap_col_last {
    padding: 0px 15px;
}
/****************** Chart Css ******************/
line.ct-grid.ct-horizontal:first-child {
    display: block;
    stroke-dasharray: 0px;
    stroke: #dae9ff;
}
line.ct-grid.ct-horizontal {
    display: none;
}
line.ct-grid.ct-horizontal + line.ct-grid.ct-vertical {
    stroke-width: 1px;
    stroke-dasharray: 0px;
    stroke: #dae9ff;
}
.ct-label {
    fill: #a1a3ce;
    color: #a1a3ce;
    font-size: 14px;
}
.ct-grid {
    stroke: #a1a3ce;
    stroke-width: 1px;
    stroke-dasharray: 1px;
}
.ap_table_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 52px;
    padding: 0 40px 0 15px;
}
.ap_table_wrapper .select2-container--default .select2-selection--single {
    height: 55px;
    background-color: var(--inputBgColor);
    border-color: #e5e7f7;
}
.ap_form_inline label.ap_label {
    margin: 0;
    font-weight: 600;
}
ul.ap_chartlabel {
    height: 55px;
    display: flex;
    align-items: center;
}
/****************** End Chart Css ******************/
span.ap_daterange_arrow {
    height: 7px;
    right: 20px;
    position: absolute;
    top: 45%;
    width: 7px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #a1a3ce;
    transform: rotate(-45deg);
}
/* Datepicker */
.datepicker {
    width: 300px;
    border-color: #e0e9f1;
    border-radius: 8px;
    color: #888;
    z-index: 999999;
}
.datepicker--nav {
    padding: 8px;
    border-bottom-color: var(--grayColor);
}
.datepicker--day-name {
    color: var(--darkColor);
    font-weight: 600;
}
.datepicker--cell.-current- {
    color: var(--themeColor);
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-,.datepicker--cell.-selected-:hover, .datepicker--cell.-selected-.-current-:hover {
    background-color: var(--themeColor);
    color: #fff;
}
.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: transparent;
}
.datepicker--nav-title,.datepicker--nav-title>i {
    color: var(--darkColor);
    font-weight: 600;
}
.datepicker--nav-action svg path {
    stroke:var(--darkColor);
}
.datepicker--cell-day:hover{
    background-color: transparent;
    color: var(--themeColor);
}
.datepicker--cell.-in-range- {
    background: rgb(2 101 233 / 15%);
}
.datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb {
    background: var(--themeColor);
    border-color: var(--themeColor);
}
.datepicker--time-row input[type="range"]:focus::-moz-range-thumb {
    background: var(--themeColor);
    border-color: var(--themeColor);
}
.datepicker--time-row input[type="range"]:focus::-ms-thumb {
    background: var(--themeColor);
    border-color: var(--themeColor);
}
.datepicker--time-row:first-child:before {
    content: "H";
    position: relative;
    left: -15px;
}
.datepicker--time-row:last-child:before {
    content: "M";
    position: relative;
    left: -15px;
}
/*******************************/
div.dataTables_wrapper div.dataTables_info {
    display: inline-block;
    width: 50%;
}
div.dataTables_wrapper div.dataTables_paginate {
    display: inline-block;
    width: 50%;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
}
/************************/
ul.ap_chartlabel {
    padding: 0;
    list-style: none;
    display: block;
    text-align: right;
}
ul.ap_chartlabel li {
    display: inline-block;
    margin-left: 25px;
}
.ap_circle {
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
}
.ap_redcircle {
    background-color: #ff575a;
}
.ap_bluecircle {
    background-color: #657eff;
}
.ap_yellowcircle {
    background-color: #f7b650;
}
ul.ap_chartlabel li a {
    font-size: 16px;
    font-weight: 600;
}
h3.ap_chartheading {
    text-align: center;
    margin: 20px 0 0;
    float: left;
    width: 100%;
    font-size: 18px;
}
.ap_whitebox {
    display: flex;
    width: 100%;
    background-color: #fff;
    padding: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.ap_inner_content {
    text-align: center;
}
.ap_inner_content h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
.ap_inner_content p {
    font-size: 14px;
    margin-bottom: 20px;
}
.input-group-text.ap_btn {
    min-width: 130px;
    border-radius: 0 7px 7px 0 !important;
    cursor: pointer;
}
.ap_mapbox_wrapper {
    margin: 40px 0 0;
    padding: 40px;
    background-color: #fff;
    width: 100%;
    border-radius: 10px;
}
form.ap_map_form .form-inline {
    max-width: 220px;
    display: inline-block;
    margin-right: 15px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    vertical-align: top;
}
ul.ap_chartlabel li:first-child {
    margin-left: 0;
}
/***************************************
    Choose Template Page
**************************************/
.ap_template_wrapper {
    float: left;
    width: 100%;
}
.ap_form_group {
    min-width: 250px;
    position: relative;
}
.ap_overlay_template {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    background-color: rgba(255 255 255 / 0.9);
    border-radius: 7px;
}
.ap_preview_template {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
}
.ap_overlay_holder {
    position: relative;
    cursor: pointer;
    height: 100%;
    display: flex;
    width: 100%;
    min-height: 485px;
    align-items: center;
    justify-content: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 7px;
    border: 1px solid #e0e9f1;
    background-color: #fff;
}
.ap_overlay_holder:hover .ap_overlay_template {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}
.ap_tempplate_title {
    font-size: 14px;
    color: #454764;
    margin: 20px 0px;
    font-weight: 500;
}
.ap_preview_template .ap_btn {
    position: absolute;
    bottom: 25px;
    left: 0px;
    max-width: 160px;
    margin: auto;
    right: 0;
}
.ap_preview_icon p {
    margin-top: 15px;
    color: var(--darkColor);
    font-weight: 500;
    margin-bottom: 40px;
}
.ap_loadmore_holder {
    text-align: center;
    position: relative;
    padding: 20px 0;
    width: 100%;
}
.ap_loadmore_holder:before, .ap_loadmore_holder:after {
    content: "";
    text-align: center;
    position: absolute;
    left: 0;
    height: 1px;
    width: 50%;
    right: 0;
    margin: auto;
    background-color: #E4E5F2;
    top: 50%;
    z-index: 1;
    border-radius: 50%;
}
.ap_loadmore_btn {
    display: inline-block;
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #E4E5F2;
    color: var(--grayColor1);
    z-index: 3;
    position: relative;
    line-height: normal;
}
.ap_loadmore_btn:hover {
    color: #fff;
    background-color: var(--darkColor);
}
.ap_component_content .ap_loadmore_holder:before, 
.ap_component_content .ap_loadmore_holder:after {
    width: 80%;
    border-radius: 100%;
}
.ap_component_content .ap_loadmore_btn {
    width: auto;
    padding: 0 20px;
    line-height: 38px;
    height: 40px;
    font-size: 12px;
    font-weight: 400;
}
.ap_entertemplate_form .ap_search {
    min-width: 470px;
    height: 70px;
    margin-bottom: 20px;
}
.ap_entertemplate_form .input-group-text.ap_btn {
    min-width: 190px;
    border-radius: 0 7px 7px 0 !important;
    cursor: pointer;
    height: 70px;
}
/*******************************************/
.input-group-prepend:hover .ap_inline_icon {
    left: 30px;
    opacity: 0;
    transition: all linear 0.2s;
}
.ap_inline_icon {
    left: 10px;
    opacity: 1;
    transition: all linear 0.2s;
    position: relative;
}
span.ap_inline_icon svg {
    fill: #fff;
}
.ap_arrowright_icon svg {
    transform: rotate(180deg);
    fill: var(--grayColor1);;
}
.ap_arrowright_icon {
    right: 10px;
    opacity: 1;
    transition: all linear 0.2s;
    position: relative;
}
a.ap_btn_blank.ap_btn {
    background-color: transparent !important;
    color: var(--grayColor1);
    width: auto;
    padding: 0px 25px;
}
.ap_nodata_dv.ap_enterName_wrapper {
    padding: 50px 0;
}
.ap_entertemplate_form .ap_search.ap_domainName {
    padding-right: 140px;
}
span.ap_domain_text {
    position: absolute;
    right: 220px;
    line-height: 70px;
    color: var(--darkColor);
    z-index: 9;
}
.ap_skipfor_now {
    margin-top: 30px;
    display: inline-block;
    font-size: 14px;
    border-bottom: 1px solid #4460f1;
    color: #4460f1;
    font-weight: 600;
    line-height: 20px;
}
.ap_skipfor_now:hover {
    color: #26d49b;
}
.ap_entertemplate_form .ap_skipfor_now {
    margin: 10px auto 20px;
}
.ap_gray_strip p {
    width: calc(100% - 50px);
    display: inline-block;
    text-align: left;
    color: var(--darkColor);
    margin-bottom: 0;
    line-height: 28px;
}
.ap_striptoggle_dv {
    display: inline-block;
    width: 45px;
}
.ap_gray_strip {
    max-width: 85%;
    margin: auto;
    padding: 15px;
    background-color: #E8F0F7;
    margin-bottom: 30px;
    border-radius: 7px;
    border: 1px solid #DBDEF1;
}
.ap_gray_strip .ap_autoresponder {
    display: inline-block;
    width: 100%;
    height: 13px;
}
.ap_gray_strip  .ap_toggle_label {
    float: left;
}
/* Upload Images */
.ap_uploadImage {
    position: relative;
}
.ap_uploadImage .ap_file_input {
    position: absolute;
    left: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
.ap_upload_box>p{
    margin-bottom: 19px;
}
.ap_setup_website td p {
    font-weight: 500;
}
.ap_upload_logo_fav {
    padding: 25px 50px 0;
}
.ap_upload {
    background-color: #FAFCFF;
    border: 1px dashed #D2DFEB;
    padding: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 10px;
}
.ap_uploadDetail {
    margin-left: 20px;
    text-align: left;
}
.ap_uploadDetail p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #a1a3ce;
}
.ap_uploadIcon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: #AECBE4;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap_dataContent .ap_uploadIcon img {
    margin-bottom: 0px;
}
.ap_uploadDetail h6 {
    color: #454764;
    font-size: 14px;
    line-height: 28px;
}
.ap_uploadIcon_form .ap_btn.ap_green_btn {
    width: auto;
    padding: 0px 45px;
    float: right;
}
.ap_uploadIcon_form .ap_btn_blank.ap_btn {
    float: left;
}
.ap_nodata_dv .ap_uploadIcon.ap_bg_none.ap_uploaded_splash_image {
    width: 150px;
    height: 150px;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
}
/*******************/
.ap_uploadPage_wrapper {
    width: 100%;
    min-height: calc(100vh - 90px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap_mobileScreen_content {
    padding: 0px 150px 0 0;
    position: relative;
}
.ap_mobileScreen_content img {
    max-width: 100%;
    position: relative;
    left: -50px;
}
form.ap_uploadIcon_form {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.ap_uploadPage_wrapper .ap_dataContent > p {
    max-width: 365px;
    margin: 0 auto 35px;
}
.ap_uploadIcon_form .nav-pills .nav-link {
    border-radius: 0;
    background-color: #dce7fc;
    color: var(--themeColor);
    line-height: 50px;
    padding: 0;
}
.ap_uploadIcon_form .nav-pills .nav-link.active{
    background-color: var(--themeColor);
    color: #fff;
}
.ap_uploadIcon_form li.nav-item:first-child, 
.ap_uploadIcon_form li.nav-item:last-child {
    border: 1px solid var(--themeColor);
    min-width: 158px;
    overflow: hidden;   
}
.ap_uploadIcon_form .nav-item:first-child {
    border-right: 0;
    margin-right: -1px;
    border-radius: 4px 0px 0px 4px;
}
.ap_uploadIcon_form li.nav-item:last-child {
    border-left: 0;
    margin-left: -1px;
    border-radius: 0px 4px 4px 0px;
}
/********* Color Picker Css ************/
.sp-original-input-container .sp-add-on {
    width: 45px !important;
    border-radius: 7px !important;
    border: 1px solid rgb(224, 233, 241);
    position: absolute;
    right: 10px;
    height: 45px !important;
    top: 8px;
}
input.ap_colorPicker.form-control {
    border: 1px solid #e0e9f1 !important;
    border-radius: 7px;
    height: 60px;
    z-index: 9;
    background-color: transparent;
}
.ap_colorpicker_dv .form-group {
    margin-bottom: 20px;
}
.sp-original-input-container {
    background-color: #fff;
    border-radius: 7px;
}
/************/
#validation_modal.ap_modal .ap_modal_footer .ap_btn {
    max-width: max-content;
    vertical-align: text-bottom;
    margin-right: 15px;
    line-height: normal;
    height: 50px;
    padding: 0px 35px;
}
.ap_skip_dv {
    display: block;
    width: 100%;
}
#validation_modal .ap_modal_dialog .modal-body p {
    max-width: 100%;
    margin: 0 auto 10px;
    text-align: left;
}
div#validation_modal .ap_modal_dialog {
    max-width: 760px;
}
div#validation_modal .ap_modal_dialog .modal-body {
    padding: 50px 60px 0;
}
#validation_modal h3.ap_subheading {
    font-size: 22px;
    font-weight: bolder;
}
.ap_skip_dv .ap_skipfor_now {
    margin-top: 17px;
}
h4.model_title {
    font-size: 18px;
}
.ap_modal .form-group {
    margin-bottom: 1rem;
    text-align: left;
}
/*******************************************
   Mobile Screen Privew Css
********************************************/
.ap_mobilescreen_bg {
    height: 595px;
    width: 275px;
    position: absolute;
    top: 64px;
    left: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    background-position: center top;
}
.ap_appIcon_dv > img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}
.ap_appIcon_dv {
    width: 150px;
    height: 150px;
    background-position: center center;
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
}
/************* Datatable *****************/
table.dataTable {
    clear: both;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-collapse: separate !important;
    border-spacing: 0;
    max-width: 100% !important;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: auto;
    display: block;
    opacity: 0.3;
    top: 30px;
}
td.child ul.dtr-details {
    padding: 10px 20px !important;
}
.dataTables_wrapper  .dataTables_filter input {
    padding: 0px 15px 0px 45px;
    height: 55px;
    width: 100%;
    line-height: 54px;
    color: #454764;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #fbfdff;
    border: 1px solid #e0e9f1;
    border-radius: 7px;
    margin-left: 0;
}
.dataTables_wrapper .dataTables_filter input::placeholder {
    line-height: 50px;
}
table.dataTable.no-footer {
    border-bottom: 0;
    border: 1px solid #E0E9F1;
}
table.dataTable thead th, table.dataTable thead td {
    border: none;
    background-color: #F6F8FD;
    color: #3f3f59;
    padding: 20px 10px;
    text-align: left;
    border-bottom: 1px solid #EDF3F8;
}
.dataTables_wrapper .dataTables_length select {
    height: 55px;
    border-radius: 7px;
    padding: 0 20px;
    color: #454764;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #fbfdff;
    border: 1px solid #e0e9f1;
    line-height: 55px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button, 
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0 !important;
    background-color: transparent;
    background: transparent;
    display: inline-block;
    padding: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 16px;
    color: #8e91ad !important;
    font-weight: 500;
    margin: 5px;
    border-radius: 7px;
    text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    outline: none;
    background-color: #2b2b2b;
    background: none;
    box-shadow: none !important;
    background-color: var(--themeColor) !important;
    color: #fff !important;
    border: 0 !important;
}
table.dataTable tbody td:first-child {
    text-align: center;
}
a.paginate_button.disabled svg {
    fill: #898989;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active svg,
.dataTables_wrapper .dataTables_paginate .paginate_button.current svg{
    fill: #fff;
}
.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate {
    color: var(--primaryColor);
    font-weight: 500;
}
.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: right;
    position: relative;
    min-width: 350px;
    max-width: 500px;
}
.dataTables_wrapper .dataTables_length {
    float: right;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 10px;
    vertical-align: middle;
}
.dataTables_wrapper .dataTables_length label {
    margin-bottom: 0;
}
.dataTables_wrapper .dataTables_filter label {
    margin-bottom: 20px;
    width: 100%;
}
div.dataTables_wrapper div.dataTables_processing{
    z-index: 999;
}
.ap_actions {
    text-align: left;
    min-width: 100px;
}
.page-link {
    padding: 5px !important;
    background-color: transparent !important;
    border: 0px !important;
    width: 30px;
    height: 30px;
    outline: none !important;
    box-shadow: none !important;
    color: #0d1a3a !important;
    margin-left: 0px;
    line-height: 18px !important;
}
.ap_menu_dv ul.pagination li a {
    line-height: 18px !important;
}
.ap_menu_dv ul.pagination .page-item .page-link{
    line-height: 18px !important;
    width: 30px;
    height: 30px;
}
.ap_menu_dv ul.pagination .page-item .page-link:after {
    display: none;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #3e5df2 !important;
    border-color: #3e5df2 !important;
    border-radius: 5px;
    line-height: 18px !important;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
    width: 100%;
}
div.dataTables_wrapper div.dataTables_filter input::placeholder {
    line-height:50px;
}
.ap_btn.changeImagePopup.popupSection > img {
    height: 20px;
    width: auto;
    margin: auto;
    right: 0;
    top: 5px;
}
.ap_menu_dv ul.pagination li a {
    line-height: normal !important;
}
/**************************************/
.ap_selectinner_box .ap_form_feild input.ap_input.form-control.ap_numberInput {
    min-width: 90px !important;
    width: 90px;
}
/*******************************************
   Mobile Screen Privew Css
********************************************/
.ap_mobilescreen_bg {
    height: 595px;
    width: 275px;
    position: absolute;
    top: 64px;
    left: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    background-position: center top;
}
.ap_appIcon_dv > img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}
.ap_appIcon_dv {
    width: 150px;
    height: 150px;
    background-position: center center;
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
}
/****************** Step Form Css *********************/
#ap_step_form {
    text-align: center;
    position: relative;
    margin-top: 0;
    padding: 0;
}
#ap_step_form fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative
}
#ap_progressbar li:first-child {
    color: var(--themeColor);
    text-align: center;
    margin: auto;
}
#ap_step_form fieldset {
    background: transparent;
    border: 0 none;
    border-radius: 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}
#ap_step_form fieldset:not(:first-of-type) {
    display: none
}
#ap_progressbar {
    margin-bottom: 0;
    overflow: hidden;
    padding: 40px 0;
    max-width: 100%;
    margin: auto;
    background-color: #EDF1FA;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ap_progressbar .active:last-child {
    color: var(--themeColor);
}
#ap_progressbar .active {
    color: var(--themeColor);
}
#ap_progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    position: relative;
    color: #a1a3ce;
    font-weight: normal;
}
#ap_progressbar li strong{
    font-weight: normal;
}
#ap_progressbar #ap_app_name:before {
    content: "1"
}
#ap_progressbar #ap_domain_name:before {
    content: "2"
}
#ap_progressbar #ap_app_icon:before {
    content: "3"
}
#ap_progressbar #ap_splash_screen:before {
    content: "4"
}
#ap_progressbar li:before {
    width: 30px;
    height: 30px;
    line-height: 28px;
    display: block;
    font-size: 14px;
    color: #a1a3ce;
    border:1px solid #a1a3ce;
    border-radius: 50%;
    margin: 0 auto 15px auto;
    padding: 0px;
    z-index: 9;
    position: relative;
    background-color: #edf1fa;
}
#ap_progressbar li:after {
    content: '';
    width: 80%;
    height: 1px;
    background: #CADDEE !important;
    position: absolute;
    left: calc(60%);
    top: 15px;
    z-index: 1;
}
#ap_progressbar li.active:before, 
#ap_progressbar li.active:after{
    background: #3e5df2;
    border-color: var(--themeColor);
    color: #fff;
    line-height: 28px;
}
#ap_progressbar li:last-child:after {
    display: none;
}
#ap_progressbar > li.ap_form_step_holder {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: inline-block;
}
#ap_progressbar li.active.ap_step_visited {
    color: var(--greenColor);
}
#ap_progressbar li.active.ap_step_visited::before {
    background-color: var(--greenColor);
    color: #fff;
    border-color: var(--greenColor);
    background-image: url(../images/svg/Tick.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    font-size: 0;
}
.ap_uploadIcon_form {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
/************************************************/
.ap_footer_modal_dv {
    margin-bottom: 20px;
}
.ap_footer_modal_dv p.acy_info {
    max-width: 50%;
    margin: 0;
    display: inline-block;
}
.ap_footer_modal_dv a.dash_btn.dark {
    float: right;
}
.ap_footer_modal_dv a.dash_btn.dark:hover,
.ap_footer_modal_dv p.acy_info a:hover{
    color: var(--themeColor);
}
/*************** DataTable Pagination ****************/
/* Notification Page */
.ap_notificationpage_wrapper .ap_dataContent {
    max-width: 650px;
    padding: 50px 0;
}
.ap_notificationpage_wrapper .ap_upload {
    padding: 30px 20px;
    margin-bottom: 0;
}
.ap_notificationpage_wrapper .ap_mobileScreen_content {
    padding: 0;
}
.ap_dataContent form.ap_notification_form_dv {
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
}
.ap_notification_form_dv textarea.form-control {
    height: auto;
    line-height: normal;
}
/* End Notification Page */
/* End Datepicker */
.ap_select_maxwidth .select2-container {
    width: 100% !important;
    max-width: 500px !important;
    min-width: 150px;
}
div#ap_cropper_modal {
    z-index: 99999;
}
.ap_position_r {
    position: relative;
}
.ap_position_r input.form-control {
    padding-left: 50px;
}
.ap_position_r .ap_search_icon {
    top: 11px;
}
/**- Extra Menu Dropdown -**/
.ap_header .ap_menu_dv li{
    position: relative;
}
.ap_mainMenu_dropdown {
    max-width: 250px;
    position: absolute;
    background-color: #fff;
    text-align: left;
    padding: 0px 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    border-radius: 10px;
    top: calc(100% + 15px);
    opacity: 0;
    width: 200px;
    visibility: hidden;
    transition: all 0.5s;
    left: calc(50% - 85px);
}
.ap_header .ap_menu_dv li:hover .ap_mainMenu_dropdown {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    z-index: 99;
}
.ap_mainMenu_dropdown:before {
    content: "";
    width: 7px;
    height: 7px;
    right: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    top: -7px;
    bottom: 0;
    position: absolute;
    left: 0;
    margin: 0 auto;
}
.ap_mainMenu_dropdown li, .ap_mainMenu_dropdown li a {
    padding: 0px !important;
    text-align: left;
    display: block;
    line-height: 40px;
    color: var(--darkColor);
}
.ap_menu_dv li:hover .ap_mainMenu_dropdown li a,
.ap_menu_dv li:hover .ap_mainMenu_dropdown li a .ap_menu_icon svg, 
.ap_menu_dv li .ap_mainMenu_dropdown li a .ap_menu_icon svg{
    color: var(--darkColor) !important;
    /* vertical-align: top; */
}
.ap_menu_dv li .ap_mainMenu_dropdown li:hover a,
.ap_menu_dv li .ap_mainMenu_dropdown li:hover a .ap_menu_icon svg{
    color: var(--themeColor) !important;
    /* vertical-align: top; */
}
.ap_menu_dv .ap_mainMenu_dropdown li a:after, 
.ap_menu_dv .ap_mainMenu_dropdown li a:after{
    display: none;
}
/**********************/
.ap_form_feild_inline {
    display: inline-flex;
    width: 100%;
    align-items: center;
}
.ap_dataContent .ap_form_feild_inline h3 {
    margin: 0;
    display: inline-block;
    width: calc(100% - 30px);
}
.ap_dataContent .ap_form_feild_inline .ap_autoresponder {
    height: 30px;
}
.ap_otherSetting_wrapper h3.ap_heading {
    font-size: 18px;
    margin-bottom: 20px;
}
.ap_notification_form_dv .ap_select_maxwidth .select2-container {
    width: 100% !important;
    max-width: 100% !important;
}
.ap_modal_form .ap_checkbox {
    line-height: 15px;
    color: var(--headingColor);
}
.notFound {
    padding: 20px;
    min-height: calc(100vh - 310px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed;
    border-radius: 10px;
    font-size: 32px;
    color: #a5b3e2;
    font-weight: bold;
}
/* Uploade Image */
.ap_component_content .ap_uploadImage,
.ap_component_content .ap_upload {
    text-align: center;
    width: 100%;
}
.ap_component_content .ap_upload {
    display: inline-block;
}
.ap_component_content .ap_uploadIcon {
    margin: 0 auto 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.ap_component_content .ap_uploadDetail {
    margin: 0;
    text-align: center;
}
.ap_uploadDetail p.ap_imgSize {
    color: #505272;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.ap_link {
    color: var(--themeColor);
    margin-bottom: 10px;
    font-weight: 600;
    display: inline-block;
}
.ap_uploadIcon_form .ap_btn.ap_green_btn.ap_uploadImage_btn {
    width: 100%;
    float: none;
    line-height: normal;
    padding: 0 10px;
    max-width: 55%;
}
img.ap_template_image {
    max-width: 70px;
    max-height: 65px;
    border: 1px solid #f9f9f9;
}
.ap_error{
    border: 1px solid #f90000 !important;
}
/**/
.ap_modal_form .ap_checkbox>span:after {
    left: 3px;
    top: 5px;
}
/** Admin Css **/
iframe.ap_preview_iframe {
    position: absolute;
    left: 0;
    right: 0;
    border: 0px;
    margin: auto;
    top: 65px;
    width: 330px;
    border-radius: 30px;
    min-height: 703px;
}
/******** Form Field Css ********/
ul.ap_viewAllFields li>span {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    left: 0;
}
ul.ap_viewAllFields li{
    font-size: 12px;
    padding-left: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
    text-align: left;
}
/* dashboard box */
.ap_dashboardUser {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}
.ap_dashboardBox p {
    font-size: 22px;
    margin-bottom: 0px !important;
}
.bg-primary-gradient {
    background-image: linear-gradient(to left, #0db2de 0%, #00d4bb 100%) !important;
}
.bg-theme-gradient {
    background-image: linear-gradient(to left, #879ef5 0%, #032db1 100%) !important;
}
.bg-danger-gradient {
    background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;
}
.bg-success-gradient {
    background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%) !important;
}
.bg-warning-gradient {
    background-image: linear-gradient(to left, #efa65f, #f76a2d) !important;
}
.ap_dashboardBox {
    background-color: #fff;
    border-radius: 15px;
    padding: 55px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 20px rgb(26 115 232 / 4%);
    color: var(--darkColor);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}
.ap_dashboardBox_wrapper .col {
    min-width: 220px;
}
.ap_dashboardBox:hover {
    box-shadow: 15px 10px 30px 0 rgb(0 0 0 / 6%);
    transform: translateY(-5px);
}
.ap_dashboardBox p {
    margin: 0;
}
.ap_dashboardBox h3 {
    font-weight: 900;
    font-size: 42px;
    margin: 0 0 35px;
}
.ap_dashboardBox svg {
    fill: var(--greenColor);
    opacity: 0.3;
    position: relative;
    width: 60px;
    height: 100%;
    top: 0;
    right: 0;
    margin-bottom: 15px;
}
.ap_colorWhite svg {
    fill:#ffffff
}
.mobilePrivew_dashboard iframe.ap_preview_iframe {
    top: 20px;
    width: 330px;
    min-height: auto;
    height: calc(100% - 40px);
}
.mobilePrivew_dashboard .ap_modalPreview_Template > img {
    width: 367px;
}
.mobilePrivew_dashboard {
    text-align: center;
}
.mobilePrivew_dashboard .ap_modalPreview_Template {
    position: relative;
}
/* Header Css */
.ap_dashboardUser .ap_btn {
    max-width: 150px;
}
.ap_header .ap_col_4:first-child {
    max-width: 180px;
}
.ap_header .ap_col_4:last-child {
    max-width: 190px;
}
.ap_header {
    padding: 0px 20px;
}
.ap_btn_holderHead .ap_btn {
    max-width: 140px;
    margin-left: 15px;
}
a.ap_icon_overlay {
    display: inline-block;
}
div#ap_template_preview .modal-content.ap_modal_content {
    background-color: transparent;
    box-shadow: none;
}
.amz_splash_screen{
    flex-direction: column;
}
a#addNewPopup {
    height: 50px;
    width: 50px;
    padding: 0;
    background-color: var(--darkColor);
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 5px 5px 0px;
}
.ap_component_title.ap_popupTitle .form-control {
    border-radius: 5px 0px 0px 5px !important;
}
.ap_appurl_dv.ap_url_not_set {
    width: 100%;
    border-radius: 7px;
}
.ap_app_title {
    font-size: 14px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.ap_appurl_dv b {
    color: #454764;
}
.ap_appurl_dv a {
    color: #3e5df2;
    font-weight: 600;
    margin-left: 5px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 70px);
    overflow: hidden;
}
.ap_appurl_dv {
    width: calc(100% - 150px);
    background-color: #fff;
    line-height: 50px;
    padding: 0px 20px;
    border: 1px solid #EAECFB;
    border-radius: 7px 0 0 7px;
    display: flex;
    align-items: center;
}
.ap_dashboardUser .ap_app_title .ap_btn {
    border-radius: 0px 7px 7px 0px;
}
.ap_iconCopy {
    margin-right: 10px;
}
.ap_dashboardBox_wrapper .ap_dashboardBox:before {
    content: "";
    position: absolute;
    bottom: -10px;
    top: auto;
    left: 0;
    right: 0;
    width: 90%;
    height: 10px;
    background-color: rgba(255 255 255 / 50%);
    margin: auto;
    border-radius: 0px 0 10px 10px;
}
.ap_dashboardBox_wrapper .ap_dashboardBox {
    background-color: #fff !important;
    background-image: none !important;
}
.ap_dashbtn_dv {
    display: flex;
    align-items: center;
    padding:13px;
    margin-bottom: 20px;
    border-radius: 70px;
    font-weight: bold;
}
.ap_circleIcon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 10px 0 0px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.ap_dashbtn_dv svg {
    margin: 0;
    height: 14px;
    opacity: 1;
    width: 28px;
}
.ap_dashboard_icon svg {
    height: auto;
    width: 14px;
}
.ap_dashboard_icon {
    margin: 0 10px;
}
.bg-danger-gradient .ap_circleIcon {
    background-color: #FF5460;
}
.bg-danger-gradient .ap_dashbtn_dv {
    background-color: #FFE5E8;
    color: #ff5460;
}
.bg-danger-gradient .ap_dashbtn_dv svg {
    fill: #ff5460;
}
.bg-warning-gradient .ap_dashbtn_dv {
    background-color: #D8E9FF;
    color: #1F85FF;
}
.bg-warning-gradient .ap_dashbtn_dv svg {
    fill: #1F85FF;
}
.bg-warning-gradient .ap_circleIcon svg {
    fill: #fff;
    text-align: center;
    width: 14px;
}
.bg-warning-gradient .ap_circleIcon{
    background-color: #1F85FF;
}
.bg-theme-gradient .ap_dashbtn_dv {
    background-color: #FFF4E6;
    color: #FFBA5F;
}
.bg-theme-gradient .ap_dashbtn_dv svg {
    fill: #FFBA5F;
}
.bg-theme-gradient .ap_circleIcon {
    background-color: #FFBA5F;
}
.bg-success-gradient .ap_dashbtn_dv {
    background-color: #DCF9F1;
    color: #21D3A1;
}
.bg-success-gradient .ap_dashbtn_dv svg {
    fill: #21D3A1;
}
.bg-success-gradient .ap_circleIcon {
    background-color: #21D3A1;
}
/***********************************************/
.ap_header .ap_nav {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
}
.ap_header .ap_menu_dv li.ap_buttonMenu .ap_menu_btn::after {
    height: 0;
}
.ap_header .ap_menu_dv li.ap_buttonMenu .ap_menu_btn {
    line-height: 48px;
    color: #fff;
    min-width: 100px;
    text-align: center;
    padding: 0px 30px;
}
.ap_header .ap_menu_dv li.ap_buttonMenu {
    position: relative;
    display: inherit;
    padding: 0;
}
/****** App Icon Css *****/
.ap_appIcon img {
    filter: invert(1);
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.ap_allApps_icon {
    position: fixed;
    left: auto;
    right: 0;
    z-index: 999;
}
.ap_allApps_icon a {
    background-color: #3e5df2;
    display: inline-block;
    padding: 10px 10px 10px 20px;
    border-radius: 30px 0px 0px 30px;
    color: #fff;
    font-size: 16px;
}
.ap_btn.ap_dark_btn.deleteApp {
    background-color: #f93c5b;
}
.modal ~ .select2-container {
    z-index: 99999;
}
td img.product_image {
    max-width: 50px;
    max-height: 70px;
    width: 100%;
}
div#ap_template_preview .ap_modal_header {
    position: relative;
    display: none;
}
/**************************************************/
#productsModal span.imageName {
    height: 50px;
    border-radius: 7px;
    padding: 0 20px;
    color: #454764;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #fbfdff;
    border: 1px solid #e0e9f1;
    line-height: 50px;
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 1;
}
#productsModal .form-group {
    position: relative;
}
#productsModal input[type="file" i] {
    opacity: 0;
    z-index: 99;
    position: relative;
    cursor: pointer;
}
#productsModal span.imageName:before {
    content: "Choose Image";
    color: #a5a8d5;
}
textarea.form-control {
    height: auto;
    line-height: normal;
}
textarea.form-control::placeholder{
    line-height:normal;
}
#productsModal span.imageName:before {
    content: "Choose Image";
    color: #ffffff;
    margin-right: 10px;
    background-color: #3E5DF2;
    line-height: 49px;
    display: inline-block;
    right: -10px;
    position: absolute;
    border-radius: 0px 5px 5px 0px;
    padding: 0 15px;
}
/*************** ScrollBar Css ****************/
.amz_main_container::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
	background-color: transparent;
}
.amz_main_container::-webkit-scrollbar{
	width: 4px;
	height: 100px;
	background-color: transparent;
}
.amz_main_container::-webkit-scrollbar-thumb{
	background-color: var(--themeColor);
}
span.dtr-data .ap_actions {
    text-align: left;
    margin-top: 10px;
}
.ap_splash_preview p.appName {
    color: var(--SecondaryColor);
    font-weight: bold;
    font-size: 16px;
}
/************************** Template Label **********************/
.ap_templateLabel {
    width: 100%;
    position: absolute;
    z-index: 13;
    background-color: #3e5df2;
    max-width: max-content;
    padding: 0px 10px;
    top: 40px;
    font-size: 11px;
    color: #fff;
    left: -5px;
    height: 26px;
}
.ap_templateLabel:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -4px;
    width: 5px;
    height: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid #3e5df2;
    border-bottom: 5px solid transparent;
    z-index: 1;
}
.ap_templateLabel:after {
    content: "";
    width: 0;
    height: 0px;
    border-left: 5px solid #3e5df2;
    border-top: 13px solid #3e5df2;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #3e5df2;
    right: -15px;
    position: absolute;
    z-index: 1;
}
.ap_commercial {
    background-color: #00E0A4;
}
.ap_commercial:before{
    border-right: 5px solid #00E0A4;
}
.ap_commercial:after{
    border-left: 5px solid #00E0A4;
    border-top: 13px solid #00E0A4;
    border-bottom: 13px solid #00E0A4;
}
.ap_delux{
    background-color: #e4256e;
}
.ap_delux:before{
    border-right: 5px solid #e4256e;
}
.ap_delux:after{
    border-left: 5px solid #e4256e;
    border-top: 13px solid #e4256e;
    border-bottom: 13px solid #e4256e;
}
.ap_vip{
    background-color: #834607;
}
.ap_vip:before{
    border-right: 5px solid #834607;
}
.ap_vip:after{
    border-left: 5px solid #834607;
    border-top: 13px solid #834607;
    border-bottom: 13px solid #834607;
}
span.powered_by {
    display: inline-block;
    text-align: right;
    width: 100%;
    font-size: 12px;
}
span.powered_by img {
    width: 85px;
}
.ap_selectAmount .select2-container {
    width: 70% !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ap_selectAmount input.form-control {
    padding-left: 75%;
}
.ap_selectAmount .select2-container--default .select2-selection {
    border-radius: 7px 0 0 7px;
}
.ap_selectAmount .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #ffffff;
}
.ap_selectAmount .select2-container--default .select2-selection--single {
    background-color: #3e5df2;
}
.ap_selectAmount .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}
.ap_selectAmount .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff;
}
/************************************/
.ap_selectCurrency .select2-container {
    width: 100% !important;
    max-width: 180px !important;
    min-width: 160px;
}
.ap_selectCurrency .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left !important;
    line-height: 46px;
}
.ap_selectCurrency form {
    margin-left: 15px;
    display: flex;
}
.ap_selectCurrency a.ap_btn {
    max-width: 100px;
    border-radius: 0px 7px 7px 0px;
    color: #fff;
}
.ap_selectCurrency .select2-container--default .select2-selection--single {
    border-radius: 7px 0px 0px 7px;
}
.ap_extraNextBtn {
    display: flex !important;
}
.ap_basicsetting_box .ap_extraNextBtn .ap_btn:last-child {
    margin-right: 0px;
    margin-left: 10px;
}
.ap_selectCurrency > form > span.mr-2 {
    display: flex;
    width: 153px;
    align-items: center;
    font-weight: bold;
}
/********* Coupon Css *********/
.ap_couponAdd{
    position: relative;
}
.ap_couponAdd .ap_toggle_label{
    position: relative;
    width: calc(33.3% - 10px) !important;
    display: inline-block;
    text-align: left;
    padding-left: 40px;
}
.ap_coupon_check {
    position: relative;
    display: inline-block;
}
.ap_couponAdd .ap_toggle_label span {
    height: 18px;
    width: 18px;
    border: 1px solid #E5E7F7;
    background-color: #f8fbfc;
    position: absolute;
    content: '';
    border-radius: 5px;
    left: 15px;
    top: 4px;
}
.ap_couponAdd .ap_toggle_label span:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 5px;
	border: 2px solid #ffffff;
	border-top: none;
	border-right: none;
	left: 4.1px;
	top: 4px;
	transform: rotate(-45deg) scale(0);
}
.ap_couponAdd .ap_toggle_label input:checked ~ span{
	border-color: var(--themeColor);
	background-color:var(--themeColor);
}
.ap_couponAdd .ap_toggle_label input:checked ~ span:after{
	transform: rotate(-45deg) scale(1);
}
.ap_couponAdd .ap_toggle_label input{
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    opacity: 0;
    z-index: 99;
    cursor: pointer;
    border-radius: 50px;
}
/**************** Product Component Setting ****************/
.ap_productComponent_setting {
    padding: 0px;
    height: 100vh;
    overflow: auto;
    background-color: #fff;
}
.ap_productComponent_setting .ap_menu_dv li a {
    line-height: 70px;
    border: 0;
    padding: 0 15px;
    border-radius: 7px 7px 0 0;
}
.ap_productComponent_setting .tab-content {
    padding: 0px;
    min-height: calc(100vh - 100px);
}
.ap_productComponent_setting .nav-link.active:after {
    width: 100%;
}
.ap_productComponent_setting .ap_container {
    max-width: 100%;
}
.ap_productComponent_setting .ap_menu_dv li {
    padding: 0px 10px;
}
.ap_productComponent_setting .ap_innercontent_wrapper {
    height: calc(100vh - 70px);
    overflow: auto;
}
.ap_productWrapper {
    float: left;
    width: 100%;
}
.ap_innerContent .ap_formBox {
    padding: 0;
}
.ap_formBox h3 {
    background-color: #FAFCFF;
    border: none;
    border-radius: 15px 15px 0 0;
    padding: 17px 30px;
    border-bottom: 1px solid #E5E7F7;
    font-size: 20px;
}
.ap_formfeild_holder .ap_checkbox {
    min-width: 170px;
    line-height: 15px;
    margin-bottom: 20px;
}
.ap_formfeild_holder .form-inline .ap_checkbox {
    text-align: left;
    justify-content: start;
    height: 50px;
    margin-bottom: 10px;
}
.ap_formfeild_holder .form-inline .ap_checkbox>span {
    top: 18px;
}
.ap_formfeild_holder .ap_shippingCharg_selectBox .select2-container {
    min-width: 150px;
}
.ap_formfeild_holder h5 {
    font-size: 14px;
    padding: 20px 0 15px;
    border-bottom: 1px solid #e5e7f7;
    margin-bottom: 20px;
}
.ap_shippingCharge_dv {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 0px;
}
.ap_shippingAmount .form-control {
    border-radius: 7px 0px 0px 7px;
}
.ap_shippingradio {
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    background-color: #e0e9f1;
    position: relative;
    overflow: hidden;
}
.ap_shippingCharge_dv .ap_shippingradio:last-child {
    border-radius: 0px 7px 7px 0px;
}
.ap_toggle_radio {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.ap_shippingAmount {
    width: 100%;
}
.ap_shippingCharg_selectBox .select2-container--default .select2-selection {
    border-radius: 0 7px 7px 0;
    overflow: hidden;
    border: 0;
    height: 50px;
}
.ap_formfeild_holder .ap_label {
    min-width: 170px;
}
.ap_shippingCharg_selectBox .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 49px;
    background-color: #3e5df2;
    color: #fff;
}
.ap_shippingCharg_selectBox .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
}
.ap_shippingCharg_selectBox .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.ap_shippingCharg_selectBox .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff;
}
.ap_formfeild_holder .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 220px;
}
#app_update.card-body {
    background-color: #fff;
    border-radius: 15px;
}
/**********************/
.app_manageBtn {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.app_manageBtn .ap_btn {
    padding: 0 15px;
    max-width: max-content;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}
/*****************************/
.amz_iframe  .modal-dialog-centered.ap_modal_dialog {
    max-width: 100%;
}
.amz_iframe .modal-body {
    padding: 0;
}
.ap_modal.amz_iframe .ap_modal_content {
    width: 100%;
    background-color: rgb(255, 255, 255);
    height: 100vh;
    border-radius: 0px;
    overflow: auto;
}
.amz_iframe iframe {
    border: 0;
    width: 100%;
    min-height: calc(100vh - 0px);
}
.tab-content .amz_iframe iframe {
    border: 0;
    width: 100%;
    min-height: calc(100vh - 80px);
}
.url-open-in-iframe .ap_header {
    display: none;
}
div#productsModal .ap_modal_dialog.ap_modal_dialog-centered {
    max-width: 1080px;
}
div#productsModal .select2-container {
    max-width: 100% !important;
}
#productsModal .form-group.ap_actions {
    padding-top: 32px;
}
.ap_productOption .ap_actions .ap_icon {
    width: 50px;
    height: 50px;
    margin: 0px 5px;
}
.ap_productOption {
    border: 1px solid #e0e9f1;
    padding: 20px;
    margin: 20px 0;
    border-radius: 10px;
}
.modal-content.ap_modal_content > form {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}
div#productsModal .ap_modal_dialog .modal-body p,
div#templateFaq .ap_modal_dialog .modal-body p{
    max-width: 100%;
    margin: 0 auto;
}
div#productsModal  .ck.ck-editor__editable_inline[dir=ltr],
div#templateFaq  .ck.ck-editor__editable_inline[dir=ltr] {
    text-align: left;
    height: 200px;
}
div#productsModal .ck.ck-dropdown .ck-dropdown__panel .ck-list,
div#templateFaq .ck.ck-dropdown .ck-dropdown__panel .ck-list {
    max-height: 160px;
    overflow: auto;
}
.ap_success.ap_icon.getSingleData img {
    filter: brightness(14);
    max-width: 15px;
}
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, 
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
    left: 0;
    min-width: 60px;
}
#offlineData .ck.ck-reset.ck-editor {
    width: 100%;
}
#offlineData .ck.ck-editor__main > * {
    min-height: 150px;
}
.ap_modal_dialog .modal-body #offlineData  p{
    max-width:100%;
}
/********* Media Modal Css ************/
.ap_mediaProduct_dv {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 100%;
}
.ap_mediaProduct_dv .form-group {
    padding: 0 10px 0 0;
}
.ap_mediaProduct_dv .form-group.btn_holder {
    padding-top: 32px;
}
.modal-body.ap_mediaProduct_body {
    padding: 40px 15px;
}
.ap_featurBtn .ap_btn {
    margin: 5px;
    line-height: normal;
    height: 35px;
    font-size: 12px;
}
.ap_featuerbox iframe {
    width: 100%;
    height: auto;
    max-height: 120px;
}
.ap_featuerbox {
    border: 1px solid #e0e9f1;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin: 10px 0;
}
table.dataTable tbody td iframe.product_image {
    max-height: 50px;
    max-width: 50px;
}
.ap_featuerbox label.ap_checkbox.ap_label {
    height: auto;
    font-size: 16px;
    line-height: 35px;
}
.ap_featuerbox label.ap_checkbox.ap_label span {
    border-radius: 50px;
    top: 10px;
    left: 10px;
}
.ap_featuerbox label.ap_checkbox.ap_label span::after {
    border: 0px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50px;
    top: 5px;
    left: 5px;
}
.ap_featurBtn .ap_btn.ap_delete {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 0px;
    left: auto;
    right: 0;
    margin: 0;
    background-color: #f90000;
}
.ap_uploadFile_span input {
    opacity: 1;
    padding: 0;
    z-index: 9999;
    position: relative;
    background: transparent;
    line-height: 40px;
    padding-left: 0px;
}
.ap_featurBtn .ap_btn.ap_delete img {
    filter: brightness(5);
}
span.form-control.ap_uploadFile_span {
    position: relative;
    color: #a1a3ce;
    padding: 0;
    border: 0;
}
.ap_uploadFile_span i {
    font-style: normal;
    position: absolute;
    line-height: 50px;
    top: 0;
    z-index: 9999;
    background-color: #7c7d9b;
    border-radius: 5px 0 0 5px;
    font-size: 12px;
    padding: 0px 7px;
    color: #ffff;
    display: none;
}
.ap_uploadFile_span input::-webkit-file-upload-button, 
.ap_uploadFile_span input::file-selector-button {
    background-color: #26d49b;
    border: 0px;
    line-height: 50px;
    color: #fff;
    padding: 0 15px;
}
.ap_featuerbox img {
    max-height: 120px;
}
.ap_mediaProduct_body h6 {
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e7f7;
}
.ap_productOption{
    position: relative;
}
.ap_productOption > .row .ap_actions {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100% !important;
    display: inline-block !important;
    position: absolute !important;
    padding: 0px !important;
    margin: 0px !important;
    right: 10px;
    top: 15px;
}
.ap_productOption > .row .ap_actions .ap_icon {
    position: absolute;
    right: 0;
    top: 5px;
}
div#sendCredentials .ap_checkbox span {
    top: 4px;
}
/*****************************************************/
.ap_close.close.ap_btn_back {
    left: 0;
    text-align: left;
    right: auto;
}
.ap_btn_back svg {
    width: 25px;
    height: 13px;
}
/*********** Booking Modal Css *****************/
.pos_relative_input .btn-outline-secondary {
    color: #6c757d;
    border-color: #e0e9f1;
}
div#ap_manageBooking_modal .modal-body {
    padding: 0;
}
div#amz_bookingModal.show-in-editor .ap_modal_header,
div#amz_bookingModal.show-in-editor .ap_close.close {
    display: none;
}
div#amz_bookingModal.show-in-editor {
    padding: 0 !important;
    overflow: auto;
}
div#amz_bookingModal.show-in-editor .ap_modal_dialog.ap_modal_dialog-centered {
    max-width: 100%;
    padding: 0 !important;
}
div#amz_bookingModal.show-in-editor .ap_modal_content {
    max-width: 100%;
    border-radius: 0px;
}
div#amz_bookingModal.show-in-editor .modal-body{
    max-height: 100%;
    overflow: auto;
}
div#ap_manageBooking_modal .modal-content.ap_modal_content {
    overflow: hidden;
}
div#dviewDetailModal table tr td:first-child {
    font-weight: 600;
    min-width: 150px;
    vertical-align: top;
}
div#dviewDetailModal table {
    text-align: left;
    width: 100%;
}
div#dviewDetailModal table td {
    vertical-align: top;
    padding: 10px;
}
div#amz_bookingModal .modal-body {
    padding: 30px;
    max-height: calc(100vh - 100px);
    overflow: auto;
}
div#amz_bookingModal  .ap_checkbox.ap_label {
    line-height: 15px;
}
.input_bookingDuration .ap_btn {
    border-radius: 0px 7px 7px 0px;
}
.ui-state-highlight {
    height: 60px;
    background-color:#f9f9f9;
    border:1px dashed #d3dbff;
    border-radius:10px;
}
.url-open-in-iframe div#notifyBox {
    display: none !important;
}
div#couponModal .modal-content.ap_modal_content > form {
    max-height: calc(100vh - 350px);
    overflow-y: auto;
}
.form-group.ap_profile_submit {
    margin-top: 32px;
}
.ap_menu_dv.ap_disable_menu{
    position: relative;
}
.ap_menu_dv.ap_disable_menu > ul > li.ap_disable_menu_li:after {
    position: absolute;
    left: 0;
    z-index: 9999;
    top: 90px;
    height: 100%;
    width: 250px;
    content: "Please create your first application";
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    cursor: not-allowed;
    right: 0;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.ap_menu_dv.ap_disable_menu > ul > li.ap_disable_menu_li:hover:after{
    opacity: 1;
    visibility: visible;
}
.ap_menu_dv.ap_disable_menu > ul > li:hover ul{
    display: none;
}
.ap_table_loading{
    display: none;
}
.ap_holidays li {
    background-color: var(--inputColor);
    color: #fff;
    text-align: center;
    width: max-content;
    padding: 5px 30px 5px 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    float: left;
}
.ap_remove_holiday {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    text-align: center;
    border-radius: 0px 5px 5px 0px;
    background-color: rgba(255 255 255 / 30%);
    display: flex;
    right: 0;
    justify-content: center;
    align-items: center;
}
.ap_holidays {
    margin-top: 15px;
}
.ap_holidays li input {
    border: 0px;
    width: 90px;
    background-color: transparent;
    box-shadow: none !important;
    padding: 0px 5px;
    color: #fff;
}
.ap_holidays ul {
    float: left;
    width: 100%;
}
select#bookingSlotDuration, .input_bookingDuration .select2-container--default .select2-selection {
    border-radius: 0px 7px 7px 0;
}
div#amz_bookingModal .modal-body h5 {
    font-size: 16px;
}
/******** Share Modal Css **********/
#ap_template_share .amz_socialShareList {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
#ap_template_share .amz_socialShareList li {
    width: 100%;
    display: inline-flex;
    max-width: 33.3%;
    text-align: center;
    flex-direction: column;
}
#ap_template_share .amz_socialShareList li .amz_socialIcons {
    display: block;
    margin-bottom: 20px;
}
body.rightbar_opena.url-open-in-iframe {
    overflow: hidden;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
/**************** Tooltip Css *******************/
.ap_tooltip_component {
    position: absolute;
    background-color: var(--darkColor);
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    padding: 4px 10px;
    border-radius: 4px;
    top: 0;z-index: 9;
    left: calc(100% + 10px);
    opacity: 0;
    visibility: hidden;
    transition: all linear 0.5s;
    white-space: normal;
    max-width: 120px;
    width: 100%;
}
.ap_tooltip_component p {
    color: #fff;
}
.ap_tooltip_component::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid var(--darkColor);
    left: -7px;
    top: 5px;
}
.ap_label_list span:hover .ap_tooltip_component,
.ap_label:hover .ap_tooltip_component{
    opacity: 1;
    visibility: visible;
    transition: all linear 0.5s;
}
.ap_productOption .ap_tooltip_component {
    min-width: 130px;
}
.ap_productOption label.ap_label_list span {
    position: relative;
    line-height: 18px;
    display: inline-block;
}
/*************************************************/
body.url-open-in-iframe .ap_table_wrapper {
    overflow: auto;
    height: calc(100vh - 90px);
}
#amz_productManager.amz_iframe iframe {
    border: 0;
    width: 100%;
    min-height: calc(100vh - 7px);
}
.ap_label.ap_autoresponder {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom:10px
}
.ap_label.ap_autoresponder label.ap_toggle_label {
    right: 30px;
    position: relative;
}
.ap_datatable_Wrapper label.ap_checkbox {
    color: #3f3f59;
    top: 0px;
}
.ap_datatable_Wrapper label.ap_checkbox span {
    top: 5px;
}
.toolbar {
    float: left;
    display: flex;
    align-items: center;
    height: 55px;
}
.toolbar button {
    height: 53px;
    margin-left: 15px;
    background-color: var(--themeColor);
    border-color: var(--themeColor);    
    font-size: 14px;
    border-radius: 7px;
    padding: 0px 25px;
}
.toolbar button:hover, .toolbar button:focus,
.toolbar button:visited, .toolbar button:active{
    background-color: var(--darkColor) !important;
    border-color: var(--darkColor) !important; 
    outline: none !important;
    box-shadow: none !important;
}
.toolbar .dropdown-menu {
    padding: 0px;
    margin-top: 10px;
    border: 1px solid #e0e9f1;
}
.toolbar .dropdown-menu:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #e0e9f1;
    border-left: 1px solid #e0e9f1;
    top: -6px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(135deg);
    left: 15px;
}
.toolbar .dropdown-menu .ap_icon {
    display: block;
    line-height: 30px;
    font-size: 14px;
    border-bottom: 1px solid #e0e9f1;
    padding: 10px 15px;
}
.toolbar .dropdown-menu .ap_icon:last-child{
    border-bottom: 0px;
}
.toolbar .dropdown-menu .ap_icon:hover {
    color: var(--themeColor);
}
/*************** Traning Page Css ***********/
.ap_traningVideos {
    float: left;
    width: 100%;
    padding: 50px 0;
    /* max-height: calc(100vh - 150px);
    overflow: auto; 
    height: 100vh; */
}
.ap_trainingBox {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 60px 0px rgb(49 67 191 / 20%);
    margin-bottom: 30px;
    clear: both;
}
.ap_trainingBox h3{
    color:var(--themeColor);
    font-weight: 800;
    padding:10px 0 2px 0;
}
.ap_trainingBox p {
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 500;
}
.ap_trainingFilter {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 60px 0px rgb(49 67 191 / 20%);
}
.ap_trainingFilter h3 {
    font-size: 16px;
    align-items: center;
    display: block;
    padding: 20px 20px;
    background-color: #edf1fa;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -15px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 15px;
}
.ap_trainingFilter ul {
    position: static;
    overflow: auto;
    height: calc(100vh - 300px);
}
.ap_trainingFilter ul li a {
    padding: 20px 5px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #edf1fa;
}
.ap_trainingFilter ul li:last-child a {
    border-bottom: 0px;
}
.ap_trainingFilter ul li:hover a, 
.ap_trainingFilter ul li.active a {
    color: var(--themeColor);
}
.ap_header .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--primaryColor);
    font-weight: 500;
    font-size: 12px;
    max-width: 170px;
}
.ap_allApps_icon svg {
    margin-right: 10px;
    vertical-align: baseline;
}
.notFound p {
    line-height: normal;
}
.ap_require label:after {
    content: "*";
    color: #f90000;
}
.ap_modal_content .select2-container {
    width: 100% !important;
    max-width: 100% !important;
}
.ap_label_list span {
    position: relative;
    line-height: 18px;
    display: inline-block;
}
.is_register {
    margin-left: 30px;
}
h6.ap_label_list .ap_tooltip_component {
    min-width: 180px;
}
.clearfix {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
/********************/
.cropper-view-box {
    overflow: visible;
}
.cropper-crop {
    cursor: default;
}
.ap_datatable_Wrapper .product_image.amz_image_holder {
    width: 55px;
    height: 55px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}
/** Reseller Page **/
.ap_resellerContent h1 {
    color: var(--themeColor);
    font-weight: 900;
}
.ap_resellerBox {
    margin: 50px 0;
    padding: 0px;
    border-radius: 10px;
    text-align: center;
}
.ap_resellerContent h1 h1 {
    color: var(--themeColor);
    font-weight: 900;
}
.ap_resellerContent h1,
.ap_resellerContent h5 {
    max-width: 860px;
    margin: 0 auto 30px;
}
.ap_reseller_innerContent {
    text-align: left;
}
.step_dv h6 .ap_link {
    margin-bottom: 0;
}
.step_dv span {
    padding: 10px 20px;
    margin-bottom: 0;
    background-color: var(--themeColor);
    color: #fff;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0 10px 0;
}
.ap_stepContent {
    padding:20px 0px 0;
    border: 0;
    max-width: 100%;
    margin: 0px auto;
    border-radius: 0px 10px 10px;
}
.ap_resellerVideo {
    display: inline-block;
    vertical-align: top;
    padding: 55px 30px 15px;
    background-color: #fff;
    margin: 30px 0px 0px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
    position: relative;
    height: 100%;
}
.ap_reseller_innerContent .col-lg-6 {
    margin-bottom: 30px;
}
.step_dv h6 {
    border: 0;
    border-radius: 50px;
    line-height: normal;
    position: relative;
    padding: 0;
}
.ap_stepContent .embed-responsive {
    border: 20px solid var(--inputColor);
    border-radius: 10px;
    margin-bottom: 15px;
}
.ap_reseller_innerContent > h6 {
    padding: 0 15px;
    text-align: center;
}
/* new css start */
.am_bg_white{
    background-color:#fff;
}
.am_theme_color{
    color:var(--themeColor);
}
.am_green_color{
    background: #b9d222!important;
}
.ap_marginTop20{
    margin-top: 20px;
}
.ap_marginTop30{
    margin-top: 30px;
}
.ap_marginTop40{
    margin-top: 40px;
}
.ap_marginTop50{
    margin-top: 50px;
}
.ap_marginTop60{
    margin-top: 60px;
}
.ap_marginTop70{
    margin-top: 70px;
}
/* .ap_heading {
    font-size: 16px;
    align-items: center;
    display: inherit;
}
.am_heading {
    color: var(--themeColor);
    font-weight: 900;
    font-size: 40px;
} */
.am_heighlight_shap {
    padding: 15px 30px;
    margin-bottom: 0;
    background-color: var(--themeColor);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 20px;
}
.am_heighlight_shap:hover {
    color: #fff;
}
.sp_table {
    background: #fff;
}
.sp_table tr th {
    text-align: center;
    padding: 17px 20px;
    background-color: var(--themeColor);
    color: #fff;
    font-size: 20px;
    width: 50%;
    border: 1px solid #d4d4d4;
    border-collapse: collapse;
}
.sp_table tr td {
    padding: 20px 20px 20px 65px;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
    position: relative;
    width: 50%;
    vertical-align: top;
    border: 1px solid #d4d4d4;
    border-collapse: collapse;
    color: var(--headingColor);
}
.am_gray_color{
    color:var(--headingColor)
}
.am_button_shap {
    background: #ff8600;
    padding: 20px 40px;
    color: #fff;
    border-radius: 0;
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    line-height: normal;
}
.upsellBox.ap_upsellbg {
    background-color: #f2f5fa;
}
.am_btn_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0 0px;
}
.upsellBox .am_middle_details {
    padding: 40px;
    border-bottom: 1px solid #dee4ff;
    margin-bottom: 0 !important;
    max-width: 100%;
}
.am_btn_list li {
    padding: 0;
    min-width: 50%;
    text-align: center;
}
.am_top_section .ap_bonusList {
    padding: 20px 35px 40px;
}
.am_short_heading {
    font-size: 20px;
    padding-top: 40px;
}
.am_box_shap {
    background: #fff;
    box-shadow: 0px 0px 22px 0px rgb(34 34 34 / 14%);
    border-radius: 10px;
    max-width: 400px;
    width: 100%;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 20px;
}
.am_box_shap h2 {
    font-size: 20px;
    font-weight: 400;
    color: #86bb10;
    margin-top: 15px;
}
.link_user {
    color: #1cbdee;
    font-size: 20px;
    margin-bottom: 10px;
}
.am_fe_section  .ap_heading {
    font-size: 16px;
    align-items: center;
    display: inherit;
}
.am_heading, .am_review_access {
    color: var(--themeColor);
    font-weight: 900;
    font-size: 30px;
}
.am_middle_details {
    font-size: 14px;
    text-align: center;
    max-width: 850px;
    margin: auto;
}
.ap_table tr:last-child td.sp_money:last-child {
    border-bottom: 1px solid #d4d4d4;
}
.ap_table tr:last-child td.sp_money b{
    width: 100%;
    display: block;
    text-align: center;
}
.upsellBox {
    padding: 0 0px 20px;
    background-color: #fff;
    border-radius: 10px;
}
.ap_upsellbtn {
    display: flex;
    padding: 40px;
    align-items: center;
    justify-content: space-between;
}
span.am_button_shap.highlight_text {
    width: max-content;
    border-radius: 50px;
    font-size: 20px;
}
/****************************/
.ap_bonusList.ap_ClickHereBtn .ap_bonusItems {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ap_bonusList.ap_ClickHereBtn .ap_bonusItems h2 {
    margin: 0;
    font-size: 18px;
}
.am_top_section .ap_bonusList.ap_ClickHereBtn {
    padding: 20px;
    margin: 15px 0;
}
.ap_ClickHereBtn .ap_btn {
    max-width: 125px;
}
.video_box .ap_resellerVideo {
    padding: 20px;
}

/************* Bonus Page *************/
.ap_bonusHeader {
    background-image: url(../images/bonusBg.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 15px 100px;
    text-align: center;
}
.boxHeading {
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 28px;
    position: relative;
    top: -50px;
    padding: 15px;
}
.ap_bonusList {
    background-color: #fff;
    padding: 80px 35px 40px;
    border-radius: 10px;
    margin: 30px 0;
    position: relative;
}
.ap_bonusItems h2 {
    font-size: 22px;
    margin: 15px 0 25px 0;
    font-weight: 900;
}
.ap_bonusLabel_tag {
    position: absolute;
    top: 25px;
    left: -6px;
    background-image: url(../images/bonus_label.png);
    display: inline-block;
    padding: 15px 30px 10px 25px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-width: 120px;
    text-align: center;
}
.ap_bonusItems p {
    margin-bottom: 25px;
}
.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{
    border: 0 !important;
    border-radius: 0px !important;
    background-color: transparent;
}
.ap_menu_dv a#Agency_Kit-tab.active:after,
.ap_menu_dv a#Client_Manager-tab.active:after,
.ap_menu_dv #Reseller-tab.active:after, 
.ap_menu_dv #Promotional-tab.active:after,
.ap_menu_dv #Exclusive-tab.active:after,
.ap_menu_dv #Bundle_Deal-tab.active:after {
    width: 100%;
}
ul#myTab_clients {
    background-color: transparent;
    padding: 0px;
}
.ap_downloadImage_box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2f3ff;
    height: 100%;
    border-radius: 10px;
    margin-top: 15px;
}
.ap_downloadImage_box img{
    max-width: 100%;
}
.ap_headLine.bg_transparentHead {
    background-color: transparent;
    padding-bottom: 0;
}
.ap_notification_form_dv  label.ap_toggle_label {
    margin: 0;
}
#Bundle_Deal .ap_bonusList, div#Exclusive .ap_bonusList {
    margin-bottom: 0;
}
div#Bundle_Deal, div#Exclusive {
    padding-bottom: 30px;
}
.ap_searchForm.ap_entertemplate_form .cropper-container{
    overflow: hidden;
}
.ap_basicsetting_box .ap_uploadDetail + p > b {
    margin-right: 5px;
}
.ap_basicsetting_box .ap_uploadDetail + p {
    font-size: 12px;
    color: var(--darkColor);
}
.ap_basicsetting_box.ap_labelAlign_dv label.ap_checkbox.ap_label {
    line-height: 16px;
}
#basic-settings .ap_label.ap_autoresponder label.ap_toggle_label {
    position: relative;
    left: 0;
}
div#basic-settings .ap_label.ap_autoresponder {
    width: 190px;
}
div#deliveryManagerModal .ap_checkbox>span {
    top: 4px;
}
div#viewProDetail .modal-body {
    padding: 15px 10px;
}
.ap_orderListFilterDate {
    max-width: 1170px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: rgb(255 255 255);
    border-radius: 8px;
    box-shadow: 0 0 0px 1px rgb(224 233 241);
}
/************** Dot Menu Css *************/
.ap_dotDropDown_menu > a {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 12px;
    height: 22px;
    width: 22px;
    background-color: rgb(237 241 250);
    border-radius: 5px;
    z-index: 999;
    font-size: 15px;
    display: flex;
    justify-content: center;
    padding: 0px;
    color: rgb(63 63 89);
    font-weight: bold;
}
ul.ap_toggleDoted_menu {
    position: absolute;
    top: 45px;
    right: 18px;
    padding: 10px 15px;
    background-color: rgb(237 241 250);
    border-radius: 10px 0 10px 10px;
    min-width: 120px;
    text-align: left;
    font-size: 13px;
    text-transform: capitalize;
    transform: translate(0px, 15px);
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}
ul.ap_toggleDoted_menu:before {
    content: "";
    position: absolute;
    right: 0;
    top: -10px;
    border-bottom: 10px solid rgb(237 241 250);
    border-left: 10px solid rgb(0 0 0 / 0%);
    border-right: 0px solid rgb(237 241 250);
}
.ap_dotDropDown_menu.openDotMenu ul.ap_toggleDoted_menu{
    visibility:visible;
    opacity:1;
    transform:translate(0px, 0px);
}
.ap_autoresponder.ap_templateStatus {
    position: absolute;
    top: 7px;
    left: 10px;
    z-index: 999;
}
div#userTemplateList .notFound p {
    max-width: 750px;
    color: rgb(63 63 89);
    font-size: 26px;
}
div#userTemplateList .notFound p >a{
    color: rgb(62 93 242);
}
/*********************************/
.ap_loyalityUploadeIcons li a::after {
    visibility: hidden;
    opacity: 0;
    display:none;
}
.ap_component_form .ap_menu_dv .ap_loyalityUploadeIcons li{
    background-color: rgb(255 255 255) !important;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid rgb(229 231 247);    
    height: 65px;
    display: block;
    padding: 0px 0px 0px 20px;
}
.ap_menu_dv .ap_loyalityUploadeIcons li a {
    width: 100%;
    padding: 0;
    line-height: 65px;
    display: flex;
}
.ap_basicsetting_box .appPageList.ap_loyalityUploadeIcons {
    max-height: 350px;
    height: 350px;
}

.ap_loyalityUploadeIcons span.app-menu-icon:hover .ap_loyalityUploade{
    visibility: visible;
    opacity: 1;
}
.ap_loyalityUploade {
    position: absolute;
    min-width: 140px;
    right: 0;
    left: auto;
    background-color: rgb(255 255 255);
    line-height: normal;
    top: 50px;
    z-index: 999;
    font-size: 12px;
    border: 1px solid rgb(229 231 247);
    padding: 10px;
    text-align: left;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0 0 0 / 15%);
    visibility:hidden;
    opacity:0;
    transition:all 0.5s;
}
.ap_loyalityUploade:after{
    content:"";
    position:absolute;
    border-left:7px solid rgba(0 0 0 / 0);
    border-bottom:7px solid rgb(255 255 255);
    right:15px;
    top:-7px;
    
    
}
.ap_loyalityUploade span {
    line-height: 24px;
    color: rgb(142 145 173);
    cursor: pointer;
}
.ap_loyalityUploade span:hover{
    color:var(--themeColor);
}
.ap_basicsetting_box .appPageList.ap_loyalityUploadeIcons span.appPageTitle {
    overflow: visible;
}
.ap_loyalityUploadeIcons .app-icon-remove svg {
    width: 8px;
    position: absolute;
    right: 4px;
    top: 2px;
    fill: rgb(255 255 255);
}
.loyaltyTabManager ul li a {
    line-height: 50px;
    font-size: 15px;
    margin-top: 15px;
    border: 0px !important;
    background-color: rgb(0 0 0 / 0%) !important;
    padding: 10px 30px;
    font-weight: 600;
}
.loyaltyTabManager ul li a.active:after {
    width: 100%;
}
.loyaltyTabManager ul li a.active {
    color: var(--themeColor) !important;
}


/**    **/
.paypal_id, .stripe_id, .square_id, .paystack_id, .razorpay_id  {
    display: flex;
    width: calc(100% - 170px);
    max-width: 540px;
}
.paypal_id .ap_btn, .stripe_id .ap_btn, .square_id  .ap_btn, .paystack_id .ap_btn, .razorpay_id .ap_btn {
    height: 55px;
    min-width: calc(100% - 10px);
    margin-left: 10px;
}
/*.ap_modal_dialog .modal-body iframe.qrCodeScanner {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin: auto;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*}*/
.ap_loyaltyContent_text {
    padding: 100px 0;
}
.ap_loyaltyContent_text h4{
    font-size:20px;
    margin-bottom:20px;
}
.ap_loyaltyContent_text p{
    font-size:14px;
    margin-bottom:15px;
}
.ap_loyaltyContent_text h6 {
    margin-bottom: 20px;
}
.ap_infoTooltipDv {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: rgb(111 114 167);
    border-radius: 20px;
    top: 5px;
    right: 5px;
    line-height: 15px;
}
.ap_infoTooltipDv svg {
    fill: rgb(255 255 255);
    width: 13px;
    height: 13px;
}
.ap_infotooltipOpen {
    position: absolute;
    font-size: 12px;
    min-width: 85px;
    left: auto;
    right:-7px;
    background-color: rgb(41 41 52);
    padding: 5px 10px;
    line-height: 18px;
    border-radius: 5px;
    color: rgb(255 255 255);
    z-index: 9;
    top: -35px;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}
.ap_infotooltipOpen:before {
    content: "";
    position: absolute;
    border-top: 7px solid rgb(41 41 52);
    border-left: 7px solid rgb(41 41 52 / 0%);
    border-right: 7px solid rgb(41 41 52 / 0%);
    bottom: -6px;
    right: 10px;
}
div#bookingPayOption label.ap_checkbox.ap_label {
    min-width: 120px;
    align-items: self-start;
    text-align: left;
    display: flex;
    justify-content: start;
    padding-left: 24px !important;    
    height: auto;
}
/*********** Responsive Css ************/
@media(min-width:1200px){
    .ap_dataContent {
        min-width: 450px;
    }
}
@media(max-width:1750px){
    .ap_menu_dv li a {
        font-size: 14px;
    }
    .ap_menu_dv li {
        padding: 0px 8px;
    }
    .ap_header .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }
    .ap_header .ap_col_4:last-child,
    .ap_header .ap_col_4:first-child {
        max-width: 150px;
    }
}
@media(max-width:1460px){
    .ap_menu_dv li {
        padding: 0px 8px;
    }
    .ap_menu_dv li a {
        padding: 0px;
        font-size: 13px;
    }
    .ap_menu_dv.ap_disable_menu:after {
        left: 110px;
        width: calc(100% - 250px);
    }
    .ap_header .ap_menu_icon {
        width: auto;
    }
    .ap_logo img {
        max-width: 150px;
    }
    .ap_header .ap_menu_dv li.ap_buttonMenu .ap_menu_btn {
        padding: 0px 15px;
    }
    .ap_header .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
    }
}
@media(max-width:1300px){
    .ap_header .ap_col_4:last-child {
        max-width: 65px;
        padding: 0;
    }
}
@media(max-width:1200px){
    .ap_header {
        padding: 0px 20px;
    }
    .ap_header .ap_col_4:first-child {
        flex: 0 0 135px;
        max-width: 135px;
        justify-content: flex-start;
    }
    .ap_header .ap_col_4:last-child {
        flex: 0 0 100%;
        max-width: calc(100% - 135px);
        justify-content: flex-start;
    }
    .ap_header .ap_col.align-items-center.ap_mainWrapper {
        max-width: 0px;
        padding: 0;
    }
    /* Menu */
    a.menu_btn.d-none {
        display: block !important;
        position: absolute;
        right: 15px;
    }
    .menu_btn span {
		display: block;
		width: 18px;
		height: 2px;
		transition: 0.3s;
        margin: 0 auto 3px;
        background: var(--grayColor);
	}
	.ap_mainwrapper.open .menu_btn span:nth-child(2) {
		opacity: 0;
		visibility: hidden;
	}
	.ap_mainwrapper.open .menu_btn span:nth-child(1) {
		transform: translate(0px, 4px) rotate(-48deg);
	}
	.ap_mainwrapper.open .menu_btn span:nth-child(3) {
		transform: translate(0px, -6px) rotate(48deg);
    }
    .ap_menu_dv li, .ap_menu_dv ul.ap_nav {
        display: block;
    }
    .ap_menu_dv {
        position: fixed;
        top: 0;
        bottom: 0;
        background-color: #fff;
        left: -200px;
        padding: 20px;
        transition: all 0.5s;
        width: 200px;
        z-index: 9;
    }
    .ap_mainwrapper.open .ap_menu_dv {
        left: 0;
    }
    .ap_menu_dv li {
        padding: 0;
    }
    .ap_menu_dv li a {
        line-height: 75px;
        text-align: left;
        display: block;
        padding: 0;
    }
    .ap_menu_dv li li a{
        line-height: 50px;
    }
    .ap_profile_wrapper {
        margin-right: 55px;
    }
    /**/
    main.ap_mainwrapper.open .ap_innercontent_wrapper {
        filter: blur(4px);
    }
    .ap_header .ap_menu_dv li.ap_buttonMenu {
        margin-top: 20px;
    }
    .ap_alltemplate_holder .container {
        min-width: 100%;
    }
    .ap_header .ap_menu_dv li.ap_select_menu {
        margin-top: 15px;
    }
    /********** Product Component Css ***********/
    .ap_productComponent_setting  .ap_menu_dv{
        position:relative;
        left:0;
        width:100%;
        padding:0px;
    }
    .ap_productComponent_setting ul#myTab {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ap_menu_dv.ap_disable_menu {
        position: fixed;
    }
    .ap_clientPage_dv .ap_menu_dv {
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        background-color: transparent !important;
    }
    .ap_clientPage_dv li.nav-item.flex-fill {
        display: inline-block;
        padding: 0px 15px;
    }
}
@media(max-width:1080px){
    .ap_innertable_dv {
        border-bottom: 0px !important;
        line-height: normal;
        padding: 10px;
    }
    .ap_table td, .ap_table th {
        border-top: 1px solid #E0E9F1 !important;
    }
    .ap_table tr td:first-child .ap_innertable_dv {
        margin-left: 0px;
    }
    .ap_table tr td:last-child .ap_innertable_dv {
        margin-right: 0px;
    }
    .ap_table tr th:first-child {
        padding-left: 10px;
    }
    .ap_table tr th:last-child {
        padding-right: 10px;
    }
    .ap_table tr th {
        padding: 20px 10px;
    }
    .ap_table_responsive table tbody tr:last-child td:last-child {
        width: 200px;
        min-width: 200px;
    }
    table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
        position: absolute;
        bottom: auto;
        display: block;
        opacity: 0.3;
        top: 18px;
    }
    .ap_uploadPage_wrapper {
        padding: 20px 15px;
    }
    .ap_mobileScreen_content {
        padding: 0px 0px 0 0;
        min-width: 459px;
    }
    .am_heighlight_shap {
        padding: 10px 20px;
        font-size: 14px;
    }
    .ap_upsellbtn {
        padding: 15px;
    }
}
@media(max-width:991px){
    .col_5 {
        width: 33.3%;
    }
    .ap_innerContent {
        padding: 40px 15px !important;
    }
    .ap_profile_image {
        border-right: 0;
    }
    ul.ap_chartlabel {
        text-align: left;
        margin-bottom: 30px;
    }
    .ap_chartdv .form-group {
        margin-bottom: 20px;
    }
    .ap_mobileScreen_content {
        padding: 0px 0 0 0;
    }  
    .ap_bonusItems {
        margin-top: 30px;
    }
    .am_button_shap {
        padding: 10px 15px;
        font-size: 18px;
    }
    .upsellBox .am_middle_details {
        padding: 10px 15px;
        line-height: normal;
    }
    span.am_button_shap.highlight_text {
        font-size: 14px;
        line-height: normal;
        padding: 10px 30px;
    }
    .ap_trainingFilter {
        margin-bottom: 40px;
    }
    .ap_trainingFilter ul {
        height: auto;
    }
}
@media(max-width:768px){
    .ap_innerContent, .ap_whitebox, .ap_mapbox_wrapper, .ap_chartdv, .ap_nodata_dv.ap_enterName_wrapper {
        padding: 40px 15px !important;
    }
    .ap_checkbox_setting {
        padding: 30px 15px;
    }
    .ap_header .ap_col_4 {
        padding: 0;
    }
    .ap_uesrName {
        margin-right: 5px;
        font-size: 12px;
    }
    .ap_userimg {
        width: 40px;
        height: 40px;
        line-height: 36px;
    }
    .ct-chart {
        height: 300px;
    }
    .select2-container {
        width: 100% !important;
        max-width: 100% !important;
        z-index: 11;
    }
    .ap_modal.show {
        padding: 0px 17px;
    }
    .ap_innerContent form .ap_col, .ap_col_last {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
    .ap_innerContent form {
        padding: 0px 15px;
    }
    .ap_entertemplate_form .ap_search, .ap_entertemplate_form .input-group-text.ap_btn {
        min-width: 100%;
        height: 50px;
        border-radius: 7px !important;
        padding: 0 25px;
    }
    span.ap_domain_text {
        right: 15px;
        line-height: 50px;
        top: 0;
    }
    .ap_entertemplate_form .ap_search.ap_domainName {
        padding-right: 120px;
    }
    .ap_upload {
        padding: 15px;
    }
    .ap_nodata_dv {
        width: 100%;
        display: inline-block;
    }
    .ap_mobileScreen_content img {
        max-width: 100%;
        position: relative;
        left: -11%;
    }
    .ap_mobileScreen_content {
        text-align: center;
        display: inline-block;
    }
    .ap_dataContent {
        max-width: 100%;
    }
    .ap_modal .ap_entertemplate_form .ap_search {
        min-width: 100%;
    }
    .ap_entertemplate_form .input-group-prepend {
        width: 100%;
    }
    .ap_formfeild_holder .form-inline .ap_checkbox {
        display: flex;
        align-items: center;
        max-width: max-content;
        min-width: 100px;
        margin-right: 10px;
    }
    #app_update.card-body {
        padding: 10px;
    }
    .ap_appurl_dv {
        width: calc(100%);
        border-radius: 7px 7px;
        margin-bottom: 15px;
    }
    .ap_app_title {
        display: block;
    }
    .ap_app_title .ap_btn.copyMe {
        border-radius: 7px;
        max-width: 100%;
    }
    div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        display: inline-block;
        width: 100%;
        text-align:center;
    }
}
@media(max-width:575px){
    .col_5 {
        width: 50%;
    }
    .ct-label {
        font-size: smaller;
    }
    .ct-chart {
        height: 200px;
    }
    form.ap_searchForm .input-group.m-0 {
        display: block;
        width: 100%;
    }
    form.ap_searchForm input.ap_search.form-control {
        width: 100%;
        border-radius: 7px !important;
        margin-bottom: 15px;
    }
    .input-group-text.ap_btn {
        min-width: 100%;
        border-radius: 7px !important;
        width: 100%;
    }
    .ap_search_wrapper {
        min-width: 100%;
        margin-bottom: 20px;
    }
    .ap_container {
        display: block;
        width: 100%;
    }
    .ap_half{
        display: inline-block !important;
        width: 100% !important;
    }
    .ap_heading {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
    .ap_headLine a.ap_btn.ap_green_btn {
        text-align: center;
        display: block;
        width: 100%;
        margin: auto;
        line-height: 48px;
    }
    p.ap_pages {
        text-align: center;
    }
    .ap_pagination {
        text-align: center;
        margin-top: 15px;
    }
    .accordion>.card>.card-header .ap_heading_box {
        padding: 30px 15px;
    }
    .ap_heading_box.ap_container .ap_half {
        width: calc(100% - 25px) !important;
        display: inline-block;
        text-align: left;
    }
    .ap_heading_box.ap_container .ap_half.ap_multiBtn_holder {
        width: 21px !important;
        vertical-align: middle;
    }
    .ap_accordion_save_template .ap_heading {
        text-align: left;
    }
    .ap_modal .ap_modal_footer {
        padding: 10px 5px 40px;
    }
    .ap_setting_wrapper {
        padding: 0;
    }
    .ap_gray_strip {
        max-width: 100%;
    }  
    .ap_mobileScreen_content {
        min-width: auto;
        width: 300px;
    }
    .ap_mobilescreen_bg {
        height: 390px;
        width: 180px;
        top: 41px;
        left: 57px;
    }
    #ap_progressbar li strong {
        font-size: 12px;
        display: inline-block;
        line-height: normal;
    }
    .dataTables_wrapper .dataTables_length {
        width: 100%;
        margin-bottom: 15px;
    }
    .dataTables_wrapper .dataTables_filter {
        min-width: 100%;
    }    
    .ap_appIcon_dv {
        width: 90px;
        height: 90px;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }
    table.dataTable tbody td:first-child {
        padding-left: 0px;
    }
    .ap_profile_wrapper:after {
        top: 30px;
    }
    .ap_profile_wrapper {
        padding: 10px 0;
    }
    iframe.ap_preview_iframe {
        top: 56px;
        width: 240px;
        min-height: 510px;
    }
    .ap_modalPreview_Template img {
        width: 275px;
    }
    .mobilePrivew_dashboard .ap_modalPreview_Template img {
        width: 350px;
    }
    .ap_headLine .ap_half.text-right {
        text-align: center !important;
    }
    .ap_table_wrapper .ap_half.ap_align_item_end {
        margin-top: 15px;
    }
    .ap_headLine .ap_dark_btn.deleteApp {
        margin-top: 10px;
    }
    div#ap_template_preview {
        padding: 0;
    }
    div#ap_template_preview .modal-body {
        padding-left: 0;
        padding-right: 0;
    }
    .ap_modalPreview_Template img {
        width: 360px;
        max-width: 360px;
    }
    .mobilePrivew_dashboard iframe.ap_preview_iframe {
        width: 320px;
    }
    .ap_modal_dialog .modal-body {
        padding: 40px 15px 15px;
    }
    #productsModal .form-group.ap_actions {
        padding-top: 0;
    }
    .toolbar, .toolbar button, .toolbar .dropdown  {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .toolbar .dropdown {
        margin-bottom: 20px;
    }
    .is_register {
        margin-left: 10px;
    }
}
@media(max-width:400px){
    .col_5 {
        width: 100%;
    }
    ul.ap_chartlabel li a {
        font-size: 12px;
    }
    .ap_uploadIcon_form li.nav-item:first-child, .ap_uploadIcon_form li.nav-item:last-child {
        min-width: 130px;
    }
    .ap_modal .ap_modal_footer .ap_btn {
        max-width: 130px;
        font-size: 12px;
    }
    .mobilePrivew_dashboard iframe.ap_preview_iframe {
        width: 260px;
    }
    .mobilePrivew_dashboard .ap_modalPreview_Template img {
        width: 290px;
        max-width: 290px;
    }
    .ap_modalPreview_Template img {
        max-width: 275px;
    }
    .ap_productComponent_setting .ap_menu_dv li a {
        padding: 0 5px;
        font-size: 13px;
    }
    .ap_formfeild_holder {
        padding: 30px 15px;
    }
    .is_register {
        margin-left: 0px;
    }
}
@media(max-width:370px){
    .ap_profile_wrapper span.ap_uesrName{
        font-size: 0px;
    }
}
img[src=""]{
    display: none;
}