/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

/*===================================
/*   Basic page styles
/*===================================*/
.button{
    background: url(images/icon/add.png) no-repeat;
    cursor:pointer;
    border: none;
}

body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;
}

a {
    color:#000;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.custom-swal-button {
    width: 100%; /* Todos os botões terão o mesmo tamanho horizontal */
    max-width: 300px; /* Define um limite de largura */
    margin: 0 auto; /* Centraliza os botões */
    padding: 10px; /* Define o espaçamento interno */
    font-size: 16px; /* Uniformiza o tamanho do texto */
    text-align: center; /* Centraliza o texto */
    border: none;
    background-color: #3085d6;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}
.custom-swal-button:hover {
    background-color: #2569a9;
}

#header h1 {
    font-size: 15px;
    color: #fff;
    font-weight: bold!important;
    padding: 6px 10px;
    float: left;
}
#versao {
    font-size: 8px;
    font-family: verdana;
    color: #fff;
    font-weight: bold!important;
    text-align: right;
    padding-top: 15px;
    margin-left: -5px;
    float: left;
}
#temas {
    padding-right: 5px;
    padding-top: 3px;
    float: right;
    width: 10%;
}
#speechFunctions {
    padding-right: 5px;
    padding-top: 3px;
    float: right;
    width: 20%;
}
#start-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #0082c6;
}
#start-div p {
    margin: 10px 0;
}

/*===================================
/*   Customized layout styles
/*===================================*/

.bloqueio-tela-login {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:99;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}

.winSpeech .x-window-ml {
	padding-left:1px!important;
}
.winSpeech .x-window-bc {
	height:3px!important;
    background-color: #333!important;
}

.winSpeech .x-window-mr {
	padding-right:3px!important;
    background-color: #333!important;
}
.alert-clock{
    border: 1px solid #eee;
    color:#333;
    border-radius:5px;
    font-size:11px!important;
    font-weight:bold!important;
    padding:4px;
    background-color: #FFDAB9;
}
.clock {
    /** Comentado por Hudson de Carvalho em 27/02/2014 essa config deixa uma borda em volta da mensagem e os cantos com cor, e como tem borda arredondada
      * n�o fica uma boa visualiza��o, esse CSS � utilizado pela Ext.ux.MessageBox.flash.js
    background:#ffecec url('../images/toolbar/error.png') no-repeat 1px 50%;
    border:1px solid #f5aca6;
    */
    background:transparent url('../images/icon/clock_red.png') no-repeat 1px 50%;
}

.alert-box {
    color:#333;
    border-radius:10px;
    font-size:12px!important;
    font-weight:bold!important;
    padding:15px 15px 15px 36px;
}

.error {
    /** Comentado por Hudson de Carvalho em 27/02/2014 essa config deixa uma borda em volta da mensagem e os cantos com cor, e como tem borda arredondada
      * n�o fica uma boa visualiza��o, esse CSS � utilizado pela Ext.ux.MessageBox.flash.js
    background:#ffecec url('../images/toolbar/error.png') no-repeat 1px 50%;
    border:1px solid #f5aca6;
    */
    background:transparent url('../images/toolbar/error.png') no-repeat 1px 50%;
}
.success {
    /** Comentado por Hudson de Carvalho em 27/02/2014 essa config deixa uma borda em volta da mensagem e os cantos com cor, e como tem borda arredondada
      * n�o fica uma boa visualiza��o, esse CSS � utilizado pela Ext.ux.MessageBox.flash.js
    background:#e9ffd9 url('../images/toolbar/success.png') no-repeat 1px 50%;
    border:1px solid #a6ca8a;
    */
    background:transparent url('../images/toolbar/success.png') no-repeat 1px 50%;
}
.warning {
    /** Comentado por Hudson de Carvalho em 27/02/2014 essa config deixa uma borda em volta da mensagem e os cantos com cor, e como tem borda arredondada
      * n�o fica uma boa visualiza��o, esse CSS � utilizado pela Ext.ux.MessageBox.flash.js
    background:#fff8c4 url('../images/toolbar/warning.png') no-repeat 1px 50%;
    border:1px solid #f2c779;
    */
    background:transparent url('../images/toolbar/warning.png') no-repeat 1px 50%;

}
.notice {
    background:#e3f7fc url('../images/toolbar/notice.png') no-repeat 1px 50%;
    border:1px solid #8ed9f6;
}


/* Remove the border around the tabs and override the default white background: */
.x-tab-panel-header-plain .x-tab-strip-top {
    /*background: #C4C4C4 url(../extjs/resources/images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;*/
}

.x-form-item  {
	font-size: 11px;

}
.x-form-field{
	font-size: 11px;
}

.x-tree-node div.feeds-node{

    background:#eee url(../images/cmp-bg.gif) repeat-x;

    margin-top:1px;

    border-top:1px solid #ddd;

    border-bottom:1px solid #ccc;

    padding-top:2px;

    padding-bottom:1px;

}

.feeds-node .x-tree-node-icon {

    display:none;

}

#loading
{
	position: absolute;
	background: white;
	left: 50%;
	top: 50%;
	padding: 5px;
	z-index: 20001;
	height: 32px;
    width: 32px;
	background:transparent url(../images/indicator.gif) no-repeat top left;
}

#loading .loading-indicator
{
	background:white;
    padding:5px;
    margin:0;
    height:auto;
}
#loading-msg
{
	font: normal 9pt arial, tahoma, sans-serif;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 15px;
}

.x-window-dlg .ext-mb-download {
	background:transparent url(../images/download.gif) no-repeat top left;
	height:46px;
}

img.foto {
    width: 96px;
    height: 124px;
    float: left;
    margin: 0px 5px 0px 0px;
}
span.nama {
    font-size: 100%;
    color: #3764A0;
    font-weight: bold;
}
#action-panel .x-panel {
	margin-bottom:3px;
	margin-right:0;
}
#action-panel .x-panel-body {
	border:0 none;
}
#action-panel .x-panel-body li {
	margin:3px;
}
#action-panel .x-panel-body li img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:2px;
	margin-bottom:2px;
}
#action-panel .x-panel-body li a {
	text-decoration:none;
	color:#333;
}
#action-panel .x-plain-body {
	background-color:#EC0000;
    padding:3px 0 0 5px;
}
.x-air #action-panel .x-plain-body {
	padding-left:3px;
}

 .x-check-group-alt {
     background: #FFF;
     border-top:1px dotted #CCC;
     border-bottom:1px dotted #CCC;
 }

 .icon-clientes{
	background-image:url(../images/icon/vcard.png) ! important;
}

.btn-save {
	background-image: url(../images/icon/disk.png) !important;
}

.btn-cancel {
	background-image: url(../images/icon/cancel.png) !important;
}


/***************************** Meus CSS's ***********************************/

/* CSS Cabe�alho Panel Vermelho
.header-panel-images-red
{
    background: url(../images/layout-browser-hd-bg-gray.gif) repeat center;
}
*/

/* CSS para t�tulos*/
.destak-title
{
    font-size: 13px;
}

.destak-table
{
    text-align: center!important;
    font-weight: bold!important;
    color: #000!important;
}

.campo-desabilitado {
    cursor: not-allowed;
    color:#cccccc;
    background:#cccccc;
    font-weight:bold!important;
    font-size:13px!important;
}

.campo-credito {
    color:#006100;
    background:#C6EFCE;
    font-weight:bold!important;
    font-size:13px!important;
}

.campo-debito {
    color:#9C0006;
    background:#FFC7CE;
    font-weight:bold!important;
    font-size:13px!important;
}

.grid-row-moeda {
    text-align: center;
    font-weight: bold!important;
    border-color:#ddd;
}

/* CSS de linha negativa - no grid*/
.grid-row-negativa
{
    background-color: #FFC7CE!important;
    color: #9C0006!important;

}

/* CSS de linha negativa - no grid*/
.grid-row-retorno
{
    background-color: #F3F781!important;
    color: #FFF!important;

}

/* CSS de linha positiva + no grid*/
.grid-row-positiva
{
    background-color: #C6EFCE!important;
    color: #006100!important;

}

/* CSS de linha vermelha no grid*/
.grid-row-inativo
{
    border-color:#e0e0e0;
    background-color: #e0e0e0!important;
    color: #e0e0e0!important;

}

.grid-row-green-light
{
    border-color:#ddd;
    background-color: #c0f8c0!important;
}

/* CSS de linha vermelha no grid*/
.grid-row-blue-light
{
    border-color:#ddd;
    background-color: #b3e3f6!important;

}

/* CSS de linha vermelha no grid*/
.grid-row-red
{
    border-color:#ddd;
    background-color: #FFA07A!important;

}
/* CSS de linha verde no grid*/
.grid-row-green
{
    border-color:#ddd;
    background-color: green!important;
}
/* CSS de linha amarela no grid*/
.grid-row-yellow
{
    border-color:#ddd;
    background-color: yellow!important;

}
/* CSS de linha azul no grid*/
.grid-row-blue
{
    border-color:#ddd;
    background-color: blue!important;

}
/* CSS de linha azul no grid*/
.grid-row-maroon
{
    border-color:#ddd;
    background-color: maroon!important;
    color: #FFF

}
/* CSS de linha azul escuro no grid*/
.grid-row-navy
{
    border-color:#ddd;
    background-color: navy!important;

}
/* CSS de linha inativa (gray) no grid*/
.grid-row-inativa.x-grid3-row td
{
    border-color:#ddd;
    color: #AFAFAF;
    font-style: oblique;
    background-color: gray!important;
}
/* CSS de letra branca no grid*/
.grid-row-font-white.x-grid3-row td
{
    color: #FFF!important;

}

/* CSS para padronizar o tamanho das imagens dentro do grid*/
.x-grid3-cell-inner .img-grid{
    width:50px!important;
    height:30px!important;
}

.img-fullscreen{
    height: 80%;
}

.mceContentBody .img-fullscreen{
    padding: 3rem;
    height: 100vh;
}

.x-grid3-cell-inner .img-fullscreen{
    width:100px!important;
    height:70px!important;
    padding: 0;
}

.texto-button
{
    text-align:center;
    font-size: 13px;
    color: #000;
    padding-bottom: 1px;
    border: 1px solid #ccc;
    background-color: #ececec;
}
/* CSS texto destaque */
.texto-destaque
{
    text-align:center;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    padding-bottom: 1px;
    background: url(../images/layout-browser-hd-bg-gray.gif) repeat center;
}

/* CSS combobox 1 coluna */
.combo-1coluna
{
    width:95%;
    padding:5px;
    border:1px solid #C4C4C4;
    border-top: none!important;
}

/* CSS combobox Coluna Esquerda */
.combo-coluna-esquerda
{
    float:left;
    width:45%;
    padding:5px;
    border-right:1px dashed #C4C4C4;
}

/* CSS combobox Coluna Direita */
.combo-coluna-direita
{
    float:right;
    width:50%;
    padding:5px;
}
.faseAguardaAutorizacao{
    text-align: center;
    font-weight: bolder;
    padding: 1px;
    background-color: yellow;
    padding: 5px;
    border: 2px #fff solid;
    moz-border-radius:10px;
    webkit-border-radius:10px;
    border-radius:10px;
    width: 90%;
}

.faseAguardaPagamento{
    text-align: center;
    font-weight: bolder;
    padding: 1px;
    background-color: orange;
}

.fasePaga{
    text-align: center;
    font-weight: bolder;
    padding: 1px;
    background-color: green;
}

.faseRecusada{
    text-align: center;
    font-weight: bolder;
    padding: 1px;
    background-color: red;
}

.faseCancelada{
    text-align: center;
    font-weight: bolder;
    padding: 1px;
    background-color: gray;
}
.footnote{
    font-family: Verdana!important;
    font-style: normal!important;
    font-size: 12px!important;
    text-align: justify;
    margin: 0;
}

.disabled-row .x-grid-cell {
    background-color: gray !important;
}
.minimo{
    background:#cbffc8!important;
}
.medio{
    background:#c3ebf5!important;
}
.maximo{
    background:#fef3bf!important;
}

.profile {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857143;
    font-weight: bold;
    color: #FFF;
    min-height: 20px;
    background-color: transparent;
}

.profileE {
    font-family: Verdana, sans-serif;
    font-size: 9.5px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857143;
    color: #FFF;
    background-color: transparent;
}

.rednum {
  background: #cc0001;
  white-space: nowrap;
  border-radius: 3px;
  color: #fff;
  /*z-index: 999999;*/
  font-weight: 600;
  padding: 3px;
  box-shadow: 0 2px 3px rgba(0,0,0,.2), inset 0 2px 5px rgba(225,225,225,.3);
  font-size: 9px!important;
  margin-left: 0px;
  position: absolute;
  font-family: Verdana;
  top: -10px;
  left: 20px;
}

.thumb {
    width: 140px;
    height: 140px;
    display: inline-block;
    margin-top: 10px;
    background-position: center center;
    background-size: cover;
    border-radius:10px;
    -ms-interpolation-mode: bicubic; /* Scaled images look a bit better in IE now */
}

.imgupload{

}

.btn-success{
    padding: 3px;
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 100000;
    top:-100px;
    margin-left: 126px;
}

a:link, a:visited {
	text-decoration: none
	}
a:hover {
	text-decoration: underline;
	color: #000
	}
a:active {
	text-decoration: none
	}

.override-borderLayout-collapsed{color:#333;font:11px/15px tahoma,arial,verdana,sans-serif;padding:2px 5px;font-weight: bold;}
.my-label-style {
    font-weight: inherit;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    padding-bottom: 15px;
}

hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 {
  border-top: 1px dashed #8c8b8b;
}
hr.style16:after {
  content: '\002702';
  display: inline-block;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '�';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 {
  height: 30px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
hr.style18:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}

.tudo { display: table; }
.menu { float: left; width: 30%; }
.conteudo { margin-left: 35%; }

.destak{
    background: #8B8682!important;
    border-style: solid!important;
    border-color: #8B8682!important;
    border-width: 1px 0 0 0!important;
}

.tituloNotificacaoRed {
    font-size: 13px;
    background-color: #F06D65;
    color: #91233F;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}

.tituloNotificacaoBlue {
    font-size: 13px;
    background-color: #D0E9F5;
    color: #5EB3E1;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}

.txtNotificacao {
    font-weight:bold;
    font-size:11px;
    font-family:verdana;
    padding: 3px;
    border-width: 15px;
    width: 90%;
    margin: 0 auto;
    border-bottom:1px dotted #333;
}

.tituloItemTourSistema {
    text-align:center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
}

table.linhasAlternadas {
    border-collapse: collapse; /* CSS2 */
    background: #FFFFF0;
    border: solid green 1px;
}

table.linhasAlternadas tr:nth-child(even) /* CSS3 */ {
    background: #F0FFFF;
}

.btLinkBuscarapida{
    padding:5px;
    text-align:center;
    border-radius:5px;
    background-color:#F7F7F7;
    border:1px dotted #333;

}

.btLinkBuscarapida:hover{
    background-color: #F7941E;
    border:1px solid #F7F7F7;
}

.btLinkBuscarapida:hover .fa{
    color:#F7F7F7;
}

.buttons {
  display: inline-block;
  border-radius: 4px;
  background-color: #f7941d;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px!important;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttons span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttons span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttons:hover span {
  padding-right: 25px;
}

.buttons:hover span:after {
  opacity: 1;
  right: 0;
}

.btComprarAJUSAzul {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
    text-transform: uppercase;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.btComprarAJUSAzul:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
    color:#ffffff;
}
.btComprarAJUSAzul:active {
	position:relative;
	top:1px;
    color:#ffffff;
}

.btComprarAJUSAmarelo {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fad900), color-stop(1, #ffec7d));
	background:-moz-linear-gradient(top, #fad900 5%, #ffec7d 100%);
	background:-webkit-linear-gradient(top, #fad900 5%, #ffec7d 100%);
	background:-o-linear-gradient(top, #fad900 5%, #ffec7d 100%);
	background:-ms-linear-gradient(top, #fad900 5%, #ffec7d 100%);
	background:linear-gradient(to bottom, #fad900 5%, #ffec7d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad900', endColorstr='#ffec7d',GradientType=0);
	background-color:#fad900;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #fad900;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
    text-transform: uppercase;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #fff185;
}
.btComprarAJUSAmarelo:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec7d), color-stop(1, #fad900));
	background:-moz-linear-gradient(top, #ffec7d 5%, #fad900 100%);
	background:-webkit-linear-gradient(top, #ffec7d 5%, #fad900 100%);
	background:-o-linear-gradient(top, #ffec7d 5%, #fad900 100%);
	background:-ms-linear-gradient(top, #ffec7d 5%, #fad900 100%);
	background:linear-gradient(to bottom, #ffec7d 5%, #fad900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec7d', endColorstr='#fad900',GradientType=0);
	background-color:#ffec7d;
}
.btComprarAJUSAmarelo:active {
    color:#000000;
	position:relative;
	top:1px;
}

.btComprarAJUSVermelho {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
	text-transform: uppercase;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.btComprarAJUSVermelho:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
    color:#ffffff;
}
.btComprarAJUSVermelho:active {
    color:#ffffff;
	position:relative;
	top:1px;
}

.divPublicacaoFormatada{
    font-family:verdana;
    font-size:14px;
    line-height: 250%!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.divPublicacaoFormatada p{
    line-height: 200%!important;
}

.button {
  background-color: #f4511e;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.button:hover {opacity: 1}

/*Ajusta o �cone de fechar da caixa de dialogo dos v�deos manuais do ajus */
.dialogVideoManual .ui-button-icon-only .ui-icon {
    left: -1px!important;
    top: -1px!important;
}
/*Ajusta a cor do cabe�alho da caixa de dialogo dos v�deos manuais do ajus */
.dialogVideoManual .ui-dialog-titlebar {
    background: #333333!important;
    color: #ffffff!important;
}

/*Muda os icones do header da window para usar os icones da pasta default de imagens e
  tamb�m aumenta o espa�o entre os icones
*/
.x-tool{
    margin-left: 5px!important;
    background-image: url(../extjs/resources/images/default/panel/tool-sprites.gif)!important;
}

.destaque-andamento-online .link-andamento-chave{
    padding: 0.05rem 0.1rem;
    background-color: #0061a7;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

/**CSS para o TinyMCE **/
.mceContentBody .link-andamento-chave{
    padding: 0.25rem;
    background-color: #0061a7;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

.x-form-trigger.x-item-disabled {
    opacity: 0.5;
    pointer-events: none;
}