*{font-family: Tahoma;}
.z-label, .z-radio-cnt, .z-checkbox-cnt, .z-loading,
.z-menu-btn, .z-menubar-horizontal .z-menuitem-btn, .z-menubar-horizontal span, .z-menubar-horizontal a, .z-menubar-horizontal div, .z-menubar-ver .z-menu, .z-menubar-ver .z-menuitem, .z-menubar-ver .z-menu-btn, .z-menubar-ver .z-menuitem-btn, .z-menubar-ver span, .z-menubar-ver a, .z-menubar-ver div, .z-menu-cnt, .z-menuitem-cnt,
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox,
.z-panel-hm .z-panel-header, .z-panel-header,
.z-button-os,
div.z-treefooter-cnt, div.z-treecell-cnt, div.z-treecol-cnt, 
div.z-treefooter-cnt, div.z-treecol-cnt {
	font-family: Tahoma;
}

div.z-treecell-content{
	padding: 1px 0px;
}

.z-treecol-content, .z-treecell-content {
	color: var(--base-text-header-colour);
}

.error {
	color: red;
}
.error_input{
	border: 1px solid red;
}
.error_input_disable{
	border: 1;
}

.ttitle {
	padding: 0;
	text-align: center;
}
.ttitle span.z-label{
	font-size: 18px;
}
.titleImg {
	padding-bottom: 0;
}

div.center{
	text-align: center;
}
div.right{
	text-align: right;
}
div.left{
	text-align: left;
}

.z-groupbox {
	padding-top: 8px;
}
.z-groupbox>.z-groupbox-header {
	height: 5px
}

.rowEmpty {
	color: black;
	font-weight: bold;
}

.rowWaiting {
	color: orange;
}

.rowOpened {
	color: green;
}

.rowClosed {
	color: gray;
	font-style: italic;
}

tr.z-listitem td.ERROR .z-listcell-cnt {
	color: red;
}

tr.z-listitem td.WARN .z-listcell-cnt {
	color: blue;
}

tr.z-listitem td.INFO .z-listcell-cnt {
	color: green;
}

tr.z-listitem td.DEBUG .z-listcell-cnt {
	color: black;
}

tr.z-listitem td.TRACE .z-listcell-cnt {
	color: gray;
}

.text-center,.z-combobox-inp,.z-datebox-inp {
	text-align: center;
}

.z-menubar-horizontal li{
	margin: 0 0;
	float: left;
}

.z-menu z-menu-content z-menu-text{
	padding-top: 7px;
}
.z-menu-icon {
	position: absolute;
	top: 10px;
	right: 5px;
}

.z-menubar li {
	display: block;
	padding: 0;
	position: relative;
}

.maintitle{
	font-weight: bold;
}
.subtitle{
	/* color: gray;*/
	font-style: italic;
	padding-left: 5px;
}

div.z-column-cnt {
	padding: 0px 2px 0px 2px;
}

tr.z-row td.z-row-inner,div.z-row-content {
	padding: 0 2px;
}
tr.z-row .z-cell{
	border: 0;
}
div.z-treecell-cnt {
	height: 16px;
	line-height: 13px;
	padding: 0px 3px 0px 3px;
}

.meter {
	font-size: 1px;
	height: 3px;
}

.meter-inner {
	width: 0px;
	height: 3px;
}

.meter-red .meter-inner {
	background: red;
}

.meter-orange .meter-inner {
	background: orange;
}

.meter-green .meter-inner {
	background: green;
}

.z-toolbar {
	padding: 0;
}
.z-groupbox-content {
	padding: 3px 0 0 0;
}
.z-groupbox-content .z-toolbar{
	padding: 3px 3px 0px 3px;
}
.z-toolbar-body .z-menubar-horizontal {
	border: 0;
}
.z-toolbar-start{
	width: 100%;
}
.z-paging {
	height: 28px;
}
.criteriaGrid .z-grid{
	border: 0;
}

.z-combobox-inp{
	text-align: left;
}

.simpleGrid input[type='text']{
	width: 100%;
}

.simpleGrid .z-checbox{
	text-align: left;
}

div.simpleGrid {
	border: 0;
}

.z-listitem.z-listitem-selected .z-listcell-content {
	color: inherit;
}

/* grid dla groupboxów*/
.z-groupbox-3d{
	margin-top: 5px;
}
.z-groupbox-3d .open-true {
	background: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/groupbox/arrow.png) no-repeat left 0;
	height: 16px;
	padding-left: 20px;
} 
.z-groupbox-3d .open-false {
	background: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/groupbox/arrow.png) no-repeat left -16px;
	height: 16px;
	padding-left: 20px;
}
.z-button-os{
	margin-top: 0;
}

.z-groupbox-3d-hm{
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/groupbox/groupbox-hm4.png);
}
.z-groupbox-3d-hl .z-groupbox-3d-header{
	padding: 0 5px;
}

.groupboxGrid tr.z-row-over > td.z-row-inner {
	background-color: transparent;
}
.z-groupbox-3d-cnt{
	padding:0;
}

div.z-listbox-body .z-listcell{
	padding: 0;
}

/* menu toolbar*/
.toolbar_menu .z-menu-inner-m .z-menu-btn{
	width: 36px;
}
.z-menu-btn{
	height: 32px;
}

.menulist .z-menu-inner-m .z-menu-btn{
	width: 36px;
	height: 33px;
}

.menubutton .z-menuitem-inner-m .z-menuitem-btn{
	width: 32px;
	height: 33px;
}

.menubutton120 .z-menuitem-inner-m .z-menuitem-btn{
	width: 120px;
	height: 33px;
}

.z-menu-image,.z-menuitem-image {
	max-width: 32px;
	margin-right: 3px
}

.popupbutton .z-menu-image {
	max-width: 16px;
}
.popupbutton .z-menuitem-image {
	max-width: 16px;
}

.menu-item-text .z-menu-text{
	padding-top: 8px;
	margin-bottom: 8px;
}
.menuitemright{
	float: right;
}

.z-menu-body-over .z-menu-inner-l,
.z-menuitem-body-over .z-menuitem-inner-l,
.z-menu-body-over .z-menu-inner-r,
.z-menuitem-body-over .z-menuitem-inner-r {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/css/menu/menu-btn.png);
}
.z-menu-body-over .z-menu-inner-r,
.z-menuitem-body-over .z-menuitem-inner-r {
	background-position : 0 -40px;
}
.z-menu-body-over .z-menu-inner-m,
.z-menuitem-body-over .z-menuitem-inner-m {
	background-repeat: repeat-x;
	background-position: 0 -80px;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/css/menu/menu-btn.png);
	overflow: hidden;
}
.z-menu-body-seld .z-menu-inner-l,
.z-menu-body-seld .z-menu-inner-r {
	background: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/css/menu/menu-btn.png) no-repeat transparent 0 -120px;
	height: 34px;
}
.z-menu-body-seld .z-menu-inner-r {
	background-position: 0 -160px;
}
.z-menu-body-seld .z-menu-inner-m {
	background-position: 0 -200px;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/css/menu/menu-btn.png);
}
.z-menubar-horizontal .z-menu-body-clk-over .z-menu-inner-m div {
	background: transparent no-repeat right 0;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/css/menu/btn-menu-hor-over.gif);
}
.z-menubar-ver .z-menu-body-clk-over .z-menu-inner-m div {
	background: transparent no-repeat right 0;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/css/menu/btn-menu-ver-over.gif);
}
.z-menubar-horizontal .z-menuseparator{
	display: block;
	width: 1px;
	padding-top: 5px;
	line-height: 30px;
	margin-top: 3px;
}

.z-menu-content{
	line-height: 22px;
}

/**/
.gridtoolbar .z-toolbar{
	border-width: 1px 1px 0 1px;
}
.gridtoolbar .z-paging{
	background: transparent;
	border: 0;
	padding: 0;
}
.gridtoolbar .z-paging .z-paging-btn{
	background: transparent;
}
.gridtoolbar .z-toolbar .z-div .z-label {
	font-size: 13px;
}

div.z-column-cnt, div.z-grid-header div.z-auxheader-cnt {
	padding: 0 2px 0;
}

.link-Button {
	border: 0px solid #006;
	background: transparent;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
	color: #0065CC;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	cursor: pointer;
}
.link-Button-Disabled {
	border: 0px solid #006;
	background: transparent;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
	color: gray;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	cursor: pointer;
}

.whatsnewGrid .z-grid-body .z-cell{
	line-height: 0;
}
.z-grid-body .z-cell{
	padding-bottom: 0px;
	padding-top: 0px;
}

.imgButton{
	padding: 3px;
}
.criteriaButton {
	border: 0;
	background: transparent;
	padding: 0;
}
.criteriaButton a {
	color: #000;
}

.smallCriteriaButton {
	border: 0;
	background: transparent;
	padding: 0;
}

/* CSS for calendar*/
.float-left {
	float: left;
}
.float-right {
	float: right;
	margin-top: 5px;
	padding-right: 10px;
}
.refresh,
.refresh .z-toolbarbutton-content { 
	background: none !important;
	text-decoration: underline !important;
	border: 0 !important;
	color: blue !important;
}
.tabs * {
	background: #7EAAC6;
	cursor: pointer;
}
.tabs .bd {
	background: #7EAAC6;
	zoom: 1;
}
.tabs .t1, .tabs .t2, .tabs .t3 {
	background: #7EAAC6;
	font-size: 0;
	line-height: 0;
	margin: 0 2px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	box-sizing: content-box; 
}
.tabs .t2 {
	margin: 0 1px;
}
.tabs .t3 {
	background: white;
	height: 1px;
	margin: 0 1px;
}
.tabs .b1, .tabs .b2, .tabs .b3 {
	background: #7EAAC6;
	font-size: 0;
	line-height: 0;
	margin: 0 2px;
	height: 1px;
	padding: 0;
	overflow: hidden;
}
.tabs .b2 {
	margin: 0 1px;
}
.tabs .b3 {
	background: white;
	height: 1px;
	margin: 0 1px;
}
.tabs .cm {
	background: #C3E0F2;
	margin: 0 1px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.tabs .text {
	line-height: 1.2em;
	position: relative;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	color: #0F3B82;
	padding: 2px 5px;
	overflow: hidden;
	box-sizing: content-box; 
}
.tabs .text, .tabs .text * {
	background: none;
}
.cnt {
	position: relative;
}
.top {
	background: #f1fcff;
	border-bottom: 0.2em solid #B5D5E9;
	overflow: hidden;
	height: 0.7em;
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
}
.ie6 .top {
	width: 100%;
}
.calendar-toolbar .z-toolbar-body {
	width: 100%;
	padding-left: 2px;
}
.calendar-toolbar {
	margin: -3px;
	padding-top: 5px;
}
.calendar-toolbar .z-toolbar-start { 
	float: none;
}
.gecko2 .calendar-toolbar {
	margin: -3px;
}
.arrows .cnt {
	background: #CCE5F4;
	zoom: 1;
}
.arrow-left {
	border-color: transparent #7EAAC6 transparent transparent;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	height: 0;
	width: 0;
	top: 4px;
	left: 10px;
	position: absolute;
	font-size: 0;
	line-height: 0;
}
.arrow-right {
	border-color: transparent transparent transparent #7EAAC6;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	height: 0;
	width: 0;
	top: 4px;
	left: 10px;
	position: absolute;
	font-size: 0;
	line-height: 0;
}
.arrow-over .cnt {
	background-color: #B9D0DE;
}
.arrow-over .arrow-left {
	border-color: transparent #FFFFFF transparent transparent;
}
.arrow-over .arrow-right {
	border-color: transparent transparent transparent #FFFFFF;
}
.blue, .red, .green, .purple, .khaki { 
	text-align: center !important;
}
.blue *, .red *, .green *, .purple *, .khaki * {
	color: white !important;
	text-align: center;
}
.red {
	background: #D96666!important;
}
.blue {
	background: #668CD9!important;
}
.green {
	background: #4CB052!important;
}
.khaki {
	background: #BFBF4D!important;
}
.purple {
	background: #B373B3!important;
}

.actualTask-content {
	font-weight: bold;
	color: red;
	text-decoration: none;
	display: block;
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 6px 3px;
	line-height: 12px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	z-index: 20;
}
.actualTask-image {
	max-width: 32px;
	margin-right: 3px;
}
.actualTask-text {
	vertical-align: middle;
}

.remove_menu_item .z-menuitem-text {
	font-weight: bold;
}


.auto-trunc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width:inherit;
	white-space: nowrap;
}
.redRow span.z-label {
	color: red;
}

.z-textbox[disabled],
.z-decimalbox[disabled],
.z-intbox[disabled],
.z-longbox[disabled],
.z-doublebox[disabled],
.z-timebox-disabled *,
.z-timebox-disabled,
.z-combobox-disabled *,
.z-combobox-disabled,
.z-bandbox-disabled *,
.z-bandbox-disabled,
.z-datebox-disabled *,
.z-datebox-disabled
{
	color: #000 !important;
	opacity: 1;
	filter: alpha(opacity=100);
}

.input_no_border {
	text-align: right; width: 100%; border-style: none;
}

.extendedBroadCriteria .z-groupbox .z-groupbox-notitle {
	padding-top: 0px;
}

.z-auxheader-content {
	padding: 0;
}

div.z-listbox-body .cellCenter {
	text-align: center;
	padding: 0px 5px 0px 5px;
}
div.z-listbox-body .cellLeft {
	text-align: left;
	padding-right: 10px;
}

.z-window-header .z-caption-content{
	font-size :14px;
}

/* dopuszczenie większej szerokości dla ikon menu-toolbara niż 32px */
.z-menu-image, .z-menuitem-image {
	max-width: 100%;
}
.imageLogo .z-menuitem-image {
	max-width: 100% !important;
	margin-right: 0;
}

.z-comboitem-content {
	font-size: 12px;
}
.z-panelchildren {
	border: 0;
}
.z-north, .z-south, .z-west, .z-center, .z-east {
	border: 0;
}
.listheader-center .z-listheader-content {
	text-align: center;
}

/* statyczne kolory dla statusów */
.cell-BLACK,
.cell-BLACK .z-listcell-content,
.cell-BLACK .z-treecell-content {
	text-align: center;
	color: black !important;
	font-weight: bold !important;
}
.cell-BLUE,
.cell-BLUE .z-listcell-content,
.cell-BLUE .z-treecell-content {
	text-align: center;
	color: blue !important;
	font-weight: bold !important;
}
.cell-BROWN,
.cell-BROWN .z-listcell-content,
.cell-BROWN .z-treecell-content {
	text-align: center;
	color: brown !important;
	font-weight: bold !important;
}
.cell-CYAN,
.cell-CYAN .z-listcell-content,
.cell-CYAN .z-treecell-content {
	text-align: center;
	color: cyan !important;
	font-weight: bold !important;
}
.cell-GRAY,
.cell-GRAY .z-listcell-content,
.cell-GRAY .z-treecell-content {
	text-align: center;
	color: gray !important;
	font-weight: bold !important;
}
.cell-GREEN,
.cell-GREEN .z-listcell-content,
.cell-GREEN .z-treecell-content {
	text-align: center;
	color: green !important;
	font-weight: bold !important;
}
.cell-ORANGE,
.cell-ORANGE .z-listcell-content,
.cell-ORANGE .z-treecell-content {
	text-align: center;
	color: orange !important;
	font-weight: bold !important;
}
.cell-PINK,
.cell-PINK .z-listcell-content,
.cell-PINK .z-treecell-content {
	text-align: center;
	color: pink !important;
	font-weight: bold !important;
}
.cell-RED,
.cell-RED .z-listcell-content,
.cell-RED .z-treecell-content {
	text-align: center;
	color: red !important;
	font-weight: bold !important;
}
.cell-VIOLET,
.cell-VIOLET .z-listcell-content,
.cell-VIOLET .z-treecell-content {
	text-align: center;
	color: violet !important;
	font-weight: bold !important;
}
.cell-YELLOW,
.cell-YELLOW .z-listcell-content,
.cell-YELLOW .z-treecell-content {
	text-align: center;
	color: yellow !important;
	font-weight: bold !important;
}

.cell-state-INACTIVE,
.cell-state-INACTIVE .z-listcell-content,
.cell-state-INACTIVE .z-treecell-content {
	text-align: center;
	color: red !important;
	font-weight: bold !important;
}
.cell-state-PREPARE,
.cell-state-PREPARE .z-listcell-content,
.cell-state-PREPARE .z-treecell-content {
	text-align: center;
	color: blue !important;
	font-weight: bold !important;
}
.cell-state-PREMILARY,
.cell-state-PREMILARY .z-listcell-content,
.cell-state-PREMILARY .z-treecell-content {
	text-align: center;
	color: blue !important;
	font-weight: bold !important;
}
.cell-state-CONFIRM,
.cell-state-CONFIRM .z-listcell-content,
.cell-state-CONFIRM .z-treecell-content {
	text-align: center;
	color: yellow !important;
	font-weight: bold !important;
}
.cell-state-CONFIRMED,
.cell-state-CONFIRMED .z-listcell-content,
.cell-state-CONFIRMED .z-treecell-content {
	text-align: center;
	color: yellow !important;
	font-weight: bold !important;
}
.cell-state-ACTIVE,
.cell-state-ACTIVE .z-listcell-content,
.cell-state-ACTIVE .z-treecell-content {
	text-align: center;
	color: green !important;
	font-weight: bold !important;
}
.cell-state-SENT,
.cell-state-SENT .z-listcell-content,
.cell-state-SENT .z-treecell-content {
	text-align: center;
	color: orange !important;
	font-weight: bold !important;
}
.cell-state-REALIZED,
.cell-state-REALIZED .z-listcell-content,
.cell-state-REALIZED .z-treecell-content {
	text-align: center;
	color: orange !important;
	font-weight: bold !important;
}
.cell-state-CANCELED,
.cell-state-CANCELED .z-listcell-content,
.cell-state-CANCELED .z-treecell-content {
	text-align: center;
	color: gray !important;
	font-weight: bold !important;
}
.cell-state-SUSPENDED,
.cell-state-SUSPENDED .z-listcell-content,
.cell-state-SUSPENDED .z-treecell-content {
	text-align: center;
	color: gray !important;
	font-weight: bold !important;
}
.cell-state-FINISHED,
.cell-state-FINISHED .z-listcell-content,
.cell-state-FINISHED .z-treecell-content {
	text-align: center;
	color: black !important;
	font-weight: bold !important;
}
.cell-state-DELETED,
.cell-state-DELETED .z-listcell-content,
.cell-state-DELETED .z-treecell-content {
	text-align: center;
	color: black !important;
	font-weight: bold !important;
}



.z-groupbox-collapsed .z-caption .z-icon-folder-open-o::before {
	content: '\f114'; /*z-icon-folder-o*/
}

.gridtoolbar .z-combobutton-content {
	border: 0;
}
.gridtoolbar .z-combobutton-button {
	border: 0;
}

.modalButtonSave {
	margin-top: 10px;
	margin-bottom: 5px;
}
.modalButtonSave .z-combobutton-content {
	height: 38px;
}

.imageDisabled {
	color: #000 !important;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

# 12.02.2021 - Styl pod interfejs graficzny - Sekcje/Labelka nad inputem/Ujednolicenie

.exsoViewMode-main {
	display: flex;
	align-items: center;
	justify-content: center;
}

.exsoViewMode-mainSearch {
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 15px 15px 0px 15px;
	display: flex;
}

.exsoViewMode-mainSectionsContainer {
	display: grid;
	grid-template-columns: repeat(auto-fill, 33.2%);
	justify-content: center;
}

.exsoViewMode-mainSectionsBlock {
	display: inline-block;
	justify-content: center;
}

.exsoViewMode-mainTwoSectionsContainer {
	display: grid;
	grid-template-columns: repeat(auto-fill, 49.8%);
	justify-content: center;
}

.exsoViewMode-mainTwoAsyncSectionsContainer {
	display: grid;
    grid-template-columns: fit-content(33%) fit-content(66%);
    justify-content: center;
}

.exsoViewMode-mainApendixesSectionsContainer {
	display: grid;
	grid-template-columns: repeat(auto-fill, 26.6%);
	justify-content: center;
}

.exsoViewMode-mainCatalogBodySectionsContainer {
	display: grid;
	grid-template-columns: repeat(auto-fill, 79.7%);
	justify-content: center;
}

.exsoViewMode-section {
	float: left;
	margin: 10px;
	padding: 12px;
	border: 1px solid #DDDDDD;
}

.exsoViewMode-searchResultContainer {
	display: grid;
	grid-template-columns: repeat(auto-fill, 99.5%);
	justify-content: center;
}

.exsoViewMode-searchResult {
	height: inherit !important;
	float: left;
	margin: 10px;
	padding: 12px;
	border: 1px solid #DDDDDD;
}

.exsoViewMode-toolbarbutton {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #DDDDDD !important;
	width: 30px;
	height: 30px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.exsoViewMode-paging > .z-paging {
	float: right;
	background: transparent;
	border: 0;
	padding: 6px 0 0 0;
}

.exsoViewMode-pageSize {
	float: right;
	padding: 6px 0 0 0;
}

.exsoViewMode-numberOfRows {
	float: right;
	padding: 9px 4px 0 0;
}

.exsoViewMode-numberOfRows > .z-label {
	font-size: 12px;
}

.exsoViewMode-paging > .z-paging .z-paging-last {
	margin-right: 0px;
}

.exsoViewMode-mainSectionsContainer > .z-groupbox>.z-groupbox-header {
	border: 0px;
	padding-left: 3px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.exsoViewMode-mainTwoSectionsContainer > .z-groupbox>.z-groupbox-header {
	border: 0px;
	padding-left: 3px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.exsoViewMode-mainTwoAsyncSectionsContainer > .z-groupbox>.z-groupbox-header {
	border: 0px;
	padding-left: 3px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.exsoViewMode-mainSectionsBlock > .z-groupbox>.z-groupbox-header {
	border: 0px;
	padding-left: 3px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.exsoViewMode-searchResultContainer > .z-groupbox>.z-groupbox-header {
	border: 0px;
	padding-left: 3px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.exsoViewMode-mainApendixesSectionsContainer > .z-groupbox>.z-groupbox-header {
	border: 0px;
	padding-left: 3px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.exsoViewMode-searchResultContainer > .z-include>.z-div>.z-groupbox>.z-groupbox-header {
	border: 0px;
	padding-left: 3px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.exsoViewMode-section > .z-div>.z-groupbox>.z-groupbox-header {
	border: 0px;
	padding-left: 3px;
	margin-bottom: 4px;
	margin-top: 10px;
}

.exsoViewMode-searchResultContainer > z-groupbox {
	height: inherit !important;
}

.exsoViewMode-searchResultContainer > .z-groupbox > .z-groupbox-content {
	height: inherit !important;
	padding: 4px 8px 8px 8px;
}

.exsoViewMode-searchResultContainer > .z-include > .z-div> .z-groupbox > .z-groupbox-content {
	height: inherit !important;
	padding: 4px 8px 8px 8px;
}

.exsoViewMode-list >.z-listbox-body {
	min-height: 100px !important;
}

.exsoViewMode-caption >:first-child  {
	font-size: 16px !important;
}

.exsoViewMode-section .z-div>.z-groupbox>.z-groupbox-header>.z-caption > :first-child {
	font-size: 16px !important;
}

.exsoViewMode-toolbar {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
}
.exsoViewMode-toolbar > .z-toolbar {
 	padding: 0;
}

.exsoViewMode-hideComponent {
	display: none;
}

.exsoViewMode-toolbar > .z-paging-button .z-paging-last {
	margin-right: 0px;
}

.exsoViewMode-obligatory {
	font-weight: bold !important;
}

.exsoViewMode-optional {
	font-style: italic !important;
}

.exsoViewMode-obligatory .z-label {
	font-weight: bold !important;
}

.exsoViewMode-optional .z-label {
	font-style: italic !important
}

.exsoViewMode-paddingForExtSection {
	padding-top: 4px;
}

.exsoViewMode-tabbox > .z-tabbox-right-scroll {
	right: 5px !important;
}

.exsoViewMode-includedTabbox > .z-div {
	height: inherit !important;
}

.exsoViewMode-includedTabbox > .z-listbox-body {
	min-height: 150px;
}

.exsoViewMode-labelArrow > .z-div {
	width: 0;
}

.smallCriteriaButton {
	background: linear-gradient(to bottom, #FEFEFE 0%, #EEEEEE 100%) !important;
	border: 0;
	font-size: 15px;
	line-height: 23px;
	border-radius: 8px;
}

.smallCriteriaButton>.z-menu-content>.z-menu-image {
	width: 16px;
	padding-top: 0px;
	padding-bottom: 8px;
	max-width: 32px;
}

.smallCriteriaButton>.z-menu-content>.z-menu-icon.z-icon-caret-down {
	color: black;
	top: 2px;
	padding-top: 0px;
}

.smallCriteriaButton .z-menu-content,
.smallCriteriaButton .z-menu-content:hover,
.smallCriteriaButton .z-menu-content:active,
.smallCriteriaButton .z-menu-content:focus
 {
	background: linear-gradient(to bottom, #FEFEFE 0%, #EEEEEE 100%) !important;
	border: 1px solid #ddd !important;
	border-radius: 4px;
	height: 24px;
	border: 1px solid #ddd;
}

.smallCriteriaButton > .z-menu-content> .z-menu-separator {
	display: none !important;
}

@media (max-width: 1250px) {
	.exsoViewMode-mainSectionsContainer{
		grid-template-columns: repeat(auto-fill, 49.5%);
	}
	.exsoViewMode-searchResultContainer {
		grid-template-columns: repeat(auto-fill, 99%);
	}
	.exsoViewMode-mainApendixesSectionsContainer {
		grid-template-columns: repeat(auto-fill, 39.9%);
	}
}

@media (max-width: 900px) {
	.exsoViewMode-mainSectionsContainer{
		grid-template-columns: repeat(auto-fill, 98%);
	}
	.exsoViewMode-searchResultContainer {
		grid-template-columns: repeat(auto-fill, 98%);
	}
	.exsoViewMode-mainTwoSectionsContainer {
		grid-template-columns: repeat(auto-fill, 98%);
	}
	.exsoViewMode-mainApendixesSectionsContainer {
		grid-template-columns: repeat(auto-fill, 80%);
	}
}

.divImagePrev {
	position: absolute;
	top:calc(50% - 16px);
	left: 0;
	width: 32px;
	height: 32px;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/icons/big/IMAGE_PREV.png);
	background-repeat: no-repeat; background-position: center;
	opacity: 0.5;
}
.divImagePrevOut {
	opacity: 0.0;
}
.divImageNext {
	position: absolute;
	top:calc(50% - 16px);
	right: 0;
	width: 32px;
	height: 32px;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/icons/big/IMAGE_NEXT.png);
	background-repeat: no-repeat; background-position: center;
	opacity: 0.5;
}
.divImageNextOut {
	opacity: 0.0;
}
.divImagePrev:hover, .divImageNext:hover {
	opacity: 1;
}

.divCatalogOptions {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background-color: #fff;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/icons/big/CATALOG_OPTIONS.png);
	background-repeat: no-repeat; background-position: center;
}
.divCatalogDelete {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background-color: #fff;
	background-image: url(/ExsoCIO/zkau/web/647f05b2/WEB-INF/images/icons/big/CATALOG_DELETE.png);
	background-repeat: no-repeat; background-position: center;
	radius: 2px;
}
.divCatalogOptions:hover, .divCatalogEdit:hover, .divCatalogDelete:hover, .divCatalogState:hover {
	opacity: 0.8;
}

.catalogLocatorSplitter {
	display: inline-block;
	width: 16px;
	height: 10px;
	content: '\200b';
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") center/16px 16px no-repeat;
	margin: 0 8px;
}

.panelDashboardDiv {
	margin: 5px;
	border-radius: 8px;
	border: none;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
	padding: 0;
	box-sizing: border-box;
	overflow: auto;
	min-height: 130px;
}
.panelDashboardDiv .z-panel-head {
	border-radius: 8px 8px 0 0;
}
.panelDashboardDiv .z-panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	font-weight: 600;
}
.panelDashboardDiv .z-panel-body {
	padding: 10px;
	justify-content: center;
	align-items: center;
	min-height: 100px;
}