@import './node_modules/@waca/ca-ui-toolkit/essentials/essentials';

#TableCaHome{
	& .ba-common-simpletable-thead{
		border-bottom: 1px solid;
		@include theming(border-color, ui-03, 1, !important);
	}
	
	& .ba-common-simpletable-tbody{
		border-bottom: 0px !important;
	}
	
	& div.iconWrapper{
		//display: none;
		opacity: 0; 
		height: auto;
		width: auto;
		margin: '0 16px 0 16px';
		padding-left: 24px;
		padding-right: 16px;
		position: absolute;
		right: 0;
	}
	
	& .ba-common-simpletable-tbody-row td{
		height:60px !important;
	}
	
	& .ba-common-simpletable-tbody-row td > div.ba-common-container{
		padding: 16px 0px 24px 16px !important;
		font-size: 14px;
		color: $gray4;
		margin-left: 0px !important;
		& > div.cell_assetName {
			@include theming(color, text-01);
		}
		& > div.cell_lastModified {
			@include theming(color, text-02);
		}
	}
	
	& .ba-common-simpletable-thead-row th > div.ba-common-container{
		padding: 8px 0px 10px 16px !important;
		font-size: 14px;
		margin-left: 0px !important;
	}
	
	& .ba-common-simpletable-tbody-row{
		cursor: pointer;
		& > td:nth-of-type(4)>div.ba-common-container div.iconWrapper:focus{
			display: block;
			opacity: 1;
		}
		
		& > td:nth-of-type(4)>div.ba-common-container div.iconWrapper:active{
			display: block;
			opacity: 1;
		}
	}
	
	& .ba-common-simpletable-tbody-row:hover{
		@include theming(background-color, hover-ui);
		@include theming(color, ui-05);
		font-size: 14px;
		& > td:nth-of-type(4)>div.ba-common-container div.iconWrapper{
			display: block;
			opacity: 1;
		}
	}
	
	& .ba-common-simpletable-tbody-row:focus{
		border: 1px solid;
		@include theming(background-color, focus);
		color:$gray4;
		font-size: 14px;
	}
	
	& .ba-common-simpletable-tbody-row:active{
		@include theming(background-color, ui-02);
		@include theming(color, text-02);
		font-size: 14px;
		& > td:nth-of-type(4)>div.ba-common-container div.iconWrapper{
			display: block;
			opacity: 1;
		}
	}
	
	& .menuIcon{
		@include theming(fill, icon-01);
		@include theming(background-color, hover-ui);

		&:hover {
			@include theming(background-color, hover-ui);
		}
	}
    
    & .ba-common-tags__listItem{
        margin: 0px !important;
        display: inline-block !important;
        /**
         * There's an unknown issue about the padding spacing in windows & mac (probably due to the text rendering)
         * Suggested specs of vertical-padding: 2px in mac, 4px in windows
         */
        padding: 3px 12px !important;
        height: 22.5px !important;
    }
}