@lidorsystems/integralui-web/quickstart/src/app/integralui/themes/office/integralui.groupbox.office.css

IntegralUI Web - Advanced UI Components for Angular

/* Normal State */
.iui-groupbox-header
{
	background-color: #e2e2e2;
	border: thin solid #e2e2e2;
	color: black;
}
/* Hover State */
.iui-groupbox-header-hovered
{
	background-color: #e2e2e2;
	border: thin solid #e2e2e2;
	color: black;

    animation-name: iui-groupbox-header-hovered-animate-enter;
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0.15s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-play-state: running;
    animation-timing-function: linear; 
}
@keyframes iui-groupbox-header-hovered-animate-enter {
    0% { background: #e2e2e2; border: thin solid #e2e2e2; }
    100% { background: #a5d3fa; border: thin solid #a5d3fa; }
}
/* Selected State */
.iui-groupbox-header-selected
{
	background-color: #a5d3fa;
	border: thin solid #a5d3fa;
	color: white;

    animation-name: iui-groupbox-header-selected-animate-enter;
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0.15s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-play-state: running;
    animation-timing-function: linear; 
}
@keyframes iui-groupbox-header-selected-animate-enter {
    0% { background: #a5d3fa; border: thin solid #a5d3fa; color: black; }
    100% { background: #0a64ad; border: thin solid #0a64ad; color: white; }
}
.iui-groupbox-content
{
	background-color: #ffffff;
	border: solid thin #d9d9d9;
}

.iui-groupbox-header-selected .iui-groupbox-header-expand-box
{
	background: #ffffff !important;
}

.iui-groupbox-header-animate-select
{
	background: #d9edfd;
}