/*-------------------------------------------------------------------------------------------------------------------*/
/*-- PREPARE CONTENT A/B TESTING --*/


/* ----- TAB "CUSTOMIZATION" ----- */

/*-- TABS (HORIZONTAL SCROLLING) --*/
/*-- The tabupdate-menu position being fixed here is not a the best solution, but it conveys the idea. My suggestion would be to check out the following:
     - http://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causing-scrollbar-issue
     - https://css-tricks.com/popping-hidden-overflow/
    --*/
/*.ui-tabs .ui-tabs-nav {
    margin-left: -1px;
    width: 100%;
    overflow: auto;
    display: -webkit-inline-box;
    padding-top: 10px;
    position: relative;
}
.ui-tabs .ui-tabs-nav li {
    display: table-cell;
    float: none;
    position: relative !important;
}
.ui-tabs .ui-tabs-nav li .menu-container .tabupdate-menu {
    top: 317px !important;
    position: fixed;
}*/

/*-- TABS FIXED TO BOTTOM (like Google Sheets, text editor, or Excel) --*/
/*.ui-tabs .ui-tabs-nav {
    position: fixed;
    bottom: 39px;
    width: calc(100% - 46px);
    border-bottom: 1px solid #CCCCCC !important;
    z-index: 1;
}
.ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) {
    border-bottom: none !important;
}
#contentPanelContainer div.panel {
    position: absolute;
    height: calc(100% - 280px);
    width: calc(100% - 32px);
    margin-right: 5px;
}
#contentPanelContainer .panel .datagrid {
    margin-bottom: 21px;
}
#footer{
    display:none;
}*/

/*-- TABS LEFT ALIGNED --*/
.ui-tabs .ui-tabs-nav {
    display: inline-block;
    border-bottom: none;
    width: 10%;
    z-index: 1 !important;
}
.ui-tabs .ui-tabs-panel {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    overflow: auto;
}
.ui-tabs .ui-tabs-nav li {
    /*width: 100%;*/
    width: calc(100% - 11px);
    white-space: normal;
    padding-right: 0;
    /*box-shadow: 1px 2px 2px #888888;*/
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    box-shadow: none;
    border: 1px solid #f78f1e !important;
    /*border-right: none !important;*/
    border-right: 2px solid #fff !important;
}
.ui-widget-header {
    border: none;
}
.ui-tabs .ui-tabs-nav li a {
    /*padding: 10px 16px 10px 16px;*/
    padding: 10px 0px 10px 16px;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}
.grouplabel {
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}
.ui-tabs-active .tabupdate-actions.bolt, .ui-tabs-active .ui-sortable-helper {
    margin-left: -3px;
}
.tabupdate-menu {
    margin-left: -6px;
}