
.levelColumn .rf-dt-c-srt {
	display: none;
}

td,
*.rf-ac-itm-cnt,
*.rf-ac-itm-hdr,
*.rf-pp-cnt,
*.rf-pp-hdr-cnt,
*.rf-tab-cnt,
*.rf-tab-lbl,
*.rf-ds,
*.rf-edt-hdr-c-cnt,
*.rf-edt-c-cnt,
*.rf-ii-lbl,
*.rf-pick-src-cptn,
*.rf-pick-tgt-cptn,
*.rf-pick-opt,
*.rf-pick-btn,
*.rf-dt-shdr-c,
*.rf-dt-c {
	font-family: "Open Sans",Arial,Verdana,Helvetica !important;
}

td,
*.rf-pp-cnt,
*.rf-pick-src-cptn,
*.rf-pick-tgt-cptn,
*.rf-pick-opt,
*.rf-dt-c {
	color: #222;
}

div.rf-pick-src {
	margin-top: -10px;	
}

*.rf-ac-itm-cnt {
	border: none;
	color: #222;
}

.rf-dt,
.rf-cst-c,
.rf-cst-nd-c {
	border: solid 1px #CCC;
	padding: 4px;
	font-size: 11px;
}

/*** further richfaces fixes TODO: test ***/

*.rf-cal-popup td {
	vertical-align: middle;
	padding: 0px !important;
	height: 23px;
}

.rf-cal-c {
	width: 23px;
}

.rich-spinner-buttons {
	background-color: transparent;
	background-image: none;
}

.rich-table-subheader,
.rich-calendar-header,
.rich-calendar-footer,
.rich-calendar-toolfooter,
.rich-calendar-days,
.rich-calendar-date-layout-ok,
.rich-calendar-date-layout-cancel {
	background-color: #E0EBCD;
	color: #3A7B00;
}

.rich-calendar-tool,
.rich-calendar-month,
.rich-calendar-select,
.rich-calendar-time-btn {
	background-color: #3A7B00;
	color: #FFFFFF;
}

.rich-calendar-hover,
.rich-calendar-editor-btn-over,
.rich-calendar-editor-tool-over {
	background-color: #D2DDBE;
}

.rich-calendar-editor-btn {
	border-color: transparent;
}

/* autocomplete */

*.rf-au {
	background-image: none;
	border: none;
	width: 100%;
	vertical-align: middle;
}

input.rf-au-inp {
	background-image: none;
	background-color: #fbfcfa;
	border-color: #89b066;
}

*.rf-au-lst-scrl {
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
	max-height: 100px;
	min-height: 20px;
}

*.rf-au-btn-arrow, *.rf-au-btn-arrow-dis {
	height: 25px;
	width: 22px;
}

.rf-au-shdw{
	width: 300px !important;
}

.rf-au-tbl{
	width: 300px !important;
}

/* modal panel */

*.rf-pp-shdw {
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

*.rf-pp-cnt-scrlr {
	background-color: #FAFAFA;
	
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

*.rf-pp-cntr {
	border-color: #DDD;
	
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

*.rf-pp-hdr {
	background-image: none;
	
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

*.rf-pp-hdr-cnt {
	color: #FFF;
	font-size: 13px;
	padding: 0px;
	line-height: 24px;
}

*.rf-pp-hdr-cntrls {
	top: 6px;
	right: 6px;
}
/* tooltip */
*.rf-tt-cntr {
    border-color: var(--main-color);
}

/* tabbar */

.rf-tbp {
	margin-top: 5px;
}

*.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
	background: none;
	border: none;
	height: 29px;
	padding: 0px;
}

*.rf-tab-hdr-brd {
	display: none;
}

*.rf-tab-cnt {
	background-color: transparent;
	border-color: #9dbd80;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}

*.rf-tab-hdr-inact.rf-tab-hdr-top,
*.rf-tab-hdr-act.rf-tab-hdr-top {
	background: none;
	background-image: none;
	padding: 0px;
	border: none;
	
	height: auto;
	line-height: normal;
	vertical-align: bottom;
}

*.rf-tab-hdr-inact.rf-tab-hdr-top .rf-tab-lbl,
*.rf-tab-hdr-act.rf-tab-hdr-top .rf-tab-lbl {
	display: block;
	font-weight: normal;
	
	background-image: none;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	
	line-height: 26px;
	height: 26px;
	padding: 0px 10px;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

*.rf-tab-hdr-inact.rf-tab-hdr-top .rf-tab-lbl {
	background-color: #FFF;
	border-color: #b0ca99;
	color: #222;
}

*.rf-tab-hdr-inact.rf-tab-hdr-top:hover .rf-tab-lbl {
	background-color: #3A7B00;
	border-color: #3A7B00;
	color: #FFF;
	line-height: 27px;
	height: 27px;
} 

*.rf-tab-hdr-act.rf-tab-hdr-top .rf-tab-lbl {
	background-color: #619533 !important;
	border-color: #3A7B00 !important;
	color: #FFFFFF;
	
	line-height: 27px;
	height: 27px;
}

/* calendar */

.rf-cal-inp {
	width: 80px !important;
}

/* *.rf-cal-btn {
	width: 21px !important;
	height: 20px !important;
	margin: 5px 0px 5px 2px;
} */

*.rf-cal-btn:hover {
	-webkit-box-shadow: 0px 0px 0px 2px #b0ca99;
	-moz-box-shadow: 0px 0px 0px 2px #b0ca99;
	box-shadow: 0px 0px 0px 2px #b0ca99;
}
 
*.fa_cal_button {
	width: 20px;
	height: 20px;
	margin: 5px 0px 5px 2px;
	background-color: var(--secondary-color);
}

*.fa_cal_button:before {
	position: relative;
	font-family: 'Font Awesome 5 Pro';
	font-size: 13px;
	content: "\f073";
	margin-left: -2px;
    margin-top: 2px;
    color: #FFFFFF;
}


/* r:collapsiblePanel by TW; @Peter: control please ;) */

*.rf-cp {
	background: none;
	color: #CCC;
}

*.rf-cp-gr,
*.rf-cp-hdr,
*.rf-cp-hdr-exp,
*.rf-cp-hdr-colps,
*.rf-cp-lbl,
*.rf-cp-lbl-exp,
*.rf-cp-lbl-colps {
	background-image: none;
	background-color: #e1ebd9;
	border: none;
}

*.rf-cp-lbl-colps,
*.rf-cp-lbl-exp {
	color: #004600 !important;
	margin-left: 2px;
	font-weight: bold !important;
}

*.rf-cp-lbl-colps *,
*.rf-cp-lbl-exp * {
	color: #004600 !important;
	font-weight: bold !important;
} 

*.rf-cp-hdr {
	padding: 4px 2px;
}

*.rf-cp-ico {
	padding-left: 3px;
}

*.rf-cp-ico-exp,
*.rf-ico-chevron-down-hdr,
*.rf-cp-ico-colps,
*.rf-ico-chevron-up-hdr {
	width: 20px;
    height: 20px;
    background-image: none;
    padding-left: 5px;
    font-weight: bold;
}

*.rf-cp-ico-exp:before,
*.rf-ico-chevron-down-hdr:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	content: "\f103";
	color: var(--secondary-color);
}

*.rf-cp-ico-colps:before,
*.rf-ico-chevron-up-hdr:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 16px;
	content: "\f102";
	color: var(--secondary-color);
}

/* datatable */

*.rf-dt-c-srt:hover {
	color: #3A7B00;
}

*.rf-dt-srt-btn {
	heigth: 12px;
}

*.rf-dt-srt-btn.rf-dt-srt-uns {
	background-image: none;
}

*.rf-dt-srt-btn.rf-dt-srt-uns:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f0dc";
	color: var(--secondary-color);
}

*.rf-dt-srt-btn.rf-dt-srt-des {
	background-image: none;
}

*.rf-dt-srt-btn.rf-dt-srt-des:before {	
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f0d7";
	color: var(--secondary-color);
}	

*.rf-dt-srt-btn.rf-dt-srt-asc {
	background-image: none;
}

*.rf-dt-srt-btn.rf-dt-srt-asc:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f0d8";
	color: var(--secondary-color);
}

*.rf-dt-hdr-c {
	background-color: #e1ebd9;
	padding: 10px;
	background-image: none;
}

*.rf-dt .rf-dt-r td input[type=radio]:first-child,
*.rf-dt .rf-dt-r td input[type=checkbox]:first-child,
*.rf-dt .rf-dt-shdr th input[type=radio]:first-child,
*.rf-dt .rf-dt-shdr th input[type=checkbox]:first-child {
	margin: 0px !important;
}

*.rf-dt .rf-dt-r td input[type=radio]:first-child + label[for],
*.rf-dt .rf-dt-r td input[type=checkbox]:first-child + label[for],
*.rf-dt .rf-dt-shdr th input[type=radio]:first-child + label[for],
*.rf-dt .rf-dt-shdr th input[type=checkbox]:first-child + label[for] {
	margin-left: -10px;
	margin-right: 0px;
	padding-left: 16px;
	height: 16px;
	line-height: 16px;
}

*.rf-dt .rf-dt-r td input[type=radio]:first-child + label[for],
*.rf-dt .rf-dt-r td input[type=checkbox]:first-child + label[for] {
	line-height: 25px;
	height: 26px;
}

*.rf-dt .rf-dt-shdr th input[type=radio]:first-child + label[for],
*.rf-dt .rf-dt-shdr th input[type=checkbox]:first-child + label[for] {
	background-color: #e1ebd9;
}

/* extended datatable */

*.rf-edt {
	border-color: #D8D8D8;
}

*.rf-edt-c-srt,
*.rf-edt-hdr-c-cnt,
*.rf-dt-shdr,
*.rf-dt-shdr-c,
*.rf-dt-c-srt {
	color: #222;
	background-color: #e1ebd9;
	padding: 10px;
	background-image: none;
	vertical-align: bottom;
}

*.rf-edt-b {
	outline: none;
}

*.rf-edt-hdr-c-cnt {
	white-space: nowrap;
	background-color: transparent;
	position: relative;
}

*.rf-edt-hdr-c-cnt.rf-edt-c-srt {
	white-space: normal;	
}

*.rf-edt-hdr-c-cnt.rf-edt-c-srt:hover {
	color: #3A7B00;
}

*.rf-edt-hdr-c-cnt > span {
	display: block;
	margin-bottom: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* TODO: eleminate tags in xhtml */
*.rf-edt-hdr-c-cnt > span + br {
	display: none;
}

*.rf-edt-hdr-c-cnt > input[type=text] {
	height: 30px;
	line-height: 30px;
	font-size: 11px;
}

*.rf-edt-c-cnt,
*.rf-edt-c-srt:hover {
	color: #222;
}

*.rf-edt-srt-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 12px;
	background-position: right center !important;
	z-index: 0;
}

*.rf-edt-srt-btn.rf-edt-srt-uns {
	background-image: none;
}
	
*.rf-edt-srt-btn.rf-edt-srt-uns:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f0dc";
	color: var(--secondary-color);
}

*.rf-edt-srt-btn.rf-edt-srt-des {
	background-image: none;
}

*.rf-edt-srt-btn.rf-edt-srt-des:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f0d7";
	color: var(--secondary-color);
}

*.rf-edt-srt-btn.rf-edt-srt-asc {
	background-image: none;
}

*.rf-edt-srt-btn.rf-edt-srt-asc:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f0d8";
	color: var(--secondary-color);
}

*.rf-edt-hdr,
*.rf-edt-tbl-hdr {
	background-image: none;
}

*.rf-edt-tbl {
	background-color: #e1ebd9
}

*.rf-edt-hdr *.rf-edt-tbl tr td {
	vertical-align: top;
}

/*
*.rf-edt-tbl > tbody > tr {
	background-color: #FFF;
}
*/

*.rf-dt > tbody > tr:nth-child(2n),
*.rf-edt-tbl > tbody > tr:nth-child(2n) {
	background-color: #f1f6ed;
}

*.rf-edt-tbl tr td.rf-edt-td-CHECKBOX .rf-edt-hdr-c-cnt input[type=checkbox] + label[for],
*.rf-edt-tbl tr td.rf-edt-td-CHECKBOX .rf-edt-hdr-c-cnt input[type=radio] + label[for] {
	background-color: #e1ebd9
}

/*
*.rf-edt-tbl tr td.rf-edt-td-CHECKBOX.buttonColumn .rf-edt-c-CHECKBOX {
	height: 23px;
}
*/

*.rf-edt-tbl tr td.rf-edt-td-CHECKBOX .rf-edt-c-cnt input[type=checkbox] + label[for],
*.rf-edt-tbl tr td.rf-edt-td-CHECKBOX .rf-edt-c-cnt input[type=radio] + label[for] {
	background-color: #FFF;
	line-height: 30px;
	height: 30px;
}

*.rf-dt .rf-dt-r:nth-child(2n) td input[type=checkbox] + label[for],
*.rf-dt .rf-dt-r:nth-child(2n) td input[type=radio] + label[for],
*.rf-edt-tbl tr:nth-child(2n) td.rf-edt-td-CHECKBOX .rf-edt-c-cnt input[type=checkbox] + label[for],
*.rf-edt-tbl tr:nth-child(2n) td.rf-edt-td-CHECKBOX .rf-edt-c-cnt input[type=radio] + label[for] {
	background-color: #f1f6ed;
}

*.rf-dt tr td.buttonColumn
*.rf-edt-tbl tr td.buttonColumn {
	text-align: center;
	vertical-align: middle;
}

*.rf-dt tr td.buttonColumn.rf-dt-c,
*.rf-edt-tbl tr td.buttonColumn *.rf-edt-c-cnt {
	line-height: 28px;
}

*.rf-dt tr td.buttonColumn.rf-dt-c input,
*.rf-edt-tbl tr td.buttonColumn *.rf-edt-c-cnt input {
	margin: 0px;
}

*.rf-edt-rsz {
	background-image: none;
	width: 8px;
	margin-left: -5px;
	height: 40px;
	z-index: 1;
}

*.rf-edt-c {
	height: 30px;
}

*.rf-dt-c,
*.rf-edt-c-cnt {
	line-height: 30px;
	padding: 0px 5px;
}

/*
*.rf-edt-hdr-c {
	height: 100%;
}

*.rf-edt-cnt *.rf-edt-tbl td {
	vertical-align: top;
}
*/

*.rf-edt-hdr-c-cnt {
	padding: 5px;
}

*.rf-edt-ftr,
*.rf-edt-tbl-ftr {
	border: none;
}

*.rf-dt-c,
*.rf-dt-hdr-c,
*.rf-dt-shdr-c,
*.rf-edt-c,
*.rf-edt-hdr-c,
*.rf-edt-ftr-c,
*.rf-edt-flt-c {
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
}

/* datascroller */

.rf-ds {
	background-color: transparent;
}

.rf-ds > span,
.rf-ds > a {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #3A7B00 #FFF #3A7B00 #3A7B00;
	display: inline-block;
	padding: 0px 3px;
	height: 20px;
	line-height: 20px;
	background-image: none;
	margin-left: -1px;
}

/* first */
.rf-ds .rf-ds-btn-first {
	border-left-width: 1px;
	width: 16px;
	background-image: none;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.rf-ds .rf-ds-btn-first:hover {
	background-image: none;
	background-color: #3A7B00;
}
.rf-ds .rf-ds-btn-first:hover:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f04a";
	color: #FFFFFF;
}
.rf-ds .rf-ds-btn-first:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f04a";
	color: #3A7B00;
}

/* prev */
.rf-ds .rf-ds-btn-fastrwd {
	width: 12px;
	background-image: none;
}

.rf-ds .rf-ds-btn-fastrwd:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 14px;
	font-weight: bold;
	content: "\f0d9";
	color: #3A7B00;	
}

.rf-ds .rf-ds-btn-fastrwd:hover {
	background-color: #3A7B00;
}
.rf-ds .rf-ds-btn-fastrwd:hover:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 14px;
	font-weight: bold;
	content: "\f0d9";
	color: #FFFFFF;
}

/* next */
.rf-ds .rf-ds-btn-fastfwd {
	width: 12px;
	background-image: none;
}

.rf-ds .rf-ds-btn-fastfwd:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 14px;
	font-weight: bold;
	content: "\f0da";
	color: #3A7B00;	
}

.rf-ds .rf-ds-btn-fastfwd:hover {
	background-image: none;
	background-color: #3A7B00;
}

.rf-ds .rf-ds-btn-fastfwd:hover:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 14px;
	font-weight: bold;
	content: "\f0da";
	color: #FFFFFF;
}

/* last */
.rf-ds .rf-ds-btn-last {
	border-right-color: #3A7B00;
	width: 16px;
	
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.rf-ds .rf-ds-btn-last:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f04e";
	color: #3A7B00;
}

.rf-ds .rf-ds-btn-last:hover {
	background-color: #3A7B00;
	background-image: none;
}
.rf-ds .rf-ds-btn-last:hover:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f04e";
	color: #FFFFFF;
}

.rf-ds .rf-ds-btn-first,
.rf-ds .rf-ds-btn-fastrwd,
.rf-ds .rf-ds-btn-fastfwd,
.rf-ds .rf-ds-btn-last {
	padding: 0px 8px;
	/*
	background-color: #e1ebd9;
	color: #e1ebd9;
	*/
	background-color: #FFF;
	color: #FFF !important;
	font-size: 0.1pt;
	background-position: center center;
}

.rf-ds a.rf-ds-nmb-btn {
	color: #222;
}

/* active */

.rf-ds .rf-ds-act {
	background-color: #619533 !important;
	color: #FFF;
	font-weight: normal;
}

.rf-ds .rf-ds-nmb-btn:hover {
	background-image: none;
	background-color: #3A7B00 !important;
	color: #FFF !important;
	font-weight: normal;
	border-color: #3A7B00 #FFF #3A7B00 #3A7B00;
}

/* disabled */
.rf-ds .rf-ds-dis,
.rf-ds .rf-ds-dis:hover {
	border-color: #999 !important;
	color: #CCC !important;
	background-color: #CCC !important;
	cursor: default !important;
}

.rf-ds .rf-ds-dis.rf-ds-btn-first {
	background-image: none;
}
.rf-ds .rf-ds-dis.rf-ds-btn-first:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f04a";
	color: #FFFFFF;
}

.rf-ds .rf-ds-dis.rf-ds-btn-fastrwd {
	background-image: none;
}

.rf-ds .rf-ds-dis.rf-ds-btn-fastrwd:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 14px;
	font-weight: bold;
	content: "\f0d9";
	color: #FFFFFF;
}

.rf-ds .rf-ds-dis.rf-ds-btn-fastfwd {
	background-image: none;
}

.rf-ds .rf-ds-dis.rf-ds-btn-fastfwd:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 14px;
	font-weight: bold;
	content: "\f0da";
	color: #FFFFFF;
}

.rf-ds .rf-ds-dis.rf-ds-btn-last {
	background-image: none;
}
.rf-ds .rf-ds-dis.rf-ds-btn-last:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 10px;
	font-weight: bold;
	content: "\f04e";
	color: #FFFFFF;
}
/* input with arrows (r:inputNumberSpinner) */

*.rf-insp {
	border: none;
}

*.rf-insp-btns {
	background: none;
	border: none;
	background-color: #b0ca99;
}

*.rf-insp-btns > * {
	background-color: #3A7B00;
	height: 13px;
	width: 14px;
}

*.rf-insp-inc,
*.rf-insp-inc-dis {
	background-image: none;
	margin-bottom: 2px;
}

*.rf-insp-inc:before,
*.rf-insp-inc-dis:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 13px;
	font-weight: bold;
	content: "\f0d8";
	color: #FFFFFF;
	margin-left: 3px;
    vertical-align: top;
}

*.rf-insp-dec,
*.rf-insp-dec-dis {
	background-image: none;
}

*.rf-insp-dec:before,
*.rf-insp-dec-dis:before {
	font-family: 'Font Awesome 5 Pro';
	font-size: 13px;
	font-weight: bold;
	content: "\f0d7";
	color: #FFFFFF;
	margin-left: 3px;
    vertical-align: top;
}

*.rf-insp-inc-dis,
*.rf-insp-dec-dis {
	background-color: #888888 !important;
}

*.rf-insp-inc:hover,
*.rf-insp-dec:hover {
	background-color: #619533;
}

input.rf-insp-inp[type="text"] {
	background-image: none;
	background-color: #FFF;
	border: 1px solid #DDD;
	color: #333;
	font-size: 11px;
	padding: 0px;
	font-family: "Open Sans",Arial,Verdana,Helvetica;
}

input.rf-insp-inp[type="text"]:focus {
	background-color: #f5f8f2;
	border-color: #3A7B00;
}

/* inplaceInput */

*.rf-ii {
	background-color: transparent;
}

/* picklist */

*.rf-pick {
	height: auto !important;
	min-height: 100px;
}

*.rf-pick-src-cptn,
*.rf-pick-tgt-cptn {
	font-size: 12px;
	margin: 0px 0px 3px 0px;
}

*.rf-pick-lst-dcrtn {
	background-color: #FFF;
	border-color: #DDD;

	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
}

*.rf-pick-opt {
	border: none;
	border-top: 1px solid #D8D8D8 !important;
	padding: 0px;
	white-space: normal;
}

*.rf-pick-opt:first-child {
	border-top: none !important;
}

*.rf-pick-opt > td {
	padding: 5px !important;
	width: auto;
}

*.rf-pick-opt > td * {
	word-break: break-all;
	word-wrap: break-word;
}

*.rf-pick-opt.rf-pick-sel {
	background-color: #d8e5cc;
}

/* duplicate of workspace saveButton and cancelButton classes > TODO? */
*.rf-pick-btn {
	padding: 0px 20px;
	text-align: center;
	
	font-size: 11px;
	line-height: 28px;
	height: 28px;
	color: #FFF;
	border: none;
	background-image: none;
	
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
}

*.rf-pick-btn.rf-pick-add-all,
*.rf-pick-btn.rf-pick-add {
	background-color: #3A7B00;
}

*.rf-pick-btn.rf-pick-add-all:hover,
*.rf-pick-btn.rf-pick-add:hover {
	background-color: #619533;
}

*.rf-pick-btn.rf-pick-add-all:focus,
*.rf-pick-btn.rf-pick-add:focus {
	-webkit-box-shadow: 0px 0px 0px 2px  #b0ca99;
	-moz-box-shadow: 0px 0px 0px 2px  #b0ca99;
	box-shadow: 0px 0px 0px 2px  #b0ca99;
}

*.rf-pick-btn.rf-pick-rem-all,
*.rf-pick-btn.rf-pick-rem {
	background-color: #888888;
}

*.rf-pick-btn.rf-pick-rem-all:hover,
*.rf-pick-btn.rf-pick-rem:hover {
	background-color: #a0a0a0;
}

*.rf-pick-btn.rf-pick-rem-all:focus,
*.rf-pick-btn.rf-pick-rem:focus {
	-webkit-box-shadow: 0px 0px 0px 2px  #cfcfcf;
	-moz-box-shadow: 0px 0px 0px 2px  #cfcfcf;
	box-shadow: 0px 0px 0px 2px  #cfcfcf;
}




/***
author: pschulze
thirdparty codemirror
***/

.CodeMirror {
	border: 1px solid #ccc;
}

.CodeMirror pre,
.CodeMirror pre * {
	white-space: pre !important;
}


/*********************** custom views ***********************/


/*** in billinglinesCompare.xhtml  ***/
.billing_line_table .rf-edt-b .rf-edt-tbl > tbody > tr {
	background-color: #FFF;
}

.billing_line_table .rf-edt-b .rf-edt-tbl > tbody > tr > td {
	border-right: 1px solid #D8D8D8 !important;
	border-bottom: 1px solid #D8D8D8 !important;
	vertical-align: top;
}

.billing_line_table .rf-edt-b .rf-edt-tbl *.rf-edt-c {
	height: auto;
	border-right: none;
	border-bottom: none;
}

.billing_line_table .rf-edt-tbl *.rf-edt-c {
	padding: 2px;
}

.billing_line_table .rf-edt-tbl *.rf-edt-hdr-c {
	padding: 0px 2px;
}

.billing_line_table .rf-edt-b .rf-edt-tbl *.rf-edt-c-cnt {
	padding: 0px;
}

/*********************** DHTMLX Grid / TreeGrid ***********************/
 
div.gridbox_material.gridbox table.obj.row20px tr.rowselected td {
	background-color: #D2DDBE;
	border-right-color: #D2DDBE;
	/* color: #FFF; */
}

div.gridbox_material.gridbox table.obj.row20px tr.rowselected td i[class=^"fa"]{
	color: #FFF;
}

div.gridbox_material.gridbox table.hdr td {
	font-size: 11px;
	color: #777;
	text-transform: uppercase;
	position: relative;
}

/* div.gridbox_material.gridbox table.hdr tr td:not(:first-child) {
	border-left: 1px solid #dfdfdf !important;
} */

/*
div.gridbox_material.gridbox table.hdr tr:nth-child(n+1) td:before {
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	font-weight: 100;
	left: 0px;
	top: 5px;
	font-size: 16px;
	content: '\f7a5';
	color: #999;
}
*/

div.gridbox_material.gridbox table.obj.row20px tr td {
	font-size: 11px;
	height: auto;
	line-height: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

/* comment list */

#dhtmlxTreeGridUserComments table.obj.row20px tr td .treegrid_cell {
	height: auto !important;
	line-height: normal !important;
}

/* #dhtmlxTreeGridUserComments table.obj.row20px tr td .treegrid_cell .grid_collapse_icon {
	margin-right: 5px;
} */

div.gridbox_material.gridbox table.obj tr td:first-child {
	padding-left: 0px;
}

div.gridbox_material.gridbox table.obj tr.rowselected td:first-child {
	border-left: 0px solid #000;
	padding-left: 0px;
}