.container-planos-franquia {
	width: 100%;
	margin: 0 auto;
}

.container-planos-franquia .row {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	box-sizing: border-box;
}

.container-plano {
	display: inline-block;
	padding: 0 15px;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 15px;
}

.container-plano>div {
	border: 1px solid rgb(115, 123, 126);
	border-radius: 5px;
	box-shadow: 0 0 5px gray;
}

.plano-titulo {
	font-size: 20px;
	margin: 0;
	padding: 5px 10px;
	background-color: rgb(76, 76, 77);
	border-radius: 5px 5px 0 0;
	color: rgb(247, 247, 247);
}

.plano-valor {
	background-color: rgb(73, 102, 134);
	color: white;
	padding: 10px;
}

.plano-valor .moeda {
	vertical-align: top;
	font-size: 20px;
}

.plano-valor .valor {
	font-size: 35px;
}

.plano-valor .vigencia {
	vertical-align: middle;
}

.recurso {
	padding: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #E0E0E0) );
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
}

.recurso:not (:last-of-type ){
	border-bottom: 1px solid lightgray;
}

.recurso-titulo {
	padding: 0;
	margin: 0 0 3px;
	font-size: 18px;
	/* font-variant: small-caps; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recurso-descricao {
	white-space: normal;
	display: inline-block;
	padding-left: 6px;
	color: #929292;
	border-left: 1px solid #ccc;
	margin: 7px;
}

.recurso-quantidade {
	font-weight: bold;
}

/*PopUp editar cores
#franquia-plano-editar-cores .popUp_Content {
	padding: 0px;
}*/

.form-plano-editar-cores{
	position:relative;
	height: 360px;
}/*
.container-plano-editar,
.container-plano-editar-cores{
	position: absolute;
	top: 0;
	left: 0;
	height: 350px;
	padding: 10px 0 10px 10px;
	overflow-y: scroll;
	width: 100%;
	box-sizing: border-box;
}*/
.container-plano-titulo,
.box-planos-cores-titulo{
	color: rgb(107, 107, 107);
	font-variant: small-caps;
	background-color: rgb(219, 219, 219);
	padding: 10px;
	font-size: 15px;
	border-radius: 0 5px 5px 0;
	border: 1px solid lightgray;
	cursor: pointer;
	position: relative;
}
.container-plano-titulo:after{
	content: '>';
	width: 30px;
	line-height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	color: rgb(185, 185, 185);
}
.container-plano-titulo:hover,
.box-planos-cores-titulo{
	background-color:gray;
}
.container-plano-titulo:hover,
.container-plano-titulo:hover:after,
.box-planos-cores-titulo{
	color:white;
}
.container-plano-titulo:not(:last-of-type){
	margin-bottom: 5px;
}/*
.box-planos-cores{
	height: 100%;
	box-sizing: border-box;
	border-radius:5px 5px 0 0;
}
.box-planos-cores-titulo{
	border-radius: 5px 5px 0 0;
	border: 0;
}
.box-planos-cores-titulo > p,
.box-planos-cores-titulo > button{
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box-planos-cores-titulo > p{
	width: 70%;
}
.box-planos-cores-titulo > button{
	width: 29%;
	text-align: right;
	background-color: transparent;
	cursor:pointer;
	color: rgb(224, 224, 224);
}
.box-planos-cores-titulo > button:hover{
	color: white;
}
.box-planos-cores-container{
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),
		color-stop(1, #E0E0E0) );
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
	padding: 5px 10px;
}

.box-planos-cores-container > span {
	width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.box-planos-cores-container > div{
	width:40px;
}
.box-planos-cores-container > span,
.box-planos-cores-container > div{
	display: inline-block;
	vertical-align: middle;
}*/
.btn-contratar-plano{
	text-align: center;
	float: right;
	margin-top: 6px;
	border-radius: 25px;
	background-color: white;
	padding: 7px 0;
	font-size: 12px;
	cursor: pointer;
	color: rgb(41, 89, 175);
	width: 90px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.btn-contratar-plano:hover{
	color:white;
	background-color : rgb(73, 102, 134);
    background-image: -moz-linear-gradient(rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.166) 100%);
    background-image: -webkit-linear-gradient(rgba(0,0,0, 0.5) 0%, rgba(0,0,0, 0.3) 100%);
    background-image: -o-linear-gradient(rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.166) 100%);
    background-image: -ms-linear-gradient(rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.166) 100%);
}