/* overwrite theme */

:root {
	--nat-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--nat-bg-color-body : #6080a0;
	--nat-color-0 : #000000;
	--nat-color-8 : #ffffff;
	--nat-dist-resp-list : 0.25rem;
	--nat-border-radius : 4px;
	--nat-color-6 : #cccccc;
	--nat-width-25  :  25.000%;
    --nat-width-33  :  33.333%;
    --nat-width-50  :  50.000%;
    --nat-width-100 : 100.000%;
	--nat-bg-color-menue : #e8e8e8;
	--nat-bg-color-menue-hover : #e0e0e0;
}

a { text-decoration: none; color : var(--nat-color-0);}

html  { 
	background-color: var(--nat-bg-color-body) !important;
    font-family: var(--nat-font-family);
	text-decoration:none;
	font-size:0.9rem;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
	background: #ffffff;
	border:0px;
}

body .ui-datatable .ui-datatable-data > tr > td {
	padding: 0.5rem 0.5rem;
}


div.ui-message							{ display: none; }
div.ui-message.ui-message-info,
div.ui-message.ui-message-warn,
div.ui-message.ui-message-error			{ display: block; }

body .ui-tabmenu .ui-tabmenu-nav		{ overflow-x: unset; }

div.ui-dialog div.ui-dialog-titlebar						{ background-color: var(--surface-300) !important; padding: .5rem .5rem .5rem .8rem; }
div.ui-dialog div.ui-dialog-titlebar.ui-widget-header		{ vertical-align: middle; }

/* div.ui-dialog div.ui-dialog-titlebar span.ui-dialog-title	{ margin-top:0.8rem !important; } */

div.ui-dialog div.ui-dialog-content							{
	background-color: var(--surface-100) !important;
	padding: .5rem .5rem .5rem .5rem;
}

#main-menu form ul.ui-menu-list li.ui-menuitem a.ui-menuitem-link span.ui-icon						{ margin-right: 0.2rem; }
#main-menu form ul.ui-menu-list li.ui-menuitem a.ui-menuitem-link span.ui-icon.ui-icon-triangle-1-s { margin-left: 0.2rem; }
#main-menu form ul.ui-menu-list li.ui-menuitem a.ui-menuitem-link									{ padding: 0.6rem 0.5rem 0.6rem 0.3rem; }

.nat-app-list {
	display: inline-flex;
	flex-wrap: wrap;
	margin: calc(-1 * var(--nat-dist-resp-list)) 0 0 calc(-1 * var(--nat-dist-resp-list));
	width: calc(100% + var(--nat-dist-resp-list));
}
.nat-app-list > * {
	margin: var(--nat-dist-resp-list) 0 0 var(--nat-dist-resp-list);
	width: calc(var(--nat-width-25) - var(--nat-dist-resp-list));
}
.nat-app-list > div {
	background-color: var(--nat-color-8);
	border-radius: var(--nat-border-radius) !important;
	border:1px solid var(--nat-color-6);
    display: flex !important;
    justify-content: space-between !important;
	align-items: center !important;
}
.nat-app-list > div > div:first-child  {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important;
}
.nat-app-list > div > div > div:first-child  {
	border-radius: var(--nat-border-radius) !important;
	background-color: var(--nat-color-6);
}
/* xs = very smal device */
@media screen and ( min-width: 0px ) and ( max-width: 577px ) {
	.nat-app-list > * { width: var(--nat-width-100); }	
}
/* mb = medium device */
@media screen and ( min-width: 578px )and ( max-width: 768px ) {
	.nat-app-list > * { width: calc(var(--nat-width-50) - var(--nat-dist-resp-list)); }	
}
/* lg = large device */
@media screen and ( min-width: 769px ) and ( max-width: 993px ) {
	.nat-app-list > * { width: calc(var(--nat-width-50) - var(--nat-dist-resp-list)); }	
}
/* xl = very large device */
@media screen and ( min-width: 994px ) {
	.nat-app-list > * { width: calc(var(--nat-width-25) - var(--nat-dist-resp-list)); }		
}

.nat-content div.nat-settingInput span.description { 
	display:block;
	font-size: var(--nat-font-size-1) !important;
	color: var(--nat-color-5) !important;
}

.nat-content div.nat-settingInput label { 
	display:block;
	font-size: var(--nat-font-size-2) !important;
}