.modern-tabs{border:1px solid #dddddd;background-color:#000000;border-radius:4px;} .modern-tab-headers{overflow: hidden;background-color:#000000;border-radius:4px;display:flex;display: -webkit-flex;display: -ms-flexbox;display: -ms-flex;display: -moz-flex;} @media (max-width:1200px){.modern-tab-headers{flex-wrap: wrap;} .modern-tab-headers > div.tab-active{box-shadow: inset 0px -3px 0px #000000;} } .modern-tab-headers > div{color:#545454;flex-grow:1;overflow: hidden;} .modern-tab-headers > div.tab-active{background-color:#000000;color:#212529;} .modern-tab-headers > div *{vertical-align: middle;} .modern-tab-headers > div > a,.modern-tab-headers > div > a:hover{display:block;padding:1em;cursor: pointer;font-weight:500;text-align:center;text-decoration: none;} .modern-tab-headers > div.tab-active > a{color:#e6e6e6;border-bottom-color: transparent;} .modern-tab-headers > div > a{border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;display:block;} .modern-tab-headers > div:last-child > a{border-right:0;} @media (min-width:983px){.modern-tab-headers > div > a > span{display: inline-block;padding-left:3px;} } @media (min-width:983px){.modern-tab-bodies{padding:1em 0.5em;} } @media (max-width:982px){.modern-tab-bodies{padding:3px;} } @media (min-width:983px){.modern-tab-body.modern-tab-body-edit{padding-left:0;padding-right:0;margin: -1em -0.5em;} } .modern-tabs .modern-tabs .modern-tab-headers{overflow: hidden;background-color:#0d0d0d;} .modern-tabs .modern-tabs .modern-tab-headers > div > a{padding:0.5em;} .modern-subtabs{background:#000000;display:flex;display: -webkit-flex;display: -ms-flexbox;display: -ms-flex;display: -moz-flex;} .modern-subtab-headers{background:#0d0d0d;margin-right:8px;} .modern-subtab-headers > div{color:#959595;position: relative;} .modern-subtab-headers > div.tab-active{background-color:#6c757d;color:#ffffff;} .modern-subtab-headers > div:last-child{border-bottom:0;} .modern-subtab-headers > div.tab-active::after,.modern-subtab-headers > div:hover::after{position:absolute;top:50%;right: -6px;margin-top: -6px;content:'';width:0;height:0;border-style: solid;border-width:6px 0 6px 6px;border-color: transparent transparent transparent #6c757d;} .modern-subtab-headers > div *{vertical-align: middle;display: inline-block;} .modern-subtab-headers > div > a{padding:1em 15px;border-bottom:1px solid #dddddd;display:block;cursor: pointer;font-weight:500;} @media (min-width:983px){.modern-subtab-headers > div > a{min-width:160px;} } .modern-subtab-headers > div > a,.modern-subtab-headers > div > a:visited,.modern-subtab-headers > div > a:active,.modern-subtab-headers > div > a:hover{text-decoration: none;color: inherit;} .modern-subtab-headers > div > a img{display: none;} .modern-subtab-bodies{padding:0;} .modern-subtab-bodies > div{} @media (max-width:982px){.modern-tab-body.modern-tab-body-edit{padding-left:0;padding-right:0;margin: -3px;} .modern-subtabs{display:block;} .modern-subtab-headers{margin-right:0;overflow:auto;} .modern-subtab-headers > div{display: table-cell;text-align:center;} .modern-subtab-headers > div.tab-active::after,.modern-subtab-headers > div:hover::after{display: none;} .modern-subtab-bodies{padding:0 10px;} }