.FACES-FX-TABBEDPANE-AJAX-MANAGED{
    flex			: 1 1 100%;
    max-width                   : 100%; /* important to force no overflow flex contents where overflow-x=auto expected*/
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: flex-start;
    align-content		: flex-start;
    align-items			: flex-start;
    border                      : 0px solid #AAAAAA;
    padding			: 0px 0px 0px 0px;
    margin			: 0px 0px 0px 0px;
    position			: relative;
}
.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS{
    flex			: 1 1 100%;
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: flex-start;
    align-content		: flex-end;
    align-items			: stretch;
    border-left                 : 1px solid #AAAAAA;
    padding			: 0px 0px 0px 0px;
    margin			: 0px 0px 0px 0px;
    position			: relative;
    z-index                     : 1;
}
.FACES-FX-TABBEDPANE-AJAX-MANAGED.FIXED-MAXIMIZED{
    background                  : #FAFAFA !important;
    padding			: 10px 10px 10px 10px !important;
    margin			: 0px 0px 0px 0px !important;
    position			: fixed;
    top                         : 0px;
    left                        : 0px;
    width                       : 100vw !important;
    height                      : 100vh !important;
    z-index                     : 9999 !important;
}
.FACES-FX-TABBEDPANE-AJAX-MANAGED.FIXED-MAXIMIZABLE > .TABS > .MAXIMIZE-BUTTON{
    width                       : 32px;
    height                      : 32px;
    padding			: 0px 0px 0px 0px;
    margin			: 0px 0px 0px 0px;
    position			: absolute;
    top                         : 1px;
    right                       : 1px;
    color                       : #cc0000;
    
    border                      : 0px solid #AAAAAA;
    background                  : transparent url('/images/icon.screen.maximize.svg') center center no-repeat;
    z-index                     : 12;
    cursor                      : pointer;
}
.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS > .TAB > input[type="radio"]{
    display                     : none;
}
.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS > .TAB{
    flex			: 0 0 auto;
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: center;
    align-content		: center;
    align-items			: center;
    border                      : 0px solid #AAAAAA;
    padding			: 0px 0px 0px 0px;
    margin			: 0px 0px 0px 0px;
    position			: relative;
    background                  : transparent;
}
.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS > .TAB > form{
    flex			: 0 0 auto;
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: center;
    align-content		: center;
    align-items			: center;
    border                      : 0px solid #AAAAAA;
    padding			: 0px 0px 0px 0px;
    margin			: 0px 0px 0px 0px;
    position			: relative;
    background                  : transparent;
}
.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS > .TAB > input[type="radio"]:checked + form > input[type="submit"],
.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS > .TAB > input[type="radio"]:checked + form > button {
    background                  : #FFFFFF;
    border-bottom               : 1px solid #FFFFFF;
}
.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS > .TAB > form > input[type="submit"],
.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS > .TAB > form > button{
    flex			: 0 0 auto;
    min-height                  : 40px;
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: center;
    align-content		: center;
    align-items			: center;
    border                      : 1px solid #AAAAAA;
    border-left                 : 0px solid #AAAAAA;
    padding			: 10px 10px 10px 10px;
    margin			: 0px 0px 0px 0px;
    position			: relative;
    cursor                      : pointer;
    background                  : rgb(255,255,255);
    background                  : -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background                  : -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background                  : linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter                      : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    
    gap                         : 1px 4px;
}

.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TABS > .TAB > form img{
    flex			: 0 0 18px;
    width                       : 18px;
    height                      : auto;
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: center;
    align-content		: center;
    align-items			: center;
    border                      : none;
    padding			: 0px 0px 0px 0px;
    margin			: 0px 0px 0px 0px;
    position			: relative;
    cursor                      : inherit;
}

.FACES-FX-TABBEDPANE-AJAX-MANAGED > .TARGET-VIEW{
    flex			: 1 1 100%;
    max-width                   : 100%; /* important to force no overflow flex contents where overflow-x=auto expected*/
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: flex-start;
    align-content		: flex-start;
    align-items			: flex-start;
    border                      : 1px solid #AAAAAA;
    padding			: 0px 0px 0px 0px;
    margin			: -1px 0px 0px 0px;
    position			: relative;
    background                  : #FFFFFF;
    min-height                  : 20px;
}
/***************************************************************************************
*************** STATIC TABS
****************************************************************************************/
.FACES-FX-TABBEDPANE{
    width                       : 100%;
    flex			: 1 1 100%;
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: flex-start;
    align-content		: flex-start;
    align-items			: flex-start;
    border                      : 0px solid #AAAAAA;
    padding			: 0px;
    position			: relative;
}
.FACES-FX-TABBEDPANE > label{
    flex			: 0 0 auto;
    display			: flex;
    flex-direction		: row;
    flex-wrap			: wrap;
    justify-content		: flex-start;
    align-content		: center;
    align-items			: center;
    border      		: 1px solid #AAAAAA;
    border-right      		: 0px solid #AAAAAA;
    border-bottom      		: 0px solid #AAAAAA;
    padding			: 10px;
    position			: relative;
    background                  : #F0F0F0;
    font-size                   : calc(12px + 0.2vw); 
    font-weight                 : bold;
    color                       : #333333;
    transition                  : background ease 0.6s;
    order                       : 1;
    margin                      : 0px 0px 0px 0px;
    cursor                      : pointer;
    overflow                    : visible;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

    
}
.FACES-FX-TABBEDPANE > label:last-of-type{
    border-right            : 1px solid #AAAAAA;
}

.FACES-FX-TABBEDPANE > div{
    flex                    : 1 1 100%;
    display                 : none;
    flex-direction          : row;
    flex-wrap               : wrap;
    justify-content         : flex-start;
    align-content           : flex-start;
    align-items             : flex-start;
    padding                 : 5px;
    margin                  : 0px 0px 0px 0px;
    position                : relative;
    background              : #FFFFFF;
    transition              : background ease 0.2s;
    order                   : 99;
    border                  : 1px solid #AAAAAA;
}
.FACES-FX-TABBEDPANE > input, .FACES-FX-TABBEDPANE > div { 
    display                     : none;
}

.FACES-FX-TABBEDPANE>input[type="radio"]:checked + label{    
    background                  : #FFFFFF;
    color                       : #004892;
    border-bottom               : none;
}

.FACES-FX-TABBEDPANE>input[type="radio"]:checked + label:after {
    content                     : "";
    display                     : block;
    position                    : absolute;
    height                      : 4px;
    width                       : 100%;
    background                  : #FFFFFF;
    left                        : 0px;
    top                         : calc(100% - 2px);
    z-index                     : 2;
}


.FACES-FX-TABBEDPANE > input[type="radio"]:checked + label + div{
    display                     : flex;
}