.PO-wrapper.PO-tabAccordion{border: none; margin-bottom: 20px;}
.PO-tabAccordion .scrtabs-tabs-fixed-container, .PO-tabAccordion .scrtabs-tab-container{height: auto;}
.TA-tabs{margin: 1em 0 3em;}
.PO-tabAccordion .scrtabs-tab-container{/*border-bottom: 2px solid #eee;*/}
.TA-nav{list-style: none; margin: 0; padding: 0 !important;}
    .TA-nav:after, .PO-tabAccordion .scrtabs-tab-container:after{content: ''; display: block; clear: both;}
.TA-nav-tabs > li{position: relative; float: left; z-index: 1;}
.TA-nav > li{position: relative; display: block;}
.TA-nav-tabs > li > a{float: left; font-weight: normal; text-shadow: none; background: #fff; padding: 12px; cursor: pointer; font-family: inherit; position: relative; top: 2px; border: 2px solid transparent; font-weight: bold; transition: background-color 0.2s ease-in-out; margin: 0 5px 0 0;
    color: #333 !important; white-space: nowrap !important;}
.TA-nav-tabs > li.active > a{color: #333; border-color: #999; border: 2px solid #eee;}
.TA-nav-tabs > li > a:hover{background-color: #EAEFF0; /*default blue*/ color: #333; text-decoration: none;}
.TA-nav-tabs > li.active > a:after{content: ''; display: block; width: calc(100% + 4px); height: 3px; background: #1d2228; position: absolute; top: -3px; left: -2px;}
.TA-nav-tabs > li > a:before{content: ''; display: block; width: calc(100% + 4px); height: 2px; background: #eee; position: absolute; bottom: -2px; left: -2px;}
.TA-nav-tabs > li.active > a:before{content: ''; display: block; width: 100%;
    height: 2px; background: #fff; position: absolute; bottom: -2px;
    left: 0;}
.TA-tab-content{position: relative; /*for z-index*/ display: block; visibility: visible; clear: left; z-index: 5; color: #333; border: 2px solid #eee; border-top: 0;}
    .TA-tab-content > .active{display: block;}
    .TA-tab-content > .tab-pane{display: none; padding: 20px;}
    .TA-tab-content .accordionTabHead.active em:before{content: "\f068";}
    .TA-tab-content .accordionTabHead{margin-top: 5px; position: relative;}
        .TA-tab-content .accordionTabHead > a{display: block; box-sizing: border-box; text-shadow: none; background: #fff; padding: 12px; cursor: pointer; font-family: inherit; position: relative; width: 100%; border: 2px solid #eee; font-weight: bold; transition: background-color 0.2s ease-in-out; color: #333 !important;
            font-size: 16px;}
        .TA-tab-content .accordionTabHead > a{text-decoration: none;}
            .TA-tab-content .accordionTabHead > a:hover{background-color: #EAEFF0;}
        .TA-tab-content .accordionTabHead.active a{border-bottom: 0;}
.tab-pane{position: relative;}
.TA-tab-content.TA-accordionMode{border: none;}
.TA-tab-content.TA-accordionMode .tab-pane{border: 2px solid #eee; border-top: none; background: #fff;}
.TA-tab-content > .tab-pane{background: #fff;}
.TA-tab-content .active.accordionTabHead:after{content: ''; display: block; width: 3px; height: calc(100% + 2px); position: absolute; left: 0; top: 0; background: #1d2228;}
.TA-tab-content.TA-accordionMode .accordionTabHead.active + .tab-pane:after{content: ''; display: block; width: 3px; height: calc(100% + 2px); position: absolute; left: -2px; top: 0; background: #1d2228;}
.TA-accordionMode .TA-tab-content{border: none !important;}
.TA-tab-content .accordionTabHead em{float: right;}
.PO-wrapper.PO-tabAccordion{background: transparent;}