/* Copied from wwwroot/tabs.css so rules are available only to this component.
   @import is not allowed in scoped (.razor.css) files, so paste what you need here. */



[role="tablist"] {
    min-width: 100%;
}

[role="tab"] {
    border: black solid 2px;
    background: white;
    color: black;
}


[role="tabpanel"].is-hidden {
    display: none;
}

.tab-disabled {
    border: darkgrey solid 1px;
}

/*[role="tab"]:hover ,
[role="tab"]:focus ,
[role="tab"]:active  {
    outline: orange 1px solid;
}*/
button[role="tab"][aria-selected="true"] {
    color: #fff;
    background-color: #1b6ec2;
}