@namespace "http://www.w3.org/1999/xhtml";
@namespace j "library://ns.apache.org/royale/jewel";


.navIconLinkItemRenderer
{
    IItemRenderer: ClassReference("itemRenderers.NavigationLinkItemRenderer");
}

j|IconButtonBar 
{
    iconClass: ClassReference("org.apache.royale.icons.MaterialIcon")
}

.iconButtonBarFontAwesomeIcon
{
    iconClass: ClassReference("org.apache.royale.icons.FontAwesomeIcon")
}


.jewel.item .jewelItem {
    color: #f13cc1;
}

.jewel.item .basicItem {
    color: #22458d;
}

.jewel.item.selected .jewelItem, .jewel.item.selectable:active .jewelItem, .jewel.item.hovered .jewelItem {
    color: #ffffff;
}

.jewel.item.selected .basicItem, .jewel.item.selectable:active .basicItem, .jewel.item.hovered .basicItem {
    color: #ffffff;
}


.jewel.drawerheader::before
{
    /*padding-top: 9 / 16 * 100%;*/
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.wrapper {
    outline: 1px dashed navy;
}

.box {
    background: #666;
    border-radius: 3px;
    padding: 12px;
    color: white;
}

.jewel.item.string
{
    background: #dedede;
    border: 1px dashed #cccccc;
    border-radius: 3px;
    padding: 14px;
}

.codeExample
{
    border-radius: 10px;
    border: 0px solid;
}


.groupoptions {
    background: white;
    border-radius: 0.25rem;
    border: 1px solid #d2dadf;
    font-size: 1em;
    font-weight: 400;
    min-height: 52px;
    min-width: 120px;
    padding: 0;
    position: relative;
}

.groupoptions-header {
    padding: 12px 20px;
}

.groupoptions-content {
    border-top: 1px solid #d2dadf;
    margin-top: 0 !important;
    padding: 12px 20px;
}

.verticalText  {
    writing-mode: vertical-rl;
    -webkit-text-orientation: sideways;
    text-orientation: sideways;
    margin-left: -3px;
}

.topContainer {
    border-radius: 5px;
    background: rgb(233, 233, 233);
}

.advertActiv {
    background-color: rgb(36, 190, 1);
}

.advertInactiv {
    background-color: rgb(236, 9, 9);
}

.adverListTitle 
{
    font-weight: 700;
    font-size: large;
}

.adverListId
{
    font-weight: 300;
    font-size: small
}

.mediaListTitle
{
    font-weight: 700;
}

.tabBarSpacer
{
    background:  #c7b3bc;
}

.unbull {
    list-style-type: none; 
    padding-inline-start:0;
    
}

.unbull li {
    height: 30px;
    line-height: 30px;

    display:table-row;
    vertical-align: middle;
}

.unbull i {
    font-size: 14px;
}