/* 
------------------------------------------------------------------------
tabs.css
------------------------------------------------------------------------
*/

.ui-tabs {
    padding-top: 27px;
    position: relative;
    width: 100%
}

.ui-tabs.tall {
    padding-top: 56px
}

.ui-tabs-hide {
    display: none !important
}

.scroll-container.tab-scroll-container {
    position: absolute;
    top: 2px;
    left: 0;
    max-width: 98%
}

.tall .scroll-container.tab-scroll-container {
    left: 12px
}

.scroll-container.tab-scroll-container .scroll-left {
    background: url(../images/table/arrow-left.png) repeat-y #3d4b67 center center
}

.scroll-container.tab-scroll-container .scroll-right {
    background: url(../images/table/arrow-right.png) repeat-y #3d4b67 center center
}

.scroll-container.tab-scroll-container .scroll-left {
    background: url(../images/table/arrow-left.png) repeat-y #3d4b67 center center
}

.scroll-container.tab-scroll-container .scroll-right {
    background: url(../images/table/arrow-right.png) repeat-y #3d4b67 center center
}

.ui-tabs-nav {
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 10000px
}

.ui-tabs .ui-tabs-nav li a {
    padding: 0
}

.tall .ui-tabs-nav {
    height: 57px
}

ul.ui-tabs-nav {
    overflow: hidden
}

ul.ui-tabs-nav li {
    display: inline-block
}

.ui-tabs-nav a {
    display: block;
    height: 30px;
    padding-right: 6px;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav {

}

.tall .ui-tabs-nav a {
    height: 50px
}

.ui-tabs-nav a span.outer {
    padding-left: 5px;
    padding-right: 12px;
    display: block;
    height: 30px;
    line-height: 30px;
    font-weight: 500
}

.tall .ui-tabs-nav a span.outer {
    height: 50px;
    line-height: 50px
}

.ui-tabs-nav a,
.ui-tabs-nav a:active,
.ui-tabs-nav a:hover {
    color: #6d6e71;
    border: 0
}

.ui-widget-header {
    border: 0;
    height: 40px;
    background: #f4f4f4;
    color: #fff;
    font-weight: bold
}

.ui-widget-header .ui-dialog-title {
    color: #58585a
}

.region-for-full-height-tabs .ui-tabs {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    padding-top: 0
}

.region-for-full-height-tabs .ui-tabs-panel {
    position: absolute;
    top: 29px;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    overflow: auto;
    margin-bottom: 0
}

.region-for-full-height-tabs .ui-tabs-panel-inner {
    margin: 1em
}

.ui-tabs-nav a span.inner {
    padding-left: 0;
    display: block
}

.ui-tabs-nav a span.text {
    padding-left: 13px;
    text-transform: uppercase;
    font-size: 90%
}

.ui-tabs-nav a span.inner {
    padding-left: 0;
    display: block
}

.tall .ui-tabs-nav #part_maintenance_tab_tab a span.inner {
    background: url(../images/tab_icons/Assets_icon_summary_data.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #bom_maintenance_tab_tab a span.inner {
    background: url(../images/tab_icons/Parts_icon_kitting.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #alias_maintenance_tab_tab a span.inner {
    background: url(../images/tab_icons/Parts_icon_aliases.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #warehouse_part_maintenance_tab_tab a span.inner {
    background: url(../images/tab_icons/Assets_icon_warehouse_prod.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #product_alternatives_bean_tab_tab a span.inner {
    background: url(../images/tab_icons/Parts_icon_substitution.png) center left no-repeat;
    padding-left: 40px
}

.tall .ui-tabs-nav #part_hub_inventory_tab_tab a span.inner {
    background: url(../images/tab_icons/Assets_icon_inventory.png) center left no-repeat;
    padding-left: 25px
}

.tall .ui-tabs-nav #part_hub_io_tracked_tab_tab a span.inner {
    background: url(../images/tab_icons/Assets_icon_inventory.png) center left no-repeat;
    padding-left: 25px
}

.tall .ui-tabs-nav #part_hub_services_tab_tab a span.inner {
    background: url(../images/tab_icons/Assets_icon_inventory.png) center left no-repeat;
    padding-left: 25px
}

.tall .ui-tabs-nav #part_hub_allocations_tab_tab a span.inner {
    background: url(../images/tab_icons/Assets_icon_inventory.png) center left no-repeat;
    padding-left: 25px
}

.tall .ui-tabs-nav #part_hub_shortages_tab_tab a span.inner {
    background: url(../images/tab_icons/Parts_icon_shortages.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #part_hub_history_tab_tab a span.inner {
    background: url(../images/tab_icons/Assets_icon_history.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #part_hub_usage_forecast_tab_tab a span.inner {
    background: url(../images/tab_icons/Parts_icon_usage_forecast.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #part_hub_replenishable_tab_tab a span.inner {
    background: url(../images/tab_icons/Parts_icon_replenish_cont.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #part_hub_kits_tab_tab a span.inner {
    background: url(../images/tab_icons/Parts_icon_kitting.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #owner_product_maintenance_tab_tab a span.inner {
    background: url(../images/tab_icons/Parts_icon_suppliers.png) center left no-repeat;
    padding-left: 40px
}

.tall .ui-tabs-nav #work_hub_receive_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_receive.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #work_hub_manage_asn_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_manage_asn.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #work_hub_msn_priority_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_manage_demand.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #work_hub_manage_demand_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_manage_demand.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #work_hub_schedule_demand_line_tab a span.inner {
    background: url(../images/tab_icons/Projects_icon_scheduling.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #work_hub_asset_demand_report_tab a span.inner {
    background: url(../images/tab_icons/Projects_icon_demand.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #work_hub_asset_surplus_tab a span.inner {
    background: url(../images/tab_icons/Projects_icon_surplus.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #work_hub_asset_surplus_management_tab a span.inner {
    background: url(../images/tab_icons/Projects_icon_surplus.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #work_hub_asset_demand_shortage_report_tab a span.inner {
    background: url(../images/tab_icons/Projects_icon_shortage.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #integration_hub_manage_asset_tab a span.inner {
    background: url(../images/tab_icons/Integration_icon_asset.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #integration_hub_manage_environment_tab a span.inner {
    background: url(../images/tab_icons/Integration_icon_environment.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #work_hub_asset_utilisation_report_tab a span.inner {
    background: url(../images/tab_icons/Projects_icon_utilisation.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #work_hub_add_demand_line_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_add_demand.png) center left no-repeat;
    padding-left: 35px
}

.tall .ui-tabs-nav #work_hub_work_task_maintenance_tab a span.inner,
.tall .ui-tabs-nav #work_hub_consolidated_release_tab a span.inner,
.tall .ui-tabs-nav #work_hub_count_task_assign_tab a span.inner,
.tall .ui-tabs-nav #work_hub_count_task_assign_v2_tab a span.inner,
.tall .ui-tabs-nav #work_hub_item_pick_release_tab a span.inner,
.tall .ui-tabs-nav #work_hub_merchandising_maintenance_tab a span.inner,
.tall .ui-tabs-nav #work_hub_work_order_completion_processor_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_manage_work_tasks.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #work_hub_count_results_report_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_count_results.png) center left no-repeat;
    padding-left: 40px
}

.tall .ui-tabs-nav #work_hub_inspection_release_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_inspection_release.png) center left no-repeat;
    padding-left: 40px
}

.tall .ui-tabs-nav #work_hub_bonded_release_tab a span.inner {
    background: url(../images/tab_icons/Work_bonded_release.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #work_hub_work_order_release_tab a span.inner,
.tall .ui-tabs-nav #work_hub_merchandising_release_tab a span.inner,
.tall .ui-tabs-nav #work_hub_work_order_completion_processor a span.inner {
    background: url(../images/tab_icons/Work_icon_manufacturing_release.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #work_hub_quarantine_release_tab a span.inner {
    background: url(../images/tab_icons/Work_quarantine_release.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #work_hub_manage_access_group_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_manage_access_group.png) center left no-repeat;
    padding-left: 30px
}

.tall .ui-tabs-nav #work_hub_manage_permissions_tab a span.inner {
    background: url(../images/tab_icons/Work_icon_manage_permissions.png) center left no-repeat;
    padding-left: 30px
}

.scroll-container {
    clear: both;
    overflow: hidden;
    position: relative
}

.scroll-container .scroll-left,
.scroll-container .scroll-right {
    display: none;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "alpha(opacity=40)";
    height: 100%;
    width: 28px;
    z-index: 3
}

.scroll-container .scroll-left {
    position: absolute;
    left: 3px;
    top: 0;
    background: url(../images/table/arrow-left.png) repeat-y #3d4b67
}

.scroll-container .scroll-right {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/table/arrow-right.png) repeat-y #3d4b67
}

.ui-tabs .ui-tabs-panel {
    padding-top: 2px
}

.ui-widget-content.ui-tabs {
    border: 0 solid #d1d2d4;
    background: #F4F4F4;
}

.tall.tabs.load-hide {
    visibility: hidden
}

.ui-tabs .ui-tabs-panel {
    padding: 2px
}

.tall .ui-widget-header .ui-state-active {
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    background: #fff;
    font-weight: normal;
    color: #6d6e71;
    z-index: 2
}

.tall .ui-widget-header .ui-state-default {
    border: 1px solid #58585a transparent
}

.ui-tabs .ui-tabs-nav li {
    margin: 1px 6px 0 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-bottom: 8px;
    top:2px;
}

/*supply chain hub tab fix */
.tree-plus-tabs .ui-tabs .ui-tabs-nav li:first-of-type {
    margin:0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 8px;
   
}

#tabs-region .ui-tabs .ui-tabs-nav li {
    margin: 1px 2px 0 6px
}

.ui-tabs-panel {
    border-width: 5px;
    border: solid #ccc;
}

/*for supply chain hub */


.tree-plus-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    
}

.tree-plus-tabs .ui-tabs .ui-tabs-nav {
    padding:0;
}