.date,
.button,
.label,
.entry,
.select,
.textarea
{
	padding: 5px;
	margin: 2px;
	font-size: 1.0em;
	border-radius: 2px;
}

/*Entrys****************************************/
.entry
{
	border: 1px solid #f7f7f7;
}

.readonly
{
	background: #e9e9e9;
}

.numericinput
{
	text-align: right;
	width: 60px;
}

.inputcpf {
	width: 120px;
	text-align: left;
}
/***********************************************/

/*Buttons***************************************/
.button,
.input-submit,
.input-button
{
	background: inherit;
	color: inherit;
	box-shadow: 0 0px 2px #777;
	/*box-shadow: 0 0px 1px #444;*/
	border: none;
	/*border: none;*/
	cursor: pointer;
	padding: 5px 10px;
	height: 26px;
	/*font-weight: bold;*/
}

.button-licon,
.button-ricon
{
	vertical-align: middle;
	/* width: 16px;
	height: 16px; */
}

/* .button-licon
{
	margin-right: 5px;
}

.button-ricon
{
	margin-left: 5px;
} */

.button:hover
{
	box-shadow: 0 0px 4px #777;
}

.button:active,
.input-submit:active,
.input-button:active
{
	box-shadow: 0 0 0px #444;
}

.buttons
{
	border-top: 1px solid #ddd;
	text-align: right;
	/*margin-top: 10px;*/
	padding: 5px;
}
/***********************************************/

/*Select****************************************/
.select
{
	background: #fff;
	border: 1px solid #d8d8d8;
}
/***********************************************/

/*Windows***************************************/
.window
{
	display: flex;
	flex-direction: column;
	box-shadow: 0px 0px 10px black;
	background: #F0F0F0;
	min-width: 200px;
	min-height: 50px;
	overflow: hidden;
}

.window .top-panel .title
{
	font-size: 1.0em;
	font-weight: normal;
	margin: 5px;
}

.window .top-panel
{
	padding: 5px;
	margin-bottom: 1px;
	cursor: default;
	border-bottom: 1px solid #e6e6e6;
}

.window .top-panel:active
{
	cursor: move;
}

.window .window-buttons
{
	position: absolute;
	right: 5px;
	top: 5px;
}

.window .window-button
{
	/*background: #F0F0F0;*/
	border-radius: 1px;
	border: none;
	margin-left: 2px;
}

.window .window-button:hover
{
	transform: scale(1.05);
}

.window .window-button:active
{
	transform: scale(0.95);
}

.window .close-button
{
	background-color: #c44;
	color: #fff;
}

.window .main-panel
{
	color: #1A1A1A;
	flex-grow: 1;
}

.dialog .content
{
	display: flex;
	width: 100%;
}

/***********************************************/

/*tableview*/
.tableview
{
    display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	height: 100%;
}

.tableview .divtable
{
	flex-grow: 2;
	overflow-x: auto;
	height: 100%;
}

.tableview table
{
	border-collapse: collapse;
	flex-grow: 1;
}

.tableview table, .tableview thead, .tableview tbody
{	
	min-width: max-content;
	width: 100%;
}

.tableview .pagecontrol, .tableview .thead tr
{
	background-color: #dfdfdf;
	color: rgb(75, 75, 75);
}

.tableview .pagecontrol
{
	display: flex;
	justify-content: center;
}

.tableview .pagecontrol .entry
{
	width: 40px;
	text-align: center;
}

.tableview thead
{
	display: block;
	margin-bottom: 1px;
}

.tableview thead .order-button
{
	width: 10px;
	margin: 0px 2px 5px 2px;
}

.tableview tbody
{
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
}

.tableview .tbody, .tableview thead
{	
	/*margin-right: 20px;*/
}

.tableview  tr
{
	cursor: default;
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}

.tableview thead .column
{
	display: flex;
	align-items: center;
}

.tableview th,
.tableview td
{
	border-left: 2px solid #e9e9e9;
	padding: 5px;
}

.tableview thead .column .label
{
	padding: 0px;
	margin: 0px;
}

.tableview .no-selected
{
	background-color: white;
}

.tableview .selected
{
	background-color: #bee0ffbb;
}

/*dbview*/
.dbview
{
	display: flex;
}

/*grid*/
.grid td
{
	margin: 0px;
	padding: 0px;
}

/*loader*/
.loader-dialog
{
  background-color: white;
  color: #333;
  font-weight: bold;
  border: 1px solid #DDD;
  box-shadow: none;
  padding: 10px;
  border-radius: 10px;
  width: 100px;
  text-align: center;
}

.loader-dialog .loader
{
  background: url('http://localhost/images/loader.png');
  background-size: contain;
  animation-name: loaderAnime;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 32px;
  height: 32px;
  margin: auto;
}

.loader-dialog .buttons
{
	border: none;
}

@keyframes loaderAnime
{
  from
  {
    transform: rotate(0deg);
  }
  to
  {
    transform: rotate(360deg);
  }
}

.groupbox-panel
{
	height: 100%;
	width: 100%;
	overflow: auto;
}