@CHARSET "UTF-8";

/* Elements */

element.style
{
	position: relative;
}

form
{
	margin-bottom: 0;
}

body
{
	margin: 0;
	font-size: 0.9em !important;
}

img
{
	border: none;	
}

/* deloma */

.corp-blue {color: #448dae !important; }
.corp-blue-text { color: #326780 !important;}
.corp-green { color: #95bf3f !important; }
.corp-green-text { color: #6d8c2e !important; }

.corp_logo_text
{
	font-weight: bold;
	/* font-family: 'Chennai-Medium' */
}

.corp-slogan_text
{
	font-family: 'MV Boli';
}

/* Utility */

.js .flash
{
	visibility: hidden;
}

.hide-first-anchor a:first-child
{
	display: none;
}


/* colors - obsolete after primefaces premium migration */

.color-green, 
.color-green .fa
{
	color: #048f47 !important;
	font-weight: bold;
}

.color-orange, 
.color-orange .fa
{
	color: #ff9900 !important;
	font-weight: bold;
}

.color-red, 
.color-red .fa
{
	color: #cd0a0a !important;
	font-weight: bold;
}

.color-blue, 
.color-blue .fa
{
	color: #063971 !important;
	font-weight: bold;
}

.color-blue-trafficsign, 
.color-blue-trafficsign .fa
{
	color: #063971 !important;
	font-weight: bold;
}

/* float */

.right
{
	clear: right;
	float: right;
	margin-left: 1em;
}

.left
{
	clear: left;
	float: left;
	margin-right: 1em;
}

.subtext
{
	opacity: 0.85; 
	font-size: 0.85em;
}

/* anchor */



.anchor, .anchor a, .anchor-nodeco
{
	text-decoration: none;
}

.anchor:HOVER, .anchor a:HOVER
{
	text-decoration: underline;
}


.tableCellValignTop td
{
	vertical-align: top;
}






/* label with icon */

.ui-outputlabel-icon 
{
	font-size: 1.5em; 
	vertical-align: middle;
	width: 1.2em;
}

/* icon */

.ui-icon-right
{
	margin-left: 0.35em;
}

.ui-icon-left
{
	margin-right: 0.35em;
}


.icon_container_large
{
	background-size: contain !important; 
	border-radius: 2em !important; 
	display: inline-block !important;
	width: 2em; 
	height: 2em; 
	font-weight: bold !important;
	text-align: center;
	line-height: 2em;
	margin: 0 0.5em 0.5em 0em;
}

/* icon container small - check if used in CMS */

.icon_container_icon_small
{
	background-size: contain !important; 
	border-radius: 1em !important; 
	display: inline-block !important;
	height: 1.5em; 
	width: 1.5em; 
	font-weight: normal !important;
	line-height: 1.5em;
	text-align: center;
	display: block;
}

.icon_container_icon_small .ui-icon
{
	margin-left: 0.15em;
	margin-top: 0.15em;
}



/* specific ids */




.breadCrumb a
{
	text-decoration: none !important;
}

.productImage
{
	background: none;
	/* background-color: #ffffff; problems with transparent images */
}


.productItem_info
{
	font-size: 0.85em; 
	font-weight: normal; 
	white-space: nowrap;
}

/* specific higlight */

.highlight-brandOfMonth
{
	font-size: 1.25em; 
	color: #fbb040 !important;
}

.highlight-userContest
{
	font-size: 1.25em; 
	color: #d0525d !important;
}

.highligh-rating-star
{
	color: #fbb040 !important;
	text-shadow: 1px 1px 1px #6d6d6d;
}


.background-full
{
	background-size: contain !important;
}

.ui-remove-child-first-margin > *
{
	margin: 0 !important;
}


ul.list-circle li
{
	list-style: outside none circle;
}

/* seo-content remove border */
.ui-content-seo
{
	border: medium none !important;
	padding: 0.5 1em !important;
	margin: 3em auto;
	text-align: justify; 
	opacity: 0.65; 
	font-size: 0.85em !important;
}


/* move variations to specific themes*/

.stock-availability-color-none { color: auto; }
.stock-availability-color-stock { color: #fbd024 !important; }
.stock-availability-color-short { color: #32cb68 !important; }
.stock-availability-color-mid { color: #f48f3e !important; }
.stock-availability-color-long { color: #d03535 !important; }
.stock-availability-color-not { color: #d03535 !important; }
.stock-availability-color-disabled { color: grey !important; }


/* 
	payment transaction status group 
	- traffic sign 
	- see color classes: green, orange, red  
*/

.payment-status-group-VALID
{
	color: #048f47 !important;
	font-weight: bold;
}

.payment-status-group-OPEN
{
	color: #ff9900 !important;
	font-weight: bold;
}

.payment-status-group-INVALID
{
	color: #cd0a0a !important;
	font-weight: bold;
	text-decoration: line-through;
}

/* css class to highlight a search term within a word, 
	should be used in combination with ui-state-highlight */
.ui-search-highlight
{
	padding: 0.15em;
	margin: 0em -0.15em;
}


.ui-cart-add-item-button-spinner input
{
	width: 2.5em;
}

.table-border-remove td, 
.table-border-remove th
{
	border: none !important;
}


/*
 * jQueryUI and PrimeUI and PrimeFaces fixes
 */



/* 

PrimeFaces PrimeUI 4.1 Font Awesome icon fix 

TODO obsolete if updated to PrimeFaces 5.4
*/

.ui-breadcrumb ul li .fa
{
    margin: 4px 3px 0;
    padding: 0;
}

.ui-breadcrumb ul li span
{
	display: inline-block !important;
}

/* breadcrumb without border, background and default padding*/
.ui-breadcrumb.ui-breadcrumb-inline
{
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

/* apply to p:panel to make padding equal to ui-menu padding */
.ui-panel-small-padding .ui-panel-content 
{
    padding: 0.3em !important;
}

/* ui-panel without padding */
.ui-panel-no-padding > .ui-panel-content
{
	padding: 0 !important;	
}

.ui-selectonemenu
{
	vertical-align: middle;
}

/* enforce icon height - since bug if button font-size is larger then 1em*/
.ui-button-icon-only .ui-icon.fa, 
.ui-button-text-icon-left .ui-icon.fa, 
.ui-button-text-icon-right .ui-icon.fa {
    height: 1em;
    width: 1em;
}

/* PrimeFaces dialog always has scrollbars -> so fix it */

.ui-dialog .ui-dialog-content
{
	padding: 1.3em 1em !important; /* original: 0.5em 1em */
}

/* PrimeFaces carousel has calculated width which is always a little bit too large */
.ui-carousel 
{
    width: auto !important;
    padding: 0.2em !important; /* same as ui-panel */
}

.ui-carousel .ui-carousel-header
{
	height: auto !important;
	margin: 0 0 0.2em 0 !important;
	padding: 0.5em 1em 0.3em !important; /* same as ui-panel-header */
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title
{
	display: inline !important;
}

/* PF - selectbooleanbutton only with icon */
.ui-selectbooleanbutton.ui-icon-only > .ui-button-text
{
	display: inline-block;
    padding: 0.3em 1em;
    visibility: hidden;
    width: 0;
}

/* make save and cancel button one unit */
.ui-inplace-editor
{
	display: inline-block;
}

/* display: inline-block and remove ui-helper-clearfix */
.ui-row-editor.ui-helper-clearfix
{
	display: inline-block;
}

.ui-row-editor.ui-helper-clearfix::after
{
	display: inline-block;
	clear: none;
	content: none;
	height: auto;
	visibility: visible;
}

/* Prime-UI accordion has different DOM then PrimeFaces, so fix it manual */
.ui-accordion h3 {
    padding: 0.5em !important;
}


/* SelectOneButton */

/* remove primefaces margin */
.ui-selectonebutton
{
	margin-right: 0em !important;
}

/* two options same width*/
.ui-selectonebutton-2 > div
{
	width: 48.1%; /* larger creates linebreak on zoom */
}
.ui-selectonebutton-icon-left .fa 
{
  position: absolute;
  margin-top: 0.5em;
  margin-left: 0.3em;
}


/* add left icons using jquery */
.ui-selectonebutton-icon-left .ui-button-text
{
	display: inline-block !important; 
	margin-left: 0.3em;
}

/* ui-tabs - left orientation */

.ui-tabs-left > .ui-tabs-panels 
{
	overflow: hidden;
	float: none !important;
	width: auto !important;
}

.ui-tabs-left > .ui-tabs-nav
{
	width: 120px !important;
}

/* ui-tabs - same as panel */

.ui-tabs-as-panel.ui-tabs.ui-tabs-top > .ui-tabs-nav li 
{
    top: 1.85px;
}

.ui-tabs-as-panel.ui-tabs .ui-tabs-nav li a
{
	padding: .2em .5em .3em .5em; 
	line-height: initial;
}


/* ui-tabs - inner panel remove horizontal padding */

.ui-tabs.ui-tabs-panel-padding-remove .ui-tabs-panel
{
	padding-left: 0 !important; 
	padding-right: 0 !important; 
}

.ui-tabs.ui-tabs-panel-padding-remove .ui-tabs-panels .ui-tabs-panel
{
	padding-left: 0 !important; 
	padding-right: 0 !important; 
}

/* ui-tabs - nested - invert margin */

.ui-tabs-nested
{
	border: none !important; 
	margin: -0.7em -1.05em;
}

/* panel without border, padding x */		
.ui-panel.ui-panel-no-border-padding-x
{
	border: none !important;
	padding: 0 !important;
}

.ui-panel.ui-panel-no-border-padding-x .ui-panel-content
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
				


/* auto-width table */
.ui-datatable-dynamic 
{
    width: auto !important;
    display: inline-block;
}

/*
 manymenu fixes
*/
				
/* manymenu remove 100% width, since checkbox column is too width */
.ui-selectmanymenu table.ui-selectlistbox-list {
	    width: auto !important;
	}
	
/* manymenu - add space after checkbox */
.ui-selectmanymenu table.ui-selectlistbox-list tr td:first-child .ui-chkbox  {
    margin-right: 0.5em;
}

/* autocomplete fix dropdown round corner */
.ui-autocomplete .ui-autocomplete-dropdown
{
	right: -5px;
}

/* 
 primefaces component.css overrides
*/


.ui-tooltip {
	max-width: 28rem;
}

/* anchor in tooltip with default blue hardly visible - so reset to default */
.ui-tooltip-text a {
    color: #fff;
}

/* primefaces font awesome icon like shopping basket are cutof*/

.ui-button-icon-only .ui-icon.fa, 
.ui-button-text-icon-left .ui-icon.fa, 
.ui-button-text-icon-right .ui-icon.fa 
{ width: 1.1em !important; }

.ui-button-icon-only .ui-icon.fa { margin-left: -9.25px !important; }

/* hide scrollbar in dialog */

.ui-dialog-content-hide-scroll .ui-dialog-content
{
	overflow: hidden !important;
}



/*
 * simple table with bottom at bottom row
 */

.ui-datatable.ui-datatable-simple-border-bottom tbody, 
.ui-datatable.ui-datatable-simple-border-bottom tbody th,
.ui-datatable.ui-datatable-simple-border-bottom tbody td, 
.ui-datatable.ui-datatable-simple-border-bottom tbody tr:last-of-type
{
	border: none;
}

.ui-datatable.ui-datatable-simple-border-bottom tbody tr 
{
	border-top: none;
	border-left: none;
	border-right: none;
}

/* datatable hide header*/
.ui-datatable.ui-datatable-hide-head thead,
.ui-datatable.ui-datatable-hide-head.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title
{
	display: none;
}

.ui-widget-content .ui-datatable-simple-border-bottom tr
{
	border-left: none;
	border-top: none;
	border-right: none;
}

.ui-widget-content .ui-datatable-simple-border-bottom tr:last-child
{
   border-bottom: none;
}







/* primefaces 5 bug */

/* font-awesome integration - remove if PF upgraded to 5.4 */

.ui-icon
{
	border-radius: 0 !important;
}

/* end primefaces 5 bug */


				
.ui-datatable table
{
	table-layout: auto !important;
	/* width: inherit !important; */
}


/* 
	ui-treetable - ui-datatable-sm 
*/
.ui-treetable.ui-treetable-sm thead > tr > th,
.ui-treetable.ui-treetable-sm .ui-datatable-data > tr > td 
{
  padding: 0.5rem 0.5rem;
}

.ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th 
{
  padding-top: 0;
  padding-bottom: 0;
}

/* 
	ui-dataview - remove border, header 
*/
.ui-dataview.ui-dataview-remove-header .ui-dataview-header
{
	display: none;
}

/* dataview remove border */
.ui-dataview.ui-dataview-remove-border .ui-dataview-content
{
	border: none;
}

/* ui-dataview - add missing bottom margin */
.ui-dataview-row.grid
{
	margin-bottom: 0.5rem;
}

/* overlay panel remove padding */
.ui-overlaypanel.ui-overlaypanel-remove-padding .ui-overlaypanel-content
{
	padding: 0;
}

/* .ui-datatable .ui-treetable */
.ui-editable-column .ui-cell-editor
{
    display: inline-block;
}

/* .ui-datatable .ui-treetable */
.ui-editable-column .ui-cell-editor .ui-cell-editor-input
{
	padding: 0.5em !important;
}

.ui-datatable .ui-column-filter
{
    width: 8em !important;
}

/* breadcrumb 

	- is not visible above certain elements such as responsive slider */

.ui-breadcrumb
{
	overflow: visible !important;
}

.ui-breadcrumb ul li .ui-menuitem-link
{
	overflow: visible !important;
}

/* breadcrumb responsive - else scrollbars are shown */
.ui-breadcrumb .ui-breadcrumb-items
{
	flex-wrap: wrap;
}


/* primefaces datalist clean  */

.ui-datalist-clean .ui-datalist,
.ui-datalist-clean .ui-datalist .ui-datalist-content
{
	border: none;
}

.ui-datalist-clean .ui-datalist .ui-datalist-content .ui-datalist-data
{
	padding: 0;
}

/* primefaces datalist as plain inline list without any styles */

.ui-datalist.ui-datalist-clean > div
{
	border: none;
	background: none;
}

.ui-datalist.ui-datalist-clean ol,
.ui-datalist.ui-datalist-clean ul
{
	padding: 0;
	margin: 0;
}


.ui-datalist.ui-datalist-clean-inline, 
.ui-datalist.ui-datalist-clean-inline > div, 
.ui-datalist.ui-datalist-clean-inline ol > li, 
.ui-datalist.ui-datalist-clean-inline ul > li
{
	display: inline;
}

				
/* panel full height */
.ui-panel.ui-panel-h-full
{
	height: 100% !important;
}
/* panel full height content - must remove header height??? why */
.ui-panel.ui-panel-h-full .ui-panel-content
{
	height: calc(100% - 3em) !important;
}
				

/* font awesome data-count highlight

	- obsolete with p:badge component? check TODO */
					
.fa[data-count]
{
    position:relative;
}

.fa[data-count]:after
{
    position: absolute;
	right: -1.2em;
    top: -1.2em;
    content: attr(data-count);
    padding: .5em;
    border-radius: 10em;
    line-height: .9em;
    color: white;
    background: rgba(255,0,0,.75);
    text-align: center;
    min-width: 2em;
    font: bold .4em sans-serif;
}

								
/* 
	ui-fluid else each button is displayed as a row

 */
.ui-fluid .ui-buttonset .ui-button
{
	width: auto;
}

/* primefaces 12.0 bugfix */
.ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button
{
	top: -5px;
}


/* responsive adjustments */

/* max small */
@media screen and (max-width: 640px) 
{
	/*
	 * overrides
	 */

	/* dialog header already has bottom padding so reduce on mobile */
	.ui-dialog .ui-dialog-content {
	  padding-top: 0em !important;
	}
	
	/* remove space around left, right carousel*/
	.ui-carousel .ui-carousel-content .ui-carousel-prev, 
	.ui-carousel .ui-carousel-content .ui-carousel-next
	{
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
	}
	
	/* reduce panel padding */
	.ui-panel .ui-panel-content,
	.ui-panel .ui-panel-titlebar 
	{
		/* padding: 1rem 0.6rem !important; */
		padding: .5em 0.7rem !important;
	}
	
	
	/*
	 * custom
	 */
	 						
	/* hide on small */
	.max-sm\:hidden 
	{
		display: none !important;
	}
	
	.max-sm\:ui-fieldset-remove,
	.max-sm\:ui-fieldset-remove > legend 
	{
		border: none !important;
		background: none !important;
		color: inherit !important;
		padding: 0 !important;
		margin: 0;
	}
	 
}


/* max medium */
@media screen and (max-width: 768px) 
{
	/*
	 * customs
	 */	
	 
 	/* hide on small */
	.max-md\:hidden 
	{
		display: none !important;
	}		
	 
	/* made menu inline */
	.ui-menu.max-md\:ui-menu-horizontal .ui-menu-list li
	{
		display: inline-block !important;
		float: none;
		width: auto;
		white-space: nowrap;
	}
	
}

/* max large */
@media screen and (max-width: 992px) 
{
 	/* hide on large */
	.max-lg\:hidden 
	{
		display: none !important;
	}		
}

/* max extra large */
@media screen and (max-width: 1200px)
{
 	/* hide on extra large */
	.max-xl\:hidden 
	{
		display: none !important;
	}		
}





/* 

PrimeFaces 10 fix old themes 
	remove if new themes integrated 
	
*/
		
		
/* breadcrumb */
				
.ui-breadcrumb .ui-breadcrumb-items li::before
{
    font-family: "FontAwesome" !important;
	margin: 0 0.5rem 0 0.5rem;
}

.ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home 
{
    font-family: "FontAwesome" !important;
    text-indent: 0;
    background: none;
}


.ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home::before {
    font-family: "FontAwesome" !important;
    content: "\f015" !important;
}
				
.ui-breadcrumb .ui-breadcrumb-items li:not(:first-child):not(.ui-breadcrumb-chevron)::before {
    font-family: "FontAwesome" !important;
    content: "\f054" !important;
}

/* separator in menu */
.ui-divider.ui-divider-solid.ui-divider-horizontal::before {
    border-top-style: solid;
    border-width: thin;
}

/*
 * SelectOneButton with icons only - unnecessary if PrimeFaces supports it natively
 */
.ui-selectonebutton.ui-selectonebutton-icon-only-fa .ui-button > span
{
	font-family: FontAwesome;
	font-style: normal;
}