/* neues Layout */
html, body {
	height: 100%;
}
body {
	position: relative;
	min-width: 1165px;
}
.container {
	max-width: 1140px;
	margin: 0;
}
/* full-width */
.container {
	max-width: none;
	margin: 0;
}
.container .whole {
	width: 100%;		/* oder doch 99% ? */
	max-width: 100%;	/* oder doch 99% ? */
}
.stripe {
	padding-left: 30px;
	padding-right: 30px;
}
.container .column {
	margin-left: 0px;
	margin-right: 0px;
}

/* damit im Flyout die Abstände erhalten bleiben */
.one-fourth .container.cl,
.one-third .container.cl {
	padding-right: 20px;
}


#dyn_wrapper {
	position: absolute;
	top: 78px;
	bottom: 0px;
	width: 100%;
	height: calc(100% - 90px);
	/* height: calc(100% - 110px); */
}
#dyn_wrapper #contentsection {
	height: 100%;
	background-color: #FFFFFF;
}
#dyn_wrapper #contentsection .dp-form {
	height: 100%;
}
#dyn_wrapper #contentsection .dp-form #content {
	height: 100%;
}
#dyn_wrapper #contentsection .dp-form #content > section:first-child {
	padding-top: 0px;
	height: 100%;
}

#contentsection .dp-form #content > section:first-child {
	padding-top: 0px;
}

.header.stripe.mo {
	height: 53px;
}

.header.mo .logo {
	top: 19px;
	width: 153px;
	height: 15px;
}

.breadcrumb {
	margin-top: 7px;
	margin-bottom: 15px;
	margin-left: -30px;
	/* height: 35px; */
	/* HG 20160225 Den Streifen fuer 'Aktueller Kunde' verbreitern. */
	height: 58px;
}
/* Z.B. bei "Teilleistung erfassen" dürfen die zusätzlichen Kopfinformationen, nicht mit Abstand zum Breadcrumb angezeigt werden. */
.dp-form div.container.row.breadcrumb {
	padding-bottom: 0px;
}
.dp-form .breadcrumb section {
	position: fixed;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 30px;
	/* padding-top: 5px; */
	/* HG 20160225 Den Streifen fuer 'Aktueller Kunde' verbreitern. */
	padding-top: 28px;
	padding-right: 30px;
	padding-bottom: 4px;
	width: calc(100% - 60px);
	min-height: 30px;
	min-width: 980px;
	z-index: 3;
	background-color: #F9F9F9;
	border-bottom: 1px solid #CCCCCC;
}

.breadcrumb span {
	display: inline-block;
	font-size: 18px;
}

.breadcrumb span.trenner {
	margin-left: 10px;
	margin-right: 10px;
	width: 6px;
	height: 9px;
	background: url('../resources/img/sprite.png') no-repeat scroll -20px
		-20px transparent;
}


.breaddialog {
	margin-top: 7px;
	margin-bottom: 15px;
	margin-left: -30px;
	margin-right: 30px;
	height: 35px;
}
.dp-form .breaddialog section {
	/* position: fixed; */
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 4px;
	/* width: calc(100% - 60px); */
	height: 30px;
	/* z-index: 3; */
	background-color: #F9F9F9;
	border-bottom: 1px solid #CCCCCC;
}

.breaddialog span {
	display: inline-block;
	font-size: 18px;
}

.breaddialog span.trenner {
	margin-left: 10px;
	margin-right: 10px;
	width: 6px;
	height: 9px;
	background: url('../resources/img/sprite.png') no-repeat scroll -20px
		-20px transparent;
}


/**
	###               Tabelle mit festem Header              ###
*/
.nopadding-left {
	padding-left: 0px !important;
}

.nopadding-right {
	padding-right: 0px !important;
}

.nopadding-left-right {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.padding-right-20 {
	padding-right: 20px !important;
}

.noborder-left {
	border-left: 0px !important;
}

.width30px {
	width: 30px !important;
}

.width110px {
	width: 110px !important;
}

.width120px {
	width: 120px !important;
}

.width130px {
	width: 130px !important;
}

.width140px {
	width: 140px !important;
}

.width200px {
	width: 200px !important;
}

table.fixheader, div.fixheader > div > table {
                margin-left: 0px;
                margin-top: 30px;
                min-width: 20px !important;
}

table.fixheader thead, div.fixheader > div > table > thead {
                position: absolute;
                top: 0px;
                margin-left: -5px;
                background-color: #FFFFFF;
                z-index: 2;
}

table.fixheader th.selColumnHeader, div.fixheader > div > table th.selColumnHeader {
    min-width: 26px !important;
    width: 30px !important;
    padding-right: 0px;
}


table.fixheader th, div.fixheader > div > table th {
    display: inline-block;
}

div.fixheader > div > table > thead th {
    padding: 4px !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #CCC !important;
}
div.fixheader > div > table > tbody td {
    border-top: none !important;
    border-right: 0 solid white !important;
    border-bottom: 1px solid #CCC !important;
    
    border-right-width: 0 !important;
}

/**
	###              Ende der Tabelle mit festem Header               ###
	###				 Tabelle ohne Border							  ###
*/
.noBorder td {
	border:1px solid #797d4e00; 
	padding:3px;
}
.ui-datatable.noBorder .ui-datatable-even:hover{
	background:none!important;}
.ui-datatable.noBorder .ui-datatable-odd:hover{
	background:none!important;}


/**
	###				Ende der Tabelle ohne Border					  ###
*/

/* Abstand zwischen DataScroller und ActionButtons */
.container .flextable {
	margin-bottom: 10px;
}

/* Globale Infotexte (Hilfe-Button) */
.infotext-global {
	float: right;
	position: static;
}

/* Dialog soll etwas geringeren Abstand zwischen Action-Buttons und Rand haben. */
.container .column.dlg-action-buttons {
	margin-bottom: 10px;
}

.dlg-row-height {
	height: 45px;
}

/* diabled input Felder */
.dp-form input:disabled, .dp-form select:disabled {
	background-color: #F0F0F0;
}
/* diabled input buttons */
.dp-form .action-btn:disabled {
	color: #999999;
}

.dp-form .action-btn.grey:disabled:hover {
  border: 1px solid #e1e1e1;
  background: #e3e3e3;
  background: -moz-linear-gradient(top, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
  background: -o-linear-gradient(top, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
  background: linear-gradient(to bottom, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
  -pie-background: linear-gradient(top, #fff 0%, #fdfdfd 1px, #e3e3e3 100%);
}

/*
.dp-form .action-btn:hover:disabled {
	border: 1px solid #fc0;
	background: #fc0;
	background: -moz-linear-gradient(top, #FFF0B3 0%, #ffe680 1px, #fc0 100%);
	background: -webkit-linear-gradient(top, #FFF0B3 0%, #ffe680 1px, #fc0 100%);
	background: -o-linear-gradient(top, #FFF0B3 0%, #ffe680 1px, #fc0 100%);
	background: linear-gradient(to bottom, #FFF0B3 0%, #ffe680 1px, #fc0 100%);
	-pie-background: linear-gradient(top, #FFF0B3 0%, #ffe680 1px, #fc0 100%);
}
*/

/* Weite eines ActionButtons muss mindestens 61px sein, ansonsten hat dieser unten einen weißen Strich */
.dp-form .action-btn {
	min-width: 61px !important;
}

/* Wenn ich div habe in dem sich nur <h:outputText> und <h:outputLabel> befinden, wären diese sonst nicht zentriert. */
.dp-form .h30-middle {
	display: table-cell;
	height: 30px;
	vertical-align: middle;
}

.summen-zeile {
	margin-bottom: 5px;
	padding-bottom: 0px;
	background-color: #F0F0F0;
	overflow: hidden;
}

.summen-zeile table td {
	padding: 3px 0px;
	box-sizing: border-box;
	text-align: right;
}

.panelheader {
	margin-bottom: 5px;
	padding-bottom: 0px;
	background-color: #F0F0F0;
	overflow: hidden;
}

/* Calendar DatePicker */
.ui-datepicker .ui-datepicker-next span {
	background: url(/mowebapp/resources/img/sprite.png) no-repeat -20px -20px;
	top:15px;
	left:13px;
}

.ui-datepicker .ui-datepicker-prev span {
	background: url(/mowebapp/resources/img/sprite.png) no-repeat -20px -20px;
	transform: scaleX(-1);
	top:15px;
	left:8px;
}


.dp-form div.rf-cal input {
	width: 112px !important;
}
.dp-form img.rf-cal-btn {
	margin-left: -27px;
	height: 27px;
	background-color: #E7E7E7;
	background: linear-gradient(to bottom, #F0F0F0 0%, #E3E3E3 100%);
}
.dp-form .error img.rf-cal-btn {
	margin-left: -28px;
	height: 26px;
}

.rf-cal-popup {
	/* IE9 fix */
	background-color: #FFFFFF;
}
.rf-cal-popup .rf-cal-hdr {
	background-color: #FC0;
}


/* TABS START */
.tabset {
	position: relative;
}

.tabset:before {
	position: absolute;
	width: 10000px;
	left: -5000px;
	top: 29px;
	border-bottom: 1px solid #ccc;
	content: "";
}

.tabset .swiper-container {
	height: auto;
	overflow: visible;
	position: relative;
}

.tabset .tabs {
	display: inline-block;
	position: relative;
	width: auto;
	height: 48px !important;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.tabset .tabs .swiper-slide {
	height: auto;
}

.tabset .tabs li {
	position: relative;
	display: inline-block;
	margin: 0 4px -1px 0;
	margin: 0 0 -1px 0;
	line-height: 20px !important;
	color: #333;
	font-size: 14px;
	cursor: pointer;
	z-index: 10;
}

.tabset .tabs li span {
	white-space: nowrap;
	display: inline-block;
	margin-right: 4px;
	padding: 5px 10px 4px 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .25);
	background: #ccc;
	background: -moz-linear-gradient(top, #e7e7e7 0%, #ccc 100%);
	background: -webkit-linear-gradient(top, #e7e7e7 0%, #ccc 100%);
	background: -o-linear-gradient(top, #e7e7e7 0%, #ccc 100%);
	background: linear-gradient(to bottom, #e7e7e7 0%, #ccc 100%);
	-pie-background: linear-gradient(top, #e7e7e7 0%, #ccc 100%);
	behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
}

.tabset .tabs .tab-open span {
	color: #000;
	border: 1px solid #ccc;
	border-bottom: none;
	cursor: default;
	padding: 5px 12px 4px 12px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 100%);
	-pie-background: linear-gradient(top, #fff 0%, #fff 100%);
	behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
}

.tabset .tab-content {
	display: block !important;
	position: absolute;
	top: -10000px;
	padding: 48px 0 0 0;
	width: 400px;
	height: 10px;
}

.tabset .tab-content.open {
	position: relative;
	top: auto;
	width: auto;
	height: auto;
}

.tabset .textlink {
	padding-left: 0;
}

.tabset .textlink:before {
	background: none;
}
/* TABS END */
.dp-form.radiotest .block table label {
	margin-top: 2px;
	width: auto;
}

.dp-form.radiotest .block table td {
	padding-top: 0px;
	padding-right: 0px;
	line-height: 20px;
	width: 120px;
}

.dp-form.radiotest .block.radio200 table td {
	width: 200px;
}

.dp-form.radiotest .block.radio440 table td {
	width: 440px;
}

.dp-form.radiotest .block.radio140 table td {
	width: 140px;
}

.dp-form.radiotest .block.radio-flex table td {
	width: auto;
	padding-right: 20px;
}

.dp-form.radiotest input[type="radio"]:focus {
	/* outline: 1px grey dashed !important; */
}

/* Markieren von Treffern bei der erwiterten Suche */
.bgy {
	background-color: #FFFF77;
}
.bgg {
	background-color: #E7EAF5;
}

/* Statusleiste */
#status_leiste {
	margin-top: 1px;
	padding: 0;
	padding-top: 7px;
	height: 41px;	
	line-height: 16px;
	font-size: 14px;
	background-color: #F9F9F9;
}
#status_leiste.simulation {
	color: #CC0000;
}
#status_leiste.produktiv {
	color: #333333;
}
#status_leiste .inner_wrapper {
	margin: 0 0;
	width: calc(100% - 60px);
	background-color: #F9F9F9;
}

#einfSucheInner {
	margin: -51px 0 0 150px;
	width: 954px;
	height: 50px;
	border: 1px solid #CCCCCC;
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #F9F9F9;
}

.textlink:hover {
	text-decoration: underline;
	cursor: pointer;
}
.textlink:before {
	top: 5px;
}

/* highlighting für einfache Suche */
.highlight {
	background-color: #FFE555;
}
.highlight.selected {
	border: 2px solid #BF4300;
}

/************** Anpassung Styleguide für Menü (START) ************************/
.container .menu.witz {
	width: 110%; /* 954/984 */
	max-width: 110%;
	position: relative !important;
	left: 0;
	top: 0;
}

#locnav .locnav-secondary {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
	text-align: right;
}

#locnav .locnav-secondary .linklist {
	display: inline-block;
	vertical-align: bottom !important;
	margin-top: -20px !important;
}

#locnav .locnav-secondary li {
	display: inline-block;
	vertical-align: middle !important;
	margin-right: 0;
	padding: 0;
	vertical-align: middle;
	text-align: right;
}
/* für die Icons im Menü Navigation.xhtml  ******/
/* statt swiper-slide hier swiper-slide1
	statt padding: 17px 19px; hier padding: 17px 10px; */
#locnav .swiper-slide1 {
	display: inline-block;
	margin-bottom: -4px;
}

#locnav .swiper-slide1 a {
	padding: 17px 13px;
	display: inline-block;
	white-space: nowrap;
}

#locnav .swiper-slide1.current a {
	font-family: "Delivery-Bold", sans-serif;
	color: #000;
}

#locnav .swiper-slide1 a.active {
	margin-bottom: -2px;
	padding-bottom: 19px;
	position: relative;
	background: #F3F3F3;
	background: -moz-linear-gradient(top, #fff 0%, #F3F3F3 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #F3F3F3 100%);
	background: -o-linear-gradient(top, #fff 0%, #F3F3F3 100%);
	background: linear-gradient(to bottom, #fff 0%, #F3F3F3 100%);
	-pie-background: linear-gradient(top, #fff 0%, #F3F3F3 100%);
	behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
}
/* Webkit Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#locnav .swiper-slide1 a.active {
		margin-bottom: -3px;
		padding-bottom: 20px;
	}
}

#locnav .swiper-slide1 a.active:before, #locnav .swiper-slide1 a.active:after
	{
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 100%;
	top: 0;
	background: #ccc;
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #ccc 100%);
	background: -o-linear-gradient(top, #fff 0%, #ccc 100%);
	background: linear-gradient(to bottom, #fff 0%, #ccc 100%);
	-pie-background: linear-gradient(top, #fff 0%, #ccc 100%);
}

#locnav .swiper-slide1 a.active:before {
	left: 0;
}

#locnav .swiper-slide1 a.active:after {
	right: 0;
}

/************** Anpassung Styleguide für Menü (ENDE) ************************/

	
#formNavigation #locnav_fixed {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFE680', EndColorStr='#FFCC00')";
	background: linear-gradient(to bottom, #FFE680 0%, #FC0 100%) repeat scroll 0% 0% transparent;
}

.textlink.navitem-blocked {
	color: #AAAAAA;
	text-decoration: none;
	cursor: default;
}
.navitem-blocked.textlink:before {
	background: url("../resources/img/sprite_itz.png") no-repeat -60px -20px;
}
/* Navigation */
ul li:last-child {
}
#locnav .swiper-slide a {
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 17px;
	vertical-align: middle;
}
  .before-a {
  		float: left;
  		content: "";
	display: inline-block;
	background: url("../resources/img/sprite.png") no-repeat -470px -70px;
	height: 58px;
	width: 3px;
	top: 0;
	left: 0;
  }
  #locnav .swiper-slide a.marked,
  #locnav .swiper-slide a:focus,
  #locnav .swiper-slide a:hover {
  		text-decoration: none;
  		background: #fc0;
	background:	   -moz-linear-gradient(top, #FFF9DF 0%, #fc0 100%);
	background: -webkit-linear-gradient(top, #FFF9DF 0%, #fc0 100%);
	background:      -o-linear-gradient(top, #FFF9DF 0%, #fc0 100%);
	background:   linear-gradient(to bottom, #FFF9DF 0%, #fc0 100%);
	-pie-background:    linear-gradient(top, #FFF9DF 0%, #fc0 100%);
  }
  #locnav .swiper-slide a.active {
	background: #fff;
	background:         linear-gradient(to bottom, #F3F3F3 0%, #fff 100%);
	background:	   -moz-linear-gradient(top, #F3F3F3 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #F3F3F3 0%, #fff 100%);
	background:      -o-linear-gradient(top, #F3F3F3 0%, #fff 100%);
}
.locnav.flyout.active {
	top: 57px;
}

/* Pagination DataScroller */
.rf-ds-nmb-btn {
	background: transparent linear-gradient(to bottom, #E7E7E7 0%, #CCCCCC 100%) repeat scroll left top;
}
.rf-ds-nmb-btn:hover {
	background: transparent linear-gradient(to bottom, #F0F0F0 0%, #E3E3E3 100%) repeat scroll left top;
}
.rf-ds-nmb-btn.rf-ds-act {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

/* DatePicker*/
.rf-cal-boundary-day {
	color: #A0A0A0;
}

/* SuccessBox */
.clue {
	min-height: 40px;
	padding: 18px 20px 20px 90px;
	position: relative;
	background: #fc0;
	
	background:	   -moz-linear-gradient(top, #ffe680 0%, #fc0 100%);
	background: -webkit-linear-gradient(top, #ffe680 0%, #fc0 100%);
	background:      -o-linear-gradient(top, #ffe680 0%, #fc0 100%);
	background:   linear-gradient(to bottom, #ffe680 0%, #fc0 100%);
	-pie-background:    linear-gradient(top, #ffe680 0%, #fc0 100%);
	
	behavior: url("/etc/designs/dpag_multiscreen/pie.htc");
	
	}
	.clue.success {
		padding-bottom: 10px;
		}
		.clue:after {
			position: absolute;
			width: 52px;
			height: 50px;
			background: url("../resources/img/sprite.png") no-repeat;
			content: "";
			}
		.clue.success:after {
			top: 16px;
			left: 16px;
			background-position: -110px -756px;
			}
		.clue.error:after {
			top: 20px;
			left: 20px;
			background-position: -109px -663px;
			}
			.clue h2 {
				font-family: "Delivery-Bold", sans-serif;
				margin-bottom: 5px;
				font-size: 18px;
				line-height: 20px;
				}
			.clue.error .textlink {
				color: #C61111;
				font-family: "Delivery-Regular", sans-serif;
				}
				.clue.error .textlink:before {
					background-position: -40px -40px;
					}
	.clue.error .links a { display: block; }

.errorfeld {
	padding: 1px 3px !important;
	border: 2px solid #C61111 !important;
	background: #FFF url("../resources/img/sprite.png") no-repeat scroll right -975px !important;
	box-shadow: none !important;
	height: 30px !important;	
}

/* Upload Button - Icon entfernen */
.rf-fu-btn-cnt-add, .rf-fu-btn-cnt-clr {
	background-image: none;
	padding: 3px 5px !important;
}


/* rich:select */
.rf-sel-cntr {
	position: relative;
	font-size: 20px;
	border: none;
}
.rf-sel-btn {
	margin-left: -29px;
	width: 29px;
	border: none;
}
.rf-sel-cntr .rf-sel-inp {
	font-size: 15px;
}
.rf-sel-shwd {
	background-color: white;
}
.rf-sel-lst-dcrtn {
	background-color: white;
}
.rf-sel-lst-scrl {
	background-color: white;
}
.rf-sel-cntr::before {
	content: '';
	width: 27px;
	right: 1px;
	margin-top: 2px;
	height: 27px;
	background: #fff url("../resources/img/sprite.png") -149px -399px no-repeat;
	position: absolute;
	display: block;
	z-index: 1;
  	pointer-events: none;
}

/* rich:autocomplete */
.rf-au {
	border: none;
}
.rf-au-fnt.rf-au-inp {
	width: 100%;
	font-size: 15px;
}
.rf-au-lst-scrl {
	width: 100%;
}
.rf-au-btn {
	margin-top: 2px;
	margin-left: -28px;
	width: 27px;
	height: 27px;
	background: #fff url("../resources/img/sprite.png") -149px -399px no-repeat;
	border: none;
	cursor: pointer;
}

.rf-au-fld-btn {
	width: 100%;
}

/* fuer Spaltenüberschriften rechtsbuendig ausgerichtet (CW) */
.dp-table th.headerTextRechts {
  text-align: right !important;
  padding-right: 0px !important; 
}
.dp-table th.right {
  text-align: right !important;
  padding-right: 0px !important; 
}

/* fuer Spaltenüberschriften zentriert ausgerichtet (CW) */
.dp-table th.headerTextCenter {
  text-align: center !important;
  padding-right: 0px !important; 
}

/* SuccessMessages nicht im Panel anzeigen. */
#content #pasuccesspanel {
	display: none;
}
/* Tooltipps für Icons unsichtbar. */
span.calIconTT {
  display: none;
}


.erweiterte-suche-markierung {
	background-color: #FFE555;
}

/* Passwort ändern */
.check_yes {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 17px;
	background-repeat: no-repeat;
	background-image: url('../resources/icons/check_yes_22x17.png');
}
.check_no {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 17px;
	background-repeat: no-repeat;
	background-image: url('../resources/icons/check_no_22x17.png');
}



/* Dialoge mit scrollable dataTable und Checkbox-Spalte */
.ui-dialog-content.ui-widget-content .dp-form .ui-datatable-data.ui-widget-content input[type=radio], .ui-dialog-content.ui-widget-content .dp-form .ui-datatable-data.ui-widget-content input[type=checkbox] {
   position: static;
}
.ui-dialog-content.ui-widget-content .dp-form td.cb-column {
   padding-left: 1px !important;
}
.ui-dialog-content.ui-widget-content .dp-form td.cb-column input[type=checkbox] {
	margin-left: -5px;
}
.ui-dialog-content.ui-widget-content .dp-form td.cb-column label.cblabel:before {
   margin-left: 4px;
}

/* scrollable dataTable mit Checkbox-Spalte */
.dp-form .checkbox-scroll-fix .ui-datatable-data.ui-widget-content input[type=radio], .dp-form .checkbox-scroll-fix .ui-datatable-data.ui-widget-content input[type=checkbox] {
   position: static;
}
.dp-form .checkbox-scroll-fix th.cb-column {
   padding-left: 3px !important;
   min-width: 0px !important;
}
.dp-form .checkbox-scroll-fix td.cb-column {
   padding-left: 1px !important;
   min-width: 0px !important;
}
.dp-form .checkbox-scroll-fix td.cb-column input[type=checkbox] {
   XXmargin-left: -5px;
   width: 4px;
   opacity: 0.0;
}
.dp-form .checkbox-scroll-fix td.cb-column label.cblabel:before {
   XXmargin-left: 3px;
}

.bgdisabledcheck:before {
	background-position: -100px -480px !important;
}
.checked.bgdisabledcheck:before {
   background-position: -100px -520px !important;
}

.outputWithInputStyle {
	font-family: "Delivery-Regular", sans-serif;
	color: #333;
	padding: 0 4px;
	height: 30px;
	border-color: #909090 #ccc #E4E4E4;
	border-style: solid;
	border-width: 1px;
	background: #fff;
	outline: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: inset 0 1px 1px -1px #000;
	-webkit-box-shadow: inset 0 1px 1px -1px #000;
	box-shadow: inset 0 1px 1px -1px #000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.divForOutputWithInputStyle {
	padding-right: 0px;
	display: inline-flex;
	align-content: center;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	flex-direction: row;
}