﻿div[data-flex-ui-itemsbox="Item"]{
    display     :inline-block;
    white-space :normal;
}
/*=======================================================================================*/
div[data-flex-ui-itemsbox="Container"]{
    position    :absolute;
    width       :100%;
    height      :100%;
}
    div[data-flex-ui-itemsbox="Content"]{
        position    :absolute;
        width       :100%;
        top         :0;
        bottom      :0;
        overflow    :hidden;
        white-space :nowrap;
    }
/*=======================================================================================*/
div[data-flex-ui-itemsbox="Tabs"]{
    position    :absolute;
    left        :2rem;
    right       :2rem;
    bottom      :0;
    text-align  : center;
    white-space :nowrap;
    overflow    :hidden;
    padding     :0;
    margin      :0;
}
    a[data-flex-ui-itemsbox="Button"]{
        position            :relative;
        display             :inline-block;
        font-family         :'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'DejaVu Sans Condensed', sans-serif;
        font-size           :0.9rem;
        color               :rgb(50,50,50);
        padding             :0.2rem 0.5rem;
        border              :1px solid rgba(0,0,0,0.4);
        border-radius       :0.2rem;
        margin              : 0 0.3rem;
        cursor              :default;
        text-decoration     :none;
        background          :rgba(255,255,255,0);
        top                 :0;
        -moz-transition     : all ease-in-out 150ms;
        -o-transition       : all ease-in-out 150ms;
        -webkit-transition  : all ease-in-out 150ms;
        transition          : all ease-in-out 150ms;
        -moz-box-sizing     : border-box;
        -webkit-box-sizing  : border-box;
        box-sizing          : border-box;
    }
        a[data-flex-ui-itemsbox="Button"]:hover{
            background:rgba(255,255,255,0.4);
        }
        a[data-flex-ui-itemsbox="Button"].active{
            background:rgba(255,255,255,0.8);
        }
    a[data-flex-ui-itemsbox="Button"][data-flex-ui-itemsbox-button-state] {
        display:none;
    }

/*=======================================================================================*/
/*=======================================================================================*/
/*=======================================================================================*/
/*=======================================================================================*/
