@charset "UTF-8";

/*
*   @section global
*/
* {font-family: 'trebuchet ms',Helvetica,Arial,Verdana,sans-serif !important;}

html {height: auto !important;}
#app-body-header-innerCt{width: 1230px !important}
.app-container-watermark .x-panel-body{background:none no-repeat scroll 0 0 rgba(0,0,0,0.2) !important;}
.radial-1, .radial-2 {
    background-image: -webkit-gradient(radial, center center, 0, center center, 400, from(#0C97CF), to(#1D7BB8));
    background-image: -moz-radial-gradient(400px 400px 45deg, circle , #0C97CF 12%, #1D7BB8 40%);
    background-image: -o-radial-gradient(400px 400px 45deg, circle , #0C97CF 12%, #1D7BB8 40%);
    background-image: -ms-radial-gradient(400px 400px 45deg, circle , #0C97CF 12%, #1D7BB8 40%);
    background-image: radial-gradient(400px 400px 45deg, circle , #0C97CF 12%, #1D7BB8 40%);
    background-repeat: no-repeat;
    height: 800px !important;
    position: absolute;
    right: -283px;
    top: -157px;
    width: 800px !important;
    z-index: 0;
}
.radial-2{left: -283px;top: 296px;}
.x-viewport{overflow-y: scroll;}
.x-body-masked{overflow: hidden !important;}
.app-single-header {height: 83px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2) !important;z-index: 1;}
.app-watermark {cursor:pointer;background: url(../img/SinglePage/logo.png) no-repeat scroll 0 50% transparent;background-position: left center !important;}
.app-single-header .x-btn-inner {color: #FFF;font-size: 12px;text-transform: uppercase;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);-moz-transition: color 0.5s ease 0s;}
.app-single-header .x-btn {background: none;padding-left: 10px;padding-right: 10px;border: none;}
.app-single-header .app-menu-header .x-btn {padding-left: 0;padding-right: 0;}
.app-single-header .app-menu-header .x-btn a span {padding-left: 10px;padding-right: 10px;}
.app-single-header .x-btn.remove-tracejado {background: none;top: 0px !important;}
.app-single-header .x-btn.config {-moz-transition: background-position 0.5s ease 0s;background: url("../img/SinglePage/seta_menu.png") no-repeat scroll 50% 55px transparent;}
.app-single-header .x-btn.config:hover, .app-single-header .x-btn.config.x-menu-active {background-position: 50% 69px;}
.app-single-header .x-btn-inner:hover {color: #8ad6f0;}

.app-single-header-notification {background-color: #fff; }
.app-single-header-notification .x-panel-body { background-color: #ECA93D; }
.app-single-header-notification div.content { text-align: center; }
.app-single-header-notification div.content .app-btn { -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease;}
.app-single-header-notification div.content .app-btn.more, .app-single-header-notification div.content .app-btn.later { background-color: #A0B961 !important; padding-top: 7px; width: 210px !important; height: 30px; margin-top: 15px; float: right; opacity: 1; }
.app-single-header-notification div.content .app-btn:hover { background-color: #7CAF00 !important; }
.app-single-header-notification div.content .app-btn.more .x-btn-inner, .app-single-header-notification div.content .app-btn.later .x-btn-inner { font-size: 16px; }
.app-single-header-notification div.content .text { color: #fff; font-size: 16px; float: left; font-weight: bold; padding-top: 20px; }
/**
 * 	Menu de configurações
 */
.app-menu-config {background: #fff;border: medium none !important;/*border-radius: 8px;*/overflow:visible;}
.app-menu-user{overflow:visible;/*border-radius: 5px 5px 5px 5px;*/}
.app-menu-user  .x-panel-body ,.app-menu-config .x-panel-body {background: transparent !important;/*border-radius: 4px 4px 4px 4px;*/}
.app-menu-config .x-menu-item {width: 150px;-moz-transition: background-color 0.5s ease 0s;border: none !important;}
.app-menu-config .extra {margin-top:10px;}
.arrow1 {
	background: url("../img/SinglePage/arrow_up.png") no-repeat scroll 0 0 transparent !important;
    height: 11px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 34px;
    z-index: 999999;
}
.app-menu-config .x-menu-item-link {padding : 0;}
.app-menu-config .x-menu-item .x-menu-item-text {color: #7D7C7C;font-size: 12px;padding-left: 33px;}
.app-menu-user .x-menu-item .x-menu-item-text {color: #7D7C7C;font-size: 12px;}
.app-menu-user .x-menu-item.x-menu-item-active {background-color: #f7f7f7;}
.app-menu-config .x-menu-item.x-menu-item-active {background-color: #f7f7f7;}
.app-menu-config .menu-title-account {background :  url("../img/SinglePage/ic_conta.png") no-repeat scroll 5px 7px transparent;padding : 8px 8px 8px 0 !important;}
.app-menu-config .menu-title-data {background :  url("../img/SinglePage/ic_meusdados.png") no-repeat scroll 5px 7px transparent;padding : 8px 8px 8px 0 !important;}
.app-menu-config .menu-title-info {background :  url("../img/sidebar/ic_help_blue.png") no-repeat scroll 5px 7px transparent;padding : 8px 8px 8px 0 !important;}
.app-menu-config .menu-title-user {background :  url("../img/SinglePage/ic_usuarios.png") no-repeat scroll 5px 7px transparent;padding : 8px 8px 8px 0 !important;}
.app-menu-config .menu-title-extra {background :  url("../img/SinglePage/ic_extras.png") no-repeat scroll 5px 7px  transparent;padding : 8px 8px 8px 0 !important;}
.app-menu-config .menu-title-campaign-config {background :  url("../img/SinglePage/ic_extras.png") no-repeat scroll 5px 7px  transparent;padding : 8px 8px 8px 0 !important;}
.app-menu-config .menu-title-invoyce.x-menu-item.x-menu-item-active {background :  url("../img/SinglePage/ic_faturamento.png") no-repeat scroll 5px 7px transparent;background-color: #f7f7f7;}
.app-menu-config .menu-title-account.x-menu-item.x-menu-item-active {background :  url("../img/SinglePage/ic_conta.png") no-repeat scroll 5px 7px transparent;background-color: #f7f7f7;}
.app-menu-config .menu-title-data.x-menu-item.x-menu-item-active {background :  url("../img/SinglePage/ic_meusdados.png") no-repeat scroll 5px 7px transparent;background-color: #f7f7f7;}
.app-menu-config .menu-title-info.x-menu-item.x-menu-item-active {background :  url("../img/sidebar/ic_help_blue.png") no-repeat scroll 5px 7px transparent;background-color: #f7f7f7;}
.app-menu-config .menu-title-user.x-menu-item.x-menu-item-active {background :  url("../img/SinglePage/ic_usuarios.png") no-repeat scroll 5px 7px transparent;background-color: #f7f7f7;}
.app-menu-config .menu-title-extra.x-menu-item.x-menu-item-active {background :  url("../img/SinglePage/ic_extras.png") no-repeat scroll 5px 7px  transparent;background-color: #f7f7f7;}
.app-menu-config .menu-title-campaign-config.x-menu-item.x-menu-item-active {background :  url("../img/SinglePage/ic_extras.png") no-repeat scroll 5px 7px  transparent;background-color: #f7f7f7;}
.app-menu-config .menu-title-account .x-menu-item-text,
.app-menu-config .menu-title-data .x-menu-item-text,
.app-menu-config .menu-title-user .x-menu-item-text,
.app-menu-config .menu-title-campaign-config .x-menu-item-text{font-size : 13px;}
.app-menu-config .menu-title-account .x-menu-item-link{cursor: default !important;}
.app-menu-config .menu-title-invoyce {background : url("../img/SinglePage/ic_faturamento.png") no-repeat scroll 5px 7px  transparent;padding : 8px 8px 8px 0px !important;}
.app-menu-config .menu-title-invoyce .x-menu-item-link{cursor: default !important;}
.app-menu-config .menu-title-invoyce .x-menu-item-text{color : #17A5D8 ;font-size : 13px;}
.app-menu-config .menu-title-data .x-menu-item-text {font-size : 13px;}
.app-menu-config .menu-title-campaign-config .x-menu-item-text {font-size : 13px;}
.app-menu-config .menu-title-extra .x-menu-item-text{color : #17A5D8 ;font-size : 13px;}
.app-menu-config .menu-title-info .x-menu-item-text{color : #17A5D8 ;font-size : 13px;}
.app-menu-config .menu-title-extra .x-menu-item-link{cursor: default !important;}
.app-menu-config .menu-title .x-menu-item-text{color : #17a5d8;font-size : 13px;}
.app-menu-config .x-menu-item .x-menu-item-link {padding-left: 0px;background: transparent !important;border: none !important;margin: 1px !important;border-radius: none;}
.app-menu-config .x-menu-item.x-menu-item-plain {border-bottom: 1px solid #EFEFEF !important;color: #444;font-size: 13px;font-weight: bold;}
.app-menu-config .x-menu-item .x-menu-item-icon {display: none;}

.app-single-content {/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2) !important;*/left:5px;}
.app-single-content, .app-single-header .x-panel-body-default,
.app-single-content .x-panel-body-default,
.app-single-footer .x-panel-body-default {background: transparent;border-radius: 0 !important}
.app-single-footer {background: none repeat scroll 0 0 #CCC;border-top: 3px solid #DDD;height: 60px;}
.app-single-module > .x-panel-header {padding-bottom: 10px;background: transparent;border: none;padding: 0px;}
.app-single-module > .x-panel-header .x-box-inner, .x-panel-header-text-container {padding-top: 5px;height: 32px !important;}
.app-single-module > .x-panel-header .x-panel-header-text,
.app-single-module > .x-panel-header .x-panel-header-text a {color: #fff;font-size: 22px;text-decoration: none;font-weight: normal;}
.app-single-module .x-panel-header-default-top {box-shadow: none;}
.app-single-module {background: transparent;border: none;z-index: 1;}
.app-single-center .x-docked-top {background: url(../img/SinglePage/smooth-gradient-blue.jpg) repeat scroll 0px -50px #EAF2F5;border-bottom: 1px solid #AECCD7;border-top: 1px solid white;}

/**
 * 	Paineis
 */

.x-panel-body-default {border: none;}
.x-tip {z-index: 90000 !important;border: 1px solid #E4E4C8;background: #FFD;border-radius: 0;box-shadow: 2px 2px 2px -2px #2D2E2F;}
.x-tip-body {color: #333;font-size: 12px;line-height: 16px;}
.x-mask {background: none repeat scroll 0 0 #000;}
.x-mask-msg {border: none;background: #FFF;border-radius: 0;box-shadow: 2px 2px 10px -2px #2D2E2F;}
.x-mask-msg div {background-color: #FFF;border: none;}

/**
 * 	Mensagens de notificações
 */

.app-growl-container {
    background: url("../img/bg_notice.png") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #6A6A6A;
    color: #616161;
    font-size: 13px;
    font-style: italic;
    height: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
}
.app-growl-container .msg {padding: 20px 0 0 65px;height: 100%;}

/* Sucesso */
.app-growl-container.success .msg {background: url( ../img/desktop/notice/sprite.png ) no-repeat scroll 15px 5px transparent;background-position: 10px -165px;}

/* Alerta */
.app-growl-container.notice .msg {background: url( ../img/desktop/notice/sprite.png ) no-repeat scroll 15px 5px transparent;background-position: 10px -78px;}

/* Erro */
.app-growl-container.error .msg {background: url( ../img/desktop/notice/sprite.png ) no-repeat scroll 15px 5px transparent;background-position: 10px 9px;}

/**
*   HELP PANEL
*/

.app-panel-help {background: #FAFAFA;border-radius: 0;padding: 10px;color: #222;font-size: 13px;}
.app-panel-error-config {padding: 10px;border-radius: 0;color: #C0272B;background: #F6EAEA;font-size: 13px;}
.app-panel-help a {color: #5E87AB;text-decoration: none;}
    .app-panel-help a:hover {text-decoration: underline;}
.app-panel-help .label-info {color: #000;text-align: right;font-weight: bold;}
.app-panel-help .x-fieldset-body p.atention {color: #474747;}
.app-panel-help .x-fieldset-body p:first-child {font-size: 16px !important;}

/*
 * bug
 */
.form-contact-data-label{text-align: right;}
.no-results {color: #D7D5D5 !important;font-size: 20px;text-align: center;}
.no-permission-box{position: absolute !important;}
.no-permission {top : 50% !important;left : 50% !important;color: #D7D5D5 !important;font-size: 20px;text-align: center;}

/**
 * 	Alert
 */
.x-message-box .x-window-body{background: #FFF;}
.x-message-box table{width: 100%;}
.x-message-box .x-form-item{border:none !important;}
.app-message-text{color: #444;font-size: 13px;padding: 12px;text-align: center;width: 100%;}
.x-css-shadow{display:none !important;}
.x-toolbar-default{background: transparent;border: none;}

/**
 * 	progress
 */
.x-progress {background-color: #B8B5B5;border: medium none;border-radius: 0;box-shadow: 0 1px 1px 0px #888 inset;height: 26px;}
.x-progress-text, .x-progress-default .x-progress-text-back {color: #fff;font-size: 13px;font-weight: normal;height: 26px;padding-top: 5px;text-shadow: 1px 1px 0 #888;}
.x-progress-default .x-progress-bar {background: url("../img/bg_progress.png") repeat-x scroll 0 0 transparent;border: medium none;height: 26px;border-radius: 0;}
.app-invoice-detail fieldset{padding : 0 !important;}
.app-invoice-detail tr{font-size : 13px;}
.app-invoice-detail td{padding : 5px 11px;}
.app-invoice-detail .header{text-align: right;}
.app-invoice-detail .x-inner-text{margin-left : 32px !important;}

.x-progress .loading{ width: 20px; height: 20px; display: inline-block; position: absolute; margin-left: -25px; background-image: url(../img/icons/ico-ajax-loader.gif); background-repeat: no-repeat; background-position: top left; }

/*Melhorar*/
.app-toolbar-info {background: rgba(255, 255, 255, 0.1) !important;padding-right:5px;}
.app-toolbar-info .x-box{overflow: visible !important;}

/* fim */
.app-toolbar-info .x-btn{padding-left: 5px !important;background: none;padding-right: 5px !important;opacity: 0.9;}
.app-toolbar-info .x-btn.user{opacity: 1;}
.app-toolbar-info .x-btn.config{-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */}
.app-toolbar-info .x-btn.config:hover{-moz-transform: rotate(180deg);}
.app-toolbar-info .x-btn-inner{font-size: 11px;text-transform: none;}
.app-toolbar-info .x-btn:hover{opacity: 1;}

/**
 * 	HELP
 */

#app-content-help {z-index: 999999999;background-color: #f9f9f9;height: 370px;position: absolute;width: 100%;box-shadow: 0 -1px 2px 1px #000;top: -397px;}
#app-content-help-btn {
    background: url(../img/SinglePage/seta_help.png) no-repeat scroll 27px 3px #EBF5FC;
    border-radius: 0;
    box-shadow: 2px 4px 2px -3px #000;
    cursor: pointer;
    font-weight: bold;
    height: 18px;
    margin-top: 366px;
    padding-left: 9px;
    padding-top: 5px;
    position: absolute;
    right: 31px;
    top: 3px;
    width: 72px;
}
#content-help, #content-help li a {overflow: hidden;font-size: 12px;color: #8a8b8b;text-decoration: none;}
#content-help a:hover {text-decoration: underline;}
#content-help h2 {color: #17a5d8;font-weight: bold;}
#content-help .help{width: 100%;}
#content-help h2 a {color: #17a5d8;font-weight: bold;text-decoration: none}
#content-help h2.suporte {margin-top: 20px;margin-bottom: 20px;}
#content-help .topics {width : 70%;float: left;}
#content-help .topics .column {height: 370px;width: 33%;float: left;padding-left: 10px;padding-top: 10px;border-right: 1px inset #6D6969;}
#content-help .topics .last{border-right: none !important;}
#content-help .info {float: right;padding: 20px 0 0 35px;width: 250px;height : 370px;background:  url("../img/SinglePage/interrogacao_ajuda.png") no-repeat 105px 15px #EBF5FC;}
#content-help .topics li {list-style-type: disc;list-style-position: inside;padding : 0 0 3px 0;}
    #content-help .topics li a{padding-left:0;}
#content-help .info input {
    background: url("../img/SinglePage/ic_lupa.png") no-repeat scroll 152px 4px #FFF;
    border: 1px solid #888;
    border-radius: 0 !important;
    box-shadow: 1px 1px 1px #CFCFCF inset;
    font-size: 12px;
    height: 22px !important;
    padding: 0 0 0 5px;
    width: 180px;
}
#content-help ul li {line-height: 15px;}
.send_validation {color: #217DB9;text-decoration:underline;cursor: pointer !important;}
    .send_validation:hover {color: #000;}

/**
 * 	Gamer Snake
 */

.snake-cell {border:0 solid #000;width:15px;height:15px;background-color: #FFF;float:left;}
.snake-clear {clear:both;}
.app-tab-opinion *,
.app-tab-bug * {vertical-align: middle;float: left;}
.app-tab-opinion,.app-tab-bug {
    cursor: pointer;
    font-size: 12px;
    color: #666;
    border-left: 1px solid #006591;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-shadow: -2px 1px 2px 0 #5E5E5E;
    padding: 3px 3px 2px;
    width: 140px;
    overflow: visible;
    position: fixed;
    right: -105px;
    font-weight:bold;
    background: #EFEFEF url(../img/desktop/bg_tabs.jpg) repeat-x;
    z-index: 99999999;
}
.app-tab-opinion {top: 210px;}
.app-tab-bug {top: 240px;}
.app-tab-opinion .icone,.app-tab-bug .icone {font-family: 'icones' !important;font-size: 20px;color: #0f90c9;margin: 0 5px 0 0;width: 30px;text-align: center;}
.app-tab-opinion .txt,.app-tab-bug .txt {margin: 1px 0 -1px;}
.app-modal-bug textarea.x-form-text, .app-modal-option textarea.x-form-text{margin-left: 0;}

/**
 * 	FieldStarRating
 */
.sprite-rating{ background-position: 0 0; width: 21px; height: 21px; }
.sprite-rating_over{ background-position: 0 -37px; width: 21px; height: 21px; }
.sprite-rating_un{ background-position: 0 -74px; width: 21px; height: 21px; }
.x-form-rating-field .x-rating-item {float: left;height: 21px;width: 21px;background:url(../img/apps/Opinion/sprite.png) no-repeat 0 -74px;}
.x-form-rating-field .x-rating-item.x-rating-selected {background-position: 0 0;}
.x-form-rating-field .x-rating-item:hover {background-position: 0 -37px;}
.x-form-rating-field .x-rating-container {float: left;}
.x-form-rating-field .x-rating-text {float: left;padding: 0 5px;margin-top: 3px;}
.x-form-rating-field .x-rating-tip {float: left;margin-top: 2px;padding-left: 10px;}
.app-field-rating label {text-align: right;padding-right: 5px;}
.app-field-rating .x-rating-tip {color: #a0a0a0;}
.img-loading {left: 50%;margin: 5% 0 20px -20px;position: relative;}


/**
 * 	Window Tip
 */
.app-window-tip {border-radius: 0;box-shadow: 1px 1px 10px -4px #000;padding: 5px;background-color: #FFF;overflow: visible !important;}
.app-window-tip .x-panel-header-default{background:transparent !important;box-shadow: none;padding: 0;}
.app-window-tip .x-panel-header-text-container{padding: 0;padding: 0 0 0 1px;}
.app-window-tip .x-panel-header-default .x-panel-header-text{color: #13A4D8;font-size: 16px;font-weight: normal;}
.app-window-tip .text{padding-left: 2px;}
.app-window-tip .check{margin-bottom: 5px;margin-top: 5px;}
.app-window-tip .check label{font-size: 11px !important;line-height: 18px;padding-left: 19px;}
.app-window-tip .check input{margin-left: -17px;margin-top: 2px;position: absolute;}
.app-window-tip .arrow{background: url("../img/seta_tooltip.png") no-repeat scroll -4px 0 transparent;height: 17px;margin-left: 6px;margin-top: -19px;overflow: visible !important;position: absolute;width: 15px;}
.app-window-tip .arrow.left{background-position: -6px -49px;margin-left: -20px;margin-top: 13px;}
.app-window-tip .arrow.bottom{background-position: -3px -32px;margin-left: 4px;margin-top: 166px;width: 23px;}
.app-window-tip .arrow.top-right{right: 15px;margin-top: -18px;}
.error-page-failure-internal {height: 133px !important;display: block;background: #DF9691;border-radius: 110px;}
.x-mask {overflow: hidden !important;}
.error-page-failure-internal .error-char {
	color: white;
	font-size: 146px;
	font-weight: 600;
	font-family: Arial !important;
	left: 17px !important;
	top: -2px !important;
	-ms-transform:rotate(45deg); /* IE 9 */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	-o-transform:rotate(45deg); /* Opera */
	transform:rotate(45deg);
}

/**
 * 	form cadastro de clientes por revenda
 */
.app-agencyclientform .app-display-field .x-form-display-field {cursor: pointer;}
.app-agencyclientform .app-display-field .x-form-display-field:hover {text-decoration: underline;}

/**
 * 	Habilita seleção de texto em alguns componentes
 */
.x-grid-cell-inner {-webkit-user-select: text !important;-moz-user-select: text !important;-ms-user-select: text !important;user-select: text !important;}
.app-notice-browser .invoice-number {width: 155px !important;color: #AB7C0E !important;}
.app-notice-browser.invoice-row {background: url("../img/ic_attention_24.png") no-repeat scroll 20px 8px #FBF4D9 !important;}
.invoice-row .x-btn.add {margin-right: 25px;text-align: center;width: 100px;}
.app-panel-preview {background: #FFFEEA;border-radius: 0;border: 2px solid #FAFAFA;padding: 0 5px 5px;color: #222;font-size: 13px;}
#previewFeedRss-body {margin-left: 3px;}
#previewFeedRss-body ul {padding-top:10px;}
#previewFeedRss-body ul li {font-size:16px;color:#1D7BB8;margin-bottom: 10px;}
.bar-left {width: 2px;height: 35px;border-left: 1px solid rgba(255, 255, 255, 0.2);border-right: 1px solid rgba(255, 255, 255, 0.10);padding-top: 0;margin-top: -15px;}
.help-azul, .help-cinza { background:url("../img/sidebar/ic_help.png") top left no-repeat; }
.help-azul { width:24px; height:24px; background-position:-10px -10px; }
.help-cinza { width:16px; height:16px; background-position:-44px -10px; }


/* Modal do novo sistema corporativo */

.app-modal-newsystem .container-new{ padding: 10px; }
.app-modal-newsystem .container-new .app-btn.orange { width: 149px; text-align: center; padding-top: 3px; }
.app-modal-newsystem .container-new .explain { text-align: center; padding: 3px 7px; }
.app-modal-newsystem .container-new .description { padding-bottom: 10px; }