.global { display: block; position: relative; }

.menubuttom { display: block; position: absolute; top: 10px; right: -55px; width: 32px; color:#fff; height: 32px; z-index: 100; transition-property: inherit; transition-timing-function: inherit; transition-delay: inherit; padding: 11px 0 0 12px; }
	
	 .menubuttom .line1 { content: ''; display: block; width: 20px; height: 1px; background-color: #fff; margin-top: 1px; }

	 .menubuttom .line2 { content: ''; display: block; width: 20px; height: 1px; background-color: #fff; margin-top: 6px; }

	.menubuttom i.line3 { display: block; height: 1px; width: 20px; vertical-align: top; background-color: #fff; margin-top: 6px; } 
	
	.no-touch .menubuttom:hover, .menubuttom:active { border-color:#FBB62B; color:#FBB62B; }

.rightpanel { display: table; float: left; height: 100%; position: relative;
background: #424242; /* Old browsers */
background: -moz-linear-gradient(left,  #424242 0%, #353535 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #424242 0%,#353535 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #424242 0%,#353535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#353535',GradientType=1 ); /* IE6-9 */ }

.panelbox { display: block; overflow: hidden; background: transparent!important; position: relative; }

	.rightpanel .shadow-hack { display: block; position: absolute; top: 0px; right: 0px; width: 15px; height: 100%; box-shadow: inset -7px 0px 11px rgba(0,0,0,0.1); z-index: 99; color:#fff;  }

	.rightpanel .panelbox, .rightpanel { width: 320px; height: 100%; }
	
	.corpo_panel, .rightpanel .panel { width: 320px; background-color: #464646; color:#fff; }
	
	.rightpanel .ccab { background-color: #2D2D2D; display: block; padding: 7px 20px 7px 20px; }
		.rightpanel .ccab a.logokawek { display: block; color:#fff; text-align: left; font-weight: 300; font-family: 'Dosis', sans-serif; text-transform: uppercase; vertical-align: top; padding-top: 15px; } 
		.rightpanel .ccab a.logokawek i { display: block; width: 47px; height: 47px; display: inline-block; margin: -14px 10px 0 0px; background-position: -2px -678px; vertical-align: top; }

.rightpanel .p_nav { width: 100%; display: block; }
.rightpanel .p_nav li { display: block; position: relative;}
.rightpanel .p_nav li a.p_item { display: block; padding: 9px 20px 10px 20px; font-size: 14px; color:#B9B9B9; }
	.rightpanel .p_nav li a.p_item small { display: inline-block; vertical-align: top; font-size: 10px; border-radius: 100px; padding: 2px 6px 2px 6px; background-color: #d70323; color:#fff; margin:0px 0px 0px 5px; }
	.rightpanel .p_nav li:last-child a.p_item { border-bottom: none; }
	.rightpanel .p_nav li a.p_item i.seta { top:15px; display: block; width: 6px; height: 6px; position: absolute; right: 20px; border-width: 1px; border-style: solid; border-left: none; border-bottom:none; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

	.no-touch .rightpanel .p_nav:hover li.info, .no-touch .rightpanel .p_nav:hover li a.p_item { color:#6F6F6F; }

	.no-touch .rightpanel .p_nav li a.p_item:hover, .rightpanel .p_nav li a.p_item:active { color:#FBB62B; }
	.no-touch .rightpanel .p_nav li.info:hover { color:#B9B9B9; }
	

.p_nav .logout { display: block; position: absolute; right: 20px; bottom: 10px; padding: 1px 10px 2px 10px; border-radius: 4px; border: 1px solid #676767; color:#B9B9B9!important; font-size: 11px; }
	.no-touch .p_nav .logout:hover, .p_nav .logout:active { background-color: #ff0000; color:#fff!important; border-color: #ff0000; }

/*  p_ prefix is for panel elements */

.p_nav .p_user { padding: 17px 20px 22px 20px; }
	.p_nav .p_user a.profile { float: left; display: block; width: 45px; height: 45px; display: inline-block; vertical-align: top; margin-right: 7px; }
		.p_nav .p_user a.profile img { width: 100%; height: 100%; border-radius: 17px; }
	.p_nav .p_user span { font-size: 12px; vertical-align: top; padding: 6px 0 0 0; display: inline-block; clear: right; color:#FBB62B } 
	.p_nav .p_user small { display: block; vertical-align: top; padding-top: 2px; color:#fff; }
	.p_nav .p_user small a { display: inline-table; font-weight: bold; padding-left: 10px; }
	.p_nav .p_user a, .p_nav .p_user { color:#fff; }
	
.p_nav .p_plan {  background: transparent!important; margin-bottom: 7px; padding: 18px 20px 20px 20px; color:#111A1F; border:1px solid #353535; border-left: 0px; border-right: 0px; }



	.p_plan span.stat { display: block; font-size: 14px; background: transparent!important; }
		.p_plan span.stat small.status { width: 9px; height: 9px; display: inline-block; vertical-align: top; margin: 6px 0 0 8px; border-radius: 100px; }
			.no-touch .p_plan span small.status:hover { opacity: 0.7; }

	.p_nav li.yellow .progresso .current, .p_nav li.yellow, .p_nav li.yellow small { color: #ffdb3b; background-color:#ffdb3b }			
	.p_nav li.red .progresso .current, .p_nav li.red, .p_nav li.red small { color: #d70323; background-color:#d70323 }
	.p_nav li.green .progresso .current, .p_nav li.green, .p_nav li.green small { color: #58DC2C; background-color: #58DC2C; }
	
	 .p_nav li.green small { box-shadow: inset 0px 1px 1px rgba(86, 255, 13, 0.5) }
	
	.p_plan .progresso { display: block; width: auto; background-color: #2D2D2D; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2); border-radius: 100px; height: 5px; margin: 7px 0 6px 0; overflow: hidden; }
	
	.p_plan .progresso .current { float: left; width: 50%; height: 5px; }
	.p_plan a { color:#B9B9B9 }
	.no-touch .p_plan a:hover { opacity: 0.7; }	
	
.p_plan .resta { font-size: 11px; position: absolute; right: 20px; top:20px; background-color: transparent!important; color:#636363!important; box-shadow: none!important; }
	.no-touch .p_plan a.resta:hover, .no-touch .p_plan a.resta:active { color:#fff!important; }
	
	.rightpanel .corpo_panel { display: block; z-index: 10; display: block; position: absolute; top:139px; box-shadow: 0px 10px 25px rgba(0,0,0,0.7);  }
		.bit-load { position: absolute; left: 50%; top: 100px; width: 60px; height: 60px; background: #393939 url(../img/ajaxloader.gif) no-repeat 14px 14px; background-size: 32px auto; border-radius: 13px; margin-left: -30px; opacity: 0; visibility: hidden; z-index: 100; }
	.rightpanel .panel { display: block; position: absolute; left: 0px; top:51px; padding: 20px; box-sizing: border-box; overflow-x: auto; }
	
		.rightpanel .corpo_panel { opacity: 0; left: 320px; }
		.boxa, .boxb { opacity: 0; left: 320px; }

		.rightpanel .corpo_panel .panel_nav { display: block; text-align: left; padding: 10px 20px; border-bottom: 1px solid #353535; }
				.corpo_panel .panel_nav li { display: inline-block; vertical-align: top; }
				.corpo_panel .panel_nav li.title { font-size: 16px; color:#FBB62B; font-weight: bold; padding: 4px 0 0 10px }
			.corpo_panel .panel_nav .bt_back { display: block; width: 27px; height: 20px; border-radius: 100px; color:#FBB62B; padding: 10px 0 0 3px; }
			.corpo_panel .panel_nav .bt_back:active, .no-touch .corpo_panel .panel_nav .bt_back:hover { background-color: #FBB62B; color:#111a1f; }
			.corpo_panel .panel_nav .bt_back i { width: 8px; height: 8px; display: block; vertical-align: top; border-width: 2px; border-style: solid; border-top: none; border-right: none; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: 0px auto 0 auto; }
	
	.cntmenu { display: block; overflow: hidden; margin: 0; }
	.cntmenu .cent { padding-left:30px!important; padding-right:30px!important }
	.rightpanel { margin-left: -320px }
	
	.corpo_panel h3 { font-size: 14px; font-weight: 300; text-transform: uppercase; color:#FBB62B; /* border-bottom:1px solid #FBB62B; */ margin: 15px 0 9px 0; }
	.corpo_panel p { font-size: 13px; font-weight: 300; color:#f0f0f0; line-height: 21px; }

	.corpo_panel .p_nav { margin: 15px 0 0 0; }
	.corpo_panel .nomargin { margin: 0px 0 0 0; }
	.corpo_panel .p_nav li a.p_item { padding: 9px 0 10px 0; border-bottom:1px solid #3A3A3A; vertical-align: top; }
		.corpo_panel .p_nav li a.p_item i.socialiconplus, .corpo_panel .p_nav li a.p_item i.socialicon { font-size: 40px; vertical-align: top; display: inline-block; margin: -7px 5px 0px 0px; }
	.corpo_panel .p_nav li a.p_item i.seta { right: 0px; }
	.corpo_panel .p_nav li:last-child a { border:none; }
	.corpo_panel .first { margin-top: 0px; }
	
	.corpo_panel ul.social .p_item { padding: 15px 0 0px 0!important; }
	.corpo_panel .social { margin: 10px 0 0 0; }
	.rightpanel .pro { display: inline-block; padding: 2px 5px 1px 5px; background-color: #000; color:#fff; border-radius: 2px; text-transform: uppercase; font-size: 10px; margin-left:5px; font-style: normal; }
	.corpo_panel li.info { display: block; padding: 9px 0 10px 0; border-bottom: 1px solid #3A3A3A; vertical-align: top; font-size: 14px; color: #B9B9B9; } 
		.corpo_panel a.tip { display: inline-block; margin-left: 5px; border-radius: 14px; padding: 2px 7px 1px 7px; background-color: #313131; color:#b9b9b9; font-size: 10px; margin-top:1px; }

		.corpo_panel li a.checkbox { display: inline-block; width: 40px; height: 21px; border-radius: 100px; background-color:#313131; float: right; text-align: left; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; }
			.corpo_panel li a.checkbox b { display: inline-block; width: 19px; height: 19px; background-color: #f0f0f0; margin: 1px; border-radius: 100px; }
		.corpo_panel li a.checked { background-color:#58DC2C; color: #58DC2C; text-align: right; }
		.corpo_panel .bt_geral { padding: 6px 17px 6px 17px!important; margin: 10px 0; }

	.infoalerta { border-radius: 2px; padding: 5px 10px 6px 10px; border:1px solid #b3821f; color:#b3821f; font-size: 13px; line-height: 19px; display: block; margin: 0 0 15px 0 }
		.infoalerta a { color:#FBB62B; }
	
	.corpo_panel label input { border:none; border-radius: 3px; box-sizing: border-box; }

	.corpo_panel .tab { width: 100%; display: table; border-bottom: 1px solid #FBB62B; margin: 20px 0 15px 0; } 	
	.corpo_panel .tab li { display: inline-block; }	
	.corpo_panel .tab li a { color:#fff; width:auto; display: block; padding: 9px 17px; }
		.corpo_panel .tab li.action a { background-color: #000; color:#fff; }
			.corpo_panel .tab li.action a:hover { background-color: #2aa55e; }
			.corpo_panel .tab li.action { float: right; }
	.corpo_panel .tab li a:hover { background-color: #b3821f; }
	.corpo_panel .tab li a.act { background-color: #FBB62B; color:#fff; }
		
		.corpo_panel .area { display: none; font-weight: 300 }
/* 		.corpo_panel .a_a { display: block; } */
	
	.corpo_panel hr { border:none; border-top:1px solid #353535; margin: 20px 0; display: block; } 
	
	.excluirbtn { color:#B9B9B9; display: inline-block; margin: 8px 0 10px 0; vertical-align: top; }
	.excluirbtn i { display: inline-block; float: none; width: 20px; height: 20px; border-radius: 100px; background-color: #fff; margin: -1px 8px 0 0; background-position: -489px -131px!important; vertical-align: top; }
		.excluirbtn:hover { opacity: 0.7 }
/* 	configuracao de dominio */	
	
	.dominio label { width: 100%; display: table; }
	.dominio label input { width: 100%; display: block; }
	.dominio .resposta { margin: 0 0 20px 0; }
	.dominio .resposta p { font-size: 13px; line-height: 23px; }
	.dominio .resposta b.dns { padding: 1px 8px 3px 8px; border:1px solid #b3821f; border-radius: 3px; text-align: center; display: block; margin: 8px 0 5px 0px; }

/* configuração de email personalizado */
	.email label { width: 100%; display: table; float: none; }
	.email label input { width: 100%; display: block; }
	.email .areageral .bt_geral { margin: 15px 0 0px 0; }
	.email .bt_geral { display: block; }
	.email hr { margin: 20px 0 15px 0; }
	.email .area p { margin: 12px 0 }
/* 	ajuda pages */
	.corpo_panel .help p { margin-bottom: 10px; }
	
/* Assinatura Panel */
	ul.plans { display: block; }
	ul.plans li { display: block; margin-bottom: 8px; }	
	ul.plans li a { display: block; padding: 12px 15px 14px 15px; position: relative; border:2px solid #B9B9B9; color:#B9B9B9; border-radius: 3px; font-size: 19px; text-transform: uppercase; font-weight: 700; }
		ul.plans li a span { line-height: 21px; font-size: 17px; font-weight: 300; color:#f0f0f0; text-transform: none; display: block; }	
		ul.plans li a span small { font-size: 12px; color:#f0f0f0; text-transform: none; display: block; }	
	.no-touch ul.plans:hover li a { opacity: 0.5; }
	.no-touch ul.plans li a:hover, ul.plans li a:active { border-color: #fff; color:#fff; opacity: 1; }
	ul.plans li a.ative { border-color: #58DC2C!important; color:#fff; }
		ul.plans li a.ative:before { display: block; content: ''; width: 9px; height: 9px; border-radius: 100px; background-color: #58DC2C; position: absolute; right: 10px; top: 10px; }
		
	ul.limited li a { display: none; }
	ul.limited li a.ative { display: block; }
	
	a.changeplan { display: table; margin: 0px auto 20px auto; text-align: center; font-size: 11px; color:#f0f0f0; border:1px solid transparent; padding: 4px 20px 5px; border-radius: 2px; }
		.no-touch a.changeplan:hover, a.changeplan:active { border-color: #FBB62B; color:#FBB62B; }	
/* 	tela de pagamento */

	.cancelamento, .alteracao { text-align: center; }
	.cancelamento p.juridico, .alteracao p.juridico { text-align: center; border:none; }
	.cancelamento .cancelamento { text-align: center; }
	.cancelamento .cancelamento .bt_geral { margin: 30px auto 20px auto; display: table; width: 185px; }
	.alteracao .bt_geral { margin: 30px auto 20px auto; display: table; width: 185px; }
	
	.pgto {  }
	.pgto h3 { font-size: 26px; text-align: center; display: block; font-family: 'Dosis', sans-serif; color:#084267; text-transform: uppercase; } 
	.pgto p { text-align: center; font-size: 14px!important; line-height: 22px!important; }
	
	.pgto .confirmacao { font-size: 13px!important; color:#084267; display: table; margin: 15px auto 0 auto; text-align: center; }
	
	.pgto . {}
	
	.pgto .tabs { display: table; margin: 5px auto 13px auto; }
	.pgto .tabs li { display: inline-block; width: 203px; float: left; }
	.pgto .tabs li a { display: block; width: 100%; padding: 15px 0px; text-transform: uppercase; font-family: 'Dosis', sans-serif; font-size: 17px; text-align: center; color:#084267; border:1px solid #084267; border-radius: 5px }	
		.pgto .tabs li a.tab1 { border-radius: 5px 0px 0px 5px;  }
		.pgto .tabs li a.tab2 { border-radius: 0px 5px 5px 0px; }
		
		.no-touch .pgto .tabs li a:hover, .pgto .tabs li a:active { background-color: #f0f0f0; }
		
		.pgto .tabs li a.act { background-color: #084267!important; color:#fff;  }
		
		.no-touch .pgto .tabs li a.act:hover { opacity: 1; }

	.pgtodados { display: none; }		
	.pgtoboleto { display: none; }
	.pgtocartao { display: block; }
		
	.pgto small { margin: 0px 0px 0px 10px; }
	
	.pgto .cartaotrip { display: block; font-size: 13px; font-weight: 600; padding: 0px 10px 15px 10px; } 
		.no-touch .pgto .cartaotrip:hover, .pgto .cartaotrip:active { opacity: 0.7; }
	.pgto .cartaotrip span { font-weight: 600; display: inline-block; padding-left: 14px; color:#941818; } 
	
	.cartao { display: block; }
		.pgtodados label.check, .cartao label.check { display: block; vertical-align: top; padding-top: 14px; }
			.pgtodados label input[type=checkbox], .cartao label input[type=checkbox] { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; padding: 1px; background-color: #C3C3C3; width: 40px!important; height: 24px; border-radius: 100px; text-align: left; vertical-align: top; margin: 0px 10px 0 1px; }
			
			.pgtodados label input[type=checkbox]:before, .cartao label input[type='checkbox']:before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 100px; background-color: #fff; }
			
			.pgtodados label input[type=checkbox]:after, .cartao label input[type='checkbox']:checked { background-color: #58DC2C; border-color: #50ca27; text-align: right; }
		
		.pgto label, .cartao label { margin: 0 10px 4px 10px; } 
		.pgtodados label input, .cartao label input { width: 167px; }
		.pgtodados .bt_geral, .pgtocartao .bt_geral { display: table; width: 185px; margin: 5px 10px 0px 10px; float: right; background-color: #009e04; color:#fff; border-color:#009e04 }
			.no-touch .pgto .bt_geral:hover, .pgto .bt_geral:active { opacity: 0.7 }
	
	.cartao_box { display: block; border-top:1px solid #ccc; height:0px; overflow:hidden; padding-top: 10px; margin-bottom: 0px; }
	
	.cartao_box_open  { display: table; padding-top: 10px; margin-bottom: 10px; }
	
	.pgto .tippagamento { display: inline-table; width: auto; margin: 14px 0 2px 90px; color:#009E04 }
	
	.pgto .pagamentos { display: inline-table; width: auto; margin: 23px 0 0 11px; }
	.pgto .pagamentos li { display: inline-table; margin:0; width: auto; margin: 0 4px 0 0; }
	.pgto .pagamentos li a.pagtos { display: block; width: 31px; height: 22px; opacity: 0.8; cursor: default; }
		.pgto ul.pagamentos li a.pagtos:hover { opacity: 1; }
		.pgto a.master { background-position: -99px -2px; }
		.pgto a.amex { background-position: -3px -2px; }
		.pgto a.visa { background-position: -67px -2px; }
		.pgto a.diner { background-position: -227px -2px; }
	
	.pgto .juridico { display: block; border:1px solid #bfbfbf; padding: 5px 10px; border-radius: 3px; text-align: left; margin-top: 25px; font-size: 12px!important; line-height: 18px!important; }
	
	.pgto .duedata { margin: 0 auto; text-align: center; line-height: 19px!important; font-size:12px!important; } 
	.duedata span { font-size: 16px; } 			
	
	div.popup .pgto .code { margin: 5px 0 0px 0; font-size: 15px!important; color:#000; font-weight: 600; word-wrap: break-word; } 
		.code a.tip { margin-left: 5px!important; }
	.code span { display: table; margin: 0 auto 4px auto; font-size: 13px; text-align: center; color:#636466; font-weight: 400; }
	.bt_boletoprint { margin: 15px auto 0px auto; display: table; }
	
	/* 	Histórico de Pagamentos */
	
	.historico table { margin: 20px 0; }	
	.historico table tr.head { background: #f0f0f0; }
	.historico table tr td { padding: 10px; text-align: center; }
	.historico table tr { border-bottom: 1px solid #f0f0f0; }
	.historico span.status { display: inline-block; padding: 2px 8px; border-radius: 3px; }
	.historico span.red { background-color: #d2161f; color:#fff; }
	.historico span.green { color:#58DC2C; border:1px solid #58DC2C }
	.historico span.yellow { color:#dcbf2d; border:1px solid #dcbf2d }
		.historico a.resolver { display: inline-block; padding: 2px 15px; border-radius: 3px; background-color: #58DC2C; color:#fff; }
	
		
/* Assinatura Panel */
			
@media screen and (min-width: 1390px) { 
	
	.cntmenu { display: block; }
	.cntmenu .cent { padding: 0; }
	.rightpanel { margin-left: 0px }

.intra .menuprincipal .logo_kawek { opacity: 0; visibility: hidden; width: 0px; }
.intra div.head ul.nav_principal { padding-left: 0px; }

	.menubuttom { right: 7px; }
	
	 .menubuttom .line1 { margin-top: 8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

	 .menubuttom .line2 { opacity: 0; visibility: hidden; }

	.menubuttom i.line3 { margin-top: -8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } 
	


}