/*#region Components*/
[iaxcomp].hidden
{
    display: none;
}
[iaxcomp].accordion
{
    transition: 0.4s;
}

[iaxcomp="vgroup"]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;

}
[iaxcomp="hgroup"]
{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
}
[iaxcomp="hvgroup"]
{
    width: 100%;
    display: flex;
    align-items:flex-start;
    flex-direction: column;
}
[iaxcomp="table"] {
    background-color: transparent;
    width: 100%;
    overflow: auto;
    max-height: 400px;
}
[iaxcomp="table-header"] {
    display: flex;
    flex-direction: row;
    position: sticky;
    top: 0;
    background-color: white;

    min-height: 30px;
    width: 100%;
}
[iaxcomp="table-header"] *
{
    font-weight: bold;
}
[iaxcomp="table-header"] [iaxcomp="table-column"]
{
    border-bottom: 1px solid black;
}
[iaxcomp="table-content"] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
[iaxcomp="table-column"]
{
    width: 100%;
    min-width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
[iaxcomp="table-row"] {
    display: flex;
    flex-direction: row;
    width: inherit;
    min-height: 40px;
    
}
[iaxcomp="table-row"] [iaxcomp="table-column"]
{
    border-bottom: 1px solid rgb(221, 221, 221);
}

/*#endregion*/

/*#region Icons*/
span[iaxcomp="icons"] {
	width: 30px;
	height: 30px;
    display: flex;
	cursor: pointer;
    mask-repeat: no-repeat;
    mask-position: center;
}

span[iaxicon-type="expand"] {

    background-color: black;
    --webkit-mask-image: url('../icons/expand.svg');
    mask-image: url('../icons/expand.svg');

}

span[iaxicon-type="collapse"] {

    background-color: black;
    --webkit-mask-image: url('../icons/collapse.svg');
    mask-image: url('../icons/collapse.svg');

}

span[iaxicon-type="close"] {

    background-color: black;
    --webkit-mask-image: url('../icons/close_icon.svg');
    mask-image: url('../icons/close_icon.svg');

}

span[iaxicon-type="delete"] {

    background-color: black;
    --webkit-mask-image: url('../icons/delete.svg');
    mask-image: url('../icons/delete.svg');

}

/*#endregion*/


/*#region Tablet*/
@media screen and (min-width:800px) {

}

/*#endregion*/

/*#region PC*/
@media screen and (min-width:1025px) {
    [iaxcomp="hvgroup"] {
        flex-direction: row;
    }
}
/*#endregion*/