/*  ############################ table  ############################*/
.opc-table-360 {
	color: var(--color-text-S360);
	overflow: auto;
	max-height: 100%;
	border-radius: var(--border-radius-S360);
	border-left:1px solid var(--color-border-S360) ;
	border-right:1px solid var(--color-border-S360) ;
	border-top:1px solid var(--color-border-S360) ;
	& table{
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
		& thead {
			position: sticky;
			top: 0;
			z-index: 1;
			& tr{
				background-color:  var(--suite-primary-S360);
				& th{
					text-align: center;
					background-color: transparent;
					color: var(--color-text-S360);
					padding: 0 5px 0 5px;
					font-size: small;
					min-width: 30px;
					border-collapse: separate;
					border-spacing: 0;
					border-width: 1px;
					border-color: var(--color-border-secundary-S360);
					border-style: solid;
				}
				& .nivel2{
					background-color: var(--suite-tertiary-S360);
				}
		}
		}
		& tbody {
			& tr {
				background-color: var(--background-S360);
				cursor: pointer;
				height: 40px;
				&:hover{
					background-color: var(--background-secundary-S360);
				}

				& td{
					box-sizing: border-box;
					padding: 0 5px 0 5px;
					height: 40px;
					font-size: small;
					text-align: center;
					color: var(--color-text-S360);
					background-color: transparent;
					white-space: nowrap;
					position: relative;
					border-collapse: separate;
					border-spacing: 0;
					border-width: 1px;
					border-color: var(--color-border-secundary-S360);
					border-style: none none solid none;

					& > button{
						background-color: transparent;
						color: var(--color-text-disabled-S360);
						border: none;
						cursor: pointer;
						padding: 0;
						vertical-align: middle;
						position: absolute;
						right: 4px;
						top: 50%;
						transform: translateY(-50%);
						&:hover{
							color: var(--color-text-S360);
						}
					}
				}
			}

			& .highlight {
				animation: titilar 0.3s infinite alternate;
			}
		}
	}

	&::-webkit-scrollbar-track
	{
		background-color: transparent;
	}

	&::-webkit-scrollbar
	{
		height: 3px;
		width: 3px;
	}

	&::-webkit-scrollbar-thumb
	{
		border-radius: 30px;
		background-color: var(--background-header-modal);
		
	}
}
.empty{
	text-align: center;
	border: 1px solid var(--color-border-S360);
}