/* common.css — RECONSTRUCTED 2026-07-14 (original lost in migration).
 * Built from the misplaced runtime copies: css/style.css + css/component.css + css/login.css
 * (their url(../images/...) paths resolve correctly only from assets/apps/common.css).
 * If the original is recovered from the OLD server, replace this file with it. */
* {
    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: 50%;
    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: 4.1px;
	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: -100%;
    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: 15px;
}
.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 40px 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;
    /* text-transform: capitalize; */
    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;
}
.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>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 27px;
    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: 20px;
}
.ap_menu_icon svg  {
    fill: var(--darkColor);
}
.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%; 
}
/************************************/

/********** 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; */
    margin: 20px 0px;
    /* border: 1px solid #E0E9F1; */
    border-radius: 10px;
}
.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 {
    /* transform: translate(0px, -5px); */
    box-shadow: 0px 0px 10px rgba(0 0 0 / 10%);
}
.ap_actions .ap_info.ap_icon {
    background-color: #1592dc;
}
/* table  */
.ap_table {
    /* box-shadow: 0 10px 20px rgb(26 115 232 / 4%); */
    border-radius: 10px;
    /* border: 1px solid #E0E9F1; */
    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: center;
}
.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;
}
.ap_table tr td:last-child {
    text-align: center;
}
.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;
}
/* 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;
    /* width: 100%; */
    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;
    /* color: #fff; */
    transition: all 0.5s;
    /* transform: rotate(0deg); */
}
.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;
}
.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: 20px;
    font-size: 15px;
    font-weight: 500;
}
.ap_profile_image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-right: 1px solid #E6EEF6;
}
.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;
}
/**********************************************
    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_btn_blank:hover .ap_arrowright_icon{
    right: 30px;
    opacity: 0;
    transition: all linear 0.2s;
} */
.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: 25px;
    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;
    /* line-height: 16px; */
    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: 160px;
    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: 300px;
    max-width: 500px;
}
.dataTables_wrapper .dataTables_length {
    float: right;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 10px;
}
.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: center;
    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;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #3e5df2 !important;
    border-color: #3e5df2 !important;
    border-radius: 5px;
}
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;
}
/**************************************/

/*******************************************
   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;
}
.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;
}
.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: 100px;
}
.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;
}
.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;
}
.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 {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 10px 0 0px;
    text-align: center;
}
.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;
}
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 {
    /* padding: 30px;
    text-align: left;
    max-height: calc(100vh - 150px);
    overflow: auto; */
}
.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 {
    max-width: 100%;
    margin: 0 auto;
}
div#productsModal  .ck.ck-editor__editable_inline[dir=ltr] {
    text-align: left;
    height: 200px;
}
div#productsModal .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;
}
/********* 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: 0;
    padding: 0;
    z-index: 9999;
    position: relative;
    background: transparent;
}
.ap_featurBtn .ap_btn.ap_delete img {
    filter: brightness(5);
}
span.form-control.ap_uploadFile_span {
    position: relative;
    color: #a1a3ce;
}
.ap_uploadFile_span i {
    font-style: normal;
    position: absolute;
    line-height: 50px;
    top: 0;
}
.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_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;
}
/******** 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 {
    /* display: none; <- Crashes Chrome on hover */
    -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: 200px;
    min-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: 8px;
}
.ap_label_list span:hover .ap_tooltip_component,
.ap_label:hover .ap_tooltip_component{
    opacity: 1;
    visibility: visible;
    transition: all linear 0.5s;
}
/*************************************************/
/*********** Responsive Css ************/
@media(min-width:1200px){
    .ap_dataContent {
        min-width: 450px;
    }
}

@media(max-width:1460px){
    .ap_menu_dv li {
        padding: 0px 10px;
    }
    .ap_menu_dv li a {
        padding: 0px;
    }
    .ap_menu_dv.ap_disable_menu:after {
        left: 110px;
        width: calc(100% - 250px);
    }
}
@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: 50px;
        text-align: left;
        display: block;
        padding: 0;
    }
    .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;
    }
}
@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;
        /* min-width: 80px; */
    }
    .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;
    }
}
@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;
    }
    
}
/* @media(max-width:930px){
    .ap_mobilescreen_bg {
        top: 60px;
        left: auto;
        right: 40px;
    }
} */
@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;
    }
    /* .input-group-prepend {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    } */
    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;
    }
}
@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;
    }
    
}
@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;
    }
}
@media(max-width:370px){
    .ap_profile_wrapper span.ap_uesrName{
        font-size: 0px;
    }
}

@font-face {
    font-family: 'FontAwesome';
    src: url('https://use.fontawesome.com/releases/v5.0.6/css/all.css'); 
}


.ap_dark_btn:hover:before{
    background-color: var(--themeColor);
}
/*==========================================
    App Custom Css Start
============================================*/
textarea.form-control {
    height: auto;
    line-height: normal;
}
.ap_custom_content_wrapper {
    margin-left: 435px;
    width: calc(100% - 435px);
    position: relative;
    float: left;
    height: calc(100vh - 90px);
    background-color: #EFF6FC;
    border-top: 1px solid #E1E5F1;
    overflow-x: hidden;
    overflow-y: hidden;
}
.ap_customManu_wrapper {
    position: fixed;
    left: 0;
    max-width: 435px;
    top: 89px;
    width: 100%;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 90px);
    border-right: 1px solid #E1E5F1;
    border-top: 1px solid #E1E5F1;
}
ul.ap_firstlevel_menu {
    width: 80px !important;
    visibility: visible !important;
    left: 0px !important;
    overflow-y: visible;
    background-color: #E2E6F1;
    padding: 0;
    overflow-x: visible;
    z-index: 109;
}
/* Menu styles */
.menu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f5fa;
}
.menu__wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
}
.menu__level {
    position: absolute;
    top: 0;
    left: 80px;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
    width: calc(100% - 80px);
    height: 100%;
    margin: 0;
    padding: 10px 20px;
    list-style-type: none;
    background-color: #EDF1FA;
}
.menu__level:focus {
	outline: none;
}
.menu__level--current {
	visibility: visible;
    z-index: 99;
}
.ap_firstlevel_menu li.menu__item {
    display: block;
    padding: 15px 10px;
    position: relative;
    width: 100%;
}
.menu__item {
    /* display: block; */
    width: calc(100%);
    padding: 15px 10px;
    position: relative;
}
.menu__item.ap_activeMenu {
    background-color: #f2f5fa;
}
.menu__item.ap_activeMenu::before{
	content: "";
	background-image: url(../images/Rounded-Rectangle-5.png);
	width: 80px;
	height: 112px;
	position: absolute;
	top: -17px;
	left: 0;
}
.menu__link {
    font-weight: 600;
    position: relative;
    display: block;
    padding: 18px 15px;
    color: #6f72a7;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
}
.ap_firstlevel_menu .menu__link {
    width: 52px;
    height: 52px;
    padding: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
}
.menu__link[data-submenu]::after {
	content: '';
	position: absolute;
	right: 0;
	padding: 0.25em 1.25em;
	color: #2a2b30;
}
.ap_dashboardMenu{
    background-image: url(../images/svg/dark_Shape85.svg);
}
.ap_pagesMenu{
    background-image: url(../images/svg/dark_Shape67.svg);
}
.ap_dropcolorMenu{
    background-image: url(../images/svg/dark_Shape83.svg);
}
.ap_paymentMenu{
    background-image: url(../images/svg/dark_Shape84.svg);
}
.ap_settingMenu{
    background-image: url(../images/svg/dark_Shape69.svg);
}
.ap_activeMenu .menu__link{
	background-color: var(--themeColor);
}
.ap_activeMenu .ap_dashboardMenu{
    background-image: url(../images/svg/white_Shape85.svg);
}
.ap_activeMenu .ap_pagesMenu{
    background-image: url(../images/svg/white_Shape67.svg);
}
.ap_activeMenu .ap_dropcolorMenu{
    background-image: url(../images/svg/white_Shape83.svg);
}
.ap_activeMenu .ap_paymentMenu{
    background-image: url(../images/svg/white_Shape84.svg);
}
.ap_activeMenu .ap_settingMenu{
    background-image: url(../images/svg/white_Shape69.svg);
}
.ap_firstlevel_menu .menu__link[data-submenu]::after {
    background-repeat: no-repeat;
    background-position: center center;
    height: 50px;
    width: 50px;
}
.menu__link svg {
    fill: #6f72a7;
}
/* .menu__link:hover,
.menu__link:focus,
.menu__link[data-submenu]:hover::after,
.menu__link[data-submenu]:focus::after {
	color: var(--themeColor);
} */
/* .menu__link--current::before {
	content: '';
	font-size: 1.5em;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 0.5em;
	height: 4px;
	color: var(--themeColor);
} */
/* [class^='animate-outToRight'],
[class*=' animate-outToRight'] {
	visibility: visible;
} */

.animate-outToRight .menu__item {
	-webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes outToRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
@keyframes outToRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
.animate-outToLeft .menu__item {
	-webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes outToLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes outToLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
.animate-inFromLeft .menu__item {
	-webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes inFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes inFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate-inFromRight .menu__item {
	-webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes inFromRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes inFromRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.menu__breadcrumbs {
	font-size: 0.65em;
	line-height: 1;
	position: relative;
	padding: 2.5em 3.75em 1.5em 2.5em;
}
.menu__breadcrumbs a {
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #5c5edc;
}
.menu__breadcrumbs a:last-child {
	pointer-events: none;
}
.menu__breadcrumbs a:hover,
.menu__breadcrumbs a:focus {
	color: #8182e0;
}
.menu__breadcrumbs a:not(:last-child)::after {
	content: '\e902';
	font-family: 'feather';
	display: inline-block;
	padding: 0 0.5em;
	color: #33353e;
}
.menu__breadcrumbs a:not(:last-child):hover::after,
.menu__breadcrumbs a:not(:last-child):focus::after {
	color: #33353e;
}
.menu__back {
	font-size: 1.05em;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 2.25em;
	margin: 0;
	padding: 1.365em 0.65em 0 0;
	cursor: pointer;
	color: #2a2b30;
	border: none;
	background: none;
}
.menu__back--hidden {
	pointer-events: none;
	opacity: 0;
}
.menu__back:hover,
.menu__back:focus {
	color: #fff;
	outline: none;
}
/* Open and close buttons */
.action {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
}
.action:focus {
	outline: none;
}
.action--open {
	font-size: 1.5em;
	top: 1em;
	left: 1em;
	display: none;
	color: #fff;
	position: fixed;
	z-index: 1000;
}
.action--close {
	font-size: 1.1em;
	top: 1.25em;
	right: 1em;
	display: none;
	color: #45464e;
}
/* @media screen and (max-width: 40em) {
	.action--open,
	.action--close {
		display: block;
	}
	.menu {
		z-index: 1000;
		top: 0;
		width: 100%;
		height: 100vh;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
	}
	.menu--open {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
} */
a.menu__link.ap_menu_disable {
    background-color: #d9d7fb;
}
/* Component Header */
.ap_custom_app_header {
    padding: 10px 15px;
    background-color: #E7EBF5;
    border-bottom: 1px solid #E0E5F1;
}
.menu__link.ap_allpages_menu {
    color: var(--darkColor);
    background-color: #E1E6F1;
    border-radius: 4px;
}
.ap_custom_app_header .select2-container--default .select2-selection--single {
    background-color: #fff;
}
.ap_custom_app_header .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--darkColor);
    font-weight: 500;
}
.ap_custom_app_header .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--darkColor);
}
.ap_component_content .select2-container {
    margin-bottom: 15px;
}
.ap_pageContent_menu li.menu__item .ap_btn.ap_createNewPage {
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 7px;
    height: 50px;
    color: #fff;
}
.ap_btn.ap_createNewPage img {
    margin-right: 10px;
}
.ap_pageContent_menu .menu__item:first-child{
	padding: 10px 0px;
	border-bottom: 0px;
}
.ap_pageContent_menu .menu__item:first-child .menu__link {
    width: 100%;
    color: var(--darkColor);
    font-weight: 600;
    padding: 18px 20px;
}
.ap_pageContent_menu .menu__item .menu__link {
    width: calc(100% - 85px);
    display: inline-block;
    color: #8e91ad;
    font-weight: 500;
    vertical-align: middle;
    text-align: left;
    padding: 23px 15px;
    float: left;
}
.ap_pageContent_menu li.menu__item {
    padding: 0;
    border-bottom: 1px solid #E1E6F1;
}
.ap_menu_svg {
    margin-right: 15px;
    position: relative;
    top: -3px;
    cursor: move;
}
.ap_menu_svg svg {
    fill: #8e91ad;
}
.ap_pageContent_menu li.menu__item .ap_btn img {
    width: 16px;
    min-width: 12px;
}
.ap_pageContent_menu li.menu__item .ap_btn {
    width: 30px;
    height: 30px;
    vertical-align: top;
	margin:20px 3px;
	overflow: visible;
}
.ap_pageContent_menu li.menu__item 
 .ap_btn.ap_inactive_page {
    background-color: var(--darkColor);
}
.ap_pageContent_menu li.menu__item .ap_btn::before{
	display: none;
}
.ap_pageContent_menu .menu__item.ap_actions {
    border-radius: 7px;
    position: relative;
    border: 1px solid transparent;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: right;
    padding-right: 10px;
}
.ap_pageContent_menu .menu__item.ap_actions:hover, 
.ap_pageContent_menu .menu__item.ap_actions.ap_activemenu {
    background-color: #fff;
	border-color: #E0E9F1;
	color: var(--themeColor);
}
.ap_pageContent_menu .menu__item.ap_actions:hover svg{
	fill: var(--themeColor);
}
.ap_pageContent_menu .menu__item.ap_actions:before {
    content: "";
    width: 5px;
    height: 30px;
    border-radius: 0px 7px 7px 0;
    background-color: var(--themeColor);
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 0;
    margin: 0 auto 0 0;
    display: flex;
    align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.ap_pageContent_menu .menu__item.ap_actions:hover::before, 
.ap_pageContent_menu .menu__item.ap_actions.ap_activemenu:before{
	opacity: 1;
	visibility: visible;
	transition: all 0.3s;
} 
.ap_inline_feild > * {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
}
.ap_inline_feild {
    min-width: 500px;
    text-align: right;
}
.ap_headicon {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 5px;
}
.ap_inline_feild a.ap_btn {
    width: auto;
    padding: 0px 30px;
    margin-left: 10px;
}
.ap_inline_icons {
    background-color: #fff;
    border-radius: 10px;
    line-height: normal;
    height: 50px;
    margin-right: 5px;
    padding: 10px;
}
.ap_inline_icons .ap_headicon {
    background-color: transparent;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 5px;
}
.ap_inline_feild a.ap_btn svg {
    fill: #fff;
    margin-right: 10px;
}
.ap_inline_icons .ap_headicon:hover, .ap_headicon:hover,
.ap_headicon.active  {
    background-color: var(--darkColor);
}
.ap_inline_icons .ap_headicon svg, .ap_headicon svg {
	fill: #6f72a7;
}
.ap_inline_icons .ap_headicon:hover svg, .ap_headicon:hover svg,
.ap_headicon.active svg{
	fill: #fff;
}
.ap_componentmenu_title {
    width: 100%;
    color: var(--darkColor);
    font-weight: 600;
    padding: 18px 20px;
    background-color: #E1E6F1;
    border-radius: 4px;
    display: inline-flex;
    height: 60px;
    margin-bottom: 20px;
    margin-top: 15px;
}
.title_menu_icon {
    display: flex;
    align-items: center;
}
.ap_componentmenu_title > a {
    width: 100%;
}
.title_menu_icon .ap_btn.ap_icon {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    padding: 0;
    overflow: visible;
    background-color: var(--darkColor);
}
.title_menu_icon .ap_btn.ap_icon:before {
    opacity: 0;    
    visibility: hidden;
    border-radius: 7px;
    background-color: var(--themeColor);
}
.title_menu_icon .ap_btn.ap_icon:hover::before {
    opacity: 1;
}
.ap_componentmenu_title a > img.back_icon {
    margin-right: 6px;
}
.ap_pageContent_menu li.menu__item.border_zero {
    border: 0px;
}
.ap_btn_right button.ap_btn {
    max-width: 140px !important;
    margin: 0 0 0 auto;
}
.ap_pageContent_menu li.menu__item.border_zero .ap_btn.ap_green_btn.ap_createNewPage {
    margin: 0 0 20px;
}
#ap_cropper_modal .ap_searchForm.ap_entertemplate_form .input-group.m-0 {
    display: block;
    width: 100%;
    min-height: 497px;
}
/****************************************
	Inner Screen Template Css 
*****************************************/
.ap_mobilescreen_template {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-right: 110px;
}
.ap_mobilescreen_template.main-wrapper:before {
    content: "";
    top: 64px;
    background-image: url(../images/notch.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 195px;
    height: 25px;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
}
.ap_viewtemplate {
    height: 693px;
    width: 320px;
    position: absolute;
    top: 74px;
    right: 0;
    left: 0px;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    background-size: 100% 100%;
    background-position: center top;
    margin: auto;
    overflow-y: hidden;
    background-color: transparent;
    z-index: 1;
    padding: 25px 15px;
    border-radius: 35px;
}
.ap_mobileScreen_image {
    position: relative;
}
img.ap_notch_img {
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
}

/*************** ScrollBar Css ****************/
.ap_viewtemplate::-webkit-scrollbar-track,
.ap_layoutScreen.ap_chooseImage_layout::-webkit-scrollbar-track,
.ap_innerScreen_wrapper::-webkit-scrollbar-track,
.ap_paymentBox::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
	background-color: transparent;
}
.ap_viewtemplate::-webkit-scrollbar,
.ap_layoutScreen.ap_chooseImage_layout::-webkit-scrollbar,
.ap_innerScreen_wrapper::-webkit-scrollbar,
.ap_paymentBox::-webkit-scrollbar{
	width: 4px;
	height: 100px;
	background-color: transparent;
}
.ap_viewtemplate::-webkit-scrollbar-thumb,
.ap_layoutScreen.ap_chooseImage_layout::-webkit-scrollbar-thumb,
.ap_innerScreen_wrapper::-webkit-scrollbar-thumb,
.ap_paymentBox::-webkit-scrollbar-thumb{
	background-color: var(--themeColor);
	/* border: 1px solid #e0f3fb; */
}

/*******************/
.ap_rightSidebar {
    position: fixed;
    right: -375px;
    width: 375px;
    border-left: 1px solid #DEE4F2;
    background-color: #ECF1FA;
    top: 160px;
    padding: 20px;
    max-height: 100vh;
    border-top: 1px solid #DEE4F2;
    transition: all 0.5s;
    height: calc(100vh - 161px);
    overflow-y: auto;
    z-index: 9;
}
.ap_component_title {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 15px;
    background-color: #DFE5F2;
    border-radius: 7px;
}
.ap_component_title h3 {
    font-size: 14px;
    display: block;
    line-height: 30px;
    min-width: calc(100% - 30px);
}
.ap_basicsetting_box .ap_btn {
    height: 45px;
    max-width: calc(50% - 10px);
    margin-right: 15px;
}
.ap_basicsetting_box .ap_uploadIcon_form {
    margin-bottom: 0px;
}
.ap_basicsetting_box .ap_btn:last-child {
    margin-right: 0px;
}
.ap_component_title .ap_btn.ap_delete {
    height: 30px;
    width: 30px;
    padding: 0;
    background-color: var(--darkColor);
}
.ap_component_form .ap_menu_dv li a {
    padding: 0 5px;
    line-height: 70px;
    color: var(--grayColor1);
    border: 0;    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: transparent !important;
}
.ap_component_form .ap_menu_dv li {
    padding: 0px 10px;
}
.ap_component_form .ap_menu_dv {
    margin: 0 -20px;
    padding: 0px 20px;
    position: relative;
    left: 0;
    width: calc(100% + 40px);
}
.ap_component_form .ap_menu_dv ul::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: #DCE3F3;
}
.ap_component_form .ap_menu_dv li a.active , 
.ap_component_form .ap_menu_dv li a:hover {
    color: var(--themeColor);
}
.ap_component_form .ap_menu_dv li a.active:after, 
.ap_component_form .ap_menu_dv li a.active:hover::after {
    width: 100%;
}
.ap_component_form .nav-tabs .nav-link:focus, 
.ap_component_form .nav-tabs .nav-link:hover {
    border-color: transparent;
}
.ap_component_form .nav-tabs .nav-link.disabled {
    color: var(--grayColor1);
    cursor: not-allowed;
    pointer-events: auto;
    opacity: 0.5;
}
.ap_menu_dv li:hover a.nav-link.disabled:after {
    width: 0;
}
.ap_component_form .nav-tabs {
	border-bottom: 0;
	position: relative;
}
.ap_component_content {
    padding: 20px 0;
}
.ap_form_feild {
    display: inline-flex;
    width: 100%;
    align-items: center;
    height: 50px;
    background-color: #E5EAF6;
    border: 1px solid #D9DDF2;
    padding: 0 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.ap_component_content .ap_autoresponder {
    width: 30px;
    height: 25px;
}
.ap_label_list span {
    color: #505272;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    position: relative;
}
.ap_label_list {
    width: calc(100% - 40px);
}
.ap_label_list span img {
    margin-left: 10px;
}
.ap_component_content .ap_user_check {
    position: relative;
    cursor: pointer;
    float: left;
    width: 30px;
    height: 4px;
}
.ap_component_content .form-control {
    border-radius: 5px;
    margin-bottom: 30px;
}
.ap_component_content  .ap_label {
    font-weight: 500;
    position: relative;
    color: var(--primaryColor);
    min-width: 105px;
}
.ap_innerScreen_wrapper {
    transition: all 0.5s;
    width: 100%;
    height: calc(100vh - 161px);
    overflow-y: auto;
}
.rightbar_open .ap_custom_content_wrapper .ap_innerScreen_wrapper {
    width: calc(100% - 375px);
    transition: all 0.5s;
}
.rightbar_open .ap_rightSidebar {
    right: 0;
}
.ap_laptopscreen_template {
    text-align: center;
    padding: 50px 15px;
    position: relative;
}
.ap_viewtemplate_laptop {
    height: 486px;
    width: 772px;
    position: absolute;
    top: 80px;
    right: -12px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    background-position: center top;
    margin: auto;
    overflow-y: hidden;
    /* background-color: var(--themeColor); */
    z-index: 1;
    color: #fff;
    padding: 15px;
    border-radius: 2px;
}
.ap_button_types .ap_btn {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 40px;
    margin: 0 0 0 10px;
    line-height: 40px;
    background-color: var(--darkColor);
}
.ap_button_types .ap_btn:first-child{
    margin-left: 0px;
}
.ap_button_types {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.ap_btn.ap_Straight_btn {
    border-radius: 0px;
}
.ap_btn.ap_Radius_btn {
    border-radius: 5px;
}
.ap_btn.ap_Rounded_btn {
    border-radius: 70px;
}
/** Color Picker **/
.ap_form_feild.ap_bg_transperant {
    border: 0px;
    background-color: transparent;
    padding: 0;
    margin-bottom: 10px;
    height: auto;
}
.ap_form_feild  span.sp-original-input-container {
    margin: 0px !important;
    background-color: #fff;
    cursor: pointer;
}
.ap_form_feild .sp-colorize-container.sp-add-on {
    width: 30px !important;
    height: 30px !important;
    border-radius: 4px !important;
    top: 5px;
    right: 5px;
}
.ap_form_feild input.ap_colorPicker.form-control,
.ap_form_feild .ap_colorPickerpopup.form-control  {
    border: 1px solid #D9DDF2 !important;
    border-radius: 4px;
    height: 40px;
    padding: 0 15px;
    color: #9CA1D1;
    font-weight: 500;
    line-height: 30px;
    min-width: 140px;
    width: 175px;
    cursor: pointer;
    font-size: 11px;
    position: relative;
    background-color: transparent;
}
.ap_bg_transperant .ap_label_list span {
    color: #8e91ad;
    font-size: 14px;
}
.ap_form_feild.ap_bg_transperant span.select2.select2-container,
.ap_form_feild.ap_bg_transperant  .form-group, 
.ap_form_feild.ap_bg_transperant .form-group .form-control {
    margin-bottom: 0;
}
.ap_form_feild.ap_bg_transperant .form-group .form-control {
    height: 40px;
    display: inline-flex;
    width: 160px;
}
.ap_form_feild.ap_bg_transperant .select2-container--default .select2-selection--single {
    height: 40px;
}
.ap_form_feild.ap_bg_transperant .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    color: #9CA1D1;
}
.ap_form_feild.ap_bg_transperant .select2-container--default .select2-selection {
    border-radius: 4px;
    max-width: 175px;
    margin-right: 0px !important;
    float: right;
    width: 100%;
    min-width: 175px !important;
    background-color: #fff;
}
.ap_form_feild .ap_numberInput {
    background-image: url(../images/svg/arrow_number.svg);
    appearance: none;
}
.form-group.pos_relative_input {
    display: flex;
    width: 100%;
    max-width: 180px;
}
.ap_form_feild .ap_numberInput {
    background-image: none;
    appearance: none;
    padding-right: 30px;
    max-width: 105px;
    padding-left: 10px;
}
.form-group.pos_relative_input .btn-outline-secondary {
    color: #6c757d;
    border-color: #d9ddf2;
}
.form-group.pos_relative_input  .btn {
    background-color: #fbfdff !important;
    border: 1px solid #e0e9f1 !important;
    box-shadow: none !important;
    color: #6c757d !important;
}
.form-group.pos_relative_input .btn:hover {
    background-color: #dfe5f2 !important;
}
.ap_form_feild .ap_numberInput::-webkit-outer-spin-button,
.ap_form_feild .ap_numberInput::-webkit-inner-spin-button {
    appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}
.pos_relative_input{
    position: relative;
}
span.ap_inline_label {
    position: absolute;
    right: 36px;
    padding: 0px;
    border-left: 0;
    width: 45px;
    text-align: center;
    z-index: 9;
    line-height: 40px;
}
.ap_button_types .ap_btn.checked_btn {
    background-color: var(--greenColor);
}
.ap_button_types .ap_btn{
    display: inline-flex;
    font-size: 13px;
}
.ap_button_types .ap_btn img{
    display: none;
    margin-right: 5px;
}
.ap_button_types .ap_btn.checked_btn img{
    display: block;
}
.amz_popUpAccordian_setting .ap_bg_transperant .ap_label_list span {
    color: #8e91ad;
    font-size: 13px;
}
/* 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;
}
.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%;
}
/************* CK Editor *****************/
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, 
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-radius: 7px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #fff !important;
}
.ck.ck-toolbar {
    border: 1px solid #D9DDF2!important;
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused), 
.ck.ck-editor__main>.ck-editor__editable:focus {
    border-color: #D9DDF2 !important;
    border-radius: 0px !important;
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    background-color:rgb(62 93 242 / 4%) !important;
    box-shadow: none !important;
}
.ck.ck-editor__main>.ck-editor__editable {
    min-height: 150px;
}
.ck.ck-icon, .ck.ck-icon * {
    color: #26344D !important;
}
.ck.ck-dropdown.ck-font-size-dropdown .ck.ck-dropdown .ck-dropdown__panel .ck-list {
    border-radius: 0;
    max-height: 200px;
    overflow-y: auto;
    max-width: 96px;
}
.ck.ck-list__item .ck-button .ck-button__label {
    line-height: normal !important;
    font-size: 16px !important;
}
.ap_menu_dv ul.ck.ck-reset.ck-list li {
    padding: 0 !important;
}
.ck.ck-dropdown.ck-font-size-dropdown .ck.ck-list__item {
    cursor: default;
    min-width: 100% !important;
    padding: 0 !important;
}
.ck.ck-dropdown.ck-font-size-dropdown ul.ck.ck-reset.ck-list,
.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list, 
.ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners {
    height: 200px !important;
    overflow-y: auto !important;
}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
    width: auto;
}

/**************** 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: 200px;
    min-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: 8px;
}
.ap_label_list span:hover .ap_tooltip_component,
.ap_label:hover .ap_tooltip_component{
    opacity: 1;
    visibility: visible;
    transition: all linear 0.5s;
}
.ap_selectinner_box {
    background-color: #E9F2FB;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 15px;
    border-radius: 7px;
    margin-bottom: 20px;
}
.ap_selectinner_box {
    background-color: #E9F2FB;
    border: 1px solid #DBE2F2;
    padding: 10px 10px 10px 15px;
    border-radius: 7px;
    margin-bottom: 20px;
}
.ap_selectinner_box .ap_form_feild input.ap_colorPicker.form-control,
.ap_selectinner_box .ap_form_feild.ap_bg_transperant .form-group .form-control,
.ap_selectinner_box .ap_form_feild.ap_bg_transperant .select2-container--default .select2-selection {
    min-width: 120px !important;
    width: 120px;
}
.ap_btntype_holder {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DCE3F3;
    padding: 10px;
    border-radius: 5px;
    background-color: #e9f2fb;
}
/** Layout Box Radio **/
.ap_layoutScreen {
    display: inline-block;
    text-align: left;
    position: relative;
    width: 100%;
}
label.layout_label:nth-child(odd) {
    margin-left: 0;
}
.layout_label {
    width: calc(50% - 10px);
    display: inline-block;
    border: 1px solid #DCE3F3;
    border-radius: 5px;
    background-color: #EEF7FE;
    padding: 30px 5px;
    position: relative;
    margin-left: 15px;
    text-align: center;
    margin-bottom: 60px;
    cursor: pointer;
}
.layout_label img {
    max-width: 100%;
    display: inline-block;
    margin: auto;
    position: relative;
    z-index: 2;
}
.layout_label p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    color: var(--darkColor);
    font-weight: 500;
}
.select_box_radio {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 4;
    cursor: pointer;
}
.ap_selected_radio:before {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    left: 7px;
    top: 10px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px;
    border-radius: 50%;
    z-index: 3;
}
.select_box_radio:checked + .ap_selected_radio:before,
.select_box_radio:hover + .ap_selected_radio:before {
    background-color: var(--greenColor);
    background-image: url(../images/svg/arrow_checked.svg);
}
.ap_selected_radio:after {
    content: "";
    border: 1px solid var(--greenColor);
    border-radius: 5px;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    z-index: 1;
}  
.select_box_radio:checked + .ap_selected_radio:after,
.select_box_radio:hover + .ap_selected_radio:after {
    display: block;
    background-color: #F5FBFF;
}
.select_box_radio:checked ~ p,
.select_box_radio:checked ~ p{
    color: var(--greenColor);
}
/**** Add New Component Css Start ****/
.ap_AddNewComponent .menu__item {
    float: left;
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item.ap_actions {
    border-bottom: 1px solid #E1E6F1;
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item .menu__link {
    width: calc(100% - 0px);
    position: relative;
    padding-left: 25px;
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item .menu__link:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #E1E6F1;
    background-image: url(../images/svg/arrow_dark_icon.svg);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center center;
    right: 5px;
    top: 20px;
    /* transform: rotate(90deg); */
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item:hover .menu__link:before{
    background-color: var(--themeColor);
    background-image: url(../images/svg/arrow_white_icon.svg);
}
.ap_component_content .ap_form_group {
    min-width: 100%;
    position: relative;
}
.ap_component_content .ap_form_group .ad_datatableSearch {
    margin-bottom: 20px;
}
.ap_component_text {
    display: block;
    color: #3E4369;
    font-weight: 600;
}
.ap_component_icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    background-color: #DDE4F3;
    border-radius: 5px;
}
.layout_label:hover .ap_component_icon{
    background-color: var(--themeColor);
}
.layout_label:hover .ap_component_text{
    color: var(--themeColor);
}
.ap_ComponentIcon_list .layout_label:hover img{
    filter: brightness(4);
}
.ap_ComponentIcon_list .layout_label:hover{
    background-color: #fff;
    border-color: var(--themeColor);
}
.ap_ComponentIcon_list .layout_label {
    margin-bottom: 20px;
}
/* Add New Page Modal */
#ap_AddNewPage_modal .ap_entertemplate_form .input-group-text.ap_btn {
    min-width: 170px;
    height: 60px;
    margin-top: 30px;
}
.ap_modal .ap_entertemplate_form .ap_search {
    min-width: auto;
    height: 60px;
    margin-top: 30px;
}
#ap_AddNewPage_modal .ap_modal_dialog .modal-body h3 {
    margin-bottom: 10px;
    font-weight: bolder;
}
.ap_modal.show {
    background-color: rgba(0,0,0,0.2) !important;
}
#ap_AddNewPage_modal .ap_modal_dialog .modal-body {
    text-align: center;
    padding: 50px 40px 50px;
}
/********************/
.menu__item .ap_form_feild.ap_bg_transperant {
    margin-bottom: 0;
}
.menu__item .ap_bg_transperant .ap_label_list span {
    font-weight: 500;
}
ul#submenu-4.ap_pageContent_menu.ap_AddNewComponent .menu__item:first-child .menu__link:before {
    display: none;
}
.ap_ColorDrop_menu .menu__item {
    padding: 10px 0;
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item .menu__link.ap_allpages_menu {
    padding-left: 15px;
}
/* Payment Form Css */
.ap_paymentBox {
    padding: 50px 0;
    max-width: 500px;
    margin: auto;
    max-height: calc(100vh - 161px);
    overflow-y: auto;
}
.ap_paymentBox .ap_heading_box {
    padding: 30px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #ECF3F8;
}
.ap_paymentwhite_box {
    padding: 40px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}
.ap_paymentwhite_box .ap_bg_transperant .ap_label_list span {
    color: #727598;
    font-size: 15px;
}
.ap_paymentwhite_box .ap_label_list span img {
    margin-left: 5px;
    position: relative;
    top: -1px;
    cursor: pointer;
}
.ap_paymentwhite_box button.ap_btn {
    width: calc(50% - 7.5px);
    margin-right: 15px;
    float: left;
    max-width: 100%;
}
.ap_paymentwhite_box button.ap_btn:last-child {
    margin: 0;
}
.ap_paymentwhite_box .ap_form_feild {
    background-color: #FBFDFF;
    margin-top: 0px;
    margin-bottom: 20px;
}
.ap_paymentwhite_box .form-group .ap_form_feild {
    background-color: transparent;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 7px;
    border: 1px solid #e0e9f1;
}
.ap_paymentwhite_box .form-group .ap_form_feild.ap_bg_transperant {
    border: 0;
}
.ap_mainmenu_tooltip {
    position: absolute;
    font-size: 12px;
    line-height: normal;
    background-color: #11122E;
    border-radius: 4px;
    color: #fff;
    padding: 12px 10px 12px 15px;
    left: calc(100% + 3px);
    top: calc(50% - 20px);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    min-width: auto;
}
.ap_mainmenu_tooltip p {
    color: #fff;
    white-space: nowrap;
}
.ap_paymentwhite_box .form-group {
    margin-bottom: 20px;
}
.ap_firstlevel_menu li.menu__item:hover .ap_mainmenu_tooltip {
    opacity: 1;
    visibility: visible;
}
.ap_mainmenu_tooltip:before {
    content: "";
    left: -5px;
    top: calc(50% - 10px);
    width: 7px;
    height: 7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #000;
    position: absolute;
}
.ap_pageContent_menu.ap_AddNewComponent .menu__item .menu__link.ap_allpages_menu::before {
    display: none;
}
.ap_customManu_wrapper .menu_btn span {
    display: block;
    width: 18px;
    height: 2px;
    transition: 0.3s;
    margin: 0 auto 3px;
    background: var(--grayColor);
}
.ap_customManu_wrapper.menu_open_left .menu_btn span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}
.ap_customManu_wrapper.menu_open_left .menu_btn span:nth-child(1) {
    transform: translate(0px, 4px) rotate(-48deg);
}
.ap_customManu_wrapper.menu_open_left .menu_btn span:nth-child(3) {
    transform: translate(0px, -6px) rotate(48deg);
}
/*************** ScrollBar Css ****************/
.menu__level::-webkit-scrollbar-track,
.ap_rightSidebar::-webkit-scrollbar-track,
.amz_pages_wrapper::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
	background-color:  rgba(255, 255, 255, 1);
}
.menu__level::-webkit-scrollbar,
.ap_rightSidebar::-webkit-scrollbar,
.amz_pages_wrapper::-webkit-scrollbar{
	width: 4px;
	background-color: #F5F5F5;
}
.menu__level::-webkit-scrollbar-thumb,
.ap_rightSidebar::-webkit-scrollbar-thumb{
	background-color: var(--themeColor);
	border: 0;
}
.amz_pages_wrapper::-webkit-scrollbar-thumb{
	background-color: var(--PrimaryColor);
	border: 0;
}
/********************************************************/
.ap_inputdomain_holder {
    position: relative;
}
.ap_inputdomain_holder .ap_domain_text {
    top: 0;
    right: 15px;
    line-height: 50px;
}
.ap_inputdomain_holder .ap_domainName {
    padding-right: 120px;
}
.ap_navmenu_dv li.menu__item {
    float: left;
    width: 100%;
}
/** Icon Screen **/
.ap_appIcon_holder .ap_mobileScreen_content {
    padding: 0px;
    text-align: right;
}
.ap_appIcon_holder .ap_mobilescreen_bg {
    left: auto;
    right: 95px;
}
.ap_appIcon_holder .ap_paymentBox {
    margin-left: 0;
}
.ap_paymentwhite_box .ap_component_content {
    padding: 0;
}
.ap_paymentwhite_box .ap_uploadIcon_form li.nav-item:first-child, 
.ap_paymentwhite_box .ap_uploadIcon_form li.nav-item:last-child {
    border: 1px solid var(--themeColor);
    min-width: 50%;
    overflow: hidden;
    text-align: center;
}
.ap_paymentwhite_box .ap_component_content .ap_upload,
.ap_paymentwhite_box .ap_colorpicker_dv .form-group span.sp-original-input-container, 
.ap_paymentwhite_box .ap_colorpicker_dv .form-group {
    margin-bottom: 0 !important;
}
ul#submenu-2-2 .ap_componentmenu_title > a {
    width: calc(100% - 0px);
}
.ap_chooseImage_layout .layout_label:nth-child(odd) {
    margin-left: 8px;
}
.ap_chooseImage_layout .layout_label {
    padding: 0px;
    overflow: hidden;
    margin-bottom: 15px;
    width: calc(33.3% - 10px);
    margin-left: 8px;
}
.ap_layoutScreen.ap_chooseImage_layout {
    max-height: 380px;
    overflow-y: auto;
    text-align: center;
    margin-top: 15px;
}
.ap_mobilescreen_template img.ap_mobileScreen_image.mobile-image {
    width: 534px;
}
/********** Inner Template css ******************/
.ap_viewtemplate_laptop .amz_main_menu {
    max-width: max-content;
    padding: 5px 0;
    min-height: 35px;
    width: 100%;
}
.ap_viewtemplate_laptop .amz_header_holder {
    padding: 10px 10px 10px;
}
.ap_viewtemplate_laptop .amz_togglemenu {
    left: 0px;
    top: 12px;
}
.ap_viewtemplate_laptop .amz_doticon {
    top: 0px;
    right: 10px;
}
.ap_viewtemplate_laptop .amz_shareDropdown:before {
    right: 15px;
}
span.editCompTitle {
    text-transform: capitalize;
}
/***** Mobile Live Preview Css ****************/
.ap_mobilescreen_template .amz_banner h1 {
    font-size: 28px;
}
.ap_mobilescreen_template .amz_banner h2 {
    font-size: 18px;
}
.ap_mobilescreen_template .amz_btn {
    font-size: 14px;
}
.ap_mobilescreen_template .amz_banner {
    width: 100%;
    height: calc(647px - (16vh - 80px));
}
.ap_mobilescreen_template .amz_banner.amz_shortbanner {
    height: calc(647px - (50vh - 80px));
}
.ap_mobilescreen_template .amz_banner.amz_onefourthbanner {
    height: calc(647px - (35vh - 80px));
}
.ap_viewtemplate_laptop .amz_banner.amz_shortbanner {
    height: calc(430px - (30vh - 50px));
}
.ap_viewtemplate_laptop .amz_banner.amz_onefourthbanner {
    height: calc(430px - (19vh - 50px));
}
/* Edit Component */
.amz_current_editcomponent {
    outline: 1px solid var(--TextColor) !important;
}
.ap_rightbar_icon {
    position: relative;
    height: 30px;
    width: 30px;
    display: inline-block;
    /* position: relative;
    top: -20px;
    left: -20px;
    display: none;
    width: calc(100% + 35px);
    height: 35px;
    padding: 15px;
    background-color: #E9F4F9;
    border-bottom: 1px solid #E1E5F1; */
    background-color: transparent;
    left: -20px;
    top: -20px;
    border-radius: 5px;
}
.ap_rightbar_icon span {
    display: block;
    width: 18px;
    height: 2px;
    transition: 0.3s;
    margin: 0 5px 8px;
    background: var(--grayColor1);
}
.ap_rightbar_icon span:nth-child(1) {
    transform: translate(0px, 14px) rotate(-45deg);
}
.ap_rightbar_icon span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}
.ap_rightbar_icon span:nth-child(3) {
    transform: translate(0px, -6px) rotate(48deg);
}
.ap_component_form .ap_menu_dv li:first-child {
    padding-left: 20px;
}
.ap_uploadIcon.ap_bg_none {
    background-color: transparent;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.ap_chooseImage_layout .layout_label {
    height: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ap_chooseImage_layout .select_box_radio:checked + .ap_selected_radio:after, 
.ap_chooseImage_layout .select_box_radio:hover + .ap_selected_radio:after {
    display: block;
    background-color: transparent;
    z-index: 3;
}
.ap_splash_preview {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.ap_splash_preview img {
    max-width: 100px;
    max-height: 100px;
}
.amz_focus_element:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 997;
    background-color: rgb(38 212 155 / 20%);
}
.amz_focus_element {
    outline: 1px solid #26d49b !important;
    position: relative;
}
#ap_pageSetting_modal .ap_tooltip_component {
    min-width: 150px;
    padding: 4px 5px 4px 10px;
}
p#noImg {
    max-width: 100%;
    text-align: center;
    margin-bottom: 30px;
    border: 1px dashed #dce3f3;
    border-radius: 5px;
    padding: 10px;
    color: #a1a3ce;
}
.ap_modal_form .ap_checkbox {
    line-height: 15px;
    color: var(--headingColor);
}
/************* Menu Order Css **********/
.ap_basicsetting_box .appPageList {
    display: block;
    width: 100%;
    position: relative;
}
.ap_basicsetting_box .appPageList li.menu__item {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 0 15px;
    background-color: transparent;
    margin-bottom: 10px;
    border-radius: 7px;
    border: 1px solid transparent;
}
.ap_basicsetting_box .appPageList li.menu__item a.menu__link {
    min-width: calc(100% - 30px);
    padding: 18px 10px;
}
.ap_basicsetting_box .appPageList li.menu__item:hover {
    background-color: #fff;
    border: 1px solid #E0E9F1;
    color: var(--themeColor);
}
.ap_basicsetting_box .appPageList li.menu__item:before {
    content: "";
    width: 5px;
    height: 30px;
    border-radius: 0px 7px 7px 0;
    background-color: var(--themeColor);
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    bottom: 0;
    margin: 0 auto 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.ap_basicsetting_box .appPageList li.menu__item:hover::before {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}
.ap_basicsetting_box .appPageList li.menu__item:hover .ap_menu_svg svg {
    fill: var(--themeColor);
}
.ap_basicsetting_box.ap_component_content {
    position: relative;
}
.ap_component_title .ap_addslider_icon {
    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_content .ap_sliderInput {
    border-radius: 5px 0px 0px 5px;
}
.sliderContents .ap_icon.amz_slider_icon,
.ap_formAccordian .ap_icon.amz_slider_icon,
.ap_PopupAccordian .ap_icon.amz_slider_icon,
.amz_popUpAccordian .ap_btn.ap_icon.amz_popUp_icon {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    padding: 0;
    background-color: var(--darkColor);
    top: 12px;
}
.ap_toggle_label.margB_5 {
    margin-bottom: 5px;
}
.ap_component_content .ap_selectinner_box .form-control {
    border-radius: 5px;
    margin-bottom: 20px;
}
.ap_addFormField.ap_addslider_icon.ap_icon {
    height: 30px;
    width: 30px;
    padding: 0;
    background-color: var(--darkColor);
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    top: auto;
    bottom: 25px;
    right: 15px;
}
.ap_accordianHolder,
.amz_sliderAccordian,
.ap_PopupAccordian {
    margin-bottom: 10px;
}
/*** Popup Component Css ***/
.ap_addslider_icon{
    position: relative;
}
.ap_addslider_icon:hover .ap_tooltip_component {
    opacity: 1;
    visibility: visible;
}
.ap_addslider_icon .ap_tooltip_component {
    left: auto;
    bottom: 60px;
    top: auto;
    right: 0;
    min-width: 120px;
}
.ap_addslider_icon .ap_tooltip_component::before {
    border-top: 5px solid var(--darkColor);
    border-right: 5px solid var(--darkColor);
    left: auto;
    top: auto;
    bottom: -7px;
    right: 20px;
    border-left: 5px solid transparent;
}
span.amz_slider_label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 125px);
    display: inline-block;
    vertical-align: top;
    line-height: 55px;
}
/**********************/
.ap_modalPreview_Template iframe .amz_modal.show,
iframe .amz_modal.show {
    top: 0;
    bottom: 0;
}
/****************** JQuery Ui Extra Css *********************/
.sliderContents .ui-accordion-content.ui-accordion-content-active,
.ap_formAccordian .ui-accordion-content.ui-accordion-content-active,
.ap_PopupAccordian .ui-accordion-content.ui-accordion-content-active,
.amz_popUpAccordian .ui-accordion-content.ui-accordion-content-active {
    /* height: auto !important; */
    padding: 15px !important;
    margin-bottom: 30px;
    /* transition: all 0.5s; */
}
.sliderContents p.ui-accordion-header.ui-accordion-header-active.ui-state-active,
.ap_formAccordian p.ui-accordion-header.ui-accordion-header-active.ui-state-active,
.ap_PopupAccordian p.ui-accordion-header.ui-accordion-header-active.ui-state-active,
.amz_popUpAccordian p.ui-accordion-header.ui-accordion-header-active.ui-state-active {
    background-color: var(--themeColor);
    border-radius: 7px 7px 0px 0px;
    transition: all 0.5s;
}
.sliderContents p.ui-accordion-header, 
.ap_formAccordian p.ui-accordion-header, 
.ap_PopupAccordian p.ui-accordion-header, 
.amz_popUpAccordian p.ui-accordion-header {
    border: 0px;
    line-height: 55px;
    font-size: 14px;
    font-weight: bold;
    background-color: #DFE5F2;
    border-radius: 7px;
    transition: all 0.5s;
    height: 55px;
    padding: 0px;
}
.sliderContents .ap_form_feild .ap_numberInput,
.ap_formAccordian .ap_form_feild .ap_numberInput,
.ap_PopupAccordian .ap_form_feild .ap_numberInput,
.amz_popUpAccordian .ap_form_feild .ap_numberInput {
    background-image: none;
    appearance: none;
    padding-right: 30px;
    max-width: 92px;
    padding-left: 10px;
}
.sliderContents .ui-widget-content,
.ap_formAccordian .ui-widget-content,
.ap_PopupAccordian .ui-widget-content,
.amz_popUpAccordian .ui-widget-content {
    border: 1px solid #d9ddf2;
    /* transition: all 0.5s; */
}
.sliderContents button.ap_btn, 
.ap_formAccordian button.ap_btn,
.ap_PopupAccordian button.ap_btn,
.amz_popUpAccordian button.ap_btn {
    max-width: 160px;
    margin-left: 28px;
    height: 40px;
}
.amz_popUpAccordian .ap_user_check {
    height: 5px;
}
.ui-accordion-header-active.ui-state-active .ap_menu_svg svg {
    filter: contrast(20);
}
.handler .ap_menu_svg {
    display: inline-block;
    vertical-align: top;
    line-height: 55px;
    top: 0;
}
.tokenfield.form-control {
    padding: 0px !important;
    border: 0px !important;
}
.token-input {
    height: 50px;
    border-radius: 7px;
    padding: 0px 20px;
    color: #454764;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #fbfdff;
    border: 1px solid #e0e9f1;
    line-height: 50px;
    position: relative !important;
    top: 0 !important;
    min-width: 100% !important;
    margin-bottom: 20px;
}
.tokenfield .token {
    background-color: var(--darkColor);
    margin-bottom: 10px;
    color: #fff;
    padding: 0px 20px;
    border-radius: 5px;
}
.ui-widget-content a {
    color: #fff;
    opacity: 1;
    line-height: 50px;
} 
.tokenfield .token .close:hover{
    color: #fff !important;
}
.ap_btn_holderHead .ap_btn {
    max-width: 140px;
    margin-left: 15px;
}
div#ap_template_preview .modal-content.ap_modal_content {
    background-color: transparent;
    box-shadow: none;
}
.ap_addpopup_icon{
    position: relative;
}
.ap_addpopup_icon .ap_tooltip_component {
    left: auto;
    top: calc(100% + 10px);
    right: 0;
    min-width: 100px;
}
.ap_addpopup_icon:hover .ap_tooltip_component {
    opacity: 1;
    visibility: visible;
}
.ap_addpopup_icon .ap_tooltip_component::before {
    border-bottom: 5px solid var(--darkColor);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: auto;
    top: -10px;
    right: 15px;
}
/****************** PopUp Accordian Css *******************/
.amz_popUpAccordian_setting .ap_component_title 
 label.ap_label {
    margin: 0;
}
.amz_popUpAccordian_setting .ap_component_title .ap_btn {
    width: 30px;
    height: 30px;
    padding: 5px;
    margin: 0 10px 0 auto;
}
.amz_popUpAccordian_setting 
 .ap_component_title {
    padding: 10px;
    display: flex;
    align-items: center;
}
.amz_popUpAccordian_setting 
 .ap_component_title .ap_autoresponder {
    width: 30px;
}
.amz_popUpAccordian_setting .ap_user_check {
    height: 3px;
}
.form-group.ap_selectinner_box label.ap_label {
    width: 100%;
    position: relative;
}
.ap_popupSelect .ap_selected_radio:before {
    background-color: #c7c5e8;
}
.ap_popupSelect .layout_label {
    background-color: transparent;
    padding: 8px 0px 8px 35px;
    position: relative;
    margin-bottom: 15px;
    text-align: left;
    vertical-align: top;
}
.ap_popupSelect .select_box_radio:checked + .ap_selected_radio:after, 
.ap_popupSelect .select_box_radio:hover + .ap_selected_radio:after {
    display: block;
    background-color: transparent;
}
div#ap_template_preview .modal-header.ap_modal_header {
    display: none;
}
div#optInSection label.ap_label {
    width: 100%;
}
.ap_autoresponder.right_toggle_dv {
    position: absolute;
    right: 0;
    width: 30px;
}
/******** Button Setting *******/
.ap_buttonURLSelect label.layout_label {
    padding: 9px 0 9px 0px;
    margin-bottom: 15px;
    background-color: transparent;
    border: 0px;
    font-weight: 500;
    color: #3f3f59;
}
.internal.myLinkType {
    color: #3f3f59;
}
.ap_buttonURLSelect .select_box_radio:checked + .ap_selected_radio:after, 
.ap_buttonURLSelect .select_box_radio:hover + .ap_selected_radio:after{
    display: none;
}
.ap_buttonURLSelect .select_box_radio + .ap_selected_radio:before, 
.ap_buttonURLSelect .select_box_radio + .ap_selected_radio:before{
background-color: #9c9ec2;
}
.ap_buttonURLSelect .select_box_radio:checked + .ap_selected_radio:before, 
.ap_buttonURLSelect .select_box_radio:hover + .ap_selected_radio:before{
background-color: #26d49b;
}
.ap_selectinner_box .buttonUrlSection .layout_label {
    padding: 12px 0px 12px 10px;
}
.ap_buttonURLSelect .ap_selected_radio:before {
    left: 0;
}
.ap_component_form .ap_menu_dv li.select2-selection__choice {
    padding: 0;
}
/**********************/
ul#basicSettingsMenu .menu__item.ap_menu_disable{
    border-radius:5px !important;
}
ul#basicSettingsMenu .menu__item.ap_menu_disable a.menu__link {
    cursor: unset;
    padding-right:10px;
    width:calc(100% + 10px);
    background-color: #d9d7fb;
    border-radius:5px !important;
}
ul#basicSettingsMenu .menu__item.ap_menu_disable .menu__link:before {
    right: 15px;
}
ul#basicSettingsMenu .menu__item.ap_menu_disable:hover .ap_mainmenu_tooltip {
    opacity: 1;
    visibility: visible;
}
ul#basicSettingsMenu .menu__item.ap_menu_disable .ap_mainmenu_tooltip {
    left: 0;
    right: 0;
    top: 80px;
}
ul#basicSettingsMenu .menu__item.ap_menu_disable .ap_mainmenu_tooltip:before {
    left: calc(50% - 10px);
    top: -10px;
    transform: rotate(90deg);
}
ul#basicSettingsMenu .menu__item.ap_menu_disable .ap_mainmenu_tooltip p {
    text-align: center;
}
/************************************/
.amz_popUpAccordian .amz_popUpAccordian_setting.ui-accordion-content.ui-accordion-content-active {
    padding-top: 0 !important;
}
.amz_popUpAccordian_setting .tab-content {
    padding-top: 15px;
}
.ap_viewtemplate_laptop .amz_menuTop .amz_mobile_menu {
    text-align: center;
    padding-right: 75px;
}
/***********************************/
span.appPageTitle {
    text-overflow: ellipsis;
    height: 21px;
    overflow: hidden;
    display: inline-block;
    max-width: 150px;
    white-space: nowrap;
}
.datepicker--time-row:first-child:before {
    content: "H";
    position: relative;
    left: -15px;
}
.datepicker--time-row:last-child:before {
    content: "M";
    position: relative;
    left: -15px;
}
.ap_btn_img img, .ap_btn.changeImagePopup img:not(.popupSection) {
    width: 55px;
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
}
.ap_btn.ap_btn_img, .ap_btn.changeImagePopup {
    position: relative;
    padding-left: 60px;
    text-align: left !important;
    max-width: 185px;
}
.ap_uploadDetail .ap_btn.ap_green_btn.ap_link.changeImagePopup {
    padding: 0 10px;
    text-align: center !important;
}
ul#pagesLists > a.ap_btn.ap_dark_btn {
    margin-top: 20px;
}
.ap_component_content textarea.form-control.ap_textarea {
    padding: 10px 15px 15px;
}
/********* Menu Icons *********/
.app-menu-icon {
    float: right;
    width: 45px;
    height: 45px;
    background-color: #dbe1fb;
    border-radius: 5px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    right: 10px;
    top: 10px;
}
.app-menu-icon > i {
    font-size: 30px;
}
.app-menu-icon:hover .app-icon-edit {
    opacity: 1;
    visibility: visible;
}
.app-icon-edit {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background-color: rgb(62 93 242 / 90%);
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.app-icon-edit img {
    width: 17px;
    height: 30px;
}
.app-icon-remove {
    position: absolute;
    top: -8px;
    right: -3px;
    width: 16px;
    height: 16px;
    background-color: #F44336;
    line-height: normal;
    border-radius: 20px;
}
.menu__link .app-icon-remove svg {
    fill: #ffffff !important;
    width: 11px;
    line-height: normal;
    height: 8px;
    position: relative;
    top: -5px;
    right: -2px;
}
.ap_iconlist_modal label.layout_label {
    width: calc(25% - 13px);
    margin: 35px 5px 35px;
}
.ap_iconLabel_dv > i {
    position: relative;
    z-index: 2;
    font-size: 35px;
    cursor: pointer;
}
.select_box_radio:hover + .ap_selected_radio .ap_iconLabel_dv  i,
.ap_selected_radio:hover .ap_iconLabel_dv  i{
    color: #26D49B;
}
span.ap_iconLabel_dv p {
    font-size: 13px;
    line-height: 15px;
    bottom: -45px;
    min-height: 40px;
}
/*************** ScrollBar Css ***********/
.ap_iconlist_modal{
	max-height:450px;
	overflow-y:auto;
}
.ap_iconlist_modal::-webkit-scrollbar{
	width: 4px;
	background-color: #F5F5F5;
}
.ap_iconlist_modal::-webkit-scrollbar-thumb{
	background-color:  var(--themeColor);
	border: 0;
}
.ap_iconlist_modal::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
	background-color:  rgba(255, 255, 255, 1);
}
/*************** End ScrollBar Css ***********/




.form-group.app_icon {
    position: relative;
}
.ap_iconUpload {
    display: inline-flex;
    vertical-align: top;
    justify-content: space-between;
    width: 100%;
    padding: 10px 10px 10px 20px;
    background-color: #e1e6f1;
    align-items: center;
    border-radius: 7px;
}
.ap_iconUpload .app-menu-icon {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: relative;
    background-color: #9395bd;
    color: #fff;
}
.ap_iconUpload .app-icon-remove svg {
    width: 7px;
    position: relative;
    top: -1px;
    left: 5px;
    fill: #fff;
}
.form-group.app_icon label.ap_label {
    width: 100%;
    margin-bottom: 0px;
}
p.handler {
    border: 0px;
    line-height: 55px;
    font-size: 14px;
    font-weight: bold;
    background-color: #DFE5F2;
    border-radius: 7px;
    transition: all 0.5s;
    height: 55px;
    padding: 0 20px;
    position: relative;
}
.editSocialIcon > i {
    position: absolute;
    left: 15px;
    font-size: 24px;
}
.editSocialIcon {
    position: relative;
}
.ap_component_content .amz_gridAccordian_setting .ap_label {
    min-width: 118px;
}
.ap_component_content .amz_gridAccordian_setting .ap_btn.ap_btn_img, .ap_btn.changeImagePopup {
    max-width: 175px;
}
.amz_gridAccordian_setting .ap_bg_transperant .ap_label_list span {
    color: var(--primaryColor);
    font-weight: 500;
}
span.amz_grid_label {
    max-width: calc(100% - 100px);
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    line-height: 55px;
}
/************ Booking Component ***********/
.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;
}
#ap_manageBooking_modal iframe {
    border: 0;
    width: 100%;
    min-height: 450px;
}
.ap_mangeBooking_form label.ap_checkbox.ap_label {
    height: auto;
    line-height: 16px;
}
.input_bookingDuration .ap_btn {
    border-radius: 0px 7px 7px 0px;
}
.ap_mangeBooking_form .pos_relative_input {
    max-width: 100%;
}
#ap_manageBooking_modal .modal-body {
    /* max-height: calc(100vh - 200px); */
    overflow-y: auto;
}
.input_bookingDuration .ap_btn {
    border-radius: 0px 7px 7px 0px;
}
/******************** Responsive Css *******************/
@media(max-width:1400px){
    .ap_custom_content_wrapper {
        margin-left: 370px;
        width: calc(100% - 370px);
    }
    .ap_customManu_wrapper {
        max-width: 370px;
    }
    .ap_viewtemplate_laptop {
        height: 335px;
        width: 535px;
        top: 70px;
        right: -7px;
    }
    .ap_laptopscreen_template {
        max-width: 710px;
        margin: auto;
    }
    .ap_componentmenu_title > a {
        width: calc(100% - 0px);
    }
    .ap_mobilescreen_template {
        padding-right: 0;
    }
    .ap_mobileScreen_image {
        position: relative;
        left: -50px;
    }
    .ap_mobileScreen_image.img-fluid.laptop-image {
        left: 0;
    }
    /* Inner Template Css */
    .ap_viewtemplate_laptop .amz_pages_wrapper {
        top: 46px;
        height: 298px;
    }
    .ap_mobilescreen_template.main-wrapper:before {
        top: 63px;
    }
    .ap_pageContent_menu .menu__item .menu__link {
        width: calc(100% - 85px);
        padding: 23px 0px 23px 15px;
        font-size: 13px;
    }
    .ap_menu_svg {
        margin-right: 7px;
    }
    .menu__level {
        padding: 10px 10px;
    }
}
@media(max-width:1200px){
    ul.ap_firstlevel_menu.menu__level {
        left: -80px !important;
    }
    .ap_customManu_wrapper {
        max-width: 80px;
        top: 80px;
        z-index: 999;
        background-color: #e9f4f9;
        transition: all 0.5s;
        height: calc(100vh - 80px);
    }
    .ap_custom_content_wrapper {
        margin-left: 80px;
        width: calc(100% - 80px);
        height: calc(100vh - 80px);
    }
    .menu__wrap {
        left: 0;
        top: 0px;
    }
    .ap_paymentBox {
        padding: 50px 15px;
    }
    .ap_customManu_wrapper.menu_open_left ul.ap_firstlevel_menu.menu__level {
        left: 0px !important;
    }
    .ap_customManu_wrapper.menu_open_left{
        max-width: 445px;
    }
    .ap_customManu_wrapper a.menu_btn.d-none {
        display: block !important;
        position: absolute;
        right: 0;
        width: 80px;
        left: auto;
    }
    .ap_component_form .ap_menu_dv li {
        padding: 0;
        display: inline-block;
    }
    .ap_component_form .ap_menu_dv {
        margin: 25px 0px;
        padding: 0px 0px;
        width: calc(100% );
        background-color: transparent;
    }
    .ap_component_form .ap_menu_dv ul.ap_nav {
        display: flex;
        justify-content: center;
    }
    .ap_component_form .ap_menu_dv li {
        padding: 0;
        display: inline-flex;
        width: 33.3%;
    }
    /* .ap_customManu_wrapper.menu_open_left + .ap_custom_content_wrapper {
        filter: blur(8px);
    } */
    .ap_rightSidebar {
        position: fixed;
        top: 151px;
        height: calc(100vh - 151px);
    }
    .rightbar_open .ap_custom_content_wrapper .ap_innerScreen_wrapper {
        width: calc(100% - 0px);
    }
    .menu__level {
        padding: 30px 20px 10px;
    }
    .ap_innerScreen_wrapper {
        height: calc(100vh - 151px);
    }
}
@media(max-width:991px){
    .ap_inline_feild a.ap_btn {
        padding: 0px 10px;
        margin-left: 5px;
    }
    .ap_inline_feild {
        min-width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    .ap_appIcon_holder .ap_mobilescreen_bg {
        left: 0;
        right: 0;
        margin: auto;
        width: 280px;
    }
    .ap_appIcon_holder .ap_mobileScreen_content {
        padding: 0px;
        text-align: center;
    }
    .ap_appIcon_holder .ap_paymentBox {
        margin-left: auto;
    }
    .ap_viewtemplate_laptop .amz_menuTop .amz_mobile_menu {
        text-align: center;
        padding-right: 0px;
    }
}

@media(max-width:768px){
    .ap_inline_feild {
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }
    .ap_inline_feild a.ap_btn {
        line-height: normal;
        font-size: 12px;
    }
    .ap_inline_feild a.ap_btn svg {
        margin-right: 5px;
    }
    #ap_AddNewPage_modal .ap_entertemplate_form .input-group-text.ap_btn {
        margin-top: 0px;
        min-width: 100%;
    }
    .ap_appIcon_holder {
        text-align: center;
    }
    .ap_appIcon_holder .ap_mobilescreen_bg {
        right: 8px;
    }
    .ap_mobileScreen_image.img-fluid.laptop-image {
        width: 465px;
    }
    .ap_viewtemplate_laptop {
        height: 230px;
        width: 362px;
        top: 65px;
        right: -5px;
    }
    .ap_rightSidebar {
        top: 81px;
        height: calc(100vh - 80px);
    }
    /** Inner Template Css **/
    .ap_viewtemplate_laptop .amz_main_menu {
        max-width: 0px;
        padding: 5px 0;
        min-height: 25px;
    }
    .ap_viewtemplate_laptop .amz_rightmenu {
        max-width: 0px;
    }
    .ap_viewtemplate_laptop .amz_togglemenu {
        left: 0px;
        top: 7px;
    }
    .ap_viewtemplate_laptop .amz_togglemenu span {
        width: 15px;
    }
    .ap_viewtemplate_laptop .amz_doticon {
        top: 0px;
        right: 0px;
        width: 20px;
        height: 20px;
    }
    .ap_viewtemplate_laptop .amz_doticon svg {
        width: 20px;
    }
    .ap_viewtemplate_laptop .amz_pages_wrapper {
        position: absolute;
        top: 35px;
        width: 100%;
        overflow-y: auto;
        height: 195px;
    }
    /** Inner Template Css **/
    .ap_paymentBox {
        max-height: calc(100vh - 210px);
    }
    .ap_rightbar_icon {
        display: block;
    }
    .ap_modal_content .ap_component_form .ap_menu_dv li:first-child {
        padding-left: 0px;
    }
    .ap_modal_content .ap_component_form .ap_menu_dv li a {
        padding: 0 0px
    }
    .ap_modal_dialog .modal-body {
        padding: 40px 15px 15px;
    }
}
@media(max-width:575px){
    .ap_paymentwhite_box {
        padding: 40px 15px;
    }
    .ap_appIcon_holder .ap_mobilescreen_bg {
        width: 185px;
    }
    .ap_customManu_wrapper ul.ap_firstlevel_menu.menu__level {
        position: fixed;
        width: 100%;
        min-width: 100%;
        height: 50px;
        bottom: 0;
        top: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0px !important;
    }
    ul.ap_firstlevel_menu.menu__level {
        left: 0px !important;
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ap_firstlevel_menu li.menu__item {
        display: inline-flex;
        width: 100%;
        padding: 6px 10px;
    }
    .menu__level {
        top: 0;
        left: 0;
        width: calc(100% - 0px);
        height: calc(100% - 50px);
    }
    .ap_custom_content_wrapper {
        margin-left: 0px;
        width: calc(100% - 0px);
        height: calc(100vh - 80px);
    }
    .ap_customManu_wrapper {
        max-width: 100%;
        top: auto;
        height: calc(80px);
        bottom: 0;
        overflow: hidden;
    }
    .ap_customManu_wrapper a.menu_btn.d-none {
        height: 30px;
    }
    .ap_customManu_wrapper.menu_open_left {
        max-width: 100%;
        top: 60px;
        height: calc(100vh - 80px);
        bottom: 0;
        overflow-y: auto;
    }
    .ap_customManu_wrapper a.menu_btn.d-none {
        width: 50px;
        top: 0;
        height: 30px;
        padding: 10px 0;
        z-index: 99;
        position: absolute;
    }
    .ap_mainmenu_tooltip {
        left: 10px;
        top: -40px;
        min-width: auto;
        padding: 7px 7px 7px 7px;
        font-size: 11px;
    }
    .ap_mainmenu_tooltip:before {
        left: 20px;
        top: auto;
        border-top: 7px solid #000;
        border-bottom: 7px solid transparent;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        bottom: -13px;
    }
    .ap_firstlevel_menu li.menu__item:last-child:hover .ap_mainmenu_tooltip{
        left: auto;
        right: 10px;
    }
    .ap_firstlevel_menu li.menu__item:last-child .ap_mainmenu_tooltip:before {
        left: auto;
        right: 20px;
    }
    .ap_firstlevel_menu .menu__link {
        width: 38px;
        height: 38px;
    }
    .menu__item.ap_activeMenu::before {
        transform: rotate(-90deg);
        right: 0;
    }
    .menu__item.ap_activeMenu {
        background-color: #edf1fa;
    }
    .menu {
        top: 30px;
    }
    .menu__wrap {
        background-color: #edf1fa;
        border-top: 1px solid #e1e5f1;
    }
    .ap_innerScreen_wrapper {
        padding-bottom: 100px;
    }
    .ap_paymentwhite_box button.ap_btn {
        width: 100%;
    }
    .ap_appIcon_holder .ap_paymentBox {
        padding-top: 0;
    }
    .ap_mainmenu_tooltip p {
        white-space: nowrap;
    }
    .ap_mobilescreen_template.main-wrapper:before {
        top: 42px;
        width: 130px;
        height: 20px;
    }
    .ap_viewtemplate {
        height: 415px;
        width: 196px;
        top: 45px;
        border-radius: 15px;
    }
    .ap_mobileScreen_image {
        left: -33px;
        max-width: 320px !important;
    }
    .ap_inline_icons {
        padding: 5px;
    }
    .ap_inline_icons .ap_headicon {
        margin: 0px 2px;
    }
    .ap_rightSidebar {
        width: 100%;
        right: -100%;
        top: 60px;
        height: calc(100vh - 110px);
    }
    /** Inner Template Css**/
    .ap_viewtemplate_laptop {
        height: 158px;
        width: 250px;
        top: 60px;
        right: -4px;
    }
    .amz_button_component .amz_btn {
        font-size: 12px;
        line-height: normal;
    }
    /** Inner Template Css**/
    .ap_paymentBox {
        max-height: calc(100vh - 280px);
    }
    .ap_paymentwhite_box button.ap_btn {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100% ;
    }
    .ap_componentmenu_title {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .ap_paymentBox .ap_heading {
        margin-bottom: 0;
    }
    .ap_modal_content .ap_component_form .ap_menu_dv li a {
        font-size: 14px;
    }
    .ap_modal_content .ap_component_form .ap_menu_dv li {
        width: 33.3% ;
    }
    .ap_modal_dialog .modal-body {
        padding: 40px 15px;
    }
} 
@media(max-width:380px){
    .ap_inline_feild a.ap_btn {
        line-height: normal;
        font-size: 10px;
        padding: 0px 5px;
        margin-left: 5px;
    }
    .ap_inline_icons {
        margin-right: 0px;
    }
    .ap_headicon.active svg {
        fill: #fff;
        width: 12px;
    }
    .ap_inline_icons .ap_headicon {
        width: 25px;
        height: 25px;
    }
    .ap_headicon {
        width: 40px;
    }   
    .ap_modal_content .ap_component_form .ap_menu_dv li {
        width: 50%;
    } 
    .ap_pageContent_menu .menu__item .menu__link,
    .ap_pageContent_menu .menu__item:first-child .menu__link {
        padding: 15px 10px;
    }
    .ap_pageContent_menu .menu__item.ap_actions:before,
    .ap_pageContent_menu.ap_AddNewComponent .menu__item .menu__link:before {
        top: 13px;
    }
    .ap_pageContent_menu.ap_AddNewComponent .menu__item .menu__link:before {
        right: 10px;
    }
    .ap_pageContent_menu li.menu__item .ap_btn {
        margin: 13px 3px;
    }
    .ap_headicon, .ap_inline_feild a.ap_btn, .ap_inline_icons {
        height: 40px;
    }
    .ap_basicsetting_box .ap_btn {
        max-width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

/*login css*/
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	font-family: 'Be Vietnam', sans-serif;
}
:root{
    --grayColor:#5f88a3;
    --headingColor: #3f3f59;
    --primaryColor: #727598;
    --grayColor1: #a1a3ce;
    --themeColor: #3e5df2;
    --darkColor: #292934;
    --inputColor: #454764;
    --inputBgColor: #fafcff;
    --transition: all 0.3s ease-in-out;
}
body {
    font-size: 16px;
    color: var(--grayolor1);
    line-height: 22px;
    font-weight: 400;
    margin: 0px;
}
a{
	color:inherit;
	text-decoration:none !important
}
a:hover{
	color:var(--themeColor);
}
:after,:before{
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
p{
	margin:0px;
}
.w-100 {
    width: 100% !important;
}
/* Loader */
.product_loader  {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255 255 255 / 80%);
    z-index: 9999;
    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_loader  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);}
}
/*************** ScrollBar Css ****************/
.ap_login_box::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(168, 168, 168, 0);
	background-color: #F5F5F5;
}
.ap_login_box::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}
.ap_login_box::-webkit-scrollbar-thumb{
	background-color: var(--themeColor);
	border: 0px solid  transparent;
}

/******/
.ap_auth_wrapper{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:url('../images/login-bg.jpg') #f4f7ff no-repeat;
	background-size:cover;
	background-position:center;
	overflow:auto;
}
.ap_loginDetail {
    display: flex;
    /* padding: 0px 100px; */
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
}
.ap_imgbox {
    display: inline-flex;
}
.ap_auth_wrapper .ap_detail_wrapper {
    position: relative;
    left: 0%;
    top: 0%;
    transform: translate(0%,0%);
    background-color: #ffffff;
    max-width: 610px;
    width: 100%;
    border-radius: 0;
    display: flex;
    bottom: 0;
    box-shadow: 0px 56px 55px 0px rgb(176 176 176 / 10%);
    right: 0;
    height: 100%;
    float: left;
}
.ap_login_box > img {
    margin:0 0 35px;
}
.ap_login_box img {
    max-width: 150px;
}
.ap_detail_wrapper .ap_imgbox img{
	max-width: 100%;
}
.ap_login_box h1 {
    font-weight: 500;
    font-size: 28px;
    margin: 0px;
    color: #3f3f59;
    line-height: 42px;
    letter-spacing: 0;
}
.ap_login_box p {
    margin-bottom: 35px;
    font-size: 15px;
    color: #a1a3ce;
    font-weight: 500;
    margin-top: 20px;
    letter-spacing: 0.5px;
}
.ap_input_wrapper{
	margin-bottom: 14px;
}
.ap_input input {
    height: 70px;
    padding: 0 55px 0 20px;
    width: -moz-fill-available;
    border-radius: 10px;
    outline: none;
    width: 100%;
    border: 1px solid #E5E7F7;
    font-size: 14px;
    color: #454764;
    font-weight: 500;
    background-color: #fafcff;
}
.ap_input span svg {
    fill: #9FA5D9;
}
.ap_input input:focus + span svg, 
.ap_input input:visited + span svg, 
.ap_input input:active + span svg {
    fill: #3F446B;
}
.ap_input input:focus{
	border: 1px solid var(--themeColor);
}
.ap_input span {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: flex;
}
.ap_input input::placeholder{
	color:#bcbee5;
}
.ap_input {
	position: relative;
	margin-bottom: 20px;
	display: inline-flex;
	width: 100%;
}
.ap_input input.ap_bordernone {
	border: none;
	border-radius: 0 0 9px 9px;
}
.ap_rememberMe_wrapper {
	display: flex;
	justify-content: space-between;
	margin-bottom: 36px;
}
.ap_checkbox {
	position: relative;
	padding: 0 0 0 30px;
	cursor:pointer;
    font-size: 15px;
    font-weight: 500;
    color: var(--grayColor1);
}
.ap_forgotLink a {
    font-size: 15px;
    font-weight: 500;
    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: 2px;
    top: 3px;
}
.ap_checkbox>span:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 5px;
	border: 2px solid #ffffff;
	border-top: none;
	border-right: none;
	left: 3.1px;
	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{
	background-color:var(--themeColor);
	height:55px;
	display:flex;
	justify-content:center;
	align-items: center;
	color:#fff;
	font-size: 16px;
	border-radius:10px;
	padding:0 15px;
	text-transform:capitalize;
	border:none;
	outline:none;
	width:100%;
	cursor:pointer;
	overflow: hidden;
    position: relative;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.ap_btn:before, .ap_btn:after {
    content: '';
    display: block;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgb(253 253 253 / 10%) 50%);
    background-size: 210% 100%;
    background-position: right bottom;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ap_loginBtns .ap_btn:hover {
    color: #fff;
}
.ap_btn:hover:before {
    background-position: left bottom;
}
.ap_btn:hover.ap_btn:after{
    background-position: right bottom;
}
.ap_loginBtns {
	display: flex;
}
.ap_loginBtns .ap_btn {
    font-weight: 700;
    font-size: 15px;
    height: 60px;
    line-height: normal;
    width: 60%;
}
.ap_copyright {
	font-size:16px;
	color: #9ba0a2;
	margin: 69px 0 0 0;
	font-weight: 500;
}
.ap_btn.ap_register {
    background-color: #566c8e;
    margin-left: 10px;
}
.ap_social_login p {
    text-align: center;
    margin:35px 0 25px;
    font-size: 15px;
    position: relative;
}
.ap_social_login p:before,
.ap_social_login p:after {
    content: "";
    width: calc(50% - 75px);
    height: 1px;
    background-color: #DBDCE9;
    position: absolute;
    left: 0;
    top: 50%;
}
.ap_social_login p:after {
    right: 0;
    left: auto;
}
.ap_facebook {
	margin-right: 15px;
	background-color: #3B5998;
}
.ap_facebook, .ap_google {
    display: inline-block;
    max-width: calc(50% - 10px);
    position: relative;
    text-align: left;
    padding-left: 60px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
}
.ap_social_login button span {
    position: absolute;
    width: 35px;
    height: 35px;
    left: 10px;
    top: 8px;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap_social_login button span svg {
    fill: #fff;
}
.ap_google {
	background-color:#FC4737;
}
.ap_copyright a {
    font-weight: 700;
    color: var(--themeColor);
}
.ap_facebook:hover {
    background-color: #293e6a;
}
.ap_google:hover {
    background-color: #b03226;
}
.ap_loginBtns .ap_btn span svg{
	fill: #fff;
}
.ap_loginBtns .ap_btn:hover span {
    left: 30px;
    opacity: 0;
    transition: all linear 0.2s;
}
.ap_loginBtns .ap_btn span {
    left: 10px;
    opacity: 1;
    transition: all linear 0.2s;
    position: relative;
}
.ap_register_link {
    position: relative;
    width: 50%;
    text-align: right;
    line-height: 60px;
    color: var(--themeColor);
    font-weight: 600;
    font-size: 15px;
}
.ap_register_link:before {
    content: "";
    position: absolute;
    width: calc(50% - 30px);
    left: 0;
    height: 1px;
    top: calc(50% - 0px);
    background-color: var(--themeColor);
    margin-left: 30px;
}
.ap_login_link {
    text-align: center;
    padding: 20px 0 0;
}
/* NotiFication Css Start */
.ap_notification_wrapper {
    position: fixed;
    top: 100px;
    right: 40px;
    max-width: 266px;
    width: 100%;
}
.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: 15px;
    width: calc(100% - 45px);
}
.noti_content p {
    font-size: 14px;
    color: #a1a3ce;
}
.ap_notication_success {
    border-color: #00E0A4;
}
.ap_notication_error {
    border-color: #F83A5C;
}
/* NotiFication Css End */
.ap_highlight {
    background-image: url(../images/highlight.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding: 0px 10px 0 10px;
    color: var(--themeColor);
}
.ap_right_wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    height: 100%;
    /* background-image: url(../images/Shadow.png);
    background-repeat: no-repeat;
    background-position: 45% 100%; */
}
.ap_login_box {
    display: inline-block;
    overflow-y: auto;
    padding: 0px 100px 10px;
}
.ap_mobileScreen {
    /* overflow: auto; */
    display: inline-block;
    max-height: 100vh;
    width: 50%;
    position: relative;
    padding-top: 22px;
}
.ap_mobileScreen img {
    left: 00%;
    position: relative;
    top: 0;
    max-height: 100vh;
    max-width: 100%;
}

.ap_error{
    border: 1px solid #f90000 !important;
}
/* responsive css*/
@media(max-width:1400px){
    .ap_right_wrapper {
        background-size: 0;
    }
    .ap_mobileScreen img {
        max-width: 100%;
    }
}
@media (max-width:1200px){
    .ap_loginDetail .ap_login_box {
        padding:40px;
    }
    .ap_auth_wrapper .ap_detail_wrapper {
        max-width: 420px;
    }
    .ap_login_box {
        display: inline-block;
        overflow-y: auto;
        padding: 50px 100px;
    }
}
@media (max-width:768px){
	.ap_detail_wrapper .ap_imgbox{
		display:none;
	}
	.ap_detail_wrapper .ap_login_box {
		max-width: 100%;
		margin-left: 0;
	}
	.ap_loginDetail {
        padding: 0px;
        height: auto;
        max-height: inherit;
    }
    .ap_loginDetail .ap_login_box{
        padding: 40px 15px;
    }
    .ap_auth_wrapper .ap_detail_wrapper {
        max-width: 100%;
        height: auto;
    }
    .ap_right_wrapper {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 40px 15px;
    }
    .ap_mobileScreen {
        max-height: inherit;
    }
    .ap_login_box > img {
        margin: 0 0 15px;
    }
    .ap_login_box h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .ap_login_box p {
        margin-bottom: 20px;
        font-size: 12px;
        margin-top: 10px;
    }
    .ap_input input {
        height: 50px;
        border-radius: 7px;
        font-size: 12px;
    }
    .ap_input_wrapper {
        margin-bottom: 0;
    }
    .ap_loginBtns .ap_btn {
        font-size: 14px;
        height: 50px;
        width: 60%;
    }
}