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

IntegralUI Web - Advanced UI Components for Angular

.iui-treegrid
{
	border: thin solid #d9d9d9;
    color: #000000;
}
.iui-treegrid-block-left, .iui-treegrid-block-right
{
	background: #f9f9f9;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header, 
.iui-treegrid-block-top-left .iui-treegrid-column-footer, 
.iui-treegrid-block-top-right .iui-treegrid-column-header, 
.iui-treegrid-block-top-right .iui-treegrid-column-footer {
	background-color: #eeeeee;
	border: thin solid transparent !important;
    color: #000000;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header-hovered, 
.iui-treegrid-block-top-right .iui-treegrid-column-header-hovered {
	background-color: #e9e9e9;
	border: thin solid #e9e9e9 !important;
    color: #000000;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header-selected, 
.iui-treegrid-block-top-right .iui-treegrid-column-header-selected {
	background-color: #d9d9d9;
	border: thin solid #d9d9d9 !important;
    color: #000000;
}
.iui-treegrid-block-hover {
	border: thin solid #bebebe;
}
.iui-treegrid-column-header, .iui-treegrid-column-footer
{
	background-color: #f5f5f5;
	border-color: transparent;
	border-right: thin solid transparent !important;
	color: #49678f;
}
.iui-treegrid-column-header
{
	border-bottom: thin solid #efefef !important;
}
.iui-treegrid-column-footer
{
	border-top: thin solid #efefef !important;
	color: #323232;
}
.iui-treegrid-column-header-hovered
{
	background-color: #e9e9e9;
	border-color: #e9e9e9;
    color: #49678f;

    animation-name: iui-treegrid-column-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-treegrid-column-hovered-animate-enter {
    0% { background: #f5f5f5; }
    100% { background: #e9e9e9; }
}
.iui-treegrid-column-header-selected
{
	background-color: #d9d9d9;
	border-right-color: #d9d9d9;
    color: #3d5576;

    animation-name: iui-treegrid-column-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-treegrid-column-selected-animate-enter {
    0% { background: #e9e9e9; }
    100% { background: #d9d9d9; }
}
.iui-treegrid-column-header-cell-selected
{
	background-color: transparent;
}
.iui-treegrid-row, .iui-treegrid-row-fixed {
	color: #646464;
}
.iui-treegrid-row-hovered
{
	background-color: transparent;
	color: #000000;

    animation-name: iui-treegrid-row-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-treegrid-row-hovered-animate-enter {
    0% { background: transparent; }
    100% { background: #d9edfd; }
}
.iui-treegrid-row-selected
{
	background-color: #d9edfd;
	border-color: #99d1ff;
	color: #000000;

    animation-name: iui-treegrid-row-selected-animate-enter;
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-play-state: running;
	animation-timing-function: linear; 
}
@keyframes iui-treegrid-row-selected-animate-enter {
    0% { background: #d9edfd; }
    100% { background: #a5d3fa; }
}
.iui-treegrid-row-cell:first-child
{
	border-left: thin solid transparent;
}
.iui-treegrid-row-cell:last-child
{
	border-right: thin solid transparent;
}
.iui-treegrid-lines-horizontal:not(:last-child)
{
	border-bottom-color: #efefef;
}
.iui-treegrid-lines-horizontal:last-child
{
	border-bottom: thin solid #efefef;
}
.iui-treegrid-lines-vertical
{
	border-right: thin solid transparent;
}
.iui-treegrid-lines-both
{
	border-right: thin solid transparent;
	border-bottom: thin solid #efefef;
}
.iui-treegrid-expand-box-open
{
	background: url(../../icons/expandbox-icons.png) no-repeat -80px 0;
}
.iui-treegrid-expand-box-open:hover
{
	background: url(../../icons/expandbox-icons.png) no-repeat -64px 0;
}
.iui-treegrid-expand-box-close
{
	background: url(../../icons/expandbox-icons.png) no-repeat -80px -16px;
}
.iui-treegrid-expand-box-close:hover
{
	background: url(../../icons/expandbox-icons.png) no-repeat -64px -16px;
}

/* Animation */
.iui-treegrid-column-animate-select
{
	background: #e9e9e9;
}
.iui-treegrid-row-animate-select
{
	background: #d9edfd;
}

/* Filtering and Sorting */
.iui-treegrid .iui-filtering, .iui-treegrid .iui-filtering-hovered, .iui-treegrid .iui-filtering-selected
{
    background-position: -96px -128px;
}
.iui-treegrid .iui-sort-ascending, .iui-treegrid .iui-sort-ascending-hovered, .iui-treegrid .iui-sort-ascending-selected
{
    background-position: -48px -128px !important;
}
.iui-treegrid .iui-sort-descending, .iui-treegrid .iui-sort-descending-hovered, .iui-treegrid .iui-sort-descending-selected
{
    background-position: -32px -128px !important;
}