.dr-table-cell {
	font-size: 14px;
}

.center {
	text-align:center !important;
}

.rigth{
	text-align: right;
}

.min-width{
	width: 0px;
}
.msg {
    font-family: "Trebuchet MS", Arial, Sans-serif;
    font-size: 15px;
    text-align: left;
    padding: 5px 20px 5px 45px;
    cursor: pointer;
}

.msgInfo {
	background: #6bca81 url(../images/msg/success.gif) 15px 50% no-repeat;
	color: #fff;
	border-top: 1px solid #609c43;
	border-bottom: 1px solid #609c43;
}

.msgError {
	background: #fff6bf url(../images/msg/error.gif) 15px 50% no-repeat;
	color: #333;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
}

.msgFatal {
	background: #eb4e4e url(../images/msg/delete.gif) 15px 50% no-repeat;
	color: #fff;
	border-top: 1px solid #b03b3b;
	border-bottom: 1px solid #b03b3b;
}

.h_msg
{
	font-size: 12px;
}

/* h2.title 
{
	text-align: left;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	border-bottom: 2px solid #484d53;
	margin-bottom: 5px;
	text-shadow: 0 1px 0 #CCCCCC;
}


div.content
{
	min-height: 400px;
}
*/

.validation-message
{
	font-size: 12px;
	font-family: Arial;
	color: #D12F19;
	margin-left:5px;
}

.medio {
	font-size: 13px;
}

.label {
	text-align: right;
	font-size: 13px;	
	white-space: nowrap;
	padding-right: 4px;
	font-family: "Trebuchet MS",Arial,Sans-serif;
}
.tooltip {
	white-space: normal;
}

.label:after
{
	content:" ";
}
.destaque{
	font-size: 16px;
	/*font-weight: bolder; */
	font-family: Trebuchet MS;
}

.destaque-simples {
	font-size: 16px;
	font-family: Trebuchet MS;
	text-shadow: 0 1px 0 #CCCCCC;
}

.despesa {
	  background: transparent url(../images/icons/out.png) no-repeat top left;
	  padding-left: 25px;
}
.receita {
	  background: transparent url(../images/icons/in.png) no-repeat top left;
	  padding-left: 25px;
}

.adiciona_estoque {
	  background: transparent url(../images/icons/adiciona_estoque_16x16.png) no-repeat top left;
	  padding-left: 25px;
}
.remove_estoque {
	  background: transparent url(../images/icons/remove_estoque_16x16.png) no-repeat top left;
	  padding-left: 25px;
}


.creditoDestaque {
	background-color: #81F781;
	/* -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; */
	padding:1px 4px;
	/*
	box-shadow: 1px 1px 3px #404040;
	-moz-box-shadow: 1px 1px 3px #404040;
	-webkit-box-shadow: 1px 1px 3px #404040;
	*/
}
.debitoDestaque {
	background-color: #F5A9A9;
	/* -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; */
	padding:1px 4px;
	/* 
	box-shadow: 1px 1px 3px #404040;
	-moz-box-shadow: 1px 1px 3px #404040;
	-webkit-box-shadow: 1px 1px 3px #404040;
	*/
}

.fonte-vermelha {
	color: #F25E5E;
}
.vermelhoDestaque {
	background-color: #F25E5E;
	/* -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 3px; */
	padding:1px 4px;
	/*
	box-shadow: 1px 1px 3px #404040;
	-moz-box-shadow: 1px 1px 3px #404040;
	-webkit-box-shadow: 1px 1px 3px #404040;
	*/
	color: #FFFFFF;
}

.fonte-verde {
	/*color: #00CC66;*/
	color: #43A047;
}
.verdeDestaque {
	background-color: #00CC66;
	/* -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 3px; */
	padding:1px 4px;
	/*
	box-shadow: 1px 1px 3px #404040;
	-moz-box-shadow: 1px 1px 3px #404040;
	-webkit-box-shadow: 1px 1px 3px #404040;
	*/
	color: #FFFFFF;
}


.azulDestaque {
	background-color: #006699;
	/* -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 3px; */
	text-shadow:0 1px 1px #404040;
	padding:1px 4px;
	/*
	box-shadow: 1px 1px 3px #404040;
	-moz-box-shadow: 1px 1px 3px #404040;
	-webkit-box-shadow: 1px 1px 3px #404040;
	*/
	color: #FFFFFF;
}

.leveDestaque {
	background-color: #DEB887;
	/* -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 3px; */
	text-shadow:0 1px 1px #404040;
	padding:1px 4px;
	/*
	box-shadow: 1px 1px 3px #404040;
	-moz-box-shadow: 1px 1px 3px #404040;
	-webkit-box-shadow: 1px 1px 3px #404040;
	*/
	color: #FFFFFF;
}

.amareloDestaque {
	background-color: #F7D358;
	/* -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; */
	text-shadow:0 1px 1px #FFFFFF;
	padding:1px 4px;
	/*
	box-shadow: 1px 1px 3px #404040;
	-moz-box-shadow: 1px 1px 3px #404040;
	-webkit-box-shadow: 1px 1px 3px #404040;
	*/
	color: #404040;
}

.saidaMercadoriaDestaque {
	background-color: #00CC66;
	padding:1px 4px;
	color: white;
}

.entradaMercadoriaDestaque {
	background-color: #1E88E5;
	padding:1px 4px;
	color: white;
}

.saidaMercadoriaNormal {
	color: #00CC66;
}

.entradaMercadoriaNormal {
	color: #1E88E5;
}



.semiTransparente {
	opacity: 0.3;
}

/* Schedule movimentacao financeira */

.fc-event-skin {
	background-color: inherit;
	color: inherit;
}
.debitoPrevisto a, .debitoPrevisto {
	background-color: #F78181;
	border-color: lightgrey;
	color: white;
}
.debitoRealizado a, .debitoRealizado {
	background-color: #FF0000;
	color: white;
	border-color: lightgrey;
}
.creditoPrevisto a, .creditoPrevisto{
	background-color: #81F781;
	border-color: lightgrey;
}
.creditoRealizado a, .creditoRealizado {
	background-color: #04B404;
	border-color: lightgrey;
	color: white;
}

.creditoRealizado a span, .debitoRealizado a span {
	color: white;
}

.debitoPrevisto, 
.debitoRealizado, 
.creditoPrevisto, 
.creditoRealizado {
	border-color: lightgrey;	
}

.input-juro {
	background-color: #C3FDB8;
}

.input-desconto {
	background-color: #FFB3B3;
}

.input-pendente {
	background-color: #FAE6B0;
}

.input-barcode {
	background-color: white;
}

.input-barcode:FOCUS {
	background-color: white; /*#CEE3F6;*/
}


/*LAYOUT 3 COLUNAS */
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0.5em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol .colmid {
	right:25%;			/* width of the right column */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

a.mylink{
	text-decoration: none;
	padding: 4px 2px;
}

a.mylink:HOVER {
	opacity: 0.8;
	background-color: var(--selected-color);
}

.meio-opaco {
	opacity: 0.5;
}



button.big-font {
	font-size: 16px;
}
input.big-font {
	font-size: 20px;
}

.item-cancelado {
	 opacity: 0.5 !important;
}

.ui-alert-box-red {
	background-color: #F25E5E;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow:0 1px 1px #404040;
	color: #FFFFFF;
	font-size: 15px;
	margin: 5px 0 15px 0;
	padding: 5px;
}

.ui-alert-box-red h1 {
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.ui-alert-box-red p {
	padding: 0px;
	margin: 0px;
}

.cancelado-label {
	color: #F25E5E;	
}

.coluna-edicao {
	white-space: nowrap !important;
	padding: 2px 4px !important;
	width: 1px;
}
.coluna-edicao a img {
	border-width: 0px;
}
.coluna-edicao a img:HOVER {
	opacity: 0.4;
}

.table-reduzido td,
.table-reduzido thead th {
	font-size: 12px !important;
}

.ui-datatable th div.ui-dt-c,
.ui-datatable-data td div.ui-dt-c,
.ui-datatable .ui-datatable-data-empty td div.ui-dt-c{
	padding: 1px 2px !important;
}
.table-reduzido td input,
.table-reduzido td textarea  {
	font-size: 12px !important;

}

.table-reduzido td input {
	height: 28px  !important;
}

.red-button {
	color: #F25E5E !important;
}
.red-button:HOVER {
	color: white !important;
}

.green-button {
	color: green !important;
}
.green-button:HOVER {
	color: white !important;
}

.ui-big-text {
	font-size: 25px;
}

.ui-big-text-all * {
	font-size: 25px;
}
.ui-display-block {
	display: block;
}
td div.ui-dt-c {
	 overflow: visible !important;
}

.default-color {
	color: #404040;
}
 

.filtros-busca-padrao label {
	cursor: pointer;
	vertical-align: middle;
	text-transform: lowercase;
	font-size: 12px;
}

.ui-autocomplete-input-token input{
	border: 0 !important;
}
i.icon-novo-cadastro{
	background-position: 0px 0px;
	background-image: url("../images/icons/add_item_14x14.png");
}
.show-on-hover{
	opacity: 0.3;
	-webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.show-on-hover:HOVER{
	opacity: 1;
}

 

div.ui-datatable-tablewrapper table thead tr.ui-state-default{
	background: black !important;;
}

.btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-widget textarea {
	font-size: 15px;
}

div.ui-datagrid .ui-widget-content {
	border: 0px;
}


.accordion-body {
	overflow: visible !important;
}


/* Ajuste espec��fico para dispositivos menores */
@media (max-width: 766px) {
	.botoes-acao-barra-busca .btn-group,
	.botoes-acao-barra-busca a,
	.botoes-acao-barra-busca a{
		margin-bottom: 6px;
		display: block;
	}
	
	#busca-generica input.input-busca-generical-grid{
		margin-bottom: 6px;
	}
	
	div.panel-fixed-bottom {
		display: flex;
	    flex-wrap: nowrap;
	    overflow-x: auto;
	    white-space: nowrap;
	    -webkit-overflow-scrolling: touch;
	    scrollbar-width: thin;
	    padding-bottom: 4px; /* Para dar espa��o �� barra de rolagem */
	}
	
}

/* Ajuste espec��fico para dispositivos menores */
@media (max-width: 979px) {
	 
	ul.my-nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 12px; /* Para dar espa��o �� barra de rolagem */
  }
  
  .my-nav-tabs > li {
    float: none;
    flex: 0 0 auto;
  }
  
  /* Opcional: estiliza a barra de rolagem para melhor usabilidade */
  ul.my-nav-tabs::-webkit-scrollbar {
    height: 3px;
  }
  
  ul.my-nav-tabs::-webkit-scrollbar-thumb {
    background: #C6C5C5;
    border-radius: 3px;
  }
  
  div.ui-tabs ul.ui-tabs-nav {
      display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 20px; /* Para dar espa��o �� barra de rolagem */
  }  
	
}