.doMainRelated * {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0;
		margin: 0;
		font-size: 16px;
	}

	.doMainRelated.wrap {
		max-width: 450px;
		width: 100%;
		margin: 100px auto 0;
		padding: 20px 25px 40px;
		-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
		position: relative;
		z-index: 1;
	}

	#wpbody {
		/*background: url(https://sftextures.com/texture/2748/0/2743/corner-pattern-background-light-grey-color-squared-90-degrees-lines-seamless-wallpaper-texture.jpg) left top repeat;*/
		background-size: 100px;
		-moz-background-size: 100px;
		-webkit-background-size: 100px;
	}

	.doMainRelated.wrap::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #ffffff;
		z-index: -1;
		opacity: .4;
	}

	.doMainRelated .clear {
		clear: both;
	}

	.doMainRelated th,
	.doMainRelated td {
		width: 100%;
		display: block !important;
		float: left;
		padding: 0;
	}

	.doMainRelated .regular-text {
		width: 100%;
		height: 44px;
		padding: 0 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	.doMainRelated .regular-text:focus {
		border: 1px so-lid #ccc;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	}

	.doMainRelated h1 {
		text-align: center;
		padding: 0 0 15px;
		width: calc(100% + 50px);
		margin-left: -25px;
		margin-top: -20px;
		margin-bottom: 15px;
		color: #fff;
		padding: 25px 0;
		font-weight: 700;
		font-size: 30px;
		border-bottom: 2px solid #094477;
		background: rgba(49, 183, 245, 1);
		background: -moz-linear-gradient(left, rgba(49, 183, 245, 1) 0%, rgba(0, 92, 135, 1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49, 183, 245, 1)), color-stop(100%, rgba(0, 92, 135, 1)));
		background: -webkit-linear-gradient(left, rgba(49, 183, 245, 1) 0%, rgba(0, 92, 135, 1) 100%);
		background: -o-linear-gradient(left, rgba(49, 183, 245, 1) 0%, rgba(0, 92, 135, 1) 100%);
		background: -ms-linear-gradient(left, rgba(49, 183, 245, 1) 0%, rgba(0, 92, 135, 1) 100%);
		background: linear-gradient(to right, rgba(49, 183, 245, 1) 0%, rgba(0, 92, 135, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31b7f5', endColorstr='#005c87', GradientType=1);
	}

	.doMainRelated label {
		margin-bottom: 10px;
		display: block;
		font-size: 18px;
		color: #585858;
	}

	.doMainRelated tr {
		display: block;
		width: 100%;
		float: left;
		margin-bottom: 4px;
	}

	.doMainRelated .button-primary {
		font-size: 16px;
		padding: 0 50px;
		height: 40px;
		line-height: 38px;
		color: #fff;
		text-shadow: none !important;
		box-shadow: none;
		border: none;
		margin-top: 10px;
		-webkit-transition: all ease-in-out 300ms;
		-moz-transition: all ease-in-out 300ms;
		transition: all ease-in-out 300ms;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
	}

	.btn_center {
		text-align: center;
	}

	.signUp {
		font-size: 16px;
		color: #717171;
	}

	.mt10 {
		margin-top: 10px;
	}

	.mb10 {
		margin-bottom: 10px;
	}

	.power {
		width: 100%;
		float: left;
		display: block;
	}

	.white-text {
		color: white;
	}
	#img_limit_msg_babypng{
		color: red;
	}
	.img_num_color{
		color: #35b135;
	}
	.api_key_sec{
		font-size: 12px;
		margin-top: 5px;
		display: inline-block;
	}
	.setting_head{
		display: inline-block;
	}

#size_msg_babypng{
	background-color:#00a32a;
	color:#fff;
	text-align:center;
}
#size_msg_babypng .notice-dismiss:before{
	color:#fff;
}


/* dashboard - 24 sept */

    .imagesForpage {
        display: block;
    } 
    .customContainer {
        background-color: #f8f9fa;
        padding: 20px;
        width: 95%;
    }
    .customRow {
        display: flex;
        flex-wrap: wrap;
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .cardCustom {
        border: none;
        border-radius: 4px;
        background-color: #fff;
        transition: all 0.3s ease 0s;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .card-body {
        padding: 25.6px;
    }
    .colorFontPara {
        font-size: 18px;
        color: #888888;
        margin: 0;
        font-family: 'circular';
    }
    .colorFontParablue {
        font-size: 14px;
        color: #8d00b1;
        margin: 0;
        font-family: 'circular';
    }
    .headh4 {
        font-size: 36px;
        color: black;
        margin: 0;
        margin-bottom: 6px;
        font-family: 'circular';
    }
    .headh4 span {
        font-size: 28px;
        font-weight: 400;
        color: #5f5f5f;
    }
    .table {
        width: 100%;
        margin-bottom: 20px;
    }
    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 1px solid #ddd;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 22px;
        vertical-align: top;
        text-align: left;
        font-size: 18px;
        font-family: 'circular';
    }
    .buttonPro {
        background-color: #8d00b1;
        border-radius: 20px;
        border: 0;
        color: white;
        margin-left: 10px;
        padding: 5px 15px;
        float: right;
        font-family: 'circular';
        font-weight: 700;
        font-size: 16px;
    }
    .activeBttn {
        background-color: #1abc9c;
        border-radius: 20px;
        border: 0;
        color: white;
        margin-left: 10px;
        padding: 10px;
        font-weight: 600;
        font-size: 15px;
        width: 110px;
        float: right;
        font-family: 'circular';
    }
    .centerImg{
        justify-content: center;
    	display: flex;
    }

/* 25 september */

.tab-container {
    width: 100%;
}

.tab-menu {
    display: flex;
    list-style-type: none;
    padding: 0;
    border-bottom: 2px solid #ddd;
}

.tab-menu li {
    margin: 50px auto 0;
}

.tab-menu li a {
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    border: 0;
    color: #5b6065;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 600;
}


.tab-menu li.active a {
    color: #069de3;
    font-weight: 800;
}

.tab-content {
    padding: 20px;
    background: #fff;
	padding-top:0;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}


.tab-menu li.active a:focus .gravatar, a:focus, a:focus .media-icon img, a:focus .plugin-icon {
    color: #069de3;
    box-shadow: none;
    outline: none;
}

ul .babypng_regiter_first_page{
    display: block;
    width: 100%;
    padding: 0;
    border: none;
}

ul.babypng_regiter_first_page li {
    position: relative;
    float: none;
    width: 100%;
}

ul.babypng_regiter_first_page li input {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    margin-top: 3px;
    margin-right: 16px;
}

ul.babypng_regiter_first_page li label {
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 0 16px 0;
    padding: 20px 20px 20px 50px;
    -webkit-transition: .25s all linear;
    transition: .25s all linear;
    white-space: normal;
    color: #242628;
    border: 1px solid #dadfe4;
    border-radius: 6px;
    background: #f8f9fa;
}

ul.babypng_regiter_first_page li label p{
	font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    color: #7f868d;
}

.babypng_regiterPage {
    margin-left: 20%;
    margin-right: 20%;  
    padding-top: 2%;  
}

.babypng_note_fst_tab .note {
    padding: 2px 6px;
    color: #794800;
    background: rgba(255,190,95,0.5);
    border-radius: 3px;
    margin-right: 5px;
}
.babypng_note_fst_tab{
	font-size: 14px;
    font-style: normal;
    padding-top: 10px;
    color: #7f868d;
}

.babypng-button-animated{
	font-size: 24px !important;
    line-height: 82px !important;
    height: auto;
    min-height: 30px !important;
    padding: 0 40px !important;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    text-align: center;
    border-radius: 82px !important;
    display: flex !important;
    align-items: center;
    margin-top: 3% !important;
    margin-bottom: 3% !important;
}
.babypng-button-animated i{
    padding-left: 10px;
}


.babypng_registerform{
	width:60% !important;
}
.babypng_registerform .customBorder{
	border-bottom: 1px solid #dadfe4;

}

.babypng_registerform input{
	padding: 10px;
	border-radius: 0;
	width: 100%;
}
.babaypngRegisterBtn{
	margin:0 auto;
	text-align:center;
}

div .babaypngRegisterBtn button{
	font-size: 20px;
    line-height: 35px;
    height: 48px;
    padding: 0 30px;
    color: #fff;
    border-color: #069de3;
    background: #069de3;
    text-shadow: none;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
}
.babypngRightIcon{
	margin-right: 5px;
    padding: 4px;
    vertical-align: -3px;
    color: #fff;
    border-radius: 50%;
    background: #58bb58;
}

.babypng_error_message{
	color: red;
    padding-top: 12px;
    font-weight: 600;
}

.babypng-col-md-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.babypng-text-center{
	text-align: center;
}
.babypng-chart-inner-div{
	background: #f5f5f5;
    padding: 10% 0;
}
.babypng-text-left{
	text-align: left;
}
.babypng-text-right{
	text-align: right;
}
.babypng-middle-inner-div{
	padding-left: 20%;
}
.babypng-col-md-5{
	flex: 0 0 41.33%;
    max-width: 41.33%;
}
.babypng-redirect-img {
    max-width: fit-content;
    height: 14px;
    padding-bottom: 2%;
}
.babypng-col-md-6{
	flex: 0 0 50%;
    max-width: 50%;
}
.babypng-col-md-2{
	flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.babypng-other-plugin-logo{
	height: 80px;
}
.babypng-col-md-8 {    
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.babypng-col-md-10 {    
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.babypng-other-plugin-sec{
	display: flex;
}
.babypng-other-plugin-sec:hover{
	text-decoration: none;
}
.babypng-other-plugin-custom-row{
	padding: 1% 3% 1% 0
}
.babypng-other-plugin-name{
	color: #888888;
}
.babypng-other-plugin-desc{
	color: #000;
}
.babypng-other-plugin-name:hover {
    color: #888888;
    text-decoration: none;
}

/* upgrade plan page css --start 1oct  */

    .babypng_coupon_error_message{
        color : red;
    }
    .babypng_coupon_success_message{
        color : green;
    }
    .babypng-plans-container {
        text-align: center;
        margin: 20px auto;
        box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    }
    .babypng-plan-cards {
        margin-top: 3%;
        justify-content: center;
    }
    .babypng-plan-card {
        background-color: #f7f7f7;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin-right:3%;
    }
    .babypng-plan-card h2 {
        margin-top: 0;
    }
    .babypng-plan-price {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .babypng-plan-features {
        list-style: none;
        padding: 0;
    }
    .babypng-plan-features li {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .babypng-buttonSelect {
        display: inline-block;
        padding: 10px 20px;
        margin-top: 20px;
        color: white;
        background-color: #0073aa;
        border: none;
        border-radius: 5px;
        text-decoration: none;
        font-size: 16px;
    }
    .babypng-buttonSelect.babypng-disabled {
        background-color: grey;
        cursor: not-allowed;
    }
    .babypng-buttonSelect:hover {
        background-color: #005f8d;
    }
    .babypng-pro-plan {
        background-color: #fff8e1;
        border: 2px solid #f1c40f;
    }

/* upgrade plan page css --end*/


/* model - css */

.babypng_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 40%;
    top: 50px;
    width: 20%; /* Full width */
	height:560px;
    
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.babypng_modal-content {
/*     background-color: #fefefe;
    margin: 5% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 75%;  */
}

.babypng_close {

	
	color: #000;
    /* float: right; */
    font-size: 28px;
    font-weight: bold;
    /* margin-top: 10px; */
    position: absolute;
    right: 10px;
    top: 5px;
}

.babypng_close:hover,
.babypng_close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.babypng_plan_iframe{
    width: 100%;
    height: 700px;
}

.babypng-progress-container {
    width: 100%;
    height: 18px;
    background-color: #e0e0e08a;
    border-radius: 5px;
    overflow: hidden;
    display:none;
}

.babypng-progress-bar {
    height: 100%;
    width: 0;
    background-color: #fec147;
    transition: width 0.5s ease-in-out;
}
.babypng_notice_content{
    display:none;
}
#babypng-progress-count{
    display:none;
    padding-bottom:5px;
    text-align:center;
}

#babyPnganimatedBttn {
    font-size: 24px;
    line-height: 82px;
    height: auto;
    min-height: 30px;
    padding: 0 40px;
    webkit-transform: perspective(1px) translateZ(0); 
    transform: perspective(1px) translateZ(0);
    text-align: center;
    border-radius: 82px;
}

#babyPnganimatedBttn:before {
     content: '';
    -webkit-animation: hvr-ripple-out 1s linear infinite;
    animation: hvr-ripple-out 1s linear infinite;
    border: #bcdbea solid 6px;
    border-radius: 55px;
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
}

.stepFstText{
    text-align:justify;
    font-size: 18px;
}

.stepFstTitle{
    text-align:center;
    font-size: 36px;
}
.imgInfo{
   font-size: 18px;
    margin: 0;
    line-height: 26px;
}


-webkit-keyframes hvr-ripple-out {
    100% {
        opacity: 0;
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px
    }
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        opacity: 0;
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px
    }
}

@keyframes hvr-ripple-out {
    100% {
        opacity: 0;
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px
    }
}

/*For mobile screen*/
@media screen and (max-width: 767px) {
    .babypng-col-md-10, .babypng-col-md-8, .babypng-col-md-2, .babypng-col-md-6, .babypng-col-md-5, .babypng-col-md-4 {    
        flex: 0 0 100%;
        max-width: 100%;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 10px 0px;
    }
    .babypng-other-plugin-sec {
        display: block;
    }
    .babypng-other-plugin-logo {       
        padding: 5% 0;
    }
    .babypng-custom-close{
    	margin-top: -50%;
    }
    .babypng-middle-inner-div {
        padding-left: 0;
        text-align: center;
    }
}

.babypng-wizard-navigation a {
    text-decoration: none;
}



.babypng-wizard-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 50px auto 0;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.babypng-wizard-navigation a {
    font-size: 13px;
    position: relative;
    display: block;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #5b6065;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.babypng-wizard-navigation a:before {
    font-weight: 600;
    display: block;
    padding-bottom: 10px;
    content: attr(title);
    color: #5b6065;
}
.babypng-wizard-navigation a:after {
    content: "";
    -webkit-transform: translate(-50%, 23px);
    transform: translate(-50%, 23px);
    background-color: #cbd2d9;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 15px;
    left: 0;
    pointer-events: none;
}
.babypng-wizard-navigation span {
    line-height: 20px;
    position: relative;
    z-index: 10;
    display: inline-block;
    border: 2px solid #cbd2d9;
    border-radius: 50%;
    background: #cbd2d9;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    height: 18px;
    width: 18px;
}
.wizard-nav---igation .step-label:before {
    color: #069de3;
}
.babypng-wizard-navigation .step-label:after {
    display: none;
}
.babypng-wizard-navigation .step-label + a:after {
    width: 100%;
    -webkit-transform: translate(-50%, 23px);
    transform: translate(-50%, 23px);
}
.babypng-wizard-navigation a.active span {
    color: #fff;
    border: 2px solid #069de3;
    background: #069de3;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}
.babypng-wizard-navigation a.active:after {
    background: -webkit-gradient(linear, left top, right top, from(#58bb58), to(#069de3));
    background: linear-gradient(to right, #58bb58 0%, #069de3 100%);
}
.babypng-wizard-navigation a.active:before {
    color: #069de3;
}
.babypng-wizard-navigation a.done span {
    color: #fff;
    border-color: #58bb58;
    background-color: #58bb58;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}
.babypng-wizard-navigation a.done:after {
    background-color: #58bb58;
}


.leftdiv{
	width:48%;
	float:left;
}

.divright{
	float: right;
    width: 48%;
    border-left: 1px solid;
    padding-left: 25px;
}

.topCard{
    margin: 4%;
    padding-bottom: 5%;
}

.overlay1{
	display:none !important
}
@media (min-width: 767px) and (max-width: 992px) {
	.babypng_modal{
		width:30% !important;
	}
}