a:hover { text-decoration: none; }

/* *** LINKS *** */
.hoverRef:hover { text-decoration: underline !important; }
.blackHover:hover { color: black; }
.redHover:hover { color: var(--red) !important; }
.lineHover.redHover:hover { border-bottom-color: var(--red); }
a.standardLink:hover { text-decoration: underline !important; }

a.outlineHover:hover {
	background-color: var(--pastelCreamText_op10) !important;
	
	-moz-box-shadow: 0 0 0 7px var(--pastelCreamText_op10);
	-webkit-box-shadow: 0 0 0 7px var(--pastelCreamText_op10);
	box-shadow: 0 0 0 7px var(--pastelCreamText_op10);
	text-decoration: none !important;
}


/* *** TOP MENU *** */
/*.headerMenu a:hover			{ background-color: var(--pastelControlColor-Light-Very); }
.headerMenu a:active			{ background-color: var(--pastelControlColor-Pressed); color: white; }
.headerMenu a.selected:hover	{ background-color: var(--pastelControlColor); color: white; }*/


/* ----------------------------------------------------------- */
/* !- CHECKBOXES */
/* !- */
/* ----------------------------------------------------------- */

.radioInput:not(:disabled)+label:hover,
.checkboxInput:not(:disabled)+label:hover { color: var(--controlColor-Blue); }

/* active (pressed) checkbox */
.radioInput:not(:disabled):active+label::before,
.checkboxInput:not(:disabled):active+label::before {
	background-color: var(--controlColor-Pressed);
	border-color: var(--controlColor-Pressed);
}






/* ----------------------------------------------------------- */
/* !- BUTTONS */
/* !- */
/* ----------------------------------------------------------- */

/* hover */
.button-rounded.filled.hover-expand:hover .back {
	padding: 3px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	border-radius: 19px;
}

/* press */
.button-rounded.filled.gradient:active .back {
	background-image: linear-gradient(var(--buttonColor_Pressed), var(--buttonColor_Pressed)) !important;
	opacity: 1 !important;
}

.button-rounded.filled.plain:active .back {
	background-color: var(--buttonColor_Pressed) !important;
	opacity: 1 !important;
}

.button-rounded:active .icon svg { fill: white !important; }
.button-rounded:active .title { color: white; }

/* --- COLOR SHADOW --- */

/* press */
.button-rounded.color-shadow:active .back {
	-moz-box-shadow: 0 1px 2px 0 rgba(78,75,71, 0.2), 0 2px 4px 0 rgba(78,75,71, 0.2);
	-webkit-box-shadow: 0 1px 2px 0 rgba(78,75,71, 0.2), 0 2px 4px 0 rgba(78,75,71, 0.2);
	box-shadow: 0 1px 2px 0 rgba(78,75,71, 0.2), 0 2px 4px 0 rgba(78,75,71, 0.2);
}

/* Keep the button round when hovered */
.button-rounded.filled.hover-expand.round:hover .back {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

/* ----------------------------------------------------------- */

.mpButton:active {
	background-color: var(--pastelDarkText);
	border-color: var(--pastelDarkText);
	color: white;
}

.mpMainMenu .mainUL li:hover > a { background-color: rgba(235, 230, 220, 0.5); }
.mpMainMenu .mainUL li:hover > a.active { background-color: rgba(38, 152, 255, 0.25); }
.mpMainMenu .mainUL li:hover > ul { display: inline-block; opacity: 1; visibility: visible; }

.mpSearch .content .searchCancelButton:active svg path { fill: var(--controlColor-Pressed); opacity:1; }

/* ----------------------------------------------------------- */

.pageTopLine .logoutButton:hover { background-color: var(--pastelText); color: white; }
.pageTopLine .logoutButton:active { background-color: var(--pastelDarkText); color: white; }

.pageTopLine .logoutButton:hover .icon svg,
.pageTopLine .logoutButton:active .icon svg { fill: white; }


.searchField .searchCancelButton:active svg path { fill: var(--controlColor-Pressed); opacity:1; }




/* ----------------------------------------------------------- */
/* !- STANDARD FRAME */
/* !- */
/* ----------------------------------------------------------- */

/* Button Hover & Press */
table.frame .toolbarButton:hover {
	background-color: var(--pastelText);
	border-color: var(--pastelText);
	color: white;
	text-decoration: none;
}

table.frame .toolbarButton:hover svg polygon,
table.frame .toolbarButton:hover svg rect,
table.frame .toolbarButton:hover svg circle,
table.frame .toolbarButton:hover svg path { fill: white; opacity:1.0; }

table.frame .toolbarButton:active {
	background-color: var(--pastelDarkText);
	border-color: var(--pastelDarkText);
}


/* Standard buttons */
table.frame .toolbarButton.add:hover { background-color: var(--green); border-color: var(--green); }
table.frame .toolbarButton.add:active { background-color: var(--pastelDarkText); border-color: var(--pastelDarkText); }


table.frame .toolbar .pager a.pageLink:hover,
table.frame .toolbar .pager a.pageNumberText:hover { color: white; text-decoration: none; }
table.frame .toolbar .pager a.pageNumberText:hover .current { color: white; }

table.frame .toolbar .pager a.pageLink:hover { color: white; text-decoration: none; }


table.frame .toolbar .pager .pageLink:hover .pageDelimiter,
table.frame .toolbar .pager .pageLink:hover + .pageLink .pageDelimiter { display: none; }







/* ----------------------------------------------------------- */
/* !- LIST TABLE IN FRAME */
/* !- */
/* ----------------------------------------------------------- */

.listTable tr.darkRow:hover { background-color: var(--pastelLight) !important; }

.listTable tr.listrow.hoverable:hover { background-color: var(--rowHighlight); }
.listTable tr.listrow.dark.hoverable:hover { background-color: var(--pastelLight); }

.listTable tr.listrowSelected.hoverable:hover { background-color: var(--rowSelectHighlight); }
.listTable tr.listrowSelected.dark.hoverable:hover { background-color: var(--rowSelectDark); }





/* --------------- ACTION BUTTONS --------------- */

a.actionButton:hover { background-color: var(--actionButtonHover); }
.listrow.hoverable:hover a.actionButton:hover,
.listrowSelected a.actionButton:hover,
.listrowSelected.hoverable:hover a.actionButton:hover { background-color: var(--actionButtonHover-Selected); }

a.actionButton:active { background-color: var(--pastelText) !important; }
a.actionButton:active svg path,
a.actionButton:active svg rect,
a.actionButton:active svg circle,
a.actionButton:active svg polygon { fill: white !important; }


/* ----------------------------------------------------------- */
/* !- MAG.POPUP WINDOW */
/* !- */
/* ----------------------------------------------------------- */

.mpButton:active {
	background-color: var(--pastelDarkText);
	border-color: var(--pastelDarkText);
	color: white;
}










/* DD Slick (Dropdown) */
/* ---------------------------------------------------------------------------------------------------------- */

table.frame .toolbarDropdown .dd-selected:hover  { background-color: var(--pastelText); border-color: var(--pastelText); }
table.frame .toolbarDropdown .dd-selected:active { background-color: var(--pastelDarkText); border-color: var(--pastelDarkText); }

.dd-select:hover .dd-selected, 
.dd-select:hover .dd-selected-text { color: white; }

.dd-select:hover .dd-pointer svg { fill: white; }
.dd-select:hover .dd-selected, .dd-select:hover .dd-selected-text { text-decoration: none; }

.dd-option:hover { background-color: rgba(235, 230, 220, 0.5); text-decoration: none; }