a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: OMNES-ATT;
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02.eot);
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02.eot#iefix) format("embedded-opentype"), url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02.woff) format("woff")
}

@font-face {
    font-family: OMNES-ATT-LIGHT;
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Light.eot);
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Light.eot#iefix) format("embedded-opentype"), url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Light.woff) format("woff")
}

@font-face {
    font-family: OMNES-ATT-MEDIUM;
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Medium.eot);
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Medium.eot#iefix) format("embedded-opentype"), url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Medium.woff) format("woff")
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    box-sizing: border-box
}

body {
    background: #2b2f34;
    color: #fff
}

body.fullscreen {
    background: #000
}

#root {
    margin: 6% auto;
    width: 750px
}

@media (min-width:992px) {
    #root {
        width: 970px
    }
}

@media (min-width:1200px) {
    #root {
        width: 1170px
    }
}

#root table,
#root tbody,
#root td,
#root th,
#root thead,
#root tr {
    box-sizing: border-box
}

#root .table {
    font-family: OMNES-ATT-MEDIUM, Helvetica, Arial, sans-serif;
    font-size: 12px;
    width: 100%
}

#root .table thead,
#root .table thead th,
#root .table thead tr {
    border: none
}

#root .table td>div,
#root .table th>div {
    align-items: center;
    display: flex;
    justify-content: center
}

#root .table tr>th:first-child {
    width: 240px
}

@media (min-width:992px) {
    #root .table tr>th:first-child {
        width: 315px
    }
}

#root thead th .tablecol-heading {
    flex-direction: column;
    font-family: OMNES-ATT-MEDIUM, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 26px
}

#root thead th .tablecol-heading span {
    font-family: OMNES-ATT-LIGHT, Helvetica, Arial, sans-serif;
    line-height: 20px
}

#root thead th:nth-child(2) {
    color: #FFB81C 
}

#root thead th:nth-child(3) {
    color: #2CC50B 
}

#root thead th:nth-child(4) {
    color: #00A8A5 
}

#root thead th:nth-child(5) {
    color: #9063CD 
}

#root thead th:nth-child(6) {
    color: #5641FF  
}

#root thead th:nth-child(7) {
    color: #F7EE08   
}

#root thead th:nth-child(8) {
    color: #FA0404   
}
#root tbody a {
    color: inherit;
    text-decoration: none
}

#root tbody a:hover {
    text-decoration: underline
}

#root tbody tr {
    height: 40px
}

#root tbody tr:nth-child(2n) {
    background-color: #24282d
}

#root tbody tr:first-child,
#root tbody tr:nth-child(4) {
    border-top: 1px solid #555
}

#root tbody td,
#root tbody th {
    vertical-align: middle
}

#root tbody th {
    font-size: 16px;
    padding: 10px 10px 10px 20px;
    position: relative;
    text-align: left
}

#root tbody th .tablerow-heading {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#root tbody th .tablerow-heading p {
    max-width: calc(100% - 80px)
}

#root tbody th .channel-features {
    display: flex
}

#root tbody th .channel-live,
#root tbody th .channel-vod {
    height: 20px;
    width: 33px
}

#root tbody th .channel-live img,
#root tbody th .channel-vod img {
    width: 100%
}

#root tbody th .channel-live {
    margin-right: 5px
}

#root tbody td {
    border-left: 1px solid #555;
    text-align: center
}

#root tbody td:first-of-type {
    color: #FFB81C 
}

#root tbody td:first-of-type .tablecell-check {
    background-color: #FFB81C 
}

#root tbody td:nth-of-type(2) {
    color: #2CC50B 
}

#root tbody td:nth-of-type(2) .tablecell-check {
    background-color: #2CC50B 
}

#root tbody td:nth-of-type(3) {
    color: #00A8A5 
}

#root tbody td:nth-of-type(3) .tablecell-check {
    background-color: #00A8A5 
}

#root tbody td:nth-of-type(4) {
    color: #9063CD 
}

#root tbody td:nth-of-type(4) .tablecell-check {
    background-color: #9063CD 
}

#root tbody td:nth-of-type(5) {
    color: #5641FF 
}

#root tbody td:nth-of-type(5) .tablecell-check {
    background-color: #5641FF 
}

#root tbody td:nth-of-type(6) {
    color: #F7EE08 
}

#root tbody td:nth-of-type(6) .tablecell-check {
    background-color: #F7EE08 
}

#root tbody td:nth-of-type(7) {
    color: #FA0404 
}

#root tbody td:nth-of-type(7) .tablecell-check {
    background-color: #FA0404 
}


#root tbody td .tablecell-content {
    align-items: center;
    display: flex;
    justify-content: center
}

#root tbody td .tablecell-check {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

#root tbody td .tablecell-check.tablecell-uncheck {
    background-color: transparent
}

#root ul {
    margin-top: 15px;
    width: 100%
}

#root ul li {
    font-family: OMNES-ATT, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.hidden-spoken { 
    position: absolute !important; 
    clip: rect(0 0 0 0) !important; 
    width: 1px !important; 
    height: 1px !important; 
    padding: 0 !important; 
    overflow: hidden !important; 
    border: 0 !important; 
    letter-spacing: 0; 
    line-height: 0; 
}
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: OMNES-ATT;
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02.eot);
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02.eot#iefix) format("embedded-opentype"), url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02.woff) format("woff")
}

@font-face {
    font-family: OMNES-ATT-LIGHT;
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Light.eot);
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Light.eot#iefix) format("embedded-opentype"), url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Light.woff) format("woff")
}

@font-face {
    font-family: OMNES-ATT-MEDIUM;
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Medium.eot);
    src: url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Medium.eot#iefix) format("embedded-opentype"), url(https://cdn.directv.com/content/dam/dtv/gmott/html/fonts/Omnes_ATTW02Medium.woff) format("woff")
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    box-sizing: border-box
}

body {
    background: #2b2f34;
    color: #fff
}

body.fullscreen {
    background: #000
}

#root {
    margin: 6% auto;
    width: 750px
}

@media (min-width:992px) {
    #root {
        width: 970px
    }
}

@media (min-width:1200px) {
    #root {
        width: 1170px
    }
}

#root table,
#root tbody,
#root td,
#root th,
#root thead,
#root tr {
    box-sizing: border-box
}

#root .table {
    font-family: OMNES-ATT-MEDIUM, Helvetica, Arial, sans-serif;
    font-size: 12px;
    width: 100%
}

#root .table thead,
#root .table thead th,
#root .table thead tr {
    border: none
}

#root .table td>div,
#root .table th>div {
    align-items: center;
    display: flex;
    justify-content: center
}

#root .table tr>th:first-child {
    width: 240px
}

@media (min-width:992px) {
    #root .table tr>th:first-child {
        width: 315px
    }
}

#root thead th .tablecol-heading {
    flex-direction: column;
    font-family: OMNES-ATT-MEDIUM, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 26px
}

#root thead th .tablecol-heading span {
    font-family: OMNES-ATT-LIGHT, Helvetica, Arial, sans-serif;
    line-height: 20px
}

#root thead th:nth-child(2) {
    color: #FFB81C 
}

#root thead th:nth-child(3) {
    color: #2CC50B 
}

#root thead th:nth-child(4) {
    color: #00A8A5 
}

#root thead th:nth-child(5) {
    color: #9063CD 
}

#root thead th:nth-child(6) {
    color: #5641FF  
}

#root thead th:nth-child(7) {
    color: #F7EE08   
}

#root thead th:nth-child(8) {
    color: #FA0404   
}
#root thead th:nth-child(9) {
    color: #FFFFFF   
}
#root tbody a {
    color: inherit;
    text-decoration: none
}

#root tbody a:hover {
    text-decoration: underline
}

#root tbody tr {
    height: 40px
}

#root tbody tr:nth-child(2n) {
    background-color: #24282d
}

#root tbody tr:first-child,
#root tbody tr:nth-child(4) {
    border-top: 1px solid #555
}

#root tbody td,
#root tbody th {
    vertical-align: middle
}

#root tbody th {
    font-size: 16px;
    padding: 10px 10px 10px 20px;
    position: relative;
    text-align: left
}

#root tbody th .tablerow-heading {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#root tbody th .tablerow-heading p {
    max-width: calc(100% - 80px)
}

#root tbody th .channel-features {
    display: flex
}

#root tbody th .channel-live,
#root tbody th .channel-vod {
    height: 20px;
    width: 33px
}

#root tbody th .channel-live img,
#root tbody th .channel-vod img {
    width: 100%
}

#root tbody th .channel-live {
    margin-right: 5px
}

#root tbody td {
    border-left: 1px solid #555;
    text-align: center
}

#root tbody td:first-of-type {
    color: #FFB81C 
}

#root tbody td:first-of-type .tablecell-check {
    background-color: #FFB81C 
}

#root tbody td:nth-of-type(2) {
    color: #2CC50B 
}

#root tbody td:nth-of-type(2) .tablecell-check {
    background-color: #2CC50B 
}

#root tbody td:nth-of-type(3) {
    color: #00A8A5 
}

#root tbody td:nth-of-type(3) .tablecell-check {
    background-color: #00A8A5 
}

#root tbody td:nth-of-type(4) {
    color: #9063CD 
}

#root tbody td:nth-of-type(4) .tablecell-check {
    background-color: #9063CD 
}

#root tbody td:nth-of-type(5) {
    color: #5641FF 
}

#root tbody td:nth-of-type(5) .tablecell-check {
    background-color: #5641FF 
}

#root tbody td:nth-of-type(6) {
    color: #F7EE08 
}

#root tbody td:nth-of-type(6) .tablecell-check {
    background-color: #F7EE08 
}

#root tbody td:nth-of-type(7) {
    color: #FA0404 
}

#root tbody td:nth-of-type(7) .tablecell-check {
    background-color: #FA0404 
}

#root tbody td:nth-of-type(8) {
    color: #FFFFFF 
}

#root tbody td:nth-of-type(8) .tablecell-check {
    background-color: #FFFFFF 
}


#root tbody td .tablecell-content {
    align-items: center;
    display: flex;
    justify-content: center
}

#root tbody td .tablecell-check {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

#root tbody td .tablecell-check.tablecell-uncheck {
    background-color: transparent
}

#root ul {
    margin-top: 15px;
    width: 100%
}

#root ul li {
    font-family: OMNES-ATT, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px
}

.hidden-spoken { 
    position: absolute !important; 
    clip: rect(0 0 0 0) !important; 
    width: 1px !important; 
    height: 1px !important; 
    padding: 0 !important; 
    overflow: hidden !important; 
    border: 0 !important; 
    letter-spacing: 0; 
    line-height: 0; 
}