/*
    This CSS file contains all style changes specific to Primefaces.
    The selector in here should only reference classes defined by the UI framework.
 */

.ui-button {
    padding: 0 !important;
}

.ui-button.ui-state-default {
    background-color: var(--groupui-vwgroup-ref-color-vivid-green-600);  
    border-style: none;
}

.ui-button.ui-state-hover {
    background-color: var(--groupui-vwgroup-ref-color-vivid-green-700) !important;
    background-image: none !important;
    border-style: none;
}

.ui-state-disabled {
    background-color: var(--groupui-vwag-ref-color-grey-600) !important;
    background-image: none !important;
    border-style: none;
}

body .ui-button.ui-button-success.ui-state-focus {
    box-shadow: 0 0 .2em var(--groupui-vwgroup-ref-color-vivid-green-600);
}

body .ui-button.ui-button-success {
	border-style: none;
}

/* Input field */
body .ui-inputfield.ui-state-hover {		
    border-color: var(--groupui-vwgroup-ref-color-vivid-green-600); 
}

body .ui-inputfield.ui-state-focus {
    border-color: var(--groupui-vwgroup-ref-color-vivid-green-600);
	border-width: 1px;
    /*box-shadow: 0 0 .2em var(--groupui-vwgroup-ref-color-vivid-green-600);*/
	/*box-shadow: none !important;*/
	/*box-shadow: var(--groupui-vwgroup-ref-color-vivid-green-600) 0px 0px 0px 1px, var(--groupui-vwag-ref-color-grey-800) 0px 0px 0px 0px;*/
	box-shadow: 0px 0px 0px 1px var(--groupui-vwgroup-ref-color-vivid-green-600);
	position: relative !important;
	z-index: 200;
}

/* Check box */
body .ui-chkbox .ui-chkbox-box.ui-state-hover {
	border-color: var(--groupui-vwgroup-ref-color-vivid-green-600);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: var(--groupui-vwgroup-ref-color-vivid-green-600);
    background: var(--groupui-vwgroup-ref-color-vivid-green-600);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    border-color: var(--groupui-vwgroup-ref-color-vivid-green-600);
    background: var(--groupui-vwgroup-ref-color-vivid-green-600);
    color: #fff;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    box-shadow: 0 0 .2em var(--groupui-vwgroup-ref-color-vivid-green-600);
}

.ui-accordion-header {
    margin-bottom: 10px !important;
}

.ui-accordion-header.ui-state-default {
    background-color: white !important;
    background-image: none !important;
}

.ui-accordion-header.ui-state-hover {
    background-color: rgb(141, 191, 207) !important;
    background-image: none !important;
}

.ui-menubar {
    background-color: #002733 !important;
    border: none;
    text-align: left;
    float: left; 
    height: 62px;
    padding-left: 0px;
    padding-bottom: 0px;  
    color:white; 
}

/* Menu Text color*/
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
   background-color: #002733 !important;
	color: white;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
	background-color: #002733 !important;
	color: white;
}

body .ui-menu .ui-menu-list .ui-menuitem {
	background-color: #002733 !important;
	color: white;	
}

/*  Active menu text color */
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text {
	color: #C2FE06;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link  {
	color: #C2FE06;
}

/* Delete the default effect in the top of sub menu */ 
.ui-menubar .ui-menu-list {
    display: inline-block;
    background-color: #002733 !important;
}

.ui-menu-child {
    white-space: nowrap;
    width: auto !important;
}

/* fixing the border in the list of Certificate in caCertEntry.xhtml */
body .ui-accordion .ui-accordion-header {
    border: 1px solid #dee2e6;
   }
   
body ::selection
{
	background: var(--groupui-vwgroup-ref-color-electric-neon-100);
}