.frmEcommerce{
	display:none;
	margin-bottom: 15px;
}
.erroCompra{
	margin-top: 15px;
}
.btnPlano{
	background:none !important;
	text-align:left !important;
}
.chkPlano{
	text-align: center;
}
.cardPlano{
	font-size:12px;
}
.step-content h5{
	/*margin-top: 25px;
	margin-bottom:15px;*/
}

#bloqueiaTela{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    color:#fff;
    z-index: 99999999;
    font-size:48px;
    text-align: center;
    display: none;
}

    #bloqueiaTela .d-table,#bloqueiaTela .d-table-cell{
        width:100%;
        height:100%;
        vertical-align: middle;
    }

.bgSelectPlanoTotal{
	background:rgb(235,220,185);
}
.bgPlanoGeneric{
	background: rgba(79,173,101,1);
	background: -moz-linear-gradient(-45deg, rgba(79,173,101,1) 0%, rgba(79,173,101,1) 43%, rgba(148,194,63,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(79,173,101,1)), color-stop(43%, rgba(79,173,101,1)), color-stop(100%, rgba(148,194,63,1)));
	background: -webkit-linear-gradient(-45deg, rgba(79,173,101,1) 0%, rgba(79,173,101,1) 43%, rgba(148,194,63,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(79,173,101,1) 0%, rgba(79,173,101,1) 43%, rgba(148,194,63,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(79,173,101,1) 0%, rgba(79,173,101,1) 43%, rgba(148,194,63,1) 100%);
	background: linear-gradient(135deg, rgba(79,173,101,1) 0%, rgba(79,173,101,1) 43%, rgba(148,194,63,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fad65', endColorstr='#94c23f', GradientType=1 );
}

.bgPlanoPleno{
	background: rgb(163,35,142);
	background: linear-gradient(45deg, rgba(163,35,142,1) 0%, rgba(232,97,113,1) 100%);
}
.bgPlanoEssencial{
	background: rgb(237,22,81);
	background: linear-gradient(45deg, rgba(237,22,81,1) 0%, rgba(236,98,21,1) 100%);
}
.bgPlanoTotal{
	background: rgb(80,176,102);
	background: linear-gradient(45deg, rgba(80,176,102,1) 0%, rgba(177,211,75,1) 100%);
}

.planoAtivo{
	/*border:5px rgb(0,102,0) solid;*/
	border:5px rgb(255,195,15) solid;
	border-radius: 3px;
}
.cardPlano{
	color:#fff;
}
	.cardPlano .card-title{
		color: #fff;
		font-size:2.5em;
		font-weight:bold;
		border-bottom: 1px #fff solid;
	}
	.cardPlano p{
		margin-bottom:15px;
		font-size:12px;
	}
	.cardPlano .btn-danger{
		background-color:#dc3545;
	}

	.cardPlano .btnSelectPlano{
		display:block;
	}
	.cardPlano .btnRemovePlano{
		display:none;
	}

.cardServico{
	color:#fff;
}
	.cardServico .card-title{
		color: #fff;
		font-size:1.8em;
		font-weight:bold;
		border-bottom: 1px #fff solid;
	}
	.cardServico p{
		margin-bottom:15px;
		font-size:12px;
	}
	.cardServico .btn-danger{
		background-color:#dc3545;
	}
	.cardServico .btnSelectServico{
		display:none;
	}

.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
	color:#00995d;;
	font-size:16px;
	letter-spacing:1px;
	word-spacing:3px;
	text-decoration:none;
}
.card-header  a:before {
   content: "\f106";
   float: right;
   transition: all 0.5s;
   font-family:"Font Awesome 5 Free";	
   font-weight:bold;

}
.card-header a.collapsed:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
.card-header a small{
	font-size:10px;
	color:rgb(120,120,125);
	word-spacing: 0;
	display: block;
}

/* Popovers
*********************************************/

.popover-button {
	display: inline-flex;
    width: 31px;
    background: none;
	padding: 0 0 2px 5px;
	border: 0;
    color: #fff;
	font-size: 16px;
}

.popover-button:focus,.popover-button:active {
	outline: none !important;
	box-shadow: none;
 }

 .bs-popover-right {
	 top: -32px !important;
 }

 .popover {
	 max-width: 300px !important;
 }



/* Modal planos
*********************************************/
.planoModalButton{
	font-size: 14px;
}

.planosModalHelp{
	font-size: 14px;
}

.planosModalHelp ul li{
	font-size: 14px;
}

.planosModalHelp h2{
	font-size: 24px;
	color: #00995d;
	margin-bottom:  28px;
}

.planosModalHelp a{
	color: #00995d;
}