/* STARTING */
.panel-body {
    padding: 0px 15px;
}

#container {
	padding-right: 0px;
}

.box-side {
	height: 0%;
	width: 0px;
	padding: 0px;
}

/* BUTTON ATUAL */
.clear { clear:both; }

.icontable {
	max-width:35px;
	display: block;
	margin:0 auto;
	font-size: 18pt;
}

.espaco-square,
.nfe-square,
.certificado-square,
.armazenamento-square,
.api-square,
.relatorios-square,
.central-square {
	cursor:pointer;
}

/* SECTION CONTENT = IMPORTANT */

section.content{
	width:100%;
	margin:0 auto;
}

h5 {
	font-family: 'Gotham-Book';
	font-size: 12pt;
	color: #3FAF6C;
	margin-top: 27px;
	margin-bottom: 0px;
}

/* PLANOS */

section#planos {
	width:100%;
	display:block;
	float:left;
	overflow-y: hidden;
  margin-bottom: 20px;
}

section#planos section.content #tabela {
	width:917px;
	display: block;
	margin:0px auto 25px auto;
}

section#planos section.content #tabela #tabheader {
	float:right;
	display: block;
	margin-bottom:30px;
  font-size: 16px;
}

section#planos section.content #tabela #tabheader.active {
	background: #fff;
	display: block;
	position: fixed;
	top: 0%;
	margin-top: 70px;
	padding-left: 230px;
	transition: margin-top .6s ease;
	z-index: 2;
}

#tabheader.active li img, #tabheader.active li a,section#planos section.content #tabela #tabheader.active #plus #recomenda {display: none!important;}

section#planos section.content #tabela #tabheader.active .container-perguntas,
section#planos section.content #tabela #tabheader.active #free,
section#planos section.content #tabela #tabheader.active #plus,
section#planos section.content #tabela #tabheader.active #plus_mais {
	margin-top:15px;
}

.container-perguntas {
	width: 200px !important;
	margin-right: 20px;
	position: relative;
}

@media screen and (max-width: 1500px) {
	section#planos section.content #tabela #tabheader.active {
		background:#fff;
		display: block;
		position: fixed;
		top:0%;
		width: 120%;
	}
}

@media screen and (max-width: 1226px) {
	section#planos section.content #tabela #tabheader.active {
		display: none;
	}
}

section#planos section.content #tabela #tabheader li {
	width:230px;
	display: block;
	float: left;

}

section#planos section.content #tabela #tabheader li h2 {
	font-family: 'Gotham-Black';
	width:100%;
	text-align: center;
}

section#planos section.content #tabela #tabheader li img {
	display: block;
	margin:7px auto;
}

section#planos section.content #tabela #tabheader li h4 {
	font-family: 'Gotham-Book';
	font-size:11px;
	color:#8b8b8b;
	width:100%;
	text-align: center;
}

section#planos section.content #tabela #tabheader li h4 strong {
	font-family: 'Gotham-Black';
	font-size:22px;
}

section#planos section.content #tabela #tabheader li h4 strong span {
	font-family: 'Gotham-Black';
	font-size:16px;
}

section#planos section.content #tabela #tabheader #free h4 strong, section#planos section.content #tabela #tabheader #free h2 {
	color:#f89336;
}
section#planos section.content #tabela #tabheader #plus h4 strong, section#planos section.content #tabela #tabheader #plus h2 {
	color:#f9ca39;
}
section#planos section.content #tabela #tabheader #plus_mais h4 strong, section#planos section.content #tabela #tabheader #plus_mais h2 {
	color:#8352b1;
}

section#planos section.content #tabela #tabheader .container-perguntas,
section#planos section.content #tabela #tabheader #free,
section#planos section.content #tabela #tabheader #plus_mais,
section#planos section.content #tabela #tabheader #plus {
	margin-top:40px;
}

#PlanoFreebutton {
	border: 3px solid #f7941e;
	color: #f7941e;
}

#PlanoFreebutton:hover {
	background: #f7941e;
	color: #FFF;
}

#PlanoPlusbutton {
	border: 3px solid #f9ca39;
	color: #f9ca39;
}

#PlanoPlusbutton:hover {
	background: #f9ca39;
	color: #FFF;
}

#PlanoPlusPlusbutton {
	border: 3px solid #8352b1;
	color: #8352b1;
}

#PlanoPlusPlusbutton:hover {
	background: #8352b1;
	color: #FFF;
}

.teste-gratis {
	font-family: 'Gotham-Bold', Arial;
	padding:8px;
	display:block;
	margin:0 auto;
	text-decoration: none;
	width: 135px; /*70%;*/
	text-align: center;
	transition: all .2s ease;
	font-size:13px;
	margin-top:10px;
  background-color: #FFF;
}

.teste-gratis:hover {
    -ms-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

.upgrade-desabilitado {
	border: 3px solid #E8E8E8;
	color: #E8E8E8;
	font-family: 'Gotham-Bold', Arial;
	padding:8px;
	display:block;
	margin:0 auto;
	text-decoration: none;
	width: 135px; /*70%;*/
	text-align: center;
	transition: all .2s ease;
	font-size:13px;
	margin-top:10px;
	background-color: #FFF;
}

.planos-container > div:nth-of-type(1) {
	border-top: 1px solid #CCCCCC;
}

.item-container {
	border-bottom: 1px solid #CCCCCC;
	/*padding: 15px 10px;*/
	height: 55px;
}

.item-container ul li {
	border-right: 1px solid #CCCCCC;
}

.item-container ul li:not(.cell-text) {
	padding-top: 15px;
  padding-left: 10px;
}

.title-chevron-down {
	color: #999999;
	font-size: 7pt;
	float: right;
	padding-top: 8px;
	padding-right: 10px;
}

.func-exist {
	color: #3FAF6C;
}

.func-partial {
	color: #f8a64b
}

.func-not-exist {
	color: #d12149;
}

.tab-itens {
	width:100%;
	display: inline-block;
}

section#planos section.content #tabela .tab-itens .item-title {
	width:218px;
	height:55px;
	float:left;
	display: block;
	cursor:pointer;
	font-family: "Gotham-Bold";
	font-size: 11pt;
	color: #999999;
	padding-top: 17px;
}

.item-title h2 {
	text-align: center;
  display: inline-block;
  vertical-align: middle;
	margin-left: 10px;
  margin-top: 5px;
}

.item-title img,
.item-title .glyphicon {
	width:22px;
	height: 22px;
	vertical-align: middle;
}

.item-title .glyphicon {
	margin-left: 5px;
}

h2.func-subtitle-title {
	font-family: "Gotham-Book";
	text-align: left;
	margin-left: 0px;
	margin-bottom: 10px;
	vertical-align: baseline;
  color: #999999;
}

.func-subtitle li {
	padding-bottom: 10px;
}

.func-subtitle li span {
	text-align: left;
	font-family: "Gotham-Bold";
	font-size: 9pt;
	color: #999999;
}

.espacoitens,
.nfeitens,
.certificadoitens,
.armazenamentoitens,
.relatoriositens,
.centralitens {
	border: 1px solid #CCC;
	border-top: 0px;
	padding: 15px;
	background-color: #999999;
	color: #FFF;
}

.cell-text {
    width: 100%;
    text-align: center;
    font-family: "Gotham-Book";
    font-size: 10pt;
    line-height: 18px;
    color: #999999;
    padding-top: 11px;
}

.cell-text span {
  font-family: "Gotham-Bold";
  font-size: 12pt;
}

.item-espaco li:nth-of-type(2) {
  padding-top: 17px;
}

p {
  font-family: "Gotham-Book";
  font-size: 10pt;
  margin-bottom: 0px;
  line-height: 20px;
}

/* DEFAULT */
section#planos section.content #tabela .tab-itens .firstsquare {
	width:233px;
	height:55px;
	float:left;
}

section#planos section.content #tabela .tab-itens .buttonsquare {
	width:233px;
	height:35px;
	background:white;
	float:left;
}

section a {
  text-decoration: none!important;
}