/* Textarea(s) in een groep over de volledige breedte uitlijnen */
.ap-grp-justifyTextAreas > .group,
.ap-grp-justifyTextAreas td:not(.vtLabelLeft),
.ap-grp-justifyTextAreas textarea {
	width: 100%;
}

/* GENERAL */

body {
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#zenMouseTrap {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
  opacity: 0.5;
}

#zenErrorDiv {
	position: absolute;
	z-index: 1000;
  border: none !important;
  width: auto !important;
  background: #D9534F !important;
  padding: 8px !important;
  color: white !important;
  bottom: 32px;
  right: 32px;
  box-shadow: 3px 4px 8px 3px #607D8B;
  white-space: pre-wrap;
  max-width: 50%;
}

.svgFrame {
	border: 1px black solid;
	background: white;
}

.listBox, .tpTable {
	border: 1px solid #7F9DB9;
}

.comboboxInput:disabled {
	background-color: #EBEBE4;
	color: #545454;
}

.zendiv input[readonly].comboboxInput:focus {
	outline-offset: -2px !important;
	outline: -webkit-focus-ring-color auto 5px !important;
}

.ap-dropzone-focus {
	filter: grayscale(1);
}

.ap-menuBadge {
	border-radius: 4px;
  background-color: #EA5A80;
  color: white;
	padding: 2px 6px;
  font-size: 11px;
  transition: all 0.35s;
	transform: scale(1);
}

.ap-menuBadge.hidden {
  transform: scale(0);
}

.ap-no-focus-ring:focus {
	outline: none;
}

.ap-style-v2 td {
	border: 1px solid #7F9DB9;
}

.ap-style-v2 .comboboxImgButton {
	padding-right: 2px;
}

.ap-style-v2 .comboboxInput {
	border: none !important;
}

.link {
	color: #04408C;
}

.tabGroupBar {
	color: red;
	border-collapse: separate;
}

td.tabGroupButtonOff:active {
	/* dear god no! */
	text-shadow: none !important;
}

.ap-tablePane-filterAndPaging {
	height: 100%;
}

.ap-tablePane-filterAndPaging .ap-tablePane-filter {
	background-color: #DFE7EE;
	border: 1px solid #7F9DB9;
	width: 100%;
}

.ap-tablePane-filterAndPaging .ap-tablePane-filter > .group {
	width: 100%;
}

.ap-tablePane-filterAndPaging .ap-tablePane-filter-parameters > table > tbody > tr > td {
	padding: 8px 16px;
}

.ap-tablePane-filterAndPaging.small .ap-tablePane-filter-parameters > table > tbody > tr > td {
	padding: 8px;
}

.ap-tablePane-filterAndPaging .ap-tablePane-filter-parameters > table > tbody > tr > td {
	border-right: 1px solid #B9CAD9;
}

.ap-tablePane-filterAndPaging .ap-tablePane {
	flex: 1;
	height: 0;
	overflow-y: scroll;
  border-left: 1px solid #7F9DB9;
	border-right: 1px solid #7F9DB9;
}

.ap-tablePane-filterAndPaging .ap-tablePane.ap-sticky-header {
	border-top: 0;
	border-bottom: 0;
}

.ap-tablePane-filterAndPaging.small table.tpFilterLayout > tbody > tr > td {
	padding: 0 !important;
}

.ap-tablePane-filterAndPaging table.tpFilterLayout .tpFilter {
	font-size: 1em !important;
}

.ap-tablePane-filterAndPaging.small .ap-tablePane th,
.ap-tablePane-filterAndPaging.small .ap-tablePane table:not(.zenProgressBar) td {
	padding: 4px 8px;
}

.ap-tablePane-filterAndPaging:not(.small) .ap-tablePane th,
.ap-tablePane-filterAndPaging:not(.small) .ap-tablePane table:not(.zenProgressBar) td {
	padding: 8px !important;
}

.ap-tablePane-filterAndPaging .ap-tablePane .tpTable {
	border-width: 0;
}

.ap-tablePane-filterAndPaging .tnbrTable {
	width: 100%;
	background-color: #DFE7EE;
}

.ap-tablePane-filterAndPaging .tnbrTable td {
	padding: 0;
}

.modalGroup {
	background-color: white;
	padding: 0;
	border: none !important;
	border-radius: 0;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.34), 0 6px 30px 5px rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(0, 0, 0, 0.6);
}

.modalGroup a {
	color: #3F72AA;
}

.modalGroupCloseButton {
	display: none;
}

.modalGroupClose {
	top: 6px;
	right: 4px;
}

.modalGroupTitle td {
	color: white;
	font-size: 13px;
}

.zenHint {
	margin-top: 2px;
}

.dateTextDiv {
	background: none;
}

.dateTextIcon {
	margin-left: 4px;
}

table.tpTable th {
	color: #666;
	border: none;
	border: 1px solid #C5C5C5;
	border-top: none;
	border-left: none;
	font-weight: bold;
	text-align: left;
	padding: 6px 4px;
	overflow: hidden;
	display: table-cell !important;   /* IE10 fix */
	background-color: #F5F5F5;
	background-image: none;
	/* OUDE SCHOOL
	background-color: #c5c5c5;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f9f9f9),color-stop(100%,#e3e4e6));
	background-image: -webkit-linear-gradient(top,#f9f9f9,#e3e4e6);
	background-image: -moz-linear-gradient(top,#f9f9f9,#e3e4e6);
	background-image: -o-linear-gradient(top,#f9f9f9,#e3e4e6);
	background-image: -ms-linear-gradient(top,#f9f9f9,#e3e4e6);
	background-image: linear-gradient(top,#f9f9f9,#e3e4e6);*/
}
table.tpTable th.tpHdrSelected {
	color: #3b84bc;
	background: white;
	font-weight: bold;
}
table.tpTable td {
	border: none;
	vertical-align: top;
	padding: 4px;
	overflow: hidden;
	border-bottom: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
	text-overflow: ellipsis;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.zendiv.selectable table.tpTable td {
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

table.tpTable tr.tpSelected td {
	font-weight: normal;
	border: none;
	padding: 4px;
	border-bottom: 1px dotted #EDEDED;
	border-right: 1px solid #EDEDED;
}

table.tpTable tr.tpSelected {
	color: black;
	background: #DFE8F6 !important;
	background-image: none;
}

.tpRow, .tpOdd, .tpEven {
	color: black;
}

.tpEven {
	background-color: #FAFAFA;
}

.tpBody {
	background: white;
}

.tpBodyFixed {
	background: white;
	overflow-y:scroll !important;  /*webkite kent overflow-y:auto nog niet*/
}

.tpFilter:focus {
	background-color: white;
}

table.dynaGrid th.dynaGridColumn, table.dynaGridDisabled th.dynaGridColumn{
	background-color: #F5F5F5;
	background-image: none;
	/* OUDE SCHOOL
	background-color: #c5c5c5;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f9f9f9),color-stop(100%,#e3e4e6));
	background-image: -webkit-linear-gradient(top,#f9f9f9,#e3e4e6);
	background-image: -moz-linear-gradient(top,#f9f9f9,#e3e4e6);
	background-image: -o-linear-gradient(top,#f9f9f9,#e3e4e6);
	background-image: -ms-linear-gradient(top,#f9f9f9,#e3e4e6);
	background-image: linear-gradient(top,#f9f9f9,#e3e4e6);
	*/
}

.comboboxItem td a, .comboboxItemSelected td a {
	padding: 4px;
}

.comboboxTable td {
	padding-right: 0;
	padding-bottom: 0;
}

.comboboxInput {
	border-right: 0 !important;
}

.comboboxImgButton {
	border: 1px solid #7B9EBD;
	width: auto;
	height: auto;
	padding: 1px;
	cursor: pointer;
	background-color: #f4f4f4;
}

.comboboxDropDown {
	border: 1px solid #7F9DB9;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	overflow: auto !important;
}

.comboboxItemSelected {
	background: #DCDCDC;
}

.comboboxItemSelected a {
	padding: 2px;
}

.comboboxItemSelected a, .comboboxItemSelected a:link, .comboboxItemSelected a:active, .comboboxItemSelected a:visited {
	color: black;
}

.comboboxItemSelected a:hover, .comboboxItem a:hover {
	color: white;
	background-color: #316AC5;
}

.zendiv input.radio {
	vertical-align: text-bottom;
}

.zendiv select.dateSelect {
	height: 20px;
	padding: 0 !important;
}

a.radioButtonCaption:hover, a.radioSetCaption:hover {
	color: black;
}

a.radioButtonCaptionDisabled {
	cursor: default;
}

a.radioSetCaption {
	position: relative;
	top: -2px;
	margin-left: 2px;
}

.radioSetSpan {
	height: 24px;
	line-height: 24px;
}

table.calendarOutline {
	/*border-bottom: none;
	border-left: none;
	border-right: none;*/
}

table.calendarOutline td {
	border: none;
}

table.calendar {
	border-bottom: none;
	border-left: none;
	border-right: none;
}	

table.calendar td.calendarEmpty {
	border: 0;
	background-color: white;
	padding: 3px;
}

table.calendar td.calendarDay0,
table.calendar td.calendarDay1,
table.calendar td.calendarDay2,
table.calendar td.calendarDay3,
table.calendar td.calendarDay4,
table.calendar td.calendarDay5,
table.calendar td.calendarDay6
{
	border: 0;
	padding: 3px;
}

table.calendar td.calendarDay0:hover,
table.calendar td.calendarDay1:hover,
table.calendar td.calendarDay2:hover,
table.calendar td.calendarDay3:hover,
table.calendar td.calendarDay4:hover,
table.calendar td.calendarDay5:hover,
table.calendar td.calendarDay6:hover
{
	border: 0;
	padding: 3px;
}

table.calendar td.calendarSelected {
	border: 0;
	background-color: #DAE5F3;
	padding: 3px;
	color: black;
	font-weight: bold;
}

table.calendar td.calendarToday {
	border: 0;
	padding: 3px;
	background-color: white;
	outline: 1px dotted #8B0000;
	font-weight: bold;
}

table.calendar td.calendarLink {
	border:0;
	border-top: 1px gray solid;
	border-left: 1px gray solid;
}

table.calendar th {
	padding: 4px;
	background-image: none;
	background-color: #DFECFB;
}

.calendarGap {
	background: white;
	border: 0;
}		

select.calendarSelect {
	color: #404040;
}		

.expandoNode {
	font-weight: bold;
	padding: 4px 4px;
	margin-left: -4px;
}

.expandoNode a {
	padding: 4px 4px;
}

.expandoNode a:focus {
	outline: none;
}

.expandoChildren {
	margin: 8px 8px 8px 16px;
	background-color: #EEEEEE;
	padding: 8px;
}

.expandoNode a:hover {
	color: black;
	background: #FFEEAA;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}		

.expandoChildren .expandoNode {
	font-weight: normal;
}

.expandoChildren .expandoChildren {
	background-color: #DDDDDD;
}

.zendiv .checkbox[disabled] + .checkboxCaption {
	cursor: default;
	opacity: 0.3;
}

.zendiv .checkboxCaption {
	top: -2px;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.unselectable {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.vtLabelLeft {
	text-align: left;
}

.zenLabel {
	margin-right: 16px;
}

.tnbrTable {
	background: white;
	border: 1px solid #7F9DB9;
	padding: 2px 3px 3px 3px;
}

.tnbrPagingButtons {
	border: none;
}
.tnbrPageLinkCurr {
	background-image: none;
	background-color: #D4DEE7 !important;
	border: none;
}

.zenProgressBar {
	border: 1px solid #7B9EBD;
	background: white;
	table-layout: fixed;
	margin-top: 16px;
}

.zenProgressBar td {
	padding: 0 !important;
}

.zenProgressBarThumb {
	border: none;
	background: #7B9EBD;
}

.zendiv .button:hover:not(:disabled) {
	border: 1px solid #777777;
	color: #333;
	text-decoration: none;
	-o-transition: all 0.0s;
	-moz-transition: all 0.0s;
	-webkit-transition: all 0.0s;
	transition: all 0.0s;
	background-color: #e6e6e6;
}

.zendiv .button.shadowed {
	box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
	-webkit-transition: box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);
  transition: box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);
	border-radius: 0;
	border: 0;
}

.zendiv .button.shadowed:hover:not(:disabled) {
	box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}
		
.zendiv .button:focus, .ap-dynagrid.focus {
	outline: 5px auto -webkit-focus-ring-color;
	/* TR 23/11/2020: geeft bij buttons een ongewenste resultaat: border té inwendig - eventueel selectief maken als het voor andere controles wel gewenst zou zijn
	outline-offset: -2px;
	*/
}
    
.zendiv .button.ap-btnRed:focus {
	outline-color: #E69A9A !important;
}
		
.zendiv .button:disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  cursor: default;
}

.zendiv .button.small {
	height: 18px;
	line-height: 14px;			
}

.repeatingGroup {
	margin: 1px;
}

.repeatingGroupSelected {
	border: 1px solid #6697DA;
	background: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ap-flatTablePane {
	margin-left: -4px;
}

.ap-flatTablePane table.tpTable td.tpNoResults {
	color: black;
}

.ap-flatTablePane table.tpTable, .ap-flatTablePane table.tpTable th, .ap-flatTablePane table.tpTable td {
	background-color: transparent !important;
}

.ap-flatTablePane .tpNoResults {
	border: 0 !important;
}

.ap-flatTablePane table.tpTable {
	border: 0 !important;
}

.ap-flatTablePane table.tpTable th {
	border-left: 0 !important;
	border-right: 0 !important;
	text-transform: uppercase;
}		

.ap-flatTablePane table.tpTable td {
	border-left: 0 !important;
	border-right: 0 !important;
	background-color: transparent !important;
}

.ap-flatTablePane table.tpTable th {
	cursor: pointer;
}

.ap-flatTablePane .tpRow, .ap-flatTablePane .tpBody {
	background-color: transparent !important;
}

.ap-flatTablePane table.tpTable tr {
	height: 32px;
}

.ap-flatTablePane table.tpTable td {
	vertical-align: middle;
}

.ap-flatTablePane table.tpTable .rowHover td {
	background-color: #ECECEC !important;
	cursor: pointer;
}

.ap-flatTablePane table.tpTable .rowHoverDarker td {
	background-color: #D2D2D2 !important;
	cursor: pointer;
}

.ap-dbReadOnlyMarkup, .ap-dbReadOnly .labelText {
	border: 0 !important;
	background: #F5F5F5 !important;
	border-radius: 2px !important;
	color: #4E4E4E !important;
	font-weight: bold !important;
	padding: 3px !important;
}

.ap-dbReadOnly.ap-style-v2 td {
	border: 0 !important;
}

.ap-dbReadOnly .comboboxInput {
	cursor: default !important;
}

.ap-dbReadOnly .comboboxImgButton {
	display: none;
}

.ap-dbReadOnly .radioButtonCaptionDisabled {
	color: black;
}

.ap-dbReadOnly .checkbox[disabled]:checked + .checkboxCaption {
	cursor: default;
	opacity: 1 !important;
}
.ap-dbReadOnly input::-webkit-input-placeholder { color:transparent; }
.ap-dbReadOnly input:-moz-placeholder { color:transparent; }
.ap-dbReadOnly input::-moz-placeholder { color:transparent; } 

.ap-dbLookupEdit.ap-dbReadOnly .spanTrigger {
	display: none;
}
.ap-dbLookupEdit.ap-dbReadOnly .ap-lblExtra span:empty {
	display: none;
}

.ap-cmp-number input.ap-dbReadOnlyMarkup::-webkit-outer-spin-button,
.ap-cmp-number input.ap-dbReadOnlyMarkup::-webkit-inner-spin-button {
	-webkit-appearance: none;
margin: 0;			
}

.ap-dbReadOnly .dynaGridWrapper td, .ap-dbReadOnly .dynaGridWrapper td div {
	background-color: white !important;
}

.ap-dbReadOnly table.dynaGrid td div.focus {
	color: black;
}

.ap-dbReadOnly .dateTextDiv .dateTextIcon {
	display: none !important;
}

/* EXTJS */

/*Making col-line-color same as row-line color in extjs...*/
.x-grid-with-col-lines .x-grid-cell {
	border-right: 1px solid #EDEDED !important;
}		

.x-fieldset {
	padding: 10px !important;
}

.x-fieldset-header-text {
	font-weight: bold;
}

.x-form-item-label-top {
	display: block;
	zoom: 1;
	padding: 0 0 4px 0;
}

.x-tab-default .x-tab-inner {
font-weight: normal;
}

.x-tab-default-active .x-tab-inner {
font-weight: bold;
}

.x-fieldset-header-text {
	margin-top: 1px;
	border: 1px solid #7F9DB9;
	border-radius: 2px;
	padding: 2px 4px !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 
	color: white;
	background-color: #8CB3E4;
}

fieldset .x-tool img {
	margin: 2px 0 0 -2px;
}

.x-fieldset-collapsed {
	border: none;
}

.x-fieldset-collapsed .x-fieldset-header-text{
	color: #04408C;
	background-color: white;
	border: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none; 
}

.x-grid-row-before-focused .x-grid-td, .x-grid-row-focused .x-grid-td{
	border-bottom-color: #a3bae9 !important;
}

.x-column-header-align-right .x-column-header-text {
	margin-right: 0;
}
.ap-ext-isolatedGrid .x-panel-default {
border-color: #B5B8C8;
}
.ap-ext-isolatedGrid .x-grid-header-ct {
	border: 1px solid #B5B8C8;
}
.ap-ext-isolatedGrid .x-grid-body {
	border-color: #B5B8C8;
}
/* TR 11/12/18 nogal groot...
.ap-ext-isolatedGrid .x-column-header, .x-grid-cell {
	font-size: 12px;
}
*/
.ap-ext-isolatedGrid .x-column-header {
	background-color: #DDDDDD !important;
	background-image: none !important;
}
.ap-lookupTrigger {
	background-image: url('../images/ap-lookup-trigger.gif');
	cursor:pointer;
	}
    
.ap-cellExact .x-grid-cell-inner {
	white-space: pre;
}

.ap-cellExactLine .x-grid-cell-inner {
	white-space: pre-line;
}

.ap-cellWrap .x-grid-cell-inner {
	white-space: normal;
}

.ap-cellDisabled {
	color: grey !important;
}
.ap-cellDisabled a {
	color: grey !important;
}

.x-form-cb-label {
	cursor: pointer;
}

.ap-headerDisplay {
	font-size: 0.8em;
	padding: 0;
	font-weight: bold;
	color: #6297DA;
}

.x-form-date-trigger {
	background-image: url('../images/ap-date-trigger.gif');
}

.x-trigger-noedit {
	cursor: default;
}

.ap-newWindowTriggerWithLookup {
	position:absolute;
	margin:1px 0 0 -36px;
	padding:3px;
	padding-top: 4px;
	background-color:white;
	background: repeat-x 0 0;
	background-image: url('../images/text-bg.gif');
	cursor:pointer;
}

.ap-newWindowTrigger {
	position:absolute;
	margin:1px 0 0 -19px;
	padding:3px;
	padding-top: 4px;
	background-color:white;
	background: repeat-x 0 0;
	background-image: url('../images/text-bg.gif');
	cursor:pointer;
}

.x-toolbar-default {
	background-color: #EEEEEE;
	background-image: none;
}

.ap-comboCol {
	position:absolute;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

/*
MOMENTEEL LIJKT HET BETER UIT TE STAAN
.x-container.ap-ext-form-field-htmleditor *, .x-panel-header {
	box-sizing: content-box;
}
*/

/* GENERAL */

/* Print */
@media print {
	.ap-noprint { 
		display: none !important; 
	}
}

ol, ul, li {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

::-webkit-input-placeholder { color: silver; }
::-moz-placeholder { color: silver; }
:-ms-input-placeholder { color: silver; }
:-moz-placeholder { color: silver; }

input, textarea, select, .button {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	/*-webkit-appearance: none;*/
}

input[type="button"] {
	margin: 0;
}

input[type="checkbox"] {
	margin: 4px 4px 0 0;
}

input[type="radio"] {
	margin: 0;
	margin-right: 2px;
}

textarea:disabled, 
input:not([type]):disabled, 
input[type="color"]:disabled, 
input[type="date"]:disabled, 
input[type="datetime"]:disabled, 
input[type="datetime-local"]:disabled, 
input[type="email"]:disabled, 
input[type="month"]:disabled, 
input[type="password"]:disabled, 
input[type="number"]:disabled, 
input[type="search"]:disabled, 
input[type="tel"]:disabled, 
input[type="text"]:disabled, 
input[type="time"]:disabled, 
input[type="url"]:disabled, 
input[type="week"]:disabled {
	background-color: rgb(235, 235, 228);
}

.ap-header0 {
	font-size: 28px;
	color: #5A5A5A;
}

.ap-header1 {
	font-size: 18px;
	color: #5A5A5A;
}

.ap-header2 {
	font-size: 14px;
	color: #5A5A5A;
}

.ap-header3 {
	color: #B6B6B6;
	margin-bottom: 4px;
	font-weight: 600;
	text-transform: uppercase;
}

.ap-lblActAsLink {
	text-decoration: underline;
	cursor: pointer;
}

.ap-clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.ap-clear-children::after {
	visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.ap-code {
	tab-size: 2;
	white-space: pre-wrap;
	font-family: consolas;
}

.ap-code.no-wrap {
	white-space: pre;
}

.ap-link.ap-hoverLink,
.ap-link.ap-hoverLink .link {
	text-decoration: none;
}

.ap-hoverLink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.ap-unLink {
	text-decoration: none;
	color: black;
}

.ap-unLink2 {
	text-decoration: none;
	color: inherited;
}

.ap-error {
	background-color: #d9534f;
	color: white;
	padding: 8px;
	float: left;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);    
}

.ap-error::after {
	visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.ap-error.no-float {
	float: none;
	display: inline-block;
}

.ap-error a {
	color: white;
}

.ap-error.small {
  padding: 3px 5px;
font-size: 10px;
}

.ap-niceMessage {
border: 1px solid #F0C36D;
background-color: #F9EDBE;
padding: 4px 8px;
}

.ap-niceMessageGrey {
	color: darkgrey;
border: 1px solid #C6C6C6;
background-color: #EBEBEB;
padding: 4px 8px;
}

.ap-niceMessageGrey a {
	color: darkgrey;
}

.ap-niceMessage.filter .zenLabel {
	margin-right: 4px;
}
		
.ap-cornered {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);    
}

.ap-corneredNoShadow {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.ap-corneredNoShadow4 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.ap-shadowWhite {
	-moz-box-shadow: 0 2px 4px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 2px 4px rgba(255, 255, 255, 1);
	box-shadow: 0 2px 4px rgba(255, 255, 255, 1);    
}

.ap-cornered4 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);    
}

.ap-cornered8 {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);    
}

.ap-bold {
	font-weight: bold;
}

.ap-grey {
	color: grey;
}

.ap-mark {
	background-color: yellow;
}

.ap-displayNone {
	display: none;
}

.ap-ulSub {
	margin-left: 16px;
}

.ap-ulSub li {
	list-style-type: circle !important;
}

.ap-lblAlignedCheckbox {
	display: block;
	padding-left: 15px;
	text-indent: -15px;
	cursor: pointer;
}

.ap-chkAlignedCheckbox {
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0 4px 0 0 !important;
	vertical-align: bottom;
	position: relative;
}

.ap-btnUp {
	background-image: url('../images/icon_up16.png') !important;
	background-repeat: no-repeat;
	background-position:center; 
}
.ap-btnDown {
	background-image: url('../images/icon_down16.png') !important;
	background-repeat: no-repeat;
	background-position:center; 
}

.ap-imgToolbarLink {
	vertical-align:middle;
	margin-right:4px;
	background-color:white;
	padding:2px;
	border:1px solid #578FD7;
}

.ap-asciExpert::after {
	display: inline-block;
	position: relative;
	top: -4px;
	left: 4px;
	margin-right: -10px;
	background: #4884C3 url('../images/icon_asciwhite_16.png') no-repeat center;
	background-size: 85%;
	content: ' ';
	width: 10px; 
	height: 10px;
	border: 1px solid #83ABD6;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.ap-grayedOut {
	opacity: 0.4;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.ap-link .link:focus {outline: 1px solid silver !important;}

.ap-link-inactive:link {color: #7DB1E5;}
.ap-link-inactive:active {color: #7DB1E5;}
.ap-link-inactive:visited {color: #7DB1E5;}
.ap-link-inactive:hover {color: #7DB1E5;}

.ap-autoWidth {
	width: auto !important;
}

.zendiv .ap-btnBlue:hover {
	background-color: #1374bb !important;
}

.zendiv .ap-btnBlue:disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.zendiv .ap-btnBlue:hover:disabled {
	background-color: #3892d3 !important;
}

.zendiv .ap-btnRed {
	border: none !important;
	font-weight: bold !important;
	font-size: 12px !important;
	color: #fff !important;
	background-color: #D14949 !important;
	background-image: none !important;
}

.zendiv .ap-btnRed:hover {
	background-color: #AC2B31 !important;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.27);
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.27);
}

.zendiv .ap-btnRed:disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.zendiv .ap-btnRed:hover:disabled {
	background-color: #D14949 !important;
}

.ap-smallScrollbar ::-webkit-scrollbar-track-piece, .ap-smallScrollbar::-webkit-scrollbar-track-piece {
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

.ap-smallScrollbar ::-webkit-scrollbar, .ap-smallScrollbar::-webkit-scrollbar {
	width: 6px;   /* vertical scrollbar */
	height: 6px;  /* horizontal scrollbar */
	background-color: #eee;
}
.ap-smallScrollbar ::-webkit-scrollbar-thumb,.ap-smallScrollbar::-webkit-scrollbar-thumb {
	background-color: #ccc;
}
.ap-smallScrollbar ::-webkit-scrollbar-thumb:hover, .ap-smallScrollbar::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}

.ap-table-info {
	border-spacing: 0;
}

.ap-table-info tr td {
	border-bottom: 1px solid #E1E1E1;
}

.ap-table-info tr:last-child td {
	border-bottom: 0;
}

.ap-table-info td {
	padding: 8px 4px;
}

.ap-table-info td.label {
	vertical-align: top;
}

.ap-table-info td.value {
	padding-left: 16px;
}

.ap-table-info td div.notification {
	margin-bottom: 8px;
}

.ap-table-info td div:last-child.notification {
	margin-bottom: 0;
}

.zendiv .ap-icon {
	width: 24px !important;
	height: 24px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 16px;
	position: relative;
	z-index: 1;
}

.zendiv .ap-icon-right {
	width: auto !important;
	height: 24px !important;
	padding-right: 28px;
	background-repeat: no-repeat !important;
	background-position: right 6px center !important;
 }
 
.zendiv .ap-icon:hover:not(:disabled) {
	z-index: 2;
}
		
.zendiv .icon-up {background-image: url('../images/icon_up16.png') !important;}
.zendiv .icon-down {background-image: url('../images/icon_down16.png') !important;}
.zendiv .icon-new {background-image: url('../images/icon_newblack16.png') !important;}
.zendiv .icon-add {background-image: url('../images/icon_add16.png') !important;}
.zendiv .icon-add2 {background-image: url('../images/icon_add2_16.png') !important;}
.zendiv .icon-addMulti {background-image: url('../images/icon_addlist16.png') !important;}
.zendiv .icon-delete {background-image: url('../images/icon_delete16.png') !important;}
.zendiv .icon-edit {background-image: url('../images/icon_edit16.png') !important;}
.zendiv .icon-editBlack {background-image: url('../images/icon_editblack16.png') !important;}
.zendiv .icon-playBlack {background-image: url('../images/icon_playblack16.png') !important;}
.zendiv .icon-multiEdit {background-image: url('../images/icon_multiedit16.gif') !important;}
.zendiv .icon-save {background-image: url('../images/icon_save16.png') !important;}
.zendiv .icon-save2 {background-image: url('../images/icon_save2_16.png') !important;}
.zendiv .icon-download {background-image: url('../images/icon_download16.png') !important;}
.zendiv .icon-upload {background-image: url('../images/icon_upload16.png') !important;}
.zendiv .icon-open {background-image: url('../images/icon_open16.gif') !important;}
.zendiv .icon-newWindow {background-image: url('../images/icon_newwindow16_5.png') !important;}
.zendiv .icon-table {background-image: url('../images/icon_table16.gif') !important;}
.zendiv .icon-checked {background-image: url('../images/icon_checked16.gif') !important;}
.zendiv .icon-checkboxList {background-image: url('../images/icon_checkboxlist16.gif') !important;}
.zendiv .icon-refresh {background-image: url('../images/icon_refresh16.gif') !important;}
.zendiv .icon-print {background-image: url('../images/icon_print16.gif') !important;}
.zendiv .icon-pdf {background-image: url('../images/icon_exportToPdf16.png') !important;}
.zendiv .icon-mail {background-image: url('../images/icon_email16.png') !important;}
.zendiv .icon-outlook {background-image: url('../images/icon_outlook32.ico') !important; background-size: 16px;}
.zendiv .icon-database {background-image: url('../images/icon_database16.png') !important;}
.zendiv .icon-preview {background-image: url('../images/icon_preview16.png') !important;}
.zendiv .icon-dropDown {background-image: url('../images/icon_arrowdown2_8.png') !important;}
.zendiv .icon-bin {background-image: url('../images/icon_bin16.png') !important;}
.zendiv .icon-asci {background-image: url('../images/icon_asci16.png') !important;}
.zendiv .icon-asci-white {background-image: url('../images/icon_asciwhite_16.png') !important;}
.zendiv .icon-csv {background-image: url('../images/icon_csv16.png') !important;}
.zendiv .icon-xls {background-image: url('../images/icon_excel16.png') !important;}
.zendiv .icon-xml {background-image: url('../images/icon_xml16.gif') !important;}
.zendiv .icon-dms {background-image: url('../images/icon_dms16.png') !important;}
.zendiv .icon-busy {background-image: url('../images/icon_loading16.gif') !important;}
.zendiv .icon-busy-white {background-image: url('../images/icon_loader_fb_whiteback.gif') !important;}
.zendiv .icon-sendToDB {background-image: url('../images/icon_sendtodb16.png') !important;}
.zendiv .icon-bgjob {background-image: url('../images/icon_clockplus16.png') !important;}
.zendiv .icon-arrowLeft {background-image: url('../images/icon_arrowleft16.png') !important;}
.zendiv .icon-arrowRight {background-image: url('../images/icon_arrowright16.png') !important;}
.zendiv .icon-shield {background-image: url('../images/icon_shield2_16.png') !important;}
.zendiv .icon-send-notification {background-image: url('../images/icon_sound16.png') !important;}
.zendiv .icon-reply {background-image: url('../images/icon_arrow_turn_right16.png') !important;}
.zendiv .icon-xrm {background-image: url('../images/icon_xrm16.png') !important;}

.ap-tblInfo {
	border-spacing: 0;
}

.ap-tblInfo tr td {
	border-bottom: 1px solid #E1E1E1;
}

.ap-tblInfo tr:last-child td {
	border-bottom: 0;
}

.ap-tblInfo td {
	padding: 8px 4px !important;
}

.ap-tblInfo td.label {
	vertical-align: top;
}

.ap-tblInfo td.value {
	padding-left: 16px;
}

.ap-glyph {
	width: 24px !important;
	height: 24px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 12px;
	opacity: 0.7;
}

.ap-glyph:hover {
	opacity: 1;
}

.ap-under-scroll {
	box-shadow: 0px 4px 15px 0px #9E9E9E;
	z-index: 1000;
}

.ap-invalidUnderline {
	background-image: url('../images/invalid_line.gif');
	background-repeat: repeat-x;
	background-position: bottom;			
}

.glyph-up-arrow {background-image: url('../images/glyphs/glyphicons-214-up-arrow.png') !important;}
.glyph-down-arrow {background-image: url('../images/glyphs/glyphicons-213-down-arrow.png') !important;}
.glyph-circle-plus {background-image: url('../images/glyphs/glyphicons-191-circle-plus.png') !important; background-size: 14px;}
.glyph-circle-minus {background-image: url('../images/glyphs/glyphicons-192-circle-minus.png') !important; background-size: 14px;}

.ap-fade-in-2s {
	opacity:0;
	animation: ap_fade_in 2s forwards;
	-webkit-animation: ap_fade_in 2s forwards;			
}

.ap-barcodeScannable:not(.active-element) * {
	background-color: #D2DEE9 !important;
}

.ap-barcodeScannable.active-element {
	outline: 2px solid #7B9EBD;
  animation: apBarcodeScannableActiveElement 1s step-end infinite;
}

@keyframes apBarcodeScannableActiveElement {
	0%{outline-width:1;} 50%{outline-width:0;} 100%{outline-width:1;}
}

@keyframes ap_fade_in {
	from {opacity:0;}
	to {opacity:1;}
}
@-webkit-keyframes ap_fade_in {
	from {opacity:0;}
	to {opacity:1;}
}

.ap-tag {
	color:white;
	text-transform: uppercase;
}

.ap-tag.normal {
    font-weight: bold;
    font-size: .8em;
    border-radius: 2px;
    padding: 2px 3px;
}

.ap-tag.small {
	border-radius: 1px;
	font-size: smaller;
	padding:1px 3px;
}

.ap-tag.silver {
	background: silver;
}

.ap-tag.green {
	background: #4CAF50;
}

.ap-tag.red {
	background: #F44336;
}
.ap-animate-header-tag {
	top: -34px;
	position: relative;
	animation: ap_animate_header_tag 1s forwards;
	-webkit-animation: ap_animate_header_tag 1s forwards;			
}

@keyframes ap_animate_header_tag {
	from {top:-34px;}
	to {top:-2px;}
}
@-webkit-keyframes ap_animate_header_tag {
	from {top:-34px;}
	to {top:-2px;}
}

.ap-animate-blink {
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
	-webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
	-ms-animation: blink normal 1s infinite ease-in-out; /* IE */
	animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}		

@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */

.ap-animate-blink-full {
	-moz-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	-moz-animation: blink-full normal 2s infinite ease-in-out; /* Firefox */
	-webkit-animation: blink-full normal 2s infinite ease-in-out; /* Webkit */
	-ms-animation: blink-full normal 2s infinite ease-in-out; /* IE */
	animation: blink-full normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}		

.ap-animate-blink-full-fast {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-animation: blink-full normal 0.5s infinite ease-in-out; /* Firefox */
	-webkit-animation: blink-full normal 0.5s infinite ease-in-out; /* Webkit */
	-ms-animation: blink-full normal 0.5s infinite ease-in-out; /* IE */
	animation: blink-full normal 0.5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}		

@-moz-keyframes blink-full {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink-full {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink-full {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink-full {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */

}