@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;
    }
}