﻿.ap-dropdown-parent:nth-child(2) .ap-dropDown-menu.absolute
{
    width:500px;
}
.ap-dropdown-parent:nth-child(2) .ap-dropMenu-wrp .ap-dropMenu:first-child, .ap-dropdown-parent:nth-child(2) .ap-dropMenu-wrp .ap-dropMenu:nth-child(2) {
 width: calc(50% - 5px);
}
.ap-dropdown-parent:nth-child(3) .ap-dropDown-menu.absolute
{
    width:270px;
}

.ap-dropdown-parent:nth-child(2) .dropMenuscroll,.ap-dropdown-parent:nth-child(3) .dropMenuscroll
{
overflow:inherit;
height:inherit;
}
.prefixSelect {
    position: absolute;
    border: 0;
    top: 10px;
    font-size: 18px;
    left: 10px;
    height: 40px;
    width: 48px;
    background: #fff;
}

@media screen and (max-width: 550px) {
    .prefixSelect {
        top: 5px;
        font-size: 14px;
        width: 45px;
        background: #fff;
    }
}

.errspan {
    margin-right: 45px !important;
}

.errTooltip img {
    width: 15px;
    height: 15px;
}

.errspan,
.errspanForMembersCount {
    float: right;
    z-index: 2;
    color: red;
    position: relative;
    margin-top: -40px;
}

.errTooltip:hover .errTooltiptext {
    visibility: visible;
    opacity: 1;
}

.errTooltip .errTooltiptext {
    font-size: 13px;
    visibility: hidden;
    background-color: #ffff92;
    color: #ff1e11;
    text-align: center;
    border-radius: 6px;
    padding: 5px !important;
    position: absolute;
    width: 120px;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
    font-family: Poppins, sans-serif;
}

.errTooltip .errTooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ffff92 transparent transparent;
}
.ap-input-box.pad-left {
    padding-left: 80px!important;
}

#preLoader.fade {
    background-color: #fffffff2;
    opacity: 1;
    z-index: 9999;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#preLoader .modal-sm {
    top: 40%;
    width: 225px;
    margin: 20px auto;
    position: relative;
    padding: 20px;
    left: 0px;
}

.text-danger {
    color: red;
}

.errTooltip img {
    width: 15px;
    height: 15px;
}

.nohavertoNo {
    padding: 10px;
    font-size: 15px;
    background-color: transparent;
    border: 1px solid #DDDDDD;
    border-radius: 50px;
}
.ap-bannerFrm-wrp li.ap-countryCode .ap-inputDiv::before {
    content: "+91";
    position: absolute;
    left: 20px;
    top: 16px;
    font-size: 19px;
    color: #2c2c2c;
    display: inline-block;
    border-right: 1px solid #2c2c2c;
    padding-right: 15px;
}
.explore .ap-dropMenu-wrp
{
	
	flex-wrap:wrap;
}
.hidden
{
	visibility: hidden;
}

.hide
{
	display: none !important;
}

.my-0
{
	margin-top: 0 !important;
	margin-bottom: -7px !important;	
}

.customA
{
	margin-bottom: 20px !important;
}

.customA.natural-black a
{
	color: #000 !important;
	pointer-events: none;
}
.ap-common-orange-bg.disabled
{
	background-color: #ddd;
	pointer-events:none;
}
.ap-footSub-head a{
	color: #104b95 !important;
}
.ap-mainPresentCard .ap-view-product{
    padding: 0 30px;
    font-weight: 700;
    font-size: 20px;
    margin-top: 15px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    letter-spacing: .6px;
}
#error_msg_modal{
	color: red;
	font-size: 14px;
}
#divSuccess
{
	color: green;
	font-size: 14px;
}
.ap-callBack-btn
{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	cursor:pointer;
	letter-spacing:0.6px;
}
.text-succeed{
	color:green;
}
.has-error input {
    border-color: red!important;
}
.mainforminputdiv .errspan
{
	float: inherit !important;
    z-index: 2;
    color: red;
    position: absolute;
     margin-top: inherit !important; 
    right: 10px;
    top: 14px;
	margin-right:inherit !important
}
.mainforminputdiv .errTooltip .errTooltiptext
{
	    font-size: 13px;
    visibility: hidden;
    background-color: #ffff92;
    color: #ff1e11;
    text-align: center;
    border-radius: 6px;
    padding: 5px !important;
    position: absolute;
    width: 230px;
    bottom: 150%;
    left: -1011%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
    font-family: Poppins, sans-serif;
}
.mainforminputdiv .errTooltip .errTooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 95%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ffff92 transparent transparent;
}
.mainforminputdiv .errTooltip:hover .errTooltiptext {
    visibility: visible;
    opacity: 1;
}