/* HTML */
html, body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	font-family: Arial, sans-serif !important;
	font-size: small !important;
	color: #484848 !important;
}

input {
	height: 25px;
}

input, textarea {
	margin: 0px;
	padding: 4px;
	border: 1px solid #CFD8DC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: Arial, sans-serif;
}

input:focus, select:focus, textarea:focus, input[type="checkbox"]:focus {
	outline-offset: -2px;
	outline-width: 5px;
	outline-color: #48484880;
	border: 1px solid #48484880;
}

input[readonly] {
    border: none;
}

input[type=file] {
	height: inherit;
}

select {
	height: 25px;
	margin: 0px;
	padding: 2px;
	border: 1px solid #CFD8DC;
	background: #FFFFFF;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

select[size] {
	height: inherit;
}

select[disabled] {
	opacity: 0.4;
}

button {
	margin: 16px;
	border: none;
	box-shadow: 4px 4px 4px #CCCCCC;
	padding: 8px 16px 8px 16px;
	background: #EEEEEE;
	transition: all 0.3s;
	cursor: pointer;
}

button:hover {
	-box-shadow: 0 0 8px 8px #48484880, 0 0 8px 8px rgba(0, 0, 0, 0.12), 0 0 8px 8px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 4px #48484880;
}

button[disabled] {
	opacity: 0.4;
}

fieldset {
    border: var(--dl-border-border, 1px solid #cccccc);
    border-radius: var(--dl-border-radius, 4px);
    margin: var(--dl-border-margin, 8px);
    padding: var(--dl-border-padding, 8px);
}

fieldset > legend {
    padding: 4px;
}

fieldset.panel-fieldset.id > legend {
    font-size: large;
    font-weight: bold;
	-webkit-user-select: text;
	user-select: text;
}

div {
	font-family: Arial, sans-serif;
	-webkit-user-select: text; /* Chrome all / Safari all */
	-moz-user-select: text; /* Firefox all */
	-ms-user-select: text; /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: text;
	user-select: text;
}

.appGlass {
    z-index: 9999999;
    position: absolute;
    top: 50%;
    left: 50%;
}

/* Window */
.window {
    position: absolute;
    background: white;
    transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	opacity: 0;
}

.window.dialog {
	position: inherit;
}

.window.show {
	opacity: 1;
}

.window.win {
    border: 2px solid #EEEEEE;
    border-radius: 4px;
    padding: 2px;
    -webkit-box-shadow: 0px 0px 8px 4px #EEEEEE;
    -moz-box-shadow: 0px 0px 8px 4px #EEEEEE;
    box-shadow: 0px 0px 8px 4px #EEEEEE;
}

.window.login {
    width: 100%;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    -webkit-box-shadow: 0px 0px 8px 4px #EEEEEE;
    -moz-box-shadow: 0px 0px 8px 4px #EEEEEE;
    box-shadow: 0px 0px 8px 4px #EEEEEE;
    border: none;
    border-radius: 8px;
    padding: 16px;
}

.window.login .windowBody {
	max-width: 400px;
	margin: auto;
}

.window.login .windowBody .label-caption {
    border-bottom: 4px solid var(--primary-color, #FE0000);
    font-size: large;
    font-weight: bold;
    margin-bottom: 8px;
}

.window .windowHeader td img {
    display: none;
}

.window .windowHeader {
    background: #BBBBBB;
    padding: 16px;
    border-radius: 4px;
    font-size: medium;
    color: white;
    font-weight: bold;
    display: none;
}

.window .windowFooter {
	display: none;
}

.window .windowInactive .windowHeader {
	opacity: 0.6
}

.window .windowBody {
    height: 100%;
    overflow: auto;
}

.window .windowBody .windowBodyBase {
	width: 100%;
    height: 100%;
	display: flex;
	flex-direction: column;
}

/* win */
.window.win .windowHeader {
    display: table;
    padding: inherit;
    background: initial;
}

.window.win .windowHeader td .img-close {
    display: block;
    width: 16px;
    height: 16px;
}

.window.win .windowHeader .gwt-Label {
    display: none;
}

/* datagrid */
.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridSelectedRowCell input[disabled] {
    color: white;
    -border: none;
    -background: transparent;
}

/* fab */
.icon-fab {
    position: absolute;
    right: 16px;
    bottom: 16px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 8px 4px #EEEEEE;
    -moz-box-shadow: 0px 0px 8px 4px #EEEEEE;
    box-shadow: 0px 0px 8px 4px #EEEEEE;
    border-radius: 50%;
    background: #CCC;
    padding: 8px;
    z-index: 1;
    visibility: visible;
	opacity: 1;
    transition: all 0.5s;
}

.icon-fab.audit {
	background: #caca00;
}

.icon-fab.hide {
	visibility: hidden;
	opacity: 0;
}

.icon-fab:hover {
	box-shadow: 2px 2px 8px 1px #BBBBBB;
}

.icon-fab img {
    width: 20px;
    height: 20px;
}

/* dl- */
.dl-body {
	background: white;
}

.dl-tile {
	box-shadow: 0px 0px 8px 2px #48484880;
	border-radius: 16px;
	font-size: medium;
}

.dl-border {
	border: var(--dl-border-border, 1px solid #cccccc);
    border-radius: var(--dl-border-radius, 4px);
    margin: var(--dl-border-margin, 4px);
    padding: var(--dl-border-padding, 4px);
}

.dl-row {
	
}

.dl-modify {
    color: red;
}

.dl-label td:nth-child(2) > div {
    line-height: 25px;
}

.dl-tableheader colgroup > col[style*="width: 100%"], .dl-tablebody colgroup > col[style*="width: 100%"] {
	min-width: 200px;
}

.dl-tableheader, .dl-tablebody, .dl-tablefooter {
	padding-right: 14px;
}

.dl-cellheader {
	cursor: pointer;
	border-bottom: 2px solid #484848;
	border-radius: 0px;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

.dl-cellheader-group {
	
}

.dl-cellheader-group > th {
	border: none;
    cursor: auto;
}

.dl-cellheader-group > th:not(:empty) {
	background: var(--secondary-color);
    text-align: center;
    cursor: pointer;
    color: white;
    padding: 6px;
    border-right: 3px solid white;
    border-left: 3px solid white;
}

.dl-cellheader .cell_filter .caption {
	flex: none !important;
}

.dl-cellheader .cell_filter .img-filter {
	visibility: hidden;
}

.dl-cellheader .cell_filter:hover .img-filter, .dl-cellheader .cell_filter .img-filter.full {
	visibility: inherit;
}

.dl-cellfooter {
	padding: 8px;
	cursor: pointer;
	border-top: 2px solid #484848;
	white-space: nowrap;
	overflow: hidden;
}

.dl-tablebody .dl-cell {
	padding: 8px;
	border: none;
}

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

.dl-colorPreview {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 40px;
	height: 25px;
	margin: 0px;
	border: 1px solid #CFD8DC;
}

.dl-image-colorPreview {
	zoom: 0.5;
	-moz-transform: scale(0.5);
	vertical-align: middle;
	cursor: pointer;
}

.dl-link {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

input.dl-link {
    background: none;
    border: none;
}

.dl-link:hover {
	color: red;
}

.dl-invisible {
	visibility: hidden;
}

.dl-space {
	white-space: pre-wrap;
}

.dl-menubar {
    background: var(--menubar-background, #EEEEEE);
}

.dl-menubar.dl-menubarBody.dl-menubarWindow {
    background: #484848;
}

.dl-menubar.dl-menubarBody.dl-menubarWindow .dl-item {
    filter: invert(1);
}

.dl-error {
	background: #FFA6A6;
}

.dl-highlight {
	background: yellow;
	color: #484848;
}

.dl-item {
	cursor: pointer;
	font-weight: bold;
	margin: 2px;
	padding: 2px;
	transition: all 0.3s;
}

.dl-item:hover {
	background: #48484850;
}

.dl-item.push {
    box-shadow: 2px 2px 2px 1px #cccccc;
}

.dl-item.dl-itemAudit.push {
    box-shadow: 2px 2px 2px 1px #caca00;
    /* background: #caca00; */
}

.dl-item .label-annotation {
	position: absolute;
	bottom: 0;
	right: 0;
	background: white;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	text-align: center;
}

.dl-item .label-annotation {
	-webkit-animation: blink 1s linear infinite;
	-moz-animation: blink 1s linear infinite;
	animation: blink 1s linear infinite;
}

.dl-push {
    box-shadow: 2px 2px 2px 2px #cccccc;
    background: #CCCCCC20;
    border-radius: 2px;
}

.dl-datagrid:not([selection-model="true"]) tr.dl-row.dl-select {
    background: #628cd5;
    color: white;
}

.dl-loading {
	background-image: url("images/loading.gif");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}

@keyframes blink {  
	0% { background: red; color: white; }
	100% { background: transparent; color: inherit; }
}

@-webkit-keyframes blink {
	0% { background: red; color: white; }
	100% { background: transparent; color: inherit; }
}

.dl-image {
	padding: 2px;
	zoom: 0.5;
	-moz-transform: scale(0.5);
	vertical-align: middle;
}

.dl-disable, .dl-disabled, span.gwt-CheckBox.gwt-CheckBox-disabled {
	cursor: initial;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.dl-disable:hover, .dl-disabled:hover {
	background: initial;
}

.dl-baixa {
	color: red;
}

option.dl-baixa {
    display: none;
}

.dl-buttonBase {
	border-radius: 4px;
	padding: 4px;
	display: inline-flex;
	font-weight: bold;
	margin: 2px;
	background: var(--primary-color, #FE0000);
	transition: all 0.3s;
	color: white;
}

.dl-buttonBase img {
	margin: auto;
}

.dl-buttonBase.dl-active {
    
}

.dl-buttonBase img {
	cursor: pointer;
	padding-left: 8px;
}

.dl-buttonBase div {
	opacity: 0.8;
	cursor: pointer;
	position: relative;
	margin: auto;
}

.dl-buttonBase .label-subtitle {
    height: 12px;
    font-size: 11px;
}

.dl-buttonBase.dl-active div {
	opacity: 1;
	font-weight: bold;
}

.dl-fullscreen {
    position: fixed !important;
    height: initial !important;
    width: initial !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: auto !important;
    z-index: 99999999 !important;
    transition: all 0.5s !important;
    background: white;
}

.dl-accept {
    background: #81C784;
    box-shadow: 4px 4px 4px #C8E6C9;
    color: black;
    width: 100px;
}

.dl-accept:hover {
    background: green;
    box-shadow: 4px 4px 4px #81C784;
    color: white;
}

.dl-cancel {
    background: #E57373;
    box-shadow: 4px 4px 4px #FFCDD2;
    color: black;
    width: 100px;
}

.dl-cancel:hover {
    background: red;
    box-shadow: 4px 4px 4px #E57373;
    color: white;
}

/* gwt-DateBox */
.gwt-DateBox {
	padding: 5px 4px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	font-size: 100%;
}

.gwt-DateBox input {
	width: 8em;
}

.dateBoxFormatError {
	background: #ffcccc;
}

.dateBoxPopup {
	
}

.gwt-DatePicker {
	border: var(--dl-border, 1px solid #cccccc);
    border-radius: var(--dl-border-radius, 4px);
	cursor: default;
}

.gwt-DatePicker td, .datePickerMonthSelector td:focus {
	outline: none;
}

.datePickerDays {
	width: 100%;
	background: white;
}

.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel {
	font-size: 85%;
	text-align: center;
	padding: 4px;
	outline: none;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel, .datePickerWeekendLabel {
	background: #fff;
	padding: 0px 4px 2px;
	cursor: default;
	color: #666;
	font-size: 70%;
	font-weight: normal;
}

.datePickerDay {
	padding: 4px 7px;
	cursor: hand;
	cursor: pointer;
}

.datePickerDayIsWeekend {
	background: #f7f7f7;
}

.datePickerDayIsFiller {
	color: #999;
	font-weight: normal;
}

.datePickerDayIsValue {
	background: #d7dfe8;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}

.datePickerDayIsHighlighted {
	background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
	background: #d7dfe8;
}

.datePickerDayIsToday {
	color: #9AAAB8;
}

.datePickerMonthSelector {
	width: 100%;
	padding: 1px 0 5px 0;
	background: #fff;
}

td.datePickerMonth {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 100%;
	font-weight: bold;
	color: #333;
}

.datePickerPreviousButton, .datePickerNextButton {
	font-size: 120%;
	line-height: 1em;
	color: #3a6aad;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	padding: 0px 4px;
	outline: none;
}

/* gwt-DecoratedStackPanel */
.gwt-DecoratedStackPanel {
	width: 100%;
	height: 100%;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem {
    padding: 16px;
}

.gwt-DecoratedStackPanel .stackItemMiddleCenterInner {
    padding: 16px;
    border-radius: 4px;
    background: var(--secondary-color, #484848);
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem-selected .stackItemMiddleCenterInner {
    background: var(--primary-color, #FE0000);
}

.gwt-DecoratedStackPanel .gwt-StackPanelContent {
    padding-left: 16px;
    padding-right: 16px;
}

.gwt-DecoratedStackPanel .my-tree .dl-menutree {
    cursor: pointer;
    transition: all 0.3s;
    white-space: normal;
}

.gwt-DecoratedStackPanel .my-tree .dl-menutree:hover {
    font-weight: bold;
}

.gwt-StackPanelContent .my-tree td:nth-child(2) {
	width: 100%;
}

/* panel-app */
.panel-app {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.panel-app > .panel-header .header {
	
}

.panel-app > .panel-header .header .label-caption {
	border-bottom-left-radius: 16px;
	background: var(--secondary-color, #484848);
	width: 400px;
	float: right;
	padding: 16px 16px 16px 32px;
	color: white;
}

.panel-app > .panel-start {
	
}

.panel-app > .panel-body {
	position: relative;
	flex: 1;
}

.panel-app > .panel-body > .panel-menu {
	height: 100%;
	width: 300px;
	top: 0px;
	bottom: 0px;
	position: absolute;
    background: #eeeeee;
    display: flex;
    flex-direction: column;
}

.panel-app > .panel-body > .panel-menu > .input-filter {
	margin: 8px 8px 0px 8px;
}

.panel-app > .panel-body > .panel-menu .body {
	height: 100%;
}

/* store */
.store-log.my-dialog {
	
}

.store-log .panel-store-log {
	width: min-content;
}

/* Suggest */
input[type="search"].suggest, input[type="text"].suggest {
    padding-right: 24px;
}

.suggest {
	background-image: url("images/suggest.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}

.suggest-list {
	
}

.suggest-list .content {
	background: white;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #CCCCCC;
	padding: 4px;
	overflow: auto;
    max-height: 200px;
}

.suggest-list .content .item {
	padding: 4px 8px;
    margin-bottom: 2px;
    border-radius: 4px;
    cursor: pointer;
}

.suggest-list .content .item:nth-child(even) {
    background: #f9f9f9;
}

.suggest-list .content .item.active, .suggest-list .content .item:hover {
	background: #628cd5;
	color: white;
}

.panel-suggest.panel-list {
    width: 300px;
}

.panel-suggest.panel-list > .panel-body {
    max-height: 240px;
}

.dialog-suggest.my-dialog .Caption {
    font-size: inherit;
    padding: 8px 8px 4px 16px;
    text-align: left;
}

/* Others */
.calendar {
	background-image: url("images/date.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}

.clock {
	background-image: url("images/clock.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}

.loading {
	background-color: transparent;
	z-index: 999999;
}

.show-menu {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0); /** Chrome & Safari **/
	-o-transform: translate(0, 0); /** Opera **/
	-moz-transform: translate(0, 0); /** Firefox **/
	transition: 1s;
	--right: calc(100% - 100px);
}

.hide-menu {
	transform: translate(-100%, 0);
	-webkit-transform: translate(-100%, 0); /** Chrome & Safari **/
	-o-transform: translate(-100%, 0); /** Opera **/
	-moz-transform: translate(-100%, 0); /** Firefox **/
	transition: 1s;
	--right: calc(100% - 100px);
	overflow: hidden;
}

/* my-dialog */
.my-dialog > div:first-child {
    background: white;
    margin: 16px;
    padding: 2px;
    border-radius: 4px;
    min-width: 300px;
    -webkit-box-shadow: 0px 0px 8px 4px #CCCCCC;
    -moz-box-shadow: 0px 0px 8px 4px #CCCCCC;
    box-shadow: 0px 0px 8px 4px #CCCCCC;
    clip: auto !important;
}

.my-dialog.invert > div:first-child {
    background: #484848;
    color: white;
}

.my-dialog .Caption {
    padding: 16px 16px 8px 16px;
    font-size: large;
}

.my-dialog .my-content {
    overflow: auto;
    white-space: pre-line;
    padding: 8px 16px 0px 16px;
    height: 100%;
    max-height: 70vh;
    display: flex;
    flex-direction: column;
}

.my-dialog .my-buttons {
    text-align: center;
}

.my-dialog .my-buttons:empty {
    padding-top: 16px;
}

.my-dialog .my-accept {
    background: #81C784;
    box-shadow: 4px 4px 4px #C8E6C9;
    color: black;
    width: 100px;
}

.my-dialog .my-accept:hover {
    background: green;
    box-shadow: 4px 4px 4px #81C784;
    color: white;
}

.my-dialog .my-cancel {
    background: #E57373;
    box-shadow: 4px 4px 4px #FFCDD2;
    color: black;
    width: 100px;
}

.my-dialog .my-cancel:hover {
    background: red;
    box-shadow: 4px 4px 4px #E57373;
    color: white;
}

.my-dialog .my-caption {
    padding: 16px;
}

.my-dialog .my-caption img {
    float: left;
    width: 24px;
    height: auto;
}

.my-dialog .my-caption div {
    vertical-align: middle;
    text-align: center;
}

.my-dialog .my-close {
	padding: 16px;
}

.my-dialog .my-close img {
	cursor: pointer;
	height: 24px;
}

.my-glass {
	background: #BBBBBB;
	opacity: 0.4;
}

.my-dialog.maximize {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
}

.my-dialog.maximize > div:first-child {
	flex: 1;
}

.my-dialog.maximize > div:first-child > table:first-child {
	width: 100%;
	height: 100%;
}

.my-dialog.maximize > div:first-child > table:first-child .dialogMiddleCenter {
	width: 100%;
	height: 100%;
}

.my-dialog.maximize .dialogContent {
	width: 100%;
	height: 100%;
	display: flex;
	overflow: auto;
}

.my-dialog.maximize .dialogContent > .my-panel {
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow: auto;
}

.my-dialog.maximize .dialogContent > .my-panel .my-content {
	flex: 1;
	max-height: inherit;
	overflow: auto;
}

.my-dialog .dialogTopCenterInner {
	text-align: center;
	font-size: medium;
	font-weight: bold;
	cursor: move;
}

.my-dialog .dialogMiddle {
	height: 100%;
}

.my-dialog .my-panel {
	position: relative;
}

.my-dialog .my-panel .panel-loading {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 8px;
    background: #EEEEEE50;
}

.gwt-PopupPanelGlass {
	opacity: 0.4;
	background: #eeeeee;
}

/* Tab */
.gwt-TabBar {
	font-weight: bold;
}

.gwt-TabBarFirst {
	display: none;
}

.gwt-TabBarItem {
    padding: 8px;
    cursor: pointer;
    border-top-left-radius: 8px;
    width: 120px;
    margin-right: 2px;
    transition: all 0.3s;
    background: #dddddd;
}

.gwt-TabBarItem:hover {
    text-decoration: underline;
}

.gwt-TabBarItem-selected, .gwt-TabBarItem-selected:hover {
	background: var(--primary-color, #FE0000);
	color: white;
}

/* Pager */
.pager {
	display: flex;
	position: relative;
}

.pager .bar {
	background: #ECEFF1;
	border-radius: 8px;
	height: 24px;
	flex: 1;
}

.pager .pointer {
	height: 100%;
	position: absolute;
	background: #BBBBBB;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s;
}

.pager .pointer:hover {
	background: #BBBBBB;
}

.pager .text {
	font-size: small;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	line-height: 24px;
}

.pager img {
	background-position: center;
	cursor: pointer;
}

.pager .glass {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: white;
	opacity: 0.5;
}

/* ProgressBar */
.gwt-ProgressBar-shell {
    background: #CCCCCC;
    height: 24px;
    border-radius: 4px;
}

.gwt-ProgressBar-bar {
    background: #CCCCCC;
}

.gwt-ProgressBar-text.gwt-ProgressBar-text-firstHalf {
    text-align: center;
    width: 100%;
    height: 100%;
}

/* sii */
.sii .dl-select {
	background: inherit !important;
	font-weight: bold;
}

.sii .GN300ARCOH.dl-select {
    background: #628cd5 !important;
    color: white !important;
}

.sii .com-google-gwt-user-cellview-client-DataGrid-Style-dataGridSelectedRow.dl-select {
    background: #628cd5 !important;
}

.sii .no-flgconta {
    color: red !important;
}

.sii .list-pagination {
    float: right;
    margin: 6px;
}

.sii .list-pagination label {
    padding-right: 6px;
}

.sii .list-pagination label:after {
    content: ":";
}

/* calendar */
.calendar-year .annual-cal-month {
	border: 1px solid #EEEEEE;
	border-radius: 4px;
	padding: 8px;
}

.annual-cal-day.annual-cal-day-svg.select rect {
    stroke: yellow;
    stroke-width: 4px;
}

/* label-widget */
.label-widget {
    display: flex;
    padding: 4px;
}

.label-widget .widget {
	display: flex;
    flex: 1;
}

.label-widget.error input, .label-widget.error select, .label-widget.error textarea {
    background-color: #FFA6A6;
}

.label-widget .label:not(:empty):after {
	content: ":";
}

.label-widget.required .label:not(:empty):after {
	content: "*:";
}

.label-widget .label {
    text-align: right;
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 4px;
}

/* input-tree */
.input-tree {
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow: auto;
	gap: 4px;
}

.input-tree > .options:has(*) {
	background: var(--menubar-background, #EEEEEE);
	padding: 8px;
	display: flex;
	gap: 4px;
}

.input-tree > .options > .input-filter {
	flex: 1;
}

.input-tree > .body {
    overflow: auto;
    flex: 1;
	display: flex;
}

.input-tree > .gwt-Tree, .input-tree > .body > .gwt-Tree {
    overflow: auto;
    flex: 1;
}

.input-tree > .gwt-Tree label, .input-tree > .body > .gwt-Tree label {
    white-space: normal;
}

/* slider */
.slider {
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding: 4px;
    margin: 2px;
    flex: 1;
}

.slider .body {
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	max-height: 300px;
	overflow: hidden;
	padding-top: 16px;
}

.slider .body.close {
	max-height: 0px;
	padding-top: initial;
}

/* panel-settings */
.panel-settings {
    max-height: 500px;
    max-width: 600px;
    overflow: auto;
}

.panel-settings .panel-settings-childs {
    margin: 8px
}

.panel-settings .panel-settings-childs div:first-child {
    font-size: x-small;
    font-weight: bold;
}

.panel-settings .gwt-Label {
	padding: 0px;
}

/* panel-mail */
.panel-mail {
    -max-width: 600px;
    max-height: 600px;
}

.panel-mail .label-subject {
    font-size: x-small;
}

.panel-mail .subject {
    
}

.panel-mail .label-body {
    font-size: x-small;
    margin-top: 16px;
}

.panel-mail .body {
    
}

/* panel-list */
.panel-list {
    flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: auto;
}

.panel-list .input-search {
    margin-bottom: 8px;
}

.panel-list > .panel-body {
    overflow: auto;
    flex: 1;
}

.panel-list > .panel-body > .item > .panel-item, .panel-list > .panel-body > .item > .item-view {
	padding: 8px;
    margin-bottom: 2px;
    border-radius: 4px;
    cursor: pointer;
}

.panel-list > .panel-body > .item:nth-child(even) > .panel-item, .panel-list > .panel-body > .item:nth-child(even) > .item-view {
    background-color: #f9f9f9;
}

.panel-list > .panel-body > .item:nth-child(even) > .panel-item:hover, .panel-list > .panel-body > .item:nth-child(odd) .panel-item:hover, .panel-list > .panel-body > .item:nth-child(even) > .item-view:hover, .panel-list > .panel-body > .item:nth-child(odd) .item-view:hover {
    background-color: #628cd5;
    color: white;
}

.panel-list > .panel-body > .item.selected > .panel-item, .panel-list > .panel-body > .item.selected > .item-view {
    background-color: #628cd5;
    color: white;
}

.panel-list > .panel-body > .item > .panel-item .label-title, .panel-list > .panel-body > .item > .item-view .html-caption {
    
}

.panel-list > .panel-body > .item > .panel-item .label-description, .panel-list > .panel-body > .item > .item-view .html-description {
    font-size: smaller;
	white-space: pre-wrap;
}

.panel-list .label-displayed {
    text-align: right;
    font-size: x-small;
    padding: 8px;
}

.panel-list .panel-glass {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #FFFFFF80;
	display: flex;
}

/* panel-msg */
.panel-msg {
	padding: 8px;
	display: flex;
	flex: 1;
	flex-direction: column;
}

.panel-date .label-date, .panel-msg .label-from, .panel-msg .label-to, .panel-msg .label-subject, .panel-msg .label-message {
	font-size: x-small;
    margin-top: 8px;
	line-height: 20px;
	border-bottom: 1px solid #eee;
}

/* label-error */
.label-error {
	width: 100%;
	color: #FF0000;
	white-space: pre-line;
}

/* panel-error */
.panel-error {
    max-height: 200px;
    overflow: auto;
}

.panel-error .label-error:not(:last-child) {
    padding-bottom: 4px;
}

/* mozilla */
@-moz-document url-prefix() {
	.dl-item {
		margin: 0;
		padding: 0;
	}

	.controlPanel .controlPanelBody {
		padding: initial;
	}

	.dl-image {
		padding: initial;
	}

	.dl-buttonBase {
		padding: 0 0 0 4px;
		margin: 0;
	}

	.dl-buttonBase img {
		padding-left: 4px;
	}
}

/* panel-control */
.panel-control {
    display: flex;
    flex-direction: column;
}

.panel-control.table {
	flex: 1;
}

.panel-control.hide {
    flex: initial;
}

.panel-control > .panel-header {
    margin: auto;
    font-size: medium;
    padding: 4px;
}

.panel-control > .panel-header > .panel-updown {
    display: flex;
    cursor: pointer;
}

.panel-control > .panel-header > .panel-updown img {
    padding-right: 4px;
}

.panel-control > .panel-content {
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
    flex: 1;
	overflow: auto;
}

.panel-control.hide > .panel-content {
    flex: none;
    display: none;
}

.panel-control > .panel-content > .panel-menu {
    display: flex;
    flex-direction: column;
}

.panel-control > .panel-content > .panel-body {
    flex: 1;
}

.panel-control.form > .panel-content > .panel-body {
    padding: 8px;
	overflow: auto;
}

.panel-control.table > .panel-content > .panel-body {
    padding-left: 8px;
    padding-right: 8px;
}

.panel-control > .panel-content > .panel-body .com-google-gwt-user-cellview-client-DataGrid-Style-dataGridWidget {
    min-height: 120px;
}

.panel-control.table > .panel-content > .panel-footer {
	margin: auto;
	position: relative;
}

.panel-control > .panel-content > .panel-footer .pager {
    padding: 8px;
}

/* panel-tabs */
.panel-tabs {
	padding: 2px;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: auto;
}

.panel-tabs > .tabs {
    display: flex;
}

.panel-tabs > .tabs .tab {
    padding: 8px;
    cursor: pointer;
    border-top-left-radius: 8px;
    transition: all 0.3s;
    background: #dddddd;
    font-weight: bold;
    display: flex;
}

.panel-tabs > .tabs .tab:not(:last-of-type) {
    margin-right: 2px;
}

.panel-tabs > .tabs .tab.select {
	background: var(--primary-color, #FE0000);
	color: white;
}

.panel-tabs > .tabs .tab:hover {
    text-decoration: underline;
}

.panel-tabs > .tabs .tab img {
    padding-right: 4px;
	width: 16px;
	height: 16px;
}

.panel-tabs > .tabs .tab div {
    margin-top: auto;
    margin-bottom: auto;
}

.panel-tabs > .body {
	flex: 1;
	display: flex;
	overflow: auto;
	border: 2px solid #DDD;
}

.panel-tabs.vertical {
    flex-direction: row;
}

.panel-tabs.vertical > .tabs {
    display: block;
    overflow: auto;
}

.panel-tabs.vertical > .tabs .tab {
    margin: 2px;
    border: none;
    border-radius: inherit;
    padding-top: 16px;
    padding-bottom: 16px;
}

.panel-tabs.vertical > .tabs .tab {
	margin-right: 0px;
	margin-top: 0px;
}

/* panel-table */
.panel-table {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: auto;
}

.panel-table > .body {
	background: white;
	overflow: auto;
}

.panel-table > .body > .row:first-child {
	background: white;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding: 2px 0px;
	z-index: 1;
}

.panel-table > .body > .row:first-child > .column {
	padding: 4px;
	margin: inherit;
	cursor: pointer;
	border-bottom: 2px solid #484848;
	font-weight: bold;
	-text-shadow: #cfd8dc 1px 1px 0;
}

.panel-table > .body > .row:first-child > .column > .label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.panel-table > .body > .row:first-child > .column.up {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAA6UlEQVR42u2UIQ6DQBREERU9BgJRiegBKlZwoB5gkz1CJYeoQPQ4FRWIioqKyu1vsiSELGR/dxe+mJeMZDL8YSgKAAAAKdiRriQlNVxHsqSPtJB70s2Fs6OQjZRw3SSclXLJpXCD3luF9NVqFy7ZbDUIywippNQ6pxfpJDVc9kumCJdtOJxBXEiPNYfDGYR2z9Skfo26ObWaybMl45Iqd61mxqNyy81SdxsZbuBAugcOp+IEDKnIMLz6RF7BxprpVS+8sI4ZytET0vzpVXnqNil+NeXIONbw900+U1zO9/ZngV4AAAAAWIEvQKr2qCdf+uUAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 18px);
    background-position-y: center;
    background-size: 18px 18px;
}

.panel-table > .body > .row:first-child > .column.down {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAA7UlEQVR42mNgGAWjYBSMglEwCkbBUAIlQKwyCM0CgwYg/g/Er4FYg0KzmqFm3QdiBWo4DmbgfySDVahk1nMgNqFGyKHjx0BsQCWznpMbks04DCTHYEJmPSbVkaAo/EzAUFh0a1DoOBieTWoIegDxdyIMfo8nTRLruO1AzEFONLsQ6UhsUUSs4zaT6zhSHfkcKeM0kOA4FmoUNR4khORkWkcrvpD8TKTlNI9WSqN7QBwHAw7QnDsoHUdJSFItQ1A749AkQ1Az42weKMcRE90D7jh80b19sDgOW0jSPUOQ4sj1g9Vxo2AUjIJRMNQAAFI+9qgtsoigAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 18px);
    background-position-y: center;
    background-size: 18px 18px;
}

.panel-table > .body > .row {
	display: inline-flex;
	padding: 2px;
}

.panel-table > .body > .row:nth-child(even) {
	background: #eaecef;
}

.panel-table > .body > .row.current {
	background: #82a3dc;
	color: white;
}

.panel-table > .body > .row > .column {
	margin: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.panel-table > .pager {
    display: flex;
    align-items: center;
    padding-top: 8px;
    margin: auto;
}

.panel-table > .pager > .label-records {
    width: 100px;
    text-align: center;
}

.panel-table > .pager > .image-first {
    padding: 4px;
    cursor: pointer;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAACAUlEQVR42r2UO08CQRSF+S3+FQUTY2xNbEwsTLDRYGGMdgZjY9TWgkRLY2VhqQgB4iMGUESRh8C+WB6uBDVCcZ0zuwysKBoKN5nMznDOx51776zD8R9PpVo/kLUa5aUyPRV1PmON/b9DjMZIUalSIiVTKCqRP16m05jOZ6yxj9+h6w+qNTYy+RIFozKFU290kW3ZxmWuxffxO3TQfwsyjPehXEGnQFRlxqYFaNpAWGPGOGM66OHrgSEfkbhE5xkTsL6zT3Oe1R7g+paPv0MHPXw9UaVzGgXv6sLYhrUjCSZfyL2wTMNOl4gaevhs0emVl6vrhCSMEHsBW1zl78fhLE1OTZOTgTC4zvpT+OAXMLX0TJGYZMsNInN7Vsh3eEpj4xPkdI3yqLojAxBHhV/AFLYIxRVb5QCbcXtMkBVRB9YUuQzFZFK6YaWyUbu4lbtgTfJu7/GcHQVT5hFdLgG1VfpGJvgFrGrUZ+/TCoVSrwLo3TaPiXf/TY3c80tfImtxfZL54LdVtCBXKBDTOi1g5axdlPPMB61t7nZFZvYafN92/0NapUDiuVPNL32G4Ts84XDooP/xrmq6we6ewo5V7el80f382Obdhb7v/UQy008aq5LETZHHdw7FjHWY7aNRbUn/7cuhsGuSLZToIaNS8lHmM9bY//WL0Q+Mag0MGPT5BMCM9a9Um499AAAAAElFTkSuQmCC');
}

.panel-table > .pager > .image-previous {
    padding: 4px;
    cursor: pointer;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAB8klEQVR42r1UPU/bUBTlt/BX2qRSilgrsXSrVBbYqq4MFQtSZ4awV2XogtgSTENEQG0+CCEhjvNhO47zgbEoiGQ4feclMXYSAmLA0tXTfT7n+Lx73/XCwms8na77w7B6qOltVBu2XJlz//kizs3bhtlFvmQgkTEQz7YRy9hyZc59viduvlDvZlOttXD4V8dR6RapymAUfRkn2kDuH6YNEEf8TCHHuVvU6jaUtOUTGeCEoflFh7mSboJ48qbEWI9kVsexOnQwFhiv377vBFwSRzx5U67KmgXl3A24YvwuuFhd/4pQ+J3nbBzK+TXKVSvozu5cn/7J6w9HG7nZO1LxYeUj3oTCMiY/RHHyyPfEmq0rJDN6oNDRnzFElpaFo/AMsb73QfLI98RMkbDtQ0Af+6k6Iu+X5dEoEhqJTdaRQZ7pF2u1nV7qzAgU/pdSlEcM+cQmyyAjZ4B8T6zruJ8uyiYSo7s1BsdzPXxe+xI4pv+aJEr/UBA88gMdrRsdKBnLRxh27li9x8bW9kxnvGvkzbj97max3ISSv/IIfhfR3ZjXIAZxxD86q5btiNkzxRx2po7kd3WQ60oc8XPnk8XkBU6IlscFKXl5J8W4Muc+3weK/tSfwxRjUhGzV1SbKFwacq3UW+D+k3+MecLs1osFXvr8B7ptCYR7x7UcAAAAAElFTkSuQmCC');
}

.panel-table > .pager > .image-next {
    padding: 4px;
    cursor: pointer;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAB80lEQVR42r2UPU/bUBSG+S39K5AgAWJF6tINCRbYqq4dqi5IzAx0r8rAUnVLMA1RAyr5IKQJ+YBgO47jGGNRUJPh7X0v8ZUviULFUEtHV/ee9zw+vuccz8z8j8frh58tx8eV2cPltStX7nn+75Dgbu7a7qNcs5ApWEgXe0gVXLlyz3P6qZsO8u8+Nq66OMxbOKrd47g1RK45GNlQGs8PT01QR/1EUBA8vGq1XRj5zggyVBDuj5tDBaQZeQfUM24MxvvIFk38aAy0bD5sf1JABRZGHfWMG8uqfunAOL/V3k5gIjmP9c13+F4Jn/hEduch6i1Hz871bk9+lk3tbiKbTSSlrbx+g69HDS1LGuMYr2Cd7g2yBTMmHIzBEskkFpaWsfslpRWGcYxXMFtsWPYIEL8fCVLAeSwsLuNbri1B9DPOjsO6vcDPlcZhUWaJkfFT942qVojcmQXGK1g/CFcrdRuZ2m+tHeKfubbxFumSr/kyoud+iTjGaxVtW57ssUmZvd/aEa3wR1U48hsFB4ybOIvVegdG+SbWZwPs7qX05o1AQke954eTp8BxAzF7Ng5KfS27p5+eLnpSR/3U+eRlshEzouRpAc1ePDy2gFi55zn92qU/9+ewxZg0211UGx1ULiy5NsUs8vzZP8Y0MKv1YsBLn78yFAmErQgG1AAAAABJRU5ErkJggg==');
}

.panel-table > .pager > .image-last {
    padding: 4px;
    cursor: pointer;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAB/UlEQVR42r2UTS8DQRjHfRZfhZKQuEocOEgkehDhIMFJonGRcHXowVGcJK5Uq+otaKWqtW2pfWm33do2qHB4zH/WzHa1KXGwyWR2Zp//L8/rdnX9x1Ox6ltasUoPapnuH02+44z730Ps595H3aJkRqNoXKNQokz7cZPvOOMe32HXGVR9Xsk+lChypdFR5pVOcx+edZb/oCi7P2TfYQf7tiDbbnTnCyYdXBrfIO9yB0zs4SuDYA9dCwz5iMVVOsk64sBa8AvkQvwzixRY3+Rn2MUSKs9ji1dKvkjhm5oU+nx95J+ep0iqJr0TMOEp7KHzeGdWaucXSZWDBKyHwQAcHhml3Wi2DcxZ0EEvYUbpiYfogFzPBHBgcIiC2/sMtkDLa14YdNBLmM4OKHtz0n1fIAEFcNw/K3MmIoBOb4aVynb19FrzVE945evrZ6GO0U4kQ5PwjIf57kbBdNBLmGXXJ1KKznuoGYY1OTVHoWuLi5EzJ0zHJpp+oVumg95T0YJW4b0jmhNeLa1u0LHyJsXwLLDuwsLxIkHXdhbTWYPCSZsbBrf3Whq3uZqwSysGm4J6+ykomjafvVCiIvPiVth9x3fYwb7jfCKZaMQjDDnLVUxpOC1w12AQi92rvFE9Sf/pz6GzMckVSoTQU3ca33NsFnH/4x+jExjV+jPgr88n1kL1nJCdAj4AAAAASUVORK5CYII=');
}

/* panel-signature */
.panel-signature {
    padding: 16px;
    position: relative;
}

.panel-signature canvas {
    border-radius: 8px;
    background: #eee;
}

.panel-signature .label-clear {
    color: blue;
    display: table;
    cursor: pointer;
}

.panel-signature .label-clear:hover {
    text-decoration: underline;
}

.panel-signature .label-log {
    position: absolute;
    top: 0;
}

/* panel-file */
.panel-file {
	display: flex;
}

.panel-file > .label-progress {
	margin: auto 8px;
	text-align: right;
	width: 40px;
}

/* custom-datagrid */
.custom-datagrid tr.dl-selected {
    background: #628cd5;
    color: white;
    height: auto;
    overflow: auto;
}

.custom-datagrid tr.dl-selected td {
    border: 2px solid #628cd5;
}

.custom-datagrid input[type="checkbox"] {
    width: inherit;
    visibility: inherit;
    padding: inherit;
    box-sizing: inherit;
}

/* panel-formula */
.panel-formula {
    padding: 16px;
}

.panel-formula #answer {
    width: 100%;
    padding: 8px;
    border: 1px solid #CFD8DC;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: Arial, sans-serif;
    font-size: medium;
}

.panel-formula .table-calculator button {
    font-size: 10px;
    margin: 4px;
    width: 50px;
    height: 20px;
    color: white;
    background-color: #6f6f6f;
    padding: 0px;
}

.panel-formula .mq-math-mode .mq-text-mode {
    display: block;
    visibility: hidden;
}

/* panel-calculator */
.panel-calculator-old {
    -webkit-box-shadow: 0px 0px 8px 4px #CCCCCC;
    -moz-box-shadow: 0px 0px 8px 4px #CCCCCC;
    box-shadow: 0px 0px 8px 4px #CCCCCC;
    border-radius: 8px;
    margin: auto;
    padding: 8px;
    display: table;
}

.panel-calculator .table-calculator {
    margin: auto;
}

.panel-calculator .table-calculator button {
    align-items: center;
    justify-content: center;
    display: flex; 
    font-size: 14px;   
    margin: 4px;
    width: 100%;
    min-width: 40px;
    border-radius: 4px;
    height: 30px;
    padding: unset;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.panel-calculator td {
	padding: 0px 8px 0px 0px;
    width: 100%;
}

.panel-calculator .display {
    text-align: right;
    width: 100%;
    background-color: #484848;
    border: 2px solid white;
    border-radius: 4px;
    font-size: large;
    color: white;
    padding: 10px;
    margin: 2px 2px 8px 4px;
}

.panel-calculator .display.dl-error {
	background-color: #484848;
	color: #ff4561;
}

.panel-calculator .btn_top {
    color: white;
    background-color: #6f6f6f;
}

.panel-calculator .btn_num {
    color: white;
    background-color: #484848;
}

.panel-calculator .btn_math {
    color: white;
    background-color: #ff4561;
}

.panel-calculator .btn_opps {
    color: white;
    background-color: #ff9933;
}

/* .panel-dialog-calculator */
.panel-dialog-calculator .header {
    display: inline-flex;
    position: absolute;
    justify-content: space-between;
    top: -16px;
    right: 8px;
    left: 18px;
    font-weight: bold;
}

.panel-dialog-calculator img {
    width: 16px;
    height: auto;
    cursor: pointer;
}

.panel-dialog-calculator sup {
	font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

/* panel-portal */
.panel-portal {
    height:100%;
	display: flex;
	flex-direction: column;
}

.panel-portal > .panel-header {
    display: flex;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transition: 1s;
}

.panel-portal > .panel-header.hide {
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    transition: 1s;
    display: none;
}

.panel-portal > .panel-header > .html-header {
	flex: 1;
}

.panel-portal > .panel-header > .html-header .label-caption {
	border-bottom-left-radius: 16px;
	background: var(--secondary-color, #484848);
	width: 400px;
	float: right;
	padding: 16px 16px 16px 32px;
	color: white;
}

.panel-portal > .panel-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.panel-portal > .panel-content > .html-portal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* panel-terms */
.panel-terms {
	position: absolute;
	top: 0;bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	background: #FFFFFF80;
}

.panel-terms > .content {
	margin: auto;
	padding: 4vh 8vh;
	background: white;
	box-shadow: 0px 0px 24px #48484880;
}

.panel-terms > .content > .html-text {
    margin-bottom: 16px;
    max-height: 80vh;
    overflow: auto;
}

/* panel-carousel */
.panel-carousel {
    position: relative;
    height: 100%;
    display: flex;
    flex: 1;
}

.panel-carousel > .content {
    flex: 1;
    display: flex;
}

.panel-carousel > .content > .item {
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s;
}

.panel-carousel > .content > .item.show {
    opacity: 1;
}

.panel-carousel > .controls {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.panel-carousel > .controls > .radio-button {
    margin: 4px;
    cursor: pointer;
}

.panel-carousel > .controls .radio-button:only-child {
    display: none;
}

/* panel-rich-html */
.panel-rich-html {
	display: flex;
	flex: 1 1 0%;
	flex-direction: column;
}

.panel-rich-html > .panel-buttons {
	padding: 4px;
	text-align: right;
}

.panel-rich-html > .panel-buttons > * {
    margin-left: 4px;
    margin-right: 4px;
}

.panel-rich-html > .panel-buttons > *:hover {
    box-shadow: 2px 2px 2px 2px #cccccc;
    background: #CCCCCC20;
    border-radius: 8px;
}

.panel-rich-html > .content {
    display: flex;
    flex: 1;
}

.panel-rich-html > .panel-html {
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 4px;
}

.panel-rich-html > .panel-html.error {
	border-color: #FFA6A6;
}

.panel-rich-html p {
	line-height: 150%;
	padding: 8px 16px;
}

.panel-rich-html .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.panel-rich-html .embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
}

/* panel-rich-editor */
.panel-rich-editor {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.panel-rich-editor > .note-editor {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.panel-rich-editor > .note-editor > .note-editable {
    height: initial !important;
    flex: 1;
}

/* panel-rich-editor */
.panel-rich-editor {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.panel-rich-editor > .note-editor {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.panel-rich-editor > .note-editor > .note-editable {
    height: initial !important;
    flex: 1;
}

/* panel-toast */
.panel-toast {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
    max-height: 200px;
    overflow: auto;
}

.panel-toast > * {
    margin-bottom: 4px;
}

/* label-toast */
.label-toast {
    position: relative;
    background: #484848;
    color: white;
    padding: 8px 8px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex: 1;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    opacity: 0;
}

.label-toast.error {
	background: red;
	color: white;
}

.label-toast.warning {
	background: yellow;
	color: #484848;
}

.label-toast.show {
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	opacity: 0.8;
}

.label-toast.hide {
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	opacity: 0;
}

.label-toast > img {
	height: 24px;
	width: auto;
	margin-left: 8px;
	cursor: pointer;
}

.label-toast > div {
    margin: auto;
}

/* login */
.login .panel-login, .panel-recovery-password {
    display: flex;
    flex-direction: column;
}

.login .panel-login > .html-recovery-user, .login .panel-login > .html-guest {
    float: left;
    align-self: flex-start;
    padding: 2px;
}

/* usr */
.window.usr .panel-firma {
	flex: 1;
	display: flex;
    flex-direction: column;
    padding: 8px;
}

.window.usr .panel-firma > .panel-file {
	display: flex;
}

.window.usr .panel-firma > .panel-image {
    margin: auto;
    text-align: center;
}

/* panel-fieldset */
.panel-fieldset {
    margin-left: 8px;
    margin-right: 8px;
    border: var(--dl-border-border, 1px solid #cccccc);
    border-radius: 4px;
	display: flex;
	flex: 1;
}

.panel-fieldset > legend {
    padding: 4px;
}

.panel-fieldset > .panel-items {
    padding-left: 8px;
    padding-right: 8px;
	flex: 1;
}

.panel-fieldset > .panel-items > .item {
	display: flex;
}

/* popup-message */
.popup-message {
	display: flex;
	flex-direction: column;
    background: #eeeeee60;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.popup-message > .html-message {
	margin: auto;
	background: white;
	border-radius: 4px;
	padding: 16px;
	-webkit-box-shadow: 0px 0px 8px 4px #CCCCCC;
	-moz-box-shadow: 0px 0px 8px 4px #CCCCCC;
	box-shadow: 0px 0px 8px 4px #CCCCCC;
	overflow: auto;
}

.popup-message > .footer {
	background: #CCC;
    display: flex;
}

.popup-message > .footer > button.accept {
    background: #81C784;
    box-shadow: 4px 4px 4px #C8E6C9;
    color: black;
    width: 100px;
    margin: 8px 16px 8px 8px;
}

.popup-message > .footer > button.accept:hover {
    background: green;
    box-shadow: 4px 4px 4px #81C784;
    color: white;
}

.popup-message > .footer > .panel-check {
	margin: auto;
}

/* panel-email, panel-password */
.panel-email, .panel-password {
    
}

/* panel-datagrid */
.panel-datagrid {
	display: flex;
	flex-direction: column;
}

.panel-datagrid > .panel-bar {
	display: flex;
	margin-bottom: 8px;
}

.panel-datagrid > .panel-bar > .input-filter {
	flex: 1;
}

.panel-datagrid > .panel-bar > .select-export {
	margin-left: 8px;
}

/* panel-directory */
.panel-directory {
    padding: 8px;
    height: 100%;
    vertical-align: top;
    padding: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
}

.panel-directory > .panel-filter {
	display: flex;
	background: #EEE;
	border-radius: 4px;
	padding: 8px;
	align-items: center;
}

.panel-directory > .panel-filter > .panel-path {
    display: flex;
    flex: 1;
}

.panel-directory > .panel-filter > .panel-path > .label-path {
    cursor: pointer;
    padding-right: 2px;
}

.panel-directory > .panel-filter > .input-filter {
    width: 400px;
    padding: 4px;
}

.panel-directory > .panel-path > .label-separator {
    padding-left: 2px;
    padding-right: 2px;
}

.panel-directory > .panel-header {
    display: flex;
    flex-direction: column;
}

.panel-directory > .panel-header > .panel-row {
    display: flex;
    flex: 1;
    opacity: 0.8;
    margin: 4px;
    padding: 4px;
	align-items: center;
}

.panel-directory > .panel-header > .panel-row > *, .panel-directory > .panel-body > .panel-row > * {
    width: 100px;
}

.panel-directory > .panel-header > .panel-row > *:nth-child(1), .panel-directory > .panel-body > .panel-row > *:nth-child(1) {
    display: flex;
    flex: 1;
    align-items: center;
    width: 400px;
}

.panel-directory > .panel-header > .panel-row > *:nth-child(1) > img, .panel-directory > .panel-body > .panel-row > *:nth-child(1) > img {
    width: auto;
    height: 24px;
}

.panel-directory > .panel-header > .panel-row > *:nth-child(2), .panel-directory > .panel-body > .panel-row > *:nth-child(2) {
    width: 140px;
}

.panel-directory > .panel-header > .panel-row > *:nth-child(3), .panel-directory > .panel-body > .panel-row > *:nth-child(3) {
    text-align: right;
    margin-right: 8px;
}

.panel-directory > .panel-body > .panel-row > *:nth-child(1) > *:nth-child(2) {
    padding-left: 8px;
}

.panel-directory > .panel-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
}

.panel-directory > .panel-body > .panel-row {
    display: flex;
    cursor: pointer;
    margin: 1px;
    padding: 2px 4px;
    align-items: center;
    height: 28px;
}

.panel-directory > .panel-body > .panel-row.select {
    background: #0074c826;
}

.panel-directory > .panel-body > .panel-row:hover {
    background: aliceblue;
}

.panel-directory > .panel-pager {
	display: flex;
	align-items: center;
	padding: 8px;
}

.panel-directory > .panel-pager > .image-left {
	margin-left: auto;
	cursor: pointer;
}

.panel-directory > .panel-pager .image-right {
	margin-right: auto;
	cursor: pointer;
}

.panel-directory > .panel-pager > .label-records {
	width: 80px;
	text-align: center;
}

/* panel-search */
.panel-search {
	display: flex;
}

.panel-search > .input-search {
	margin: 4px;
	flex: 1;
}

/*TinyMCE*/
.tiny-wrapper {
	height: 100%;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
}

.tiny-wrapper > :last-child {
	flex: 1;
}

.tiny-text-area {
    flex: 1;
    align-items: stretch;
}

.tox .tox-tbtn:hover {
	background: #E0E0E0 !important;
	cursor: pointer;
}

.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover {
	background: #E0E0E0 !important;
	cursor: pointer;
}

.tox .tox-mbtn--active, .tox .tox-tbtn:focus, .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active), .tox-collection__item--active:not(.tox-swatch), .tox-mbtn__select-label:hover, .tox-collection__item-label:hover, tox-menu-nav__js tox-collection__item tox-collection__item--active:hover {
	cursor: pointer  !important;
/* 	font-weight: bold  !important; */
	background:  #E0E0E0 !important;
}

.tox-swatches__row, .tox-swatch .tox-collection__item--active:hover {
	background:  none !important;
}

.tox .tox-dialog__footer {
	justify-content: center !important;
}

@media only screen and (max-width: 600px) {
	.dl-tableheader {
		display:none;
	}

	.dl-tablebody {
		display: flex;
		flex: 1;
		width: 100%;
	}

	.dl-tablebody > colgroup {
		display: none;
	}

	.dl-tablebody > tbody {
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	.dl-tablebody > tbody > tr {
		display: flex;
		flex-direction: column;
		flex: 1;
		width: 100%;
		border: var(--dl-border-border, 1px solid #cccccc);
	    border-radius: var(--dl-border-radius, 4px);
		transition: 3s;
		margin: 2px 0px;
	}

	.dl-tablebody > tbody > tr > td::before {
		content: attr(label);
		font-size: x-small;
	}

	.dl-tablebody > tbody > tr > td.dl-cell {
		text-align: left !important;
		padding: 2px 8px;
	}

	.dl-tablebody > tbody > tr > td.dl-cell * {
		text-align: left !important;
	}
}

/* panel-input-search */
.panel-input-search {
    display: flex;
    align-items: center;
}

.panel-input-search > .label-des {
	width: 300px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}