* {
	border: 0 none;
	font-size: 100%;
	font-variant: normal;
	margin: 0;
	padding: 0;
}

.ui-selectcheckboxmenu-header {
	display: none;
}

.number {
	width: 80px;
	float: left;
}

html, body {
	margin: 0;
	height: 100%;
}

body {
	background: #fff;
	font: 87.5% Arial, Georgia, Verdana, Tahoma;
	padding: 0;
	text-align: center;
	color: #515151;
}

.vermelho {
	color: red !important
}

/******************************************
*
* Tela de Login
*
******************************************/
#wrapperLogin {
	width: 100%;
	min-width: 768px;
	min-height: 98%;
	background: #fff;
	margin: 0;
	position: relative;
	text-align: left;
}

#loginContent {
	width: 960px;
	margin: 2px auto 0 auto;
}

#loginArea {
	width: 300px;
	height: 300px;
	background: #fff;
	float: left;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	padding: 10px;
	border-radius: 8px 8px 0 0;
}

#loginArea #formLogin {
	padding: 15px;
	width: 270px;
	height: 255px;
	border-radius: 4px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#ffffff',
		endColorstr='#ebebeb', GradientType=0);
}

#formLoginArea #formLogin {
	padding: 15px;
	width: 90%;
	height: 280px;
	border-radius: 4px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#ffffff',
		endColorstr='#ebebeb', GradientType=0);
}

#formLogin h1 {
	color: #031CA6;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	padding-bottom: 15px;
}

.infoLad {
	width: 630px;
	height: 310px;
	float: left;
	padding-right: 20px;
	background: #ebebeb;
	background: -moz-radial-gradient(350px 100%, circle, #d8d8d8 0%, #ebebeb 300px);
	background: -webkit-radial-gradient(350px 100%, circle, #d8d8d8 0%, #ebebeb 350px);
	background: -ms-radial-gradient(350px 100%, circle, #d8d8d8 0%, #ebebeb 350px);
	background: -o-radial-gradient(350px 100%, circle, #d8d8d8 0%, #ebebeb 350px);
	background: radial-gradient(350px 100%, circle, #d8d8d8 0%, #ebebeb 350px);
}

.infoLad img {
	padding-right: 20px;
}

.infoLad button {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: #f6b33d;
	border: 1px solid #cc6600;
	color: #663300;
	font-size: 15px;
	font-weight: bold;
	height: 50px;
	width: 200px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}

.infoLad button:hover {
	background: #fecc91;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}

.infoLad .footer {
	border-top: 1px groove white;
	font-size: 12px;
}

.TituloHome {
	height: 46px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 15px 0px;
}

.TituloHome h1 {
	color: #555;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	width: 100%;
}

.TituloHome h1 label {
	font-weight: normal;
	color: #031CA6;
}

.destaqueTitle {
	color: #555;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	width: 100%;
}

.secondaryContent {
	width: 960px;
	float: left;
	margin: 20px auto 0 auto;
}

.brief {
	width: 310px;
	float: left;
}

.brief a {
	color: #f26522;
	text-decoration: none;
}

.brief a:hover {
	color: gray;
}

.brief h2 {
	color: #555;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
	width: 100%;
	padding-bottom: 5px;
}

.destaqueTituloInferior {
	color: #555;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
	width: 100%;
	padding-bottom: 5px;
}

.buttonEntrar {
	margin: 0 auto;
	left: 50px;
	top: -5px;
}

.linkEsqueceuSenha {
	width: 100%;
	margin: 20px 0 5px 0;
	border-top: 1px solid #cfcfcf;
}

.linkEsqueceuSenha a {
	display: block;
	padding-top: 5px;
	color: #000;
	text-decoration: none;
}

.linkEsqueceuSenha a:hover {
	color: #663300;
}

.buttonNovoUsuario {
	margin: 5px 0 10px 0;
}

.clear {
	clear: both;
}

.barraSuperior {
	width: 100%;
	height: 50px;
	padding: 0 0 0 10px;
	background-image: url(../img/waves.png);
}

.barraSuperiorInterno {
	width: 100%;
	height: 50px;
	padding: 3px 0 0 0;
	background-image: url(../img/waves.png);
}

.barraSuperiorInterno img {
	padding: 0 0 0 10px;
}

#logoLadFood {
	width: auto;
	height: 42px;
	float: left;
}

/******************************************
*
* Layout
*
******************************************/
#wrapper {
	width: 100%;
	min-width: 768px;
	min-height: 100%;
	background: #fff;
	margin: 0;
	position: absolute;
}

.campoObrigatorio {
	display: block;
	margin: 0 auto;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: auto;
}

.linkTexto {
	text-decoration: none;
	color: #031CA6;
	font-weight: bold;
}

.linkTexto:hover {
	color: gray;
}

/******************************************
*
* Menu
*
******************************************/
.ui-menu.ui-menubar {
	border-radius: 0;
}

#menu {
	margin: 0px;
}

#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(../img/menu-icon.png) center;
	float: right;
}

a:hover#menu-icon {
	background-color: #444;
}

/******************************************
*
* Footer
*
******************************************/
#rodape {
	background-color: #ebebeb;
	width: 100%;
	height: 60px;
	margin-top: 20px;
	bottom: 0;
	position: absolute;
}

#rodapeContent {
	max-width: 100%;
	height: 30px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	border-top: 1px double #CCC;
	text-align: center;
	text-shadow: 0 1px 0 #fff;	
}

#rodapeContent a {
	color: #515151;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}

#rodapeContent a:hover {
	color: #c9671c;	
}

.clearFooter {
	height: 20px;
	clear: both;
}

.clearFooterCadastro, .clearFooterConsulta {
	height: 60px;
	clear: both;
}

/******************************************
*
* Form
*
******************************************/
#formContent {
	width: auto;
	min-width: 748px;
	height: 100%;
	min-height: 450px;
	margin: 0 auto;
	padding: 10px;
}

#formCadastro, #formCadastroCliente {
	width: auto;
	/*max-width: 768px;*/
	height: 100%;
	min-height: 450px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	text-align: right;
}

.ui-fluid{
	width: 100%;
}

#formCadastro table, #formCadastroCliente table {
	margin: 0 auto;
	width: 100%;	
}

#formCadastro.novoUsuario {
	max-width: 600px;
}

#formCadastro .ui-selectmanycheckbox, #formCadastroCliente .ui-selectmanycheckbox
	{
	float: left;
	font-size: 1em;
	text-align: left;
}

.checkboxPerfil .ui-widget-content {
	width: 100%;
}

.formConsulta, .formConsultaProduto {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: right;
}

.formMesa {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: right;
	width: 100%;
}

.formConsultaPedido {
	width: 450px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: right;
}

.formVendasContent, .formPedidoContent {
	width: 940px;
	margin: 0 auto;
	text-align: right;
	border: 1px solid #CCC;
}

.formVendasContent td {
	vertical-align: middle;
}

.formPedidoContent td {
	vertical-align: middle;
}

.formVendasContent .inputColumns, .formPedidoContent .inputColumns {
	text-align: left;
}

.formVendasContent .columnForm, .formPedidoContent .columnForm {
	padding: 15px;
	border-right: 1px solid #CCC;
	vertical-align: top;
}

.formVendasContent .columnAddProd, .formPedidoContent .columnAddProd {
	padding: 15px;
	vertical-align: top;
}

.formPedidoContent .columnForm {
	width: 350px;
}

.formVendasContent .columnAddProd h1, .formPedidoContent .columnAddProd h1
	{
	font-size: 24px;
	font-weight: normal;
	display: block;
	background-color: #ebebeb;
	text-align: left;
	padding: 10px;
	margin-bottom: 15px;
	text-shadow: 0 1px 1px #fff;
}

.formVendasContent .ui-datatable-tablewrapper .ui-inputfield,
	.formVendasContent .ui-datatable-tablewrapper .ui-inputfield {
	width: 50px;
}

.formDetalharComandas .column1 {
	padding-right: 25px;
	vertical-align: top;
}

.formDetalharComandas .column2 {
	padding-left: 25px;
	padding-right: 25px;
	vertical-align: top;
}

.formDetalharComandas .column3 {
	padding-left: 25px;
	vertical-align: top;
}

.ui-datatable {
	width: 100%;
}

.cell-with-word-break {
	 white-space: normal;
	 word-break: break-all;
	 word-wrap: break-word;
}

.columnTotal {
	width: 300px;
	padding-top: 20px;
	text-align: left;
}

.columnTotal .valorTotal, .gridValorTotal .columnProdValorTotal,
	.valorTotal {
	font-size: 16px;
	font-weight: bold;
	color: #005e20;
	padding-left: 0;
}

.gridValorTotal td.columnProdTotal {
	width: 150px;
}

.valorTotalMin {
	font-weight: bold;
	color: #005e20;
	padding-left: 0;
}

.columnButton {
	padding-top: 20px;
	align: right;
}

.gridValorTotal {
	background: #ebebeb;
	width: 100%;
	padding: 10px;
	text-align: left;
}

.boxValorTotal {
	background: #ebebeb;
	width: 100%;
	padding: 10px;
}

.columnProdValorTotal {
	width: 80%;
}

.areaBotaoPedir {
	margin-top: 15px;
	padding-top: 5px;
	border-top: 1px solid #CCC;
	padding-top: 5px;
}

.obsArea {
	margin-top: 30px;
}

.obsArea {
	float: left;
}

.formVendasContent input {
	width: 200px;
	margin: 1px;
	align: left;
}

.formVendasContent select {
	width: 200px;
	margin: 3px;
}

#formCadastro .cadastrarDesconto input {
	width: 300px;
}

.formConsultaProduto .selectRadio, #formCadastro .selectRadio {
	margin-right: 15px;
	padding: 0;
}

.formConsulta .inputData input {
	width: 150px !important;;
	margin: 1px;
}

.inputData input {
	width: 150px;
	margin: 1px;
}

.selectRadio {
	float: left;
	padding: 0 5px;
}

.ui-selectoneradio {
	display: block;
	margin: 0 10px 0 2px;
	text-align: left;
}

#formCadastro .inputLower, #formCadastroCliente .inputLower {
	text-transform: lowercase;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	border-bottom: medium none;
	border-right: medium none;
	border-top: medium none;
	cursor: pointer;
	height: 100%;
	padding: 0 2px 0 5px;
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
}


.autoCompleteVendas input {
	width: 200px;
	margin: 1px;
	display: block;
	float: left;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
}

.autoCompleteVendas button {
	height: 27px !important;
}

.ui-autocomplete-input {
	/* width: 370px !important; */
	display: block;
	float: left;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 4px;
}

.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{
	right: -1px !important;
}

.ui-fluid .ui-spinner .ui-spinner-input{
	text-align: left;
}

.title {
	width: auto;
	border-bottom: 1px solid #CCC;
	padding: 5px 10px 5px 70px;
	margin: 0 auto 20px auto;
	background-repeat: no-repeat;
	background-position: 15px 0px;
	min-height: 45px;
	line-height: 35px;
}

.title h1 {
	color: #555;
	font-size: 2.143em;
	text-align: left;
}

.title h1 label {
	font-weight: normal;
	color: #031CA6;
}

.buttonArea {
	width: 100%;
	max-width: 750px;
	padding: 5px 0 20px 0;
	margin: 5px auto 0 auto;
	border-top: 1px double #CCC;
}

.buttonAreaModal {
	width: 100%;
	padding: 5px 0 5px 0;
	margin: 10px auto 0 auto;
	border-top: 1px double #CCC;
}

.buttonArea button, .buttonAreaModal button {
	float: right;
}

.ui-corner-top {
	border-radius: 4px 4px 0 0;
}

.file {
	aling: left;
}

.uploadImage {
	width: 100%;
	max-width: 410px;
	border-radius: 4px;
}

.ui-fileupload-files {
	max-width: 410px;
	font-size: 12px;
}

.fileupload-buttonbar .ui-button {
	margin-right: 2.5em;
	vertical-align: middle;
}

.uploadArea {
	padding-bottom: 15px;
}

.uploadArea .ui-widget-header, .uploadArea .ui-widget-content {
	max-width: 410px;
}

.ui-fileupload-files .ui-progressbar {
	height: 20px;
	width: 90px;
	margin-top: 20px;
}

.ui-fileupload-files .ui-button {
	float: left;
}

.ui-fileupload-files td {
	padding: 4px;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-left .ui-icon,
	.ui-button-text-icon-right .ui-icon {
	background-image: url("../img/ui-icons_256x240.png");
}

.ui-icon.ui-icon-enable {
	background-image: url("../img/ui-icons_256x240.png");
	background-position: -178px -161px;
}

.ui-icon.ui-icon-disable {
	background-image: url("../img/ui-icons_256x240.png");
	background-position: -197px -161px;
}

.ui-icon.ui-icon-balance {
	background-image: url("../img/ui-icons_256x240.png");
	background-position: -160px -144px;
}

.ui-icon.ui-icon-money {
	background-image: url("../img/ui-icons_256x240.png");
	background-position: -230px -160px;
}

.ui-icon.ui-icon-printConfigure {
	background-image: url("../img/ui-icons_256x240.png");
	background-position: -178px -143px;
}

.ui-icon.ui-icon-tableTransfer {
	background-image: url("../img/ui-icons_256x240.png");
	background-position: -214px -160px;
}

.ui-message-error-detail {
	font-size: 0.8em;
}

.ui-message-error-icon {
	display: none;
}

.ui-inputfield.ui-state-error, .ui-widget-header .ui-inputfield.ui-state-error,
	.ui-widget-content .ui-inputfield.ui-state-error {
	border: 1px solid #b94a48;
	color: #333333;
}

.ui-messages-error {
	display: none;
}

.ui-icon-triangle-1-e {
	display: none;
}

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text {
	margin-left: 0.4em;
	padding-right: 0.1em;
}

.ui-menu.ui-widget li>.ui-menuitem-link {
	padding: 0.3em 0.2em 0.3em 0.2em;
}

.ui-menu .ui-menu-parent .ui-icon-triangle-1-e, .ui-menu .ui-menu-parent .ui-icon-triangle-1-s,
	.ui-menubar .ui-menu-child .ui-icon-triangle-1-s, .ui-menubar .ui-menu-child .ui-icon-triangle-1-s
	{
	float: left;
}

.ui-messages-warn, .ui-message-warn {
	margin: 10px 15px 0 15px;
	text-align: left;
	background: #fcf8e3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjhlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGQ1YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fcf8e3 0%, #f8d5ac 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcf8e3),
		color-stop(100%, #f8d5ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcf8e3 0%, #f8d5ac 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcf8e3 0%, #f8d5ac 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fcf8e3 0%, #f8d5ac 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fcf8e3 0%, #f8d5ac 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(                  startColorstr='#fcf8e3',
		endColorstr='#f8d5ac', GradientType=0); /* IE6-8 */
	border-color: #C09853;
	color: #af7026;
	text-shadow: 0 1px 0 #fff;
}

.ui-messages-warn-icon {
	background: url("../img/messages.png") no-repeat scroll 0 0 transparent;
	background-position: 0 -448px;
}

.ui-state-highlight {
	background: #ebebeb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #ebebeb 0%, #b9b9b9 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb),
		color-stop(100%, #b9b9b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ebebeb 0%, #b9b9b9 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ebebeb 0%, #b9b9b9 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ebebeb 0%, #b9b9b9 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ebebeb 0%, #b9b9b9 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',
		endColorstr='#b9b9b9', GradientType=0); /* IE6-8 */
	border: 1px solid #b7b7b7;
	color: #555555;
	text-shadow: 0 1px 0 #fff;
}

.ui-messages-info-summary, .ui-messages-warn-summary,
	.ui-messages-error-summary, .ui-messages-fatal-summary,
	.ui-message-info-summary, .ui-message-warn-summary,
	.ui-message-error-summary, .ui-message-fatal-summary {
	font-weight: bold;
	margin-left: 15px;
}

.ui-state-highlight .ui-icon {
	background-image: url("../img/ui-icons_256x240.png");
}

.ui-icon-wrench {
	background-position: -159px -160px;
	height: 20px;
}

.ui-spinner {
	margin-left: -2px;
	float: left;
	padding-left: 3px;
}

.ui-spinner .ui-inputfield {
	padding-right: 45px;
	width: 65px;
}

.ui-spinner-button {
	width: 20px;
	height: 29px;;
	padding: 0;
	margin: 0;
	-index: 100;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	display: block;
	overflow: hidden;
	right: 0;
	cursor: pointer;
}

.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 10%;
} 

/* vertical centre icon */

.ui-spinner-up {	
	right: 30px !important;	
	border-radius: 4px 0 0 4px !important;
}

.ui-spinner-down {	
	top: 0 !important;
	border-radius: 0 4px 4px 0 !important;
}

.ui-widget-content .ui-datatable-empty-message {
	text-align: center;
}

.ui-widget-content a {
	text-decoration: none;
}

.listaTabelaPreco .ui-datatable-empty-message td {
	padding: 10px 0;
	background-color: #ebebeb;
}

.listaTabelaPreco select {
	margin: 10px;
	width: 70px !important;
	padding: 5px;
}

.ui-selectcheckboxmenu {
	margin: 5px 0;
}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
	text-align: left;
	margin-left: 2px;
	margin-right: 5px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	border: medium none;
	cursor: pointer;
	display: block;
	padding: 5px 26px 5px 5px;
	width: 380px;
	text-align: left;
}

.ui-selectcheckboxmenu-label-container {
	text-decoration: none;
	color: #333;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon,
	.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	margin-top: 5px;
}

.cadastrarGrupoConfig .addArea {
	width: 530px;
	padding-top: 10px;
	text-align: center;
}

.ui-selectonemenu .ui-inputfield{
	border-width: 0 !important;
}

.ui-inputfield, .ui-widget-content .ui-inputfield{
	width: 95%;
}

#listaMotivos input[type="text"] {
    /* Estilos desejados para os inputs */
    width: 80%;
    /* Outros estilos... */
}
    
.valor-apurado input{
	width: 90% !important;
}

.input-80 input{
	width: 80%;
}

.linhaHorizontal {
	border-bottom: 1px solid #CCC;
	width: 100%;
	margin-bottom: 15px;
}

.columnRelFinLeft {
	width: 100%;
	max-width: 150px;
}

.columnRelFinRight, .columnRelCaixaRight, .columnRelFaturaRight,
	.columnRelEntradaRight {
	padding-left: 5px;
	text-align: left;
}

.columnRelCaixaLeft {
	width: 135px;
}

.faturamento .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	width: 200px;
}

.columnRelFaturaLeft {
	width: 75px;
}

.columnRelEntradaLeft {
	width: 140px;
}

.pedidoCat input, .pedidoCat select {
	width: 200px;
}

.vencimentoDataArea {
	margin: 0 auto 20px auto;
	width: 350px;
}

.vencimentoDataArea .dataValidade {
	font-weight: bold;
	color: #000;
	padding-right: 15px;
}

.ui-datatable .ui-selection-column .ui-chkbox-all {
	display: block;
	height: 20px;
	margin: 0 auto;
	width: 20px;
}

.empresaPadraoTitle {
	width: 100%;
	font-weight: bold;
	text-align: left;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

.inputNumber {
	width: 45px !important;
}

.inputNumberBig {
	width: 140px !important;
	font-size: 28px;
}

.inputNumberLong {
	width: 90px !important;
}

.gridProdCategoria .ui-datagrid-row {
	vertical-align: top;
}

.mesaArea {
	text-align: center;
	width: 95%;
	min-width: 80px;
	height: 145px;
	float: left;
}

.mesaGrid tr td {
	padding: 0 1px;
}

.mesaGrid .ui-widget-content {
	padding: 0 0 20px 0;
	border: 0px solid #fff;
}

.mesaGrid .ui-panel-titlebar {
	padding: 0.5em 0.5em 0.3em;
}

.grid-import-product table input {
	width: 100px !important;
}

/* .grid-import-product .ui-selectonemenu .ui-selectonemenu-label {
	width: 80px !important;
	min-width: 70px !important;
}*/

.listaTabelaPreco input {
	width: 150px !important;
}

.table-input-80 table input {
	width: 80px !important;
}

.table-input-100 table input {
	width: 100px !important;
}

.table-input-120 table input {
	width: 120px !important;
}

.table-input-150 table input {
	width: 150px !important;
}

.script-textArea textarea {
	width: 98% !important;
	padding: 5px;
}

#script {
	min-height: 100px;
	border: 1px solid #CCC;
}

.box-checkbox-area {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #dddddd;
	color: #333333;
	padding: 10px;
}

.tb-import-col, .tb-import-col td{
	text-align: left !important;
	vertical-align: top;
}

.grid-import-product tbody td tr{	
	vertical-align: top;
}

.width-50-percent{
	width: 50% !important;
}

.width-70-percent{
	width: 70% !important;
}

.tb-import-col .ui-inputtext{
	width: 70% !important;
}

.col-45 {
     width: 45px;
}

.col-60 {
     width: 60px;
}

.col-80 {
     width: 80px;
}

.checkbox-content-area {
	width: 100%;
	max-width: 170px;
}

.action-columns-1{
	width: 45px;
}

.action-columns-2{
	width: 70px;
}

.action-columns-3{
	width: 130px;
}

/******************************************
*
* Popups
*
******************************************/
.ui-dialog {
	top: 50px;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
	background-image: url(../img/waves.png);
	background-size: auto 100%;
	border-bottom: 1px solid #EEEEEE;
	padding: 9px 15px;
	min-width: 80%;
}

.detalhe-comanda .ui-dialog.ui-widget-content .ui-dialog-titlebar {
	background-image: url(../img/waves_logo.png);
	background-size: auto 100%;
	border-bottom: 1px solid #EEEEEE;
	padding: 9px 0;
	min-width: 100%;
}

.detalhe-comanda .ui-dialog.ui-widget-content .ui-dialog-title {
	font-size: 22px;
	color: #fff;
	float: none;
	margin: 0.3em auto 0.1em auto;
}

.detalhe-comanda .ui-dialog.ui-widget-content .ui-dialog-titlebar-close
	{
	margin-top: 2px;
	margin-right: 10px;
}

.ui-dialog .ui-widget-content .ui-dialog-title {
	font-size: 24px;
	color: red;
	text-shadow: 0 1px 0 #fff;
}

.ui-dialog-title !important {
	font-size: 22px;
	color: red;
	text-shadow: 0 1px 0 #fff;
}

.ui-dialog.ui-widget-content .ui-dialog-title {
	font-size: 22px;
	color: #fff;
	float: left;
	margin: 0.3em auto 0.1em auto;
	max-width: 94%;
}

.boxDialog {
	width: 450px !important;
	top: 20px !important;
}

.dialog-adaptive{
	width: 100% !important;	
}

.dialog-top-20{
	top: 20px !important; 
}

.image-dialog{
	width: 100%;
	max-width: 410px;
	padding: 0 0 10px 0;
}

.imagemDisplay {
	padding: 0 0 10px 0;
	max-width: 410px;
}

.produtoDetalhe {
	width: 90% !important;
	margin: 0 auto !important;
}

.ui-growl-item {
	border-radius: 5px;
	text-align: left;
	padding: 10px 10px 5px 10px;
}

.ui-growl-title {
	display: block;
	font-weight: bold;
	padding: 3px 0 0 0;
	width: 100%;
}

.ui-growl-message {
	width: 90%;
}

.ui-growl {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 550px;
}

.ui-growl-icon-close {
	cursor: pointer;
	position: absolute;
	left: 528px;
	top: 10%;
}

.ui-growl-item-container {
	opacity: 0.95;
	filter: alpha(opacity =    95);
}

.ui-growl-image {
	background: url("../img/messages.png") no-repeat scroll 0 0 transparent;
}

.ui-growl-image-warn {
	background-position: 0 -396px;
}

.ui-growl-image-info {
	background-position: 0 -264px;
}

.ui-dialog.ui-widget-content .ui-dialog-content .ui-icon-alert {
	height: 24px;
	width: 24px;
	background: url("../img/messages.png") no-repeat scroll 0 0 transparent;
	background-position: 0 -447px;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
	margin-top: 10px;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close .ui-icon-closethick
	{
	height: 20px;
	width: 23px;
	background: url("../img/messages.png") no-repeat scroll 0 0 transparent;
	background-position: 0 -54px;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close:hover {
	height: 20px;
	width: 23px;
	box-shadow: 0 0 5px rgba(149, 149, 149, 1);
}

.ui-growl-message {
	float: left;
	padding: 5px 0 10px 10px;
}

.ui-confirm-dialog-message {
	display: inline-block;
	margin-top: 6px;
	float: left;
	width: 90%;
	text-align: left;
}

.ui-tree .ui-tree-container {
	height: 100%;
	margin: 0 auto;
	overflow: auto;
	padding: 3px;
	white-space: nowrap;
	text-align: left;
}

.tree-full-width {
	width: 100%;
}

.tree-full-width .ui-treenode-leaf {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.tree-full-width .ui-treenode-children .ui-treenode-leaf {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 0;
	margin-bottom: 0;
}

.ui-chkbox {
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}

.ui-chkbox .ui-chkbox-box {
	border-radius: 2px 2px 2px 2px;
	display: inline-block;
	height: 20px;
	width: 20px;
}

.ui-icon-check {
	background-position: -62px -143px;
}

.columnLeftDialogDefault {
	text-align: right;
	font-weight: bold;
}

.columnRightDialogDefault {
	text-align: left;
	padding-left: 3px;
}

.pedidoDetalhe .columnRightDialogDefault {
	font-weight: normal;
}

.texto-pedido {
	display: block;
	margin-top: 10px;
	text-align: left;
	padding: 0 5px;
}

.pedidoDetalheTabela td {
	vertical-align: top;
}

.columnLeftDialog {
	text-align: left;
	font-weight: bold;
	float: left;
}

.columnRightDialog {
	text-align: left;
	padding-left: 3px;
	float: left;
}

.columnRight .ui-fileupload-buttonbar {
	text-align: right;
}

#valoresContinua {
	width: auto;
	margin-bottom: 20px;
}

.columnLeftModal {
	text-align: right;
}

.columnRightModal {
	text-align: left;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: center;
}

.scrollDialog {
	width: 100%;
	max-height: 300px;
	overflow-Y: auto;
	overflow-x: hidden;
}

.termo {
	width: 100%;
	height: 550px;
	margin: 0px;
	padding: 5px;
	overflow: auto;
	line-height: 20px;
}

.termo ol {
	list-style-type: decimal;
	margin-left: 16px;
}

.termo ul {
	list-style-type: disc;
	margin-left: 16px;
}

/******************************************
*
* Grids
*
******************************************/
.gridDefaultLinha, .gridProduto, .gridComanda {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	border-top: 1px dotted #CCC;
}

.gridDefault select, .gridDefaultLinha select, .gridProduto select,
	.gridPedidos select, .gridComanda select, .gridSetor select,
	.gridMotivo select, .gridForma select, .gridPerfil select {
	margin: 10px;
	width: 70px !important;
	padding: 5px;
}

.gridDefault, .gridPedidos {
	width: 100%;
	margin: 0 auto;
	table-layout: auto;
}

.ui-datatable tbody td {
	border-width: 1px;
	padding: 4px 2px;
	text-align: center;
}

.ui-datatable thead th {
	border-width: 1px;
}

.ui-datatable tbody td tr {
	border-color: transparent;
}

.ui-datatable .ui-paginator, .ui-datatable .ui-paginator {
	padding: 5px;
}

.gridCategoria, .gridCardapio, .gridSetor, .gridPerfil,
	.gridFuncionarios, .gridOpcionais, .gridForma, .gridMotivo, .gridCaixa, .gridBanner
	{
	width: 750px;
	margin: 0 auto;
}

.gridCategoria select, .gridCardapio select, .gridFuncionarios select, .gridBanner select {
	margin: 10px;
	width: 70px !important;
	padding: 5px;
}

.gridCategoria input, .gridCardapio input, .gridSetor input, .gridPerfil input,
	.gridFuncionarios input, .gridForma input, .gridMotivo input,
	.gridCaixa input, .gridDefault input, , .gridBanner input {
	width: 200px !important;
	margin: 0 auto !important;
}

.gridCardapioCategoria {
	width: 750px;
	margin: 10px auto;
}

.gridFuncionarios input {
	width: 150px !important;
	margin: 0 auto !important;
}

.columnUploadLeft {
	vertical-align: top;
	padding-top: 5px;
	padding-right: 5px;
}

.columnUploadRight {
	width: 410px;
}

.columnRight {
	text-align: left;
	padding-left: 3px;
}

.alignColLeft {
	text-align: right;
	width: 50%;
}

.alignColRight {
	text-align: left;
	padding-left: 3px;
}

.checkBoxScroll {
	height: 84px;
	width: 410px;
}

.checkBoxScroll-full {
	height: auto;
	width: 100%;
	max-height: 145px;
}

.esquerda {
	text-align: left;
}

.planoTable {
	margin: 0 auto;
	text-align: left;
}

.planoTable .ui-widget-content {
	border-color: transparent;
}

.planoTable .conteudo {
	border-top: 1px solid #B3D9F8;
	padding-top: 5px;
	margin-top: 10px;
}

.planoTable .conteudo ul {
	color: #999999;
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	margin-top: 10px;
	line-height: 18px;
}

.planoTable .conteudo ul li {
	margin: 5px 0;
}

.planoQtd {
	color: #031CA6;
	font-size: 14px;
}

.planoValor {
	color: #031CA6;
	font-size: 20px;
	font-weight: bold;
}

.planoTable .select .ui-widget-content, .planoTable .deselect .ui-widget-content
	{
	background-color: transparent;
	border-color: transparent;
}

.select {	
	background-color: #F8FCFE;
	box-shadow: 0 0 7px #4DA6FF;	
	float: left;
}

.deselect {
	background-color: #F8FCFE;
	border: 1px solid #B3D9F8;	
	width: 210px;
	height: 300px;
	margin: 0;
	border-radius: 5px;	
}

.deselect:hover {
	background-color: #FFFFFF;
	border: 1px solid #A3BEDF;	
	box-shadow: 0 0 7px #4DA6FF;	
}

.pe-timepicker-button{
	width: 16px !important;
	height: 14px !important;
    border-radius: 0px !important;
}

.button-width-140{	
	width: 100%;
	max-width: 140px;
}

.button-width-180{	
	width: 100%;
	max-width: 180px;
}

.button-width-45{	
	width: 100%;
	max-width: 45px;
}

.multiline-cell {
	white-space: normal;
}

/* .tb-import-col .ui-outputlabel{
	margin-right: 10px;	
} */

.offset-top-5 {
	margin-top: 5px !important;
}

.offset-top-10 {
	margin-top: 10px !important;
}

.offset-top-15 {
	margin-top: 15px !important;
}

.offset-top-20 {
	margin-top: 20px !important;
}

.offset-bottom-10 {
	margin-bottom: 10px !important;
}

.offset-bottom-15 {
	margin-bottom: 15px !important;
}

.offset-bottom-20 {
	margin-bottom: 20px !important;
}

.offset-rel {
	padding-left: 120px;
}

.offset-left-5 {
	padding-left: 5px;
	margin-left: 5px;
}

.offset-left-10 {
	padding-left: 10px;
}

.offset-left-15 {
	padding-left: 15px;
}

.offset-left-20 {
	padding-left: 20px;
}

.offset-left-35 {
	padding-left: 35px;
}

.offset-left-45 {
	padding-left: 45px;
}

.offset-left-85 {
	padding-left: 85px;
}

.offset-left-95 {
	padding-left: 95px;
}

.margin-centered {
	margin: 0 auto;
}

.table-total-row {
	border-top: 2px solid #CCC;
}

.table-total-row tr td {
	border-width: 0px;
}

.font-90 {
	font-size: 90%;
}

.full-width {
	width: 100%;
}

.offsetRight-col-2{
	padding-right: 2px;
}

.offsetRight-col-20{
	padding-right: 20px;
}

.text-left-align {
	text-align: left;
}

.text-centered {
	text-align: center;
}



/******************************************
*
* Tabela para Impressao
*
******************************************/
.printTable {
	width: 100%;
	border: 1px solid #cbcbcb;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.printTable td, .printTable th {
	border-left: 1px solid #cbcbcb;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: 0.4em 1em;
}

.printTable td:first-child, .printTable th:first-child {
	border-left-width: 0;
}

.printTable thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: center;
	vertical-align: middle;
}

.printTable td {
	background-color: transparent;
}

.printTable-odd td {
	background-color: #f2f2f2;
}

.printTable tr:nth-child(2n-1) td {
	background-color: #f2f2f2;
}

/******************************************
*
* Impressao
*
******************************************/
.templateGrid {
	width: 100%;
	height: auto;
	margin: 0;
}

.templateGrid .ui-widget-content {
	border-color: #fff;
}

.limit-50 {
	width: 50%;
}

.templateGrid .centered {
	text-align: center;
}

.templateGrid .direita {
	text-align: right;
}

.templateGrid .esquerda {
	text-align: left;
}

.scrollDialogPrint {
	width: 100%;
	max-height: 300px;
	overflow-Y: auto;
	overflow-x: auto;
	padding: 5px;
}

page {
	background: white;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5cm;
	box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
}

page h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}

}
page[size="A4"] {
	width: 20cm;
	height: 28.7cm;
	padding: 0.5cm
}

page[size="termica"] {
	width: 7cm;
	height: auto;
	padding: 0cm;
	font-size: 12px;
}

page[size="termica"] .printTable td, page[size="termica"] .printTable th
	{
	padding: 0.1em;
}

/******************************************
*
* Novo Usuario
*
******************************************/
#userIconTitle {
	background-image: url(../img/userIcon.png);
}

#userIcon {
	background-image: url(../img/userIcon.png);
}

.infoCaixaEmpresa {
	width: 435px;
	min-width: 435px;
	height: 80px;
	text-align: left;
	padding: 15px 10px;
	font-size: 14px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
}

.infoCaixaContasAPagar {
	width: 435px;
	min-width: 250px;
	height: 80px;
	text-align: left;
	padding: 15px 10px;
	font-size: 14px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
}
/******************************************
*
* Esqueceu Senha
*
******************************************/
#areaSenha {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 10%;
}

#esqueceuSenhaArea {
	background: #fff;
	height: auto;
	margin: 0 auto;
	padding: 0;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	width: 400px;
	border-radius: 9px;
}

#topTable {
	width: 100%;
	background: -moz-linear-gradient(top, #EBEBEB 0%, #CCCCCC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB),
		color-stop(100%, #         #CCCCCC));
	background: -webkit-linear-gradient(top, #EBEBEB 0%, #CCCCCC 100%);
	background: -o-linear-gradient(top, #EBEBEB 0%, #CCCCCC 100%);
	background: -ms-linear-gradient(top, #EBEBEB 0%, #CCCCCC 100%);
	background: linear-gradient(to bottom, #EBEBEB 0%, #CCCCCC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(      startColorstr='#EBEBEB',
		endColorstr='#CCCCCC', GradientType=0);
	border-bottom: 1px solid #EEEEEE;
	padding: 9px 15px;
	color: #636363;
	font-size: 24px;
	text-shadow: 0 1px 0 #FFFFFF;
	border-radius: 9px 9px 0 0;
}

#esqueceuSenhaArea input {
	width: 100%;
	font-size: 1.1em;
	padding: 4px;
	margin: 1px;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
	cursor: text;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#esqueceuSenhaArea input:FOCUS {
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(82, 168, 236, 0.6);
	outline: 0 none;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#esqueceuSenhaArea button {
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #CCC;
	padding: 6px 10px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(      startColorstr='#ffffff',
		endColorstr='#e6e6e6', GradientType=0);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	cursor: pointer;
}

#esqueceuSenhaArea button:hover {
	background: #E6E6E6;
}

#contentTable {
	padding: 15px 10px 5px 10px;
}

#buttonTable {
	padding: 5px 5px 10px 5px;
	border-top: 1px solid #CCC;
	width: 95%;
	text-align: right;
	margin: 0 auto;
	border-top: 1px solid #CCC;
}

.aceitacaoArea {
	padding: 0 0 20px;
	text-align: center;
}

.aceitacaoArea a {
	text-decoration: none;
	color: #031CA6;
	font-weight: bold;
	text-align: left;
	margin-left: 5px;
}

.aceitacaoArea a:hover {
	color: #636363;
}

.ui-paginator .ui-paginator-rpp-options option{
	min-width: 40px !important;
}

.vertical-top{
	vertical-align: top;
}

/******************************************
*
* Icones Titulo
*
******************************************/
#iconeCaixa {
	background-image: url(../img/ico_caixa.png);
	background-position: 0 0;
}

#downloadIconPequeno {
	background-image: url(../img/ico_download.png);
	background-position: 0 0;
}

#downloadIcon {
	background-image: url(../img/icone-download-128.png);
	background-size: 14% 55%;
}

#estabIconTitle {
	background-image: url(../img/estabelecimentoIcon.png);
}

#vendasBalcaoIcon {
	background-image: url(../img/vendas-balcao-icone.png);
}

#cadastrarProdutoIcon {
	background-image: url(../img/cadastrar-produto-icone.png);
}

#cadastrarCardapioIcon {
	background-image: url(../img/cadastrar-cardapio-icone.png);
}

#cadastrarCategoriaIcon {
	background-image: url(../img/cadastrar-categoria-icone.png);
}

#cadastrarEstoqueEntradaIcon {
	background-image: url(../img/cadastrar-estoqueEntrada-icone.png);
}

#cadastrarEstoqueSaidaIcon {
	background-image: url(../img/cadastrar-estoqueSaida-icone.png);
}

#cadastrarPerfilIcon {
	background-image: url(../img/cadastrar-perfil-icone.png);
}

#cadastrarMenuRapidoIcon {
	background-image: url(../img/cadastrar-menu-rapido-icone.png);
}

#cadastrarFuncionarioIcon {
	background-image: url(../img/cadastrar-funcionario-icone.png);
}

#cadastrarGrupoOpIcon {
	background-image: url(../img/cadastrar-grupo-op-icone.png);
}

#cadastrarGrupoClienteIcon {
	background-image: url(../img/cadastrar-grupoCliente-icone.png);
}

#cadastrarTabelaIcon {
	background-image: url(../img/cadastrar-tabela-icone.png);
}

#cadastrarImpressoraPedidoIcon {
	background-image: url(../img/cadastrar-impressoraPedido-icone.png);
}

#cadastrarContaIcon {
	background-image: url(../img/cadastrar-conta-icone.png);
}

#cadastrarLancamentoContaIcon {
	background-image: url(../img/cadastrar-lancamentoConta-icone.png);
}

#cadastrarTabelaPrecoIcon {
	background-image: url(../img/cadastrar-tabelaPreco-icone.png);
}

#cadastrarFornecedorIcon {
	background-image: url(../img/cadastrar-fornecedor-icone.png);
}

#cadastrarSetorIcon {
	background-image: url(../img/cadastrar-setor-icone.png);
}

#cadastrarPagamentoIcon {
	background-image: url(../img/cadastrar-pagamento-icone.png);
}

#cadastrarMotivoIcon {
	background-image: url(../img/cadastrar-motivo-icone.png);
}

#consultarProdutoIcon {
	background-image: url(../img/consultar-produto-icone.png);
}

#consultarPedidoIcon {
	background-image: url(../img/consultar-pedido-icone.png);
}

#consultarComandaIcon {
	background-image: url(../img/consultar-comanda-icone.png);
}

#consultarMesaIcon {
	background-image: url(../img/consultar-mesa-icone.png);
}

#consultarEntradaEstoqueIcon {
	background-image: url(../img/consultar-entradaEstoque-icone.png);
}

#consultarSaidaEstoqueIcon {
	background-image: url(../img/consultar-saidaEstoque-icone.png);
}

#consultarEstoqueIcon {
	background-image: url(../img/consultar-Estoque-icone.png);
}

#consultarGrupoOpIcon {
	background-image: url(../img/consultar-grupo-op-icone.png);
}

#consultarReceitaIcon {
	background-image: url(../img/consultar-receita-icone.png);
}

#conferirEstoqueIcon {
	background-image: url(../img/conferir-estoque-icone.png);
}

#comandaIcon {
	background-image: url(../img/comanda-icone.png);
}

#caixaIcon {
	background-image: url(../img/caixa-icone.png);
}

#receitaIcon {
	background-image: url(../img/receita-icone.png);
}

#contaIcon {
	background-image: url(../img/conta-icone.png);
}

#faturamentoIcon {
	background-image: url(../img/faturamento-icone.png);
}

#relatorioEstoqueIcon {
	background-image: url(../img/relatorio_estoque.png);
}

#relatorioRecargaIcon {
	background-image: url(../img/relatorio_recarga.png);
}

#planoIcon {
	background-image: url(../img/plano-icone.png);
}

#entradaIcon {
	background-image: url(../img/entrada-icone.png);
}

#perfilIcon {
	background-image: url(../img/perfil-icone.png);
}

#trocarSenhaIcon {
	background-image: url(../img/trocar-senha-icone.png);
}

#parametroIcon {
	background-image: url(../img/parametro-icone.png);
}

#mensalidadeIcon {
	background-image: url(../img/mensalidade-icone.png);
}

#empresaPadraoIcon {
	background-image: url(../img/empresa-padrao-icone.png);
}

#cadastrarDescontoIcon {
	background-image: url(../img/cadastrar_desconto.png);
}

#cadastrarEnderecoClienteIcon {
	background-image: url(../img/cadastrar_endereco_cliente.png);
}

#cadastrarMotivoEstoqueIcon {
	background-image: url(../img/cadastrar_motivo_estoque.png);
}

#cadastrarMotivoFinanceiroIcon {
	background-image: url(../img/cadastrar_motivo_financeiro.png);
}

#consultarClienteIcon {
	background-image: url(../img/consultar_cliente.png);
}

#consultarContaClienteIcon {
	background-image: url(../img/consultar_conta_cliente.png);
}

#consultarContasPagarIcon {
	background-image: url(../img/consultar_contas_pagar.png);
}

#consultarContasReceberIcon {
	background-image: url(../img/consultar_contas_receber.png);
}

#consultarRecargaIcon {
	background-image: url(../img/consultar_recarga.png);
}

#consultarSaldoIcon {
	background-image: url(../img/consultar_saldo.png);
}

#estoqueMinimoIcon {
	background-image: url(../img/estoque_minimo.png);
}

#lancarEntradaSaidaIcon {
	background-image: url(../img/lancar_entrada_saida.png);
}

#lancarTransferenciaIcon {
	background-image: url(../img/lancar_transferencia.png);
}

#pedidoBalancaIcon {
	background-image: url(../img/pedido_balanca.png);
}

#relatorioCaixaIcon {
	background-image: url(../img/relatorio_caixa.png);
}

#relatorioConsumoIcon {
	background-image: url(../img/relatorio_consumo.png);
}

#relatorioContaClienteIcon {
	background-image: url(../img/relatorio_conta_cliente.png);
}

#relatorioDREIcon {
	background-image: url(../img/relatorio_DRE.png);
}

#relatorioEntradaSaidaIcon {
	background-image: url(../img/relatorio_entrada_saida.png);
}

#relatorioFaturamentoComandaIcon {
	background-image: url(../img/relatorio_faturamento_comanda.png);
}

#relatorioFinanceiroIcon {
	background-image: url(../img/relatorio_financeiro.png);
}

#relatorioMotivofinanceiroIcon {
	background-image: url(../img/relatorio_motivo_financeiro.png);
}

#relatorioVendasIcon {
	background-image: url(../img/relatorio_vendas.png);
}

#configurarBalancaIcon {
	background-image: url(../img/configurar_balanca.png);
}

#configurarProduto_balancaIcon {
	background-image: url(../img/configurar_produto_balanca.png);
}

#consultarConsumoIcon {
	background-image: url(../img/consultar_consumo.png);
}

#consultarContaIcon {
	background-image: url(../img/consultar_conta.png);
}

#versoesDownloadsIcon {
	background-image: url(../img/versoes_downloads.png);
}

.negrito {
	font-weight: bold;
}

.content-centered {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

.content-centered-full {
	width: 100%;	
	margin: 0 auto;
}

.colGridLeft {
	text-align: right;
	padding: 4px !important;	
}

.colGridRight {
	text-align: left;
	padding: 4px !important;	
}

.ui-panelgrid-blank tbody{
	width: 100%;
}

.radio-color .box-1{
	background: #0066cc !important;
	height: 8px !important;
	width: 25% !important;
	float: left;
	padding: 5px;
	margin: 2px 5px 0 0;
}

.radio-color .box-2{
	background: #00cc66 !important;
	height: 8px !important;
	width: 25% !important;
	float: left;
	padding: 5px;
	margin: 2px 5px 0 0;
}

.radio-color .box-3{
	background: #ffa64d !important;
	height: 8px !important;
	width: 25% !important;
	float: left;
	padding: 5px;
	margin: 2px 5px 0 0;
}

.radio-color .box-4{
	background: #993333 !important;
	height: 8px !important;
	width: 25% !important;
	float: left;
	padding: 5px;
	margin: 2px 5px 0 0;
}

/******************************************
*
* Menu Rapido
*
******************************************/
.menuRapido {
	width: 426px;
	margin: 20px auto 0 auto;
}

.menuRapido a {
	background-size: 23px 23px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 2px 0 5px 0;
}

.menuRapido .ui-menu.ui-widget .ui-menuitem-link {
	margin-bottom: 10px;
}

.menuRapido .ui-menu.ui-widget li>.ui-menuitem-link.ui-state-hover {
	
}

.menuRapido .ui-menu.ui-widget .ui-menuitem-link span {
	margin: 0 0 0 30px;
}

.menuRapido .ui-widget-content {
	border-color: transparent;
	font-size: 13px;
	width: 215px;
}

.menuRapidoLista {
	margin-left: 15px;
}

.iconMenu_product\.new {
	background-image: url(../img/cadastrar-produto-icone.png);
}

.iconMenu_product\.search {
	background-image: url(../img/consultar-produto-icone.png);
}

.iconMenu_optional\.new {
	background-image: url(../img/cadastrar-grupo-op-icone.png);
}

.iconMenu_commands\.search {
	background-image: url(../img/consultar-comanda-icone.png);
}

.iconMenu_optional\.search {
	background-image: url(../img/consultar-grupo-op-icone.png);
}

.iconMenu_order\.search {
	background-image: url(../img/consultar-pedido-icone.png);
}

.iconMenu_incomeorexpense\.search {
	background-image: url(../img/consultar-receita-icone.png);
}

.iconMenu_incomeorexpense\.report {
	background-image: url(../img/entrada-icone.png);
}

.iconMenu_financial\.report {
	background-image: url(../img/receita-icone.png);
}

.iconMenu_order\.report {
	background-image: url(../img/vendas-balcao-icone.png);
}

.iconMenu_order\.new {
	background-image: url(../img/vendas-balcao-icone.png);
}

.iconMenu_salescommand\.report {
	background-image: url(../img/faturamento-icone.png);
}

.iconMenu_cash\.report {
	background-image: url(../img/caixa-icone.png);
}

.iconMenu_user\.bill {
	background-image: url(../img/conta-icone.png);
}

.iconMenu_incomeorexpense {
	background-image: url(../img/receita-icone.png);
}

.iconMenu_balance {
	background-image: url(../img/vendas-balcao-icone.png);
}

.iconMenu_orderbycategory {
	background-image: url(../img/vendas-balcao-icone.png);
}

.iconMenu_opencash {
	background-image: url(../img/caixa-icone.png);
}

.iconMenu_closecash {
	background-image: url(../img/caixa-icone.png);
}

.iconMenu_menu {
	background-image: url(../img/cadastrar-cardapio-icone.png);
}

.iconMenu_provider\.new {
	background-image: url(../img/cadastrar-fornecedor-icone.png);
}

.iconMenu_employee {
	background-image: url(../img/consultar-mesa-icone.png);
}

.iconMenu_category {
	background-image: url(../img/cadastrar-categoria-icone.png);
}

.iconMenu_profile {
	background-image: url(../img/cadastrar-perfil-icone.png);
}

.iconMenu_pricing {
	background-image: url(../img/cadastrar-tabela-icone.png);
}

.iconMenu_section {
	background-image: url(../img/cadastrar-setor-icone.png);
}

.iconMenu_paymentform {
	background-image: url(../img/cadastrar-pagamento-icone.png);
}

.iconMenu_motive {
	background-image: url(../img/cadastrar-motivo-icone.png);
}

.iconMenu_table {
	background-image: url(../img/consultar-mesa-icone.png);
}

.iconMenu_user\.pricetable {
	background-image: url(../img/cadastrar-perfil-icone.png);
}

.iconMenu_client\.search {
	background-image: url(../img/consultar_cliente.png);
}

.iconMenu_stock\.entry {
	background-image: url(../img/cadastrar-estoqueEntrada-icone.png);
}

.iconMenu_cash\.reconcile {
	background-image: url(../img/caixa-icone.png);
}

.iconMenu_stock\.out {
	background-image: url(../img/cadastrar-estoqueSaida-icone.png);
}

/******************************************
*
* Pagina de Erro
*
******************************************/
.errorPage {
	width: 100%;
	padding: 40px 0 0 0;
	text-align: center;
}

.errorPage h1 {
	font-size: 30px;
	color: #ff0000;
}

/******************************************
*
* Passos
*
******************************************/
.stepsArea {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
	width: 100%;
	height: 154px;
}

.stepsArea h3 {
	color: #555555;
	margin: 0 auto 0 90px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 15px 0;
	text-shadow: 0px 1px 0px #fff;
}

.stepsContent {
	width: auto;
	height: 90px;
	margin: 0 auto;
	background-image: url(../img/bg_circles.png);
	background-repeat: no-repeat;
	background-position: center 38px;
	background-size: 100% 16px;
	font-size: 10px;
	text-align: center;
}

.stepsContent a {
	text-decoration: none;
}

.stepsContent a:hover {
	color: #9e0b0f;
}

.steps, .stepsComplete, .stepsAtivo {
	height: 90px;
	width: 76px;
	margin: 0 2px;
	float: left;
}

.stepsComplete div {
	width: 44px;
	height: 38px;
	margin: 0 0 0 23px;
	font-size: 10px;
	font-weight: bold;
	background-image: url(../img/step_complete.png);
	background-repeat: no-repeat;
}

.stepsComplete span div {
	background: green;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	margin: 5px auto;
}

.stepsComplete p {
	margin: 0 0 0 -14px;
	padding: 8px 0 0 0;
	color: #000;
}

.stepsComplete a {
	color: #000;
}

.stepsAtivo div {
	width: 44px;
	height: 38px;
	margin: 0 0 0 23px;
	font-size: 10px;
	font-weight: bold;
	background-image: url(../img/step_ativo.png);
	background-repeat: no-repeat;
}

.stepsAtivo span div {
	background: orange;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	margin: 5px auto;
}

.stepsAtivo p {
	margin: 0 0 0 -14px;
	padding: 8px 0 0 0;
	color: #000;
}

.stepsAtivo a {
	color: #000;
}

.steps div {
	width: 44px;
	height: 38px;
	margin: 0 0 0 23px;
	font-size: 10px;
	font-weight: bold;
	background-image: url(../img/step_default.png);
	background-repeat: no-repeat;
}

.steps span div {
	background: #CCC;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	margin: 5px auto;
}

.steps p {
	margin: 0 0 0 -14px;
	padding: 8px 0 0 0;
	color: #898989;
}

.steps a {
	color: #898989;
}

.close {
	float: right;
}

/******************************************
*
* Graficos
*
******************************************/
.chartsLogin {
	margin: 0 auto;
	width: 960px;
}

.chartsLogin td {
	vertical-align: top;
}

.chartsArea {
	width: 650px;
	min-width: 580px;
	padding-right: 40px;
	border-right: 1px solid #cfcfcf;
}

.chartHome1 {
	width: 100%;
	max-width: 560px;
	height: 200px;
	margin: 0 auto;
	float: right;
}

.chartHome2 {
	width: 100%;
	max-width: 560px;
	height: 200px;
	margin: 30px auto;
	float: right;
}

.chartHome3 {
	width: 100%;
	max-width: 500px;
	height: 250px;
	margin: 0 auto;
	float: right;
	text-align: left;
}

.chartsInfoSide {
	float: right;
}

.jqplot-title {
	
}

#contentHome {
	min-height: 90%;
	background: url("../img/bg_restaurante.png") no-repeat scroll center;
	background-size: 100% 99%;
}

.ambient {
	width: 100%;
	display: block;
	z-index: -25;
}

.banner {
	min-height: 100%;
}

.devices {
	max-width: 90.9090909090909%;
	max-height: 327px;
	margin-top: 300px;
	margin-left: 1.0416666666666665%;
	float: left;
}

#formLoginArea {
	width: 100%;
	height: 320px;
	background: #fff;
	float: left;
	padding: 10px;
	border-radius: 8px;
	margin-top: 30px;
}

.formLoginLeft {
	min-width: 300px;
	height: 310px;
	float: left;
	margin-top: 250px;
}

.formLoginRight {
	width: 67.75%;
	height: 310px;
	float: right;
}

.newUser {
	width: 100%;
}

.newUser button {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: #f6b33d;
	border: 1px solid #cc6600;
	color: #663300;
	font-size: 15px;
	font-weight: bold;
	height: 40px;
	width: 100%;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}

.newUser button:hover {
	background: #fecc91;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}

.ambient>div {
	width: 960px;
	height: 560px;
	margin: 1px auto 0 auto;
}

.loginTitle {
	position: absolute;
	margin: 100px auto;
	width: 960px;
	color: white;
	font-size: 3em;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
	font-weight: normal;
}

.loginTitle span {
	color: #f9a323;
}

/******************************************
*
* Picklist
*
******************************************/
.ui-picklist .ui-picklist-list li:nth-child(odd) {
	background: #efefef;
}

.ui-picklist .ui-picklist-list li {
	border-radius: 0;
}

.ui-picklist .ui-picklist-list li:hover {
	background: #e6e6e6;
}

.ui-picklist .ui-picklist-filter-container {
	margin-bottom: 8px;
}

.ui-picklist .ui-picklist-caption {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(      startColorstr='#ffffff',
		endColorstr='#e6e6e6', GradientType=0);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.printMessageArea {
	width: 100%;
	height: 35px;
}

.printMessageArea button {
	float: left;
}

.printMessageArea p {
	float: left;
	padding-left: 10px;
	padding-top: 8px;
	display: none;
}

.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
	padding: 5px 5px 0 0;
}

/******************************************
*
* Mobile
*
******************************************/
@media all and (max-width: 1024px) {
	.devices {
		margin-top: 260px;
	}
	.ambient>div {
		width: 100%;
	}
	.loginTitle {
		position: absolute;
		margin: 50px auto;
		width: 100%;
	}
	#loginContent {
		width: 100%;
	}
	.formLoginRight {
		width: 58.75%;
	}	
	.jqplot-base-canvas {
		width: 200px;
	}
	.chartsLogin {
		width: 100%;
	}
	.chartsLogin .columnLeft {
		width: 100%;
	}
	.chartsLogin .columnRight {
		width: 100%;
	}
	.chartsArea {
		width: 100%;
		float: none;
		padding: 0;
	}
	.chartHome1 {
		width: 100%;
		margin: 0 auto;
		float: right;
	}
	.chartHome2 {
		width: 100%;
		margin: 30px auto;
		float: right;
	}
	.chartHome3 {
		width: 100%;
		margin: 0 auto;
		float: right;
		text-align: left;
	}
	.chartsInfoSide {
		float: none;
		padding: 0;
	}
}

@media all and (max-width: 800px) {
	.devices {
		margin-top: 300px;
	}
	#formContent {
		min-width: 300px;
	}
}

@media all and (max-width: 768px) {
	#wrapper {
		min-width: 100%;
	}
	.devices {
		margin-top: 320px;
	}
	.formLoginRight {
		width: 48.75%;
	}
	.loginTitle {
		font-size: 2.5em;
	}
	.gridDefault, .gridCategoria, .gridSetor, .gridForma, .gridOpcionais,
		.gridFuncionarios, .gridMotivo, .gridOpcionais, .gridCardapio,
		.gridClientes, .gridCardapioCategoria, .gridPerfil, .checkboxPerfil .ui-widget-content
		{
		width: 100% !important;
	}
}

@media all and (max-width: 640px) {
	#menu-icon {
		margin-top: 10px;
	}
	.ui-menubar {
		width: 150px;
		height: 80px;
		z-index: 9999;
	}
	nav {
		float: right;
		padding: 5px;
		display: inline-block;
	}
	nav .ui-menu.ui-menubar {
		width: 100%;
		height: auto;
		background: #f5f5f5;
		border: none;
		-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
		box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
		-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
		top: 105px;
		right: 0;
		left: 0;
		position: absolute;
		padding: 0;
		font-size: 0.9em;
		display: none;
	}
	nav .ui-menu.ui-menubar a {
		background: linear-gradient(#6FACD5, #497BAE) repeat scroll 0 0 #5E87B0;
		border: 1px solid #456F9A;
		color: #FFFFFF;
		font-weight: bold;
		text-shadow: 0 1px 0 #3E6790;
	}
	nav .ui-menu .ui-menu-parent .ui-menu-child a {
		background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
		border-bottom: 1px solid #CCCCCC;
		color: #222222;
		font-weight: bold;
		text-shadow: 0 1px 0 #FFFFFF;
		padding: 10px 0;
	}
	nav .ui-menu .ui-menu-parent .ui-menu-child a:hover {
		background: linear-gradient(#EEEEEE, #FFFFFF) repeat scroll 0 0 #EEEEEE;
		color: #333333;
		cursor: pointer;
		font-weight: bold;
		text-shadow: 0 1px 0 #FFFFFF;
	}
	.ui-menu.ui-widget li>.ui-menuitem-link {
		border-width: 0;
		padding: 5px 0;
	}
	nav .ui-menu .ui-menuitem {
		float: none;
	}
	nav .ui-menu .ui-menu-parent .ui-menu-child {
		width: 100%;
		display: block !important;
		position: relative;
		float: left;
		clear: both;
		top: 0;
	}
	nav .ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
		padding: 0;
		border-radius: 0;
	}
	nav:hover .ui-menu.ui-menubar {
		display: block;
	}
	.gridSetor {
		width: 100%;
	}
	.title h1 {
		font-size: 1.6em;
		line-height: 35px;
	}
	.ui-growl {
		width: 90% !important;
		left: 20px;
	}
	.colGridLeft {
		text-align: left;
	}
	.colGridRight {
		text-align: left;
	}
	.ui-panelgrid .ui-grid-responsive .ui-grid-row{
		border-top: 0 none;
	}
	.pe-timepicker{
		width: 100%;
	}
	.dialog-margin-bottom{
		margin-bottom: 120px !important;
	}
}

@media all and (max-width: 600px) {
	.formLoginRight {
		display: none;
	}
	.ambient {
		background-position: center -100px;
		width: 100%;
		height: 460px;
	}
	.ambient>div {
		width: 100%;
		height: 460px;
		margin: 1px auto 0 auto;
	}
	#formLoginArea {
		width: 90%;
		height: 300px;
		float: none;
		padding: 10px;
		margin: 0 auto;
	}
	.loginTitle {
		font-size: 2em;
	}
	#loginContent {
		width: 100%;
	}
	.formLoginLeft {
		width: 100%;
		margin-top: 155px;
	}	
	.aceitacaoArea {
		padding: 0 0 20px 0;
	}
	.formConsulta textarea {
		width: 100%;
	}
}

@media all and (max-width: 480px) {
	.loginTitle {
		font-size: 1.8em;
	}	
	.aceitacaoArea  table tr:first-child td:first-child {
		text-align: center;
		display: block;
		position: relative;
	}
	.aceitacaoArea  table tr:first-child td:last-child {
		text-align: left;
		display: block;
		position: relative;
		margin-top: 5px;
		text-align: center;
	}
	.inputData label {
		width: 100%;
	}
	.formConsulta {
		width: 95%;
	}
		.checkBoxScroll {
		width: 300px;
	}
	.checkBoxScroll-full {	
		width: 95%;
	}
	.offset-rel, .offset-left-95, .offset-left-85, .offset-left-35,
		.offset-left-45 {
		float: right;
		padding-left: 0;
	}
	.formConsulta .inputData input {
		width: 120px !important;
	}
	.title h1 {
		font-size: 1.250em;
		line-height: 20px;
	}
}

@media all and (max-width: 400px) {
	.loginTitle {
		font-size: 1.5em;
		margin: 70px auto;
	}	
	.uploadArea {
		padding-left: 50px;
	}
	.aceitacaoArea {
		font-size: 0.9em;
	}
	.ui-dialog.ui-widget-content .ui-dialog-title {
		font-size: 1em;
	}
	.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
		margin-top: 0;
	}
	.termo {
		height: 350px;
	}
	.inputData label {
		width: 100%;
	}
	.formConsulta {
		width: 95%;
	}
	.checkBoxScroll {
		width: 250px;
	}	
	.offset-rel, .offset-left-95, .offset-left-85 {
		float: right;
		padding-left: 0;
	}
	.formConsulta .inputData input {
		width: 100px !important;
	}
}

@media all and (max-width: 320px) {
	.inputData label {
		width: 100%;
	}	
	.checkBoxScroll {
		width: 200px;
	}	
	.offset-rel, .offset-left-95, .offset-left-85, .offset-left-35,
		.offset-left-45 {
		float: right;
		padding-left: 0;
	}
	.formConsulta .inputData input {
		width: 80px !important;
	}
	.title h1 {
		line-height: 20px;
	}
}

#gridVisualizarItemContaAPagar {
	width: 300px;
}

.tituloBoxHome {
	font-size: 20px;
	font-weight: bold;
	color: #031CA6;
	text-decoration: none;
}

.contas .saldo {
	border: none;
}

.dataVencida {
	color: red;
}

.verde {
	color: green !important;
}

.icones {
	max-width: 100%;
	height: 28px;
	padding: 6px 0px 0px 37px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 15px 0px;
	background-repeat: no-repeat;
}

.flex-container {
	display: flex;
}

#stockIcon {
	background-image: url(../img/stock_icon.png);
	background-position: 0 0;
	background-size: 35px 35px;
}

.cadcliente, tr>td>span.cadcliente>input, tr>td>div.cadcliente>div>input,
	input.cadcliente, div.cadcliente>div>input {
	width: 400px;
}

tr>td>div.paramnfe {
	width: 214px !important;
}

tr>td>div.paramnfe>label {
	width: 216px !important;
}

.ui-selectonemenu-panel {
	position: absolute;
	height: auto;
	width: 400px;
}

tr>td>button.nfe>span {
	font-weight: bold;
	padding: 0.3em !important;
}

.modal-usuario .ui-dialog-content {
    max-height: 70vh !important;
    overflow-y: auto !important;
}