body, html {
    font-family: "Open Sans";
    color: #171717;
}
body {
    min-height: 100vh;
}

header.mdl-layout__header {
    background-color: #FFFFFF;
    color: #000000;
}

div.maxwidth {
    max-width: 1028px;
    margin: auto;
}
div.maxwidth-left {
    max-width: 1028px;
}

h2 {
    margin: 0px;
    margin-bottom: 0.5em;
    font-size: 2em;
    color: #006cc6;
    font-family: "Open Sans", sans-serif;
    line-height: 36px;
}

h3 {
    margin: 0px;
    margin-bottom: 0.5em;
    font-size: 1.35em;
    line-height: 1.35em;
    color: #272727;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

h4 {
    margin: 0px;
    margin-bottom: 0.5em;
    font-size: 1.15em;
    color: #111111;
    font-family: "Open Sans", sans-serif;
    line-height: 28px;
    font-weight: 700;
}

p.large {
    font-family: "Open Sans", "sans-serif";
    font-size: 18px;
    font-weight: 300;
}
p.large.bold {
    font-size: 22px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 1.25em;
}

form {
    display: inline;
}

select {
    padding: 0.5em;
    border: 1px solid #99999F;
    background-color: #FFFFFF;
    box-shadow: none;
    height: 32px;
}
select.tall {
    height: auto;
}
select.multiple {
    height: 6em;
}

body.layout-tt-content input[type=password],
body.layout-tt-content input[type=text] {
    padding: 0.5em;
    border: 1px solid #99999F;
    background-color: #FFFFFF;
    box-shadow: none;
    height: 32px;
}

a {
    color: #006cc6;
    text-decoration: none;
    font-weight: normal;
}
a.bold {
    font-weight: 700;
}

label {
    cursor: pointer;
}

h2 > a {
    border-bottom: 1px solid #888888;
}

p,
label {
    max-width: 900px;
}

#page_content {
    padding: 2em;
}
#help {
    font-size: 0.9em;
    padding: 2em;
    font-family: "Open Sans", "sans-serif";
}
#help h3 {
    font-weight: 700;
    font-family: "Open Sans", "sans-serif";
    text-transform: uppercase;
    color: #006cc6;
}
#help ul.green-bullet-list li {
    margin-bottom: 0.75em;
}

.centered-content-wide {
    max-width: 1400px;
    margin: auto;
}

.grey-background {
    padding: 2em;
    background-color: #F2F2F2;
}
.grey-background h2 {
    font-weight: bold;
}
.grey-background hr {
    border: none;
    border-bottom: 1px solid #979797;
}

#top_nav {
    background-color: #006cc6;
    height: 60px;
}

#top_message {
    font-size: 16px;
    background-color: #006cc6;
    color: #FFFFFF;
    padding-top: 1em;
    padding-bottom: 1em;
}
body.layout-tt-lo__gin #top_message > div {
    max-width: 1200px;
    margin: auto;
}
#top_message i.material-icons,
#top_message .text {
    vertical-align: middle;
}
#top_message i.material-icons {
    margin-left: 1em;
    margin-right: 1em;
}

body #top_title {
    font-size: 1.5em;
    font-weight: bold;
    color: #171717;
    overflow-y: hidden;
}
body.layout-tt-content #top_title #logo img {
    position: relative;
    left: 9px;
    top: 9px;
    height: 40px;
}
body.layout-tt-login #top_title {
    height: 100px;
}

#login-page-content {
    padding-top: 7em;
    padding-bottom: 7em;
}

body.small2 #login-page-content,
body.small3 #login-page-content {
    padding-top: 0px;
}
body.small3 .slick-dots {
    display: none !important;
}

body.layout-tt-content #top_title {
    background-color: #FFFFFF;
    height: 60px;
}
/*
body.layout-tt-login #top_title {
    margin-top: 40px;
}
*/
#top_title #header_logo {
    display: inline-block;
    padding: 0.75em;
    font-size: 1.25em;
    letter-spacing: 0.06em;
}
body.layout-tt-login #top_title #logo {
    display: block;
    margin-top: 40px;
}
/*
#top_title #logo {
    display: inline-block;
    position: relative;
    float: left;
    margin-left: 1em;
    top: 8px;
}
#top_title #logo img {
    height: 40px;
}
*/
#top_title #header_logo #l1 {
    color: #6d6e71;
    display: inline-block;
}
#top_title #header_logo #l2 {
    color: #006cc6;
    display: inline-block;
}
#top_title #header_logo #l3 {
    color: #7db500;
    display: inline-block;
}
#top_title #exit_link {
    color: #7db500;
    font-weight: 300;
    text-decoration: none;
}
#top_title #header_message {
    display: inline-block;
    float: right;
    color: #555555;
    font-weight: 300;
    padding: 1em;
    border-right: 4px solid #DDDDDD;
    border-left: 4px solid #DDDDDD;
}
body.layout-tt-login #top_title #header_return {
    padding-top: 0px;
    padding-bottom: 0px;
}
body.layout-tt-login #top_title #header_return > a > i.material-icons,
body.layout-tt-login #top_title #header_return > a > .text {
    line-height: 60px;
    vertical-align: top;
    display: inline-block;
}
#top_title #header_return {
    display: inline-block;
    float: right;
    color: #555555;
    font-weight: 300;
    padding: 1em;
}

#account_number {
    display: inline-block;
    position: relative;
    float: right;
    color: #FFFFFF;
    font-weight: 300;
    line-height: 56px;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    padding-right: 1em;
}

#top_nav .mdl-button {
    color: #FFFFFF !important;
    text-transform: uppercase;
    border-radius: 0px 0px;
    height: 60px;
    padding-left: 1.25em;
    padding-right: 1.25em;
    font-family: "Open Sans", sans-serif;
    box-sizing: border-box;
}
#top_nav a.mdl-button > i {
    line-height: 60px;
    top: 31px;
}
#top_nav .mdl-button i.material-icons {
    position: relative;
    top: -2px;
    margin-right: 0.25em;
}
#top_nav .mdl-button.nav-selected-button {
    background-color: #FFFFFF;
    color: #006cc6 !important;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
#top_nav .mdl-button.nav-selected-button i.material-icons {
    color: #7db500;
}
/*
header .mdl-layout__header-row,
header .mdl-layout__header-row .mdl-navigation {
    height: auto;
}
*/

body.layout-tt-content main {
    background-color: #272727;
}
body.layout-tt-content.embedded-iframe main {
    background-color: #FFFFFF;
}
body.layout-tt-content main > .row {
    background-color: #FFFFFF;
}


body.layout-tt-content #page_content {
    background-color: #FFFFFF;
}
body.login-page #page_content {
    //min-height: 600px;
    min-height: calc(100% - 140px);
}

#help {
}
.help-column {
    background-color: #F2F2F2;
}

body.layout-tt-content .mdl-layout__container {
    height: calc(100% - 120px);
}
body.embedded .mdl-layout__container {
    height: calc(100% - 60px);
}
body.embedded #top_title {
    display: none;
}
.mdl-layout__drawer-button {
    left: initial;
    right: 12px;
    background-color: #FFFFFF;
    color: #111111;
    border: 1px solid #000000;
}
/* slightly different position on webmail page */
body.webmail .mdl-layout__drawer-button {
    right: -8px;
    top: -4px;
}
body.small3.webmail .mdl-layout__drawer-button,
body.small3.phone-cp .mdl-layout__drawer-button {
    display: none;
}
.mdl-layout__drawer-button i.material-icons {
    line-height: 48px !important;
}

body.small2 .help-column,
body.small3 .help-column {
    display: none;
}

.mdl-layout__drawer {
    background-color: #F2F2F2;
}
.mdl-layout__drawer .mdl-layout-title {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #006cc6;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding-left: 29px;
    line-height: initial;
    padding-top: 1.5em;
    padding-bottom: 0.35em;
}
.mdl-layout__drawer nav {
    padding-top: 0px !important;
    //border-bottom: 1px solid #DDDDDD;
    padding-bottom: 0.5em;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    color: #171717;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 8px;
    font-size: 12px;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link .icon {
    color: #7db500;
    margin-right: 6px;
}

ul.green-bullet-list {
    padding-left: 0px;
    list-style-type: none;
}
ul.green-bullet-list li {
    position: relative;
    padding-left: 1.5em;
}

ul.green-bullet-list > li:before {
    content: "\025B8";
    position: absolute;
    margin-right: 8px;
    font-size: 16px;
    left: 0px;
    top: -2px;
    color: #7db500;
}

nav .mdl-navigation__link:before {
    content: "\025B8";
    float: left;
    position: relative;
    margin-right: 8px;
    font-size: 16px;
    top: -2px;
    color: #7db500;
}

nav .mdl-menu__item > a {
    display: block;
}


ul.error-list {
    padding: 1em;
    list-style-type: none;
    font-weight: bold;
    color: #FF0088;
}

ul.error-list > li:before {
    content: "\025B8";
    position: relative;
    float: left;
    margin-right: 8px;
    font-size: 16px;
    top: -2px;
    color: #FF0088;
}

ul.error-list li {
    display: inline-block;
    border-bottom: 1px solid #FF0088;
}

#login_instructions h2 {
    margin-top: 16px;
    font-family: "Open Sans";
    font-size: 3em;
    color: #3E94CF;
}

#login-box {
    max-width: 400px;    
    background-color: #FFFFFF;
    opacity: 0.85;
}

#login-box h2 {
    text-align: center;
    color: #777777;
    font-weight: 100;
    font-family: "Open Sans", "sans-serif";
}

#login-box input[type=submit] {
    background-color: #006cc6 !important;
}

/* SECTIONS */
.contained-section > .section-content {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 2em;
}
.contained-section > h3 {
    color: #006CC6;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.5em;
    border-bottom: 1px solid #006CC6;
    margin-bottom: 0px;
}
/* SECTIONS */

/* CARDS */
.bluecard {
    border: 2px solid #3E94CF;
    border-radius: 16px 16px;
    padding: 2em;
    background-color: #FFFFFF;
    position: relative;
}
.bluecard-maxwidth {
    max-width: 700px;
}

.ard {
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #b7b7b7;
    padding: 1em;
    box-shadow: 0px 2px 3px #c7c7c7;
    margin-bottom: 0.5em;
}
.simplecard,
.simplecard p,
.simplecard table td {
    font-size: 14px;
}
.simplecard .list-icon {
    color: #bdbdbd;
    font-size: 36px;
}
.simplecard.simplecard-nochrome {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid #DDDDDD;
    box-shadow: none !important;
}

.list .simplecard.simplecard-nochrome:first-child {
    border-top: none !important;
}

/*
.list .simplecard.simplecard-nochrome:nth-child(odd) {
    background: #F2F2F2;
}
*/

.list .simplecard.simplecard-nochrome {
    margin-bottom: 0px;
    //border-top: none;
}

.list .simplecard.simplecard-nochrome h3 {
    margin-top: 10px;
}

.simplecard .simplecard-nochrome-buttons .mdl-button {
    min-width: 1em;
}
.simplecard .simplecard-nochrome-buttons .mdl-button i.material-icons {
    line-height: 36px;
}
.simplecard-highlight {
    border: 1px solid #006CC6;
    background-color: #FAFAFA;
}
.list-maxwidth,
.simplecard-maxwidth {
    max-width: 750px;
}

.list-maxwidth,
.list-maxwidth-narrow {
    border: 1px solid #DDDDDD;
}

.contained-section .list-maxwidth,
.contained-section .list-maxwidth-narrow {
    border: none !important;
}

.list-maxwidth-narrow,
.simplecard-maxwidth-narrow {
    max-width: 575px;
}

.simplecard-tiled {
    width: 700px;
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    margin-bottom: 1em;
}

#home-cards .simplecard {
    margin-bottom: 1.5em;
}

.bluecard h3,
.simplecard h3,
.bluecard .card-heading,
.simplecard .card-heading {
    font-weight: 700 !important;
    color: #272727;
    letter-spacing: 0.03em;
    font-size: 1.00em;
    line-height: 1.15em;
    //text-transform: uppercase;
}

.simplecard p.highlight {
    padding: 0.35em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 6px 6px;
    background-color: #F0F0F0;
}

.simplecard.simplecard-with-title {
    padding: 0px;
}
.simplecard.simplecard-with-title .simplecard-content,
.simplecard.simplecard-with-title-image .simplecard-content {
    padding: 1em;
}
.simplecard.simplecard-with-title h3 {
    display: block;
    text-align: left;
    background-color: #000000;
    background-color: #006cc6;
    background-color: #00437A;
    color: #F0F0F0;
    line-height: 2.5em;
    position: relative;
    font-family: "Open Sans";
    text-transform: uppercase;
}

.simplecard.simplecard-with-title-image {
    padding: 0px;
    //border-top: none;
    //border-left: none;
}
.simplecard.simplecard-with-title-image .simplecard-pretitle h3 {
    font-size: 1.35em;
    color: #171717;
    padding: 1em;
    margin-bottom: 0px;
}
.simplecard.simplecard-with-title-image .simplecard-content h3 {
    font-size: 1.15em;
    line-height: 2em;
    color: #171717;
}
.simplecard.simplecard-with-title-image .simplecard-image {
    background-repeat: no-repeat;
    height: 120px;
    position: relative;
}
.simplecard.simplecard-with-title-image .simplecard-image.flat-colour {
    background-repeat: no-repeat;
    height: 120px;
    position: relative;
}
.simplecard.simplecard-with-title-image .simplecard-image > i.material-icons {
    color: #FFFFFF;
    position: absolute;
    left: 0.30em;
    bottom: 0.30em;
    font-size: 60px;
    //text-shadow: 0px 0px 1px #000000;
}
.simplecard.simplecard-with-title-image .simplecard-image.flat-colour > i.material-icons {
    left: 0.30em;
    bottom: 0.30em;
    font-size: 60px;
    //text-shadow: 0px 0px 1px #000000;
}

.simplecard-with-title-image .simplecard-image.person-looking-at-tablet {
    background-position: 80% 80%;
    background-image: url('/myexeculink-static/images/cards/person-on-tablet.jpg');
}

.simplecard-with-title-image .simplecard-image.security-banner {
    background-position: 80% 80%;
    background-image: url('/myexeculink-static/images/cards/security-banner.png');
}

.simplecard-with-title-image .simplecard-image.email {
    background-position: 5% 52%;
    background-image: url('/myexeculink-static/images/cards/email.jpg');
}

.simplecard-with-title-image .simplecard-image.email-alt {
    background-position: 0% 52%;
    background-image: url('/myexeculink-static/images/cards/email-alt.jpg');
}

.simplecard-with-title-image .simplecard-image.family-watching-tv {
    background-position: 5% 40%;
    background-image: url('/myexeculink-static/images/cards/family-watching-tv.jpg');
}

.simplecard-with-title-image .simplecard-image.family-upsell {
    background-position: 0% 45%;
    background-image: url('/myexeculink-static/images/cards/family-upsell.jpg');
}

.simplecard-with-title-image .simplecard-image.man-on-phone {
    background-position: 100% 45%;
    background-image: url('/myexeculink-static/images/cards/man-on-phone.jpg');
}

.simplecard-with-title-image .simplecard-image.online-payment {
    background-position: 0% 30%;
    background-image: url('/myexeculink-static/images/cards/online-payment.jpg');
}

.simplecard-with-title-image .simplecard-image.couple-on-computer {
    background-position: 0% 50%;
    background-image: url('/myexeculink-static/images/cards/seniors-on-computer.jpg');
}

.simplecard-with-title-image .simplecard-image.document {
    background-position: 0% 45%;
    background-image: url('/myexeculink-static/images/cards/woman-reading-document.jpg');
}

.simplecard-with-title-image .simplecard-image.flat-colour-warning {
    background-color: #DD0044;
}
.simplecard-with-title-image .simplecard-image.flat-colour-neutral {
    background-color: #A79766;
}
.simplecard-with-progress-warning .simplecard-image {
    filter: grayscale(100%);
    transition: 1s;
}
.simplecard-with-progress-warning .simplecard-image > i.material-icons {
    color: #FF0088 !important;
}
.simplecard-with-progress-warning .mdl-progress >.progressbar {
    background-color: #FF0088;
}
#page_content .simplecard-with-progress-warning .mdl-button.mdl-button--colored  {
    background-color: #FF0088;
}

.simplecard.simplecard-with-title h3 i.material-icons {
    font-size: 40px;
    position: relative;
    float: left;
    color: #FFFFFF;
    background-color: #00437A;
    margin-right: 0.5em;
}

#page_content .mdl-button,
.bluecard .mdl-button,
.simplecard .mdl-button {
    background-color: #727272;;
    color: #FFFFFF;
    border-radius: 12px 12px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 1px;
}
.simplecard .simplecard-buttons {
    margin-top: 0.5em;
    text-align: left;
}
.simple-popup .mdl-button.mdl-button--colored,
#page_content .mdl-button.mdl-button--colored {
    background-color: #006CC6;
    color: #FFFFFF;
}
#page_content .mdl-button.mdl-button--colored-text {
    background-color: #FFFFFF;
    color: #006CC6;
}
#page_content .mdl-button.mdl-button--colored-light {
    background-color: #EAEAEA;
    color: #171717;
}

.lg-align-right {
    text-align: right;
}

/* CARDS */

/* SIZE */
body.small3 .hide-when-small,
body.small3 #account_number,
body.small3 #top_title #header_message,
body.small3 #top_nav nav .mdl-button > .text {
    display: none;
}
body.small3 #top_message i.material-icons {
    margin-left: 0.5em;
    margin-right: 0.25em;
}
body.small3 #top_message {
    font-size: 1em;
}
body.small3 h2 {
    font-size: 1.5em;
}
body.small3 #page_content {
    padding: 1em;
}
body.small2 #login-page-content .col-r,
body.small2 #login-page-content .col-l {
    padding: 2em;
}
body.small3 footer .social {
    display: block;
    margin-top: 1em;
}
body.small3 footer .col-xs-12 {
    text-align: center !important;
}
body.small3 #login-page-content > .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
body.small3 .row .col-xs-3,
body.small3 .row .col-xs-4,
body.small3 .row .col-xs-5 {
    overflow-x: hidden;
}
body.small3 .lg-align-right {
    text-align: left !important;
}
body.small3 div.list div.top-margin-small,
body.small3 div.list div.list-buttons {
    padding-top: 1em;
}
body.small3 .tv_package .add_button {
    position: relative;
    display: block;
    right: auto;
    bottom: auto;
    margin-top: 0.5em;
}
/* SIZE */

/* TV */
div.channel {
    position: relative;
}
/* TV */

/* FOOTER */
footer {
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    font-size: 12px;
}
footer .social {
    font-size: 16px;
}

footer div.links,
footer div.social {
    text-align: right;
}

body.small3 footer div.legal,
body.small3 footer div.links,
body.small3 footer div.social {
    text-align: center;
}

body.small3 footer {
    padding-left: 16px;
    padding-right: 16px;
}

footer .logo {
    margin-right: 2em;
}
footer .copy,
footer .links {
    display: inline-block;
    line-height: 36px;
}
footer .copy {
    margin-right: 1em;
}
footer .links a {
    margin-left: 1em;
}
footer .social a {
    display: inline-block;
    padding: 0.25em;
    background-color: #FFFFFF;
    border-radius: 12px 12px;
    min-width: 16px;
    line-height: 16px;
    text-align: center;
    color: #111111;
}
footer .lighter {
    color: #DDDDDD;
}
footer .social a > i {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}

footer {
    background-color: #FFFFFF;
    background-color: #272727;
    min-height: 36px;
    padding-top: 32px;
    padding-bottom: 32px;
}
footer a {
    color: #006cc6;
    color: #FFFFFF;
    font-family: "Open Sans", sans-serif;
}
footer .logo > img {
    height: 36px;
}

body.layout-tt-login footer {
    color: #272727;
    background-color: #FFFFFF;
    max-width: 900px;
    margin: auto;
    border-radius: 8px 8px;
}
body.layout-tt-login footer a {
    color: #272727;
}
body.layout-tt-login footer .logo {
    display: none;
}

body.layout-tt-simple footer,
body.layout-tt-content footer {
    color: #FFFFFF;
}
body.layout-tt-content footer .links a {
    color: #FFFFFF;
}
body.small3.layout-tt-login footer {
    max-width: 90%;
}

/* FOOTER */

/* PAGE-SPECIFIC */
#sitemap ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 2em;
    margin-top: 0px;
}
#sitemap h3 {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0px;
    color: #373737;
    letter-spacing: 0.03em;
}
/* PAGE-SPECIFIC */


/* TEXT STYLES */
.warning-text {
    font-style: italic;
}
.light-text {
    color: #777777;
}
.large-text {
    font-size: 1.5em;
}
body.small3 .large-text.smaller-text-on-mobile {
    font-size: 1.25em;
}

.smaller {
    font-size: 0.8em;
}
.small-heading {
    font-size: 14px;
    font-weight: bold;
    color: #111111;
}

.simple-bullet:before {
    content: "\025B8";
    position: relative;
    float: left;
    margin-right: 8px;
    font-size: 16px;
    top: -2px;
    color: #7db500;
}

.monospace {
    font-family: monospace;
}
/* TEXT STYLES */

/* TABLES */
table.datatable {
    font-family: "Open Sans", sans-serif;
}
table.datatable tr.titlerow > td {
    font-weight: 700;
}
table.datatable td {
    padding: 0.45em;
}
table.datatable tr,
table.datatable td {
    vertical-align: top;
}

table.datatable td.caption {
    font-weight: bold;
}

table.datatable td.value {
    font-weight: bold;
    color: #006CC6;
}
table.datatable td.value-rev {
    font-weight: bold;
    background-color: #272727;
    color: #FFFFFF;
    display: inline-block;
    padding: 0.35em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 4px 4px;
}
/* TABLES */

/* TV */
/* TODO: trim */
#link_tv_signup_cart {
    display: block;
    margin-bottom: 1em;
}
#link_tv_signup_cart_header {
    display: block;
    padding: 1em;
    background-color: #171217;
    color: #FFFFFF;
    position: relative;
    border-radius: 2px 2px;
    font-size: 1.2em;
}
#link_tv_signup_cart_header a {
    color: #FFFFFF !important;
}
#link_tv_signup_cart_header .cart_header_buttons {
    position: absolute;
    right: 1em;
    top: 1em;
}
#link_tv_signup_cart_content {
    background-color: #F0F0F0;
    padding: 1em;
}
#link_tv_signup_cart_content h3 {
    margin-top: 0.5em;
}
#link_tv_signup_cart_content > table {
    width: 100%;
}
#link_tv_signup_cart_content > table > tbody > tr > td {
    padding: 0.5em;
}
#link_tv_signup_cart_content > table > tbody > tr > td.current {
    background-color: #FAFAFA;
}

.cart_header_buttons a {
    color: #FFFFFF !important;
    margin-right: 1em;
}
.tv_package .add_button {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
}
.tv_package .button,
.channels .channel  .button {
    padding: 0.5em;
    min-width: 3em;
    text-align: center;
}
.channels a.action_button {
    font-size: 0.8em;
    padding: 0.25em;
    padding-left: 0.75em;
    padding-right: 0.75em;
}
.channel-no-longer-available {
    opacity: 0.50;
    position: relative;
}
.channel-no-longer-availabl___e:after {
    content: "No longer available";
    font-size: 12px;
    color: #777777;
    right: 1em;
    bottom: 3.5em;
    position: absolute;
    background-color: #000000;
    color: #FFFFFF;
    padding: 0.25em;
    border-radius: 2px 2px;
}
.promoted {
    position: relative;
}
.promoted:after {
    content: "\f004";
    font-family: FontAwesome;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    color: #DDDDDD;
}

.tv_package {
    vertical-align: top;
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid #019fde;
    border: 1px solid #DDDDDD;
    position: relative;
}
.tv_package h3 {
    margin-top: 0px;
    margin-bottom: 0.25em;
    color: #222222;
    font-weight: normal;
}
.tv_package .add_package,
.tv_package .remove_package,
.tv_package .add_theme {
    position: absolute;
    right: 0px;
    top: -1px;
    border-right: none !important;
    border-radius: 0px 0px !important;
}
.add_theme .button {
    min-width: 5em;
}
.tv_package input[type=button] {
    padding: 0.5em;
    border-bottom: 2px solid #000000;
}
.sell_price {
}
.tv_package .sell_price {
    position: absolute;
    right: 8px;
    top: 8px;
    //font-family: "Arvo";
    color: #111122;
    //background-color: #DDDDDD;
    padding: 0.25em;
    font-size: 1.5em;
}
.tv_package a.mdl-button {
    z-index: 100;
}
.tv_package .value {
    color: #5C6670;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 0.8em;
    //background-color: #FF0000;
    margin-right: 1em;
    position: relative;
    border: 1px solid #000000;
}
.channels .channel {
    font-size: 1.2em;
    padding: 0.5em;
    display: inline-block;
    vertical-align: top;
    min-height: 5em;
    position: relative;
    overflow: visible;
}
.boxed {
    padding: 1em;
    border: 1px solid #019fde;
    position: relative;
}
.boxed_light {
    border: 1px solid #DDDDDD;
}
.channels .boxed {
    margin-right: 1em;
    margin-bottom: 1em;
    padding: 1em;
}
.channel {
    position: relative;
}
.channel img {
    cursor: help;
    margin-top: 1em;
}
.channel_note {
    font-size: 0.6em;
    background-color: #0098CE;
    background-color: #51626C;
    color: #FFFFFF;
    padding: 0.35em;
    border-radius: 2px 2px;
    text-align: center;
}
.channel_note__single {
    background-color: #000000;
}
.channel_note__in_pick_pack {
    background-color: #111111;
}
.channel_note__in_package {
    background-color: #222222;
}
.channel_info {
    padding: 1em;
    min-width: 20em;
    max-width: 400px;
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #FF008D;
    border-radius: 6px 6px;
    box-shadow: 3px 3px 0px #FF008D;
    display: none;
    margin: auto;
}
.show_channel_info {
    position: fixed;
    right: 20px;
    bottom: 20px;
    max-width: 600px;
}
.channel_info_popup {
    background-color: #FFFFFF;
    padding: 1em;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    font-size: 12px;
    position: relative;
}
.channel_info_popup .pick_pack_add {
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.channel_info table.detail td {
    font-size: 0.8em;
    border: none !important;
}
.channel_info table.detail {
    position: absolute;
    left: 8em;
    top: 1em;
}
.channel_info .close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1em !important;
}
.channel_info .blurb {
    font-size: 11px;
    margin-top: 2em;
    line-height: 16px;
}
.small_icons img {
    width: 3em;
    margin-top: 0px !important;
}
.small_icons .channel {
    min-height: auto !important;
}
.channel_option {
    position: relative;
}
.channel_info img {
    transform: scale(1.3, 1.3);
    margin-left: 4px;
    top: -4px;
    position: relative;
}
.search {
    width: 10em !important;
    font-size: 1em !important;
    padding: 0.5em;
}
.clear_search {
    color: #777277;
}
.default_text {
    color: #777277;
}

td {
//    box-shadow: inset 0px 0px 1px #000000 !important;
}
.w100 {
    width: 100% !important;
}
table.padded td {
    padding: 0.5em;
}
.sell_price {
    font-family: "Open Sans", "sans-serif";
    font-weight: bold;
}
.sell_price_light {
    font-family: monospace;
    font-size: 1.1em;
    font-weight: normal;
    color: #888888;
}
.blurb_text {
    text-align: justify;
    font-size: 0.9em;
}
.justify {
    text-align: justify;
}
input.action_button {
    line-height: 20px !important;
    font-size: 1em !important;
}
.action_button {
    border: none;
    background-color: #0083C7;
    color: #FFFFFF !important;
    font-weight: bold;
    text-shadow: 0px 1px 1px #005397;
    padding: 1em;
    border-radius: 2px 2px;
    //font-size: 1.2em !important;
    border-bottom: 2px solid #005397;
    display: inline-block;
    margin: 0px !important;
    box-sizing: border-box !important;
}
.action_button_greyed {
    background-color: #999999;
    text-shadow: 0px 1px 1px #535353;
    border-bottom: 2px solid #535353;
}
.action_button_cancel,
.action_button_selected {
    border-bottom: 2px solid #000000 !important;
    background-color: #FAFAFA;
    color: #000000 !important;
    text-shadow: none !important;
    box-shadow: 0px -1px 3px #AAAAAA;
}
.action_button_smaller {
    font-size: 0.9em;
    padding: 0.5em;
}
p.large {
    font-size: 1.5em;
    color: #666666;
}
a.large {font-size: 1.5em;}
input.select_channel {
    transform: scale(1.5,1.5);
}
.reveal, .reveal_b {
    opacity: 0.00;
}

.next_actions {
    position: relative;
    float: right;
    width: 20em;
    margin-left: 1em;
    margin-bottom: 1em;
    padding: 0.5em;
    background-color: #F0F0F0;
}

a.large {
    font-size: 1.3em;
}
.important {
    //box-shadow: 0px 2px 4px #888888;
    border: 1px solid #CCCCCC;
    border-top: 1px solid #171717;
    border-top: 1px solid #006CC6;
}
.important-inner {
    margin: 2px;
    padding: 1.5em;
    background-color: #FFFFFF;
}
.important-inner-rev h2,
.important-inner-rev h3 {
    color: #FFFFFF;
}
.important-rev_a {
    border: 2px solid #BBBBBB;
    margin: 2px;
    padding: 1.5em;
    color: #FAFAFA;
    background-color: #171717;
}
.important-rev .action_button {
    border: 2px solid #F0F0F0;
}
.important-rev {
    border: 2px solid #171717;
}
.important-rev {
    border: 2px solid #171717;
}
.important-rev > div {
    margin: 2px;
    padding: 1.5em;
    background-color:#171717;
    color: #FAFAFA;
}
.important-rev h2,
.important-rev a,
.important-rev h3 {
    color: #FFFFFF;
}

.dotted-rev {
    background-color:#171717;
    background-image: radial-gradient(#323232 10%, transparent 10%),
    radial-gradient(#323232 10%, transparent 10%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.pending_changes {
    color: #FAFAFA;
    background-color: #171717;
    padding: 0.5em;
    border-radius: 2px 2px;
    font-weight: bold;
    display: inline-block;
}
.important-inner h3 {
    color: #222222;
}

.add_channels_list {
    display: inline-block;
    float: left;
    min-width: 20em;
}

#build_package_controls {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 25em;
    padding: 1em;
    //border-right: 2px solid #000000;
    margin: 0px;
    margin-left: 1em;
    margin-bottom: 1em;
    //margin-right: 1em;
    font-size: 0.8em;
    //box-shadow: 0px 2px 4px #777777;
    //border-radius: 6px 6px;
}
#build_package_controls input[type=submit] {
    font-size: 1.25em;
}
#build_package_controls p {
    font-size: 1.2em;
}
.build_pick_progress {
    width: 0%;
    height: 4px;
    background-color: #FF5000;
}
.build_pick_progress_container {
    width: 100%;
    height: 4px;
    background-color: #DADFE0;
}
#channels_remaining {
    font-family: monospace;
    font-size: 2em;
    padding: 0.25em;
    margin: 0.25em;
}

#signup_continue {
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    background-color: #F0F0F0;
    border-radius: 8px 8px;
    padding: 1em;
    font-size: 1.5em;
}

.add_channels_list {
    border: 2px solid #FFFFFF;
    position: relative;
    min-height: 10em;
    //max-height: 400px;
    //overflow-y: auto;
}
.pick_package_new {
    border: 2px dashed #DDDDDD;
    position: relative;
}
.pick_package_new a.add_pick_package {
    display: block;
    text-align: center;
    line-height: 100px;
}
.channel_slot .slot_number {
    color: #555555;
    margin-left: 6px;
}
.pick_package_building .channel_slot {
    display: inline-block;
    width: 13em;
    height: 10em;
    margin-left: 0.25em;
    margin-bottom: 0.25em;
    background-color: #DDDDDD;
    vertical-align: top;
    position: relative;
    background: repeating-linear-gradient(
        45deg,
        #F0F0F0,
        #F0F0F0 10px,
        #FAFAFA 10px,
        #FAFAFA 20px
    );
    border: 1px solid #F0F0F0;
}
#building_pick_pack {
    display: inline-block;
    //border: 1px solid #FF0000;
    //border-bottom: 2px solid #171717;
    //text-align: center;
    padding-bottom: 1em;
    //margin: 1em;
}
.channel_slot_filled {
    background: none !important;
    background-color: #FFFFFF;
}
.channel_available {
    display: inline-block;
    width: 12em;
    height: 10em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    background-color: #FFFFFF;
    vertical-align: top;
    position: relative;
    border: 1px solid #F0F0F0;
}
.channel_available img.channel_icon,
.pick_package_building .channel_slot img {
    position: absolute;
    top: 1em;
    left: 3em;
}
.pick_package_building .channel_slot .pick_pack_remove {
    position: absolute;
    bottom: 4px;
    right: 4px;
    left: 4px;
}

.pick_unavailable img,
.pick_unavailable .pick_pack_add {
    opacity: 0.75 !important;
    color: #000000 !important;
    background-color: #FFFFFF;
}
.pick_unavailable {
    //background-color: #F0F0F0;
    //position: relative;
}

.channel_available .channel_note {
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
}

.floating {
    z-index: 100000;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 8px #DDDDDD;
}

.add_channels_container {
    padding-left: 1em;
    padding-right: 1em;
    //border-top: 2px solid #171717;
}
.slick-arrow:before {
    color: #FF008D !important;
}
.slick-slide {outline: none !important;}
.slick-slide:focus { outline: none !important; }
.slick-dotted.slick-slider,
.slick-dotted.slick-slider .slick-slide {
    max-height: 85px;
}
.channel_picker {
    margin-left: 2em;
    margin-right: 2em;
}
.channel_picker {
    max-width: 1024px;
}
.channel_picker .blurb {
}
.channel_picker a.channel_info_link {
    display: block;
    //text-align: center;
    margin-left: 2em;
}

.pick_pack_add {
    display: inline-block;
}
.pi__ck_unavailable:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    right: 4px;
    top: 4px;
    color: #171717;
}
.channel_option > img.c_icon {
    position: absolute;
    top: 0px;
    width: 94px;
    height: 65px;
}
.channel_option > .pick_pack_add {
    display: block;
    opacity: 0.00;
    width: 94px;
    height: 65px;
}
.channel_option > .pick_pack_add > .fa {
    font-size: 30px;
    line-height: 65px;
}
.channel_option > .pick_pack_add:hover {
    color: #0083C7 !important;
    background-color: #FFFFFF;
    opacity: .75;
}
/* TV */

/* TEXT STYLES */
.special-text-label {
    font-style: italic;
}
.special-text-value {
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid #DDDDDD;
}
/* TEXT STYLES */

body.layout-tt-content main > .row {
    min-height: calc(100% - 100px);
}
body.layout-tt-content.embedded-iframe main > .row {
    min-height: 100%;
}

/* WEBMAIL */
body.embedded-iframe main.mdl-layout__content {
    overflow-y: hidden;
    padding: 0px !important;
}
/* keep scrollbar for commportal incase it goes out of bounds */
body.embedded-iframe.phone-cp main.mdl-layout__content {
    overflow-y: auto;
}
body.embedded-iframe iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 100%;
    min-height: 500px;
    width: 100%;
    border: none;
}
body.embedded-iframe #page_content {
    position: relative;
    padding: 0px;
    height: 100%;
    min-height: auto !important;
}
/* hide menu button on webmail */
body.webmail .mdl-layout__drawer-button {
    display: none;
}

/*
    min-height: auto;
*/
body.embedded-iframe footer {
    display: none;
}
/* WEBMAIL */

#login-page-image {
    position: absolute;
    height: 600px;
    right: 0px;
}

/* EXPERIMENT */
body.la_yout-tt-login #top_title #header_logo {
    padding-top: 4px;
    padding-bottom: 0px;
}
body.la_yout-tt-login #top_title #logo_test {
    font-weight: 100;
    letter-spacing: 0.03em;
    margin-left: 1em;
}

body.layout-tt-content.first-view #top_title,
body.layout-tt-content.first-view #top_nav {
    opacity: 0.25;
}

/* LOGIN */
body.layout-tt-login,
body.layout-tt-simple {
    background-color: #FFFFFF;
}
body.layout-tt-login {
    background-image: url('/myexeculink-static/images/login-background.jpg?k=feb25');
    background-repeat: no-repeat;
    background-size: cover;
}
body.layout-tt-login .mdl-textfield__input {
    padding-top: 8px; 
    padding-bottom: 8px; 
}
body.layout-tt-login #page_content {
    padding: 0px;
    min-height: calc(100% - 225px);
    max-width: 1028px;
    margin: auto;
}

.login-message {
    background-color: #7db500;
    color: #FFFFFF;
    padding: 0.5em;
    border-radius: 4px 4px;
    font-weight: bold;
    text-shadow: 0px 1px 1px #2d6500;
    text-align: center;
}

/*
body.layout-tt-login #page_content > .row {
    min-height: calc(100% - 100px);
}
*/
body.layout-tt-login #page_content > .row > .col-r {
    //background-color: #F2F2F2;
}
/*
body.layout-tt-login #page_content > .row > .col-l .bluecard {
    margin: 3em; 
}
*/
body.layout-tt-login.small3 #page_content > .row > .col-l .bluecard {
    margin: 1.5em; 
}
body.layout-tt-login.small3 #login-box {
    max-width: initial;
    margin-left: 1em;
    margin-right: 1em;
}
body.layout-tt-login.small3 #login_instructions {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 2em;
    margin-top: 2em;
}
body.layout-tt-login.small3 #top_title {
    display: none;
}

body.layout-tt-login #page_content > .row > .col-r #login_instructions {
    margin-top: 8px; 
}

body.layout-tt-login.small3 #page_content > .row > .col-r #login_instructions {
    margin: 1.5em; 
    padding-bottom: 3em;
}
body.layout-tt-login #page_content > .row > .col-l {

}
/*
body.layout-tt-login.small2 #login_instructions h2,
body.layout-tt-login.small3 #login_instructions h2 {
    font-size: 18px;
    font-weight: bold;
}
body.layout-tt-login main {
    background-color: #272727;
}
*/
/* LOGIN */

/* MATERIAL */
.mdl-textfield__label:after {
    background-color: #006cc6;
}
.mdl-data-table tr.valign-top td {
    vertical-align: top;
}
.mdl-data-table td {
    font-size: 14px;        
}

.page-content .mdl-data-table.mdl-js-data-table {
    white-space: unset !important;
}

body.small3 table.mdl-data-table.portrait-stack {
    border-top: none;
}
body.small3 table.mdl-data-table.portrait-stack,
body.small3 table.mdl-data-table.portrait-stack tr,
body.small3 table.mdl-data-table.portrait-stack tbody {
    display: block;
}
body.small3 .mdl-data-table.portrait-stack td:first-of-type {
    padding-left: 18px;
}
body.small3 .mdl-data-table.portrait-stack thead {
    display: none;
}
body.small3 .mdl-data-table.portrait-stack tr {
    height: auto;
}
body.small3 .mdl-data-table.portrait-stack td {
    display: block;
    border-bottom: none;
    height: auto;
}
.mdl-data-table.portrait-stack td .portrait-header {
    display: none;
    font-weight: bold;
}
body.small3 .mdl-data-table.portrait-stack td .portrait-header {
    display: inline-block;
    width: 35%;
}

/*
.mdl-snackbar {
    background-color: #FF0088;
}
*/
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label .mdl-textfield__label {
    color: #006cc6;
}
.mdl-navigation__link--sub {
    margin-left: 2em !important;
    font-size: 12px !important;
}
.mdl-progress {
    width: 100%;
    max-width: 300px;
    height: 16px;
    //border: 1px solid #006CC6;
    border: 1px solid #888889;
    border-radius: 8px 8px;
    overflow-x: hidden;
}
.mdl-progress >.progressbar {
    background-color: #006CC6;
    border-radius: 6px 6px;
    left: 2px;
}

.mdl-data-table th {
    color: #000000;
}
.mdl-data-table tr.highlight {
    background-color: #F0F0F0;
    color: #000000;
}
.mdl-data-table a.mdl-button {
    min-width: 1em;
}
.mdl-data-table a.mdl-button i.material-icons {
    line-height: 36px;
}
.mdl-data-table th, 
.mdl-data-table td {
    text-align: left;
}
.mdl-data-table td.right {
    text-align: right;
}

.mdl-progress.progress-over > .progressbar {
    background-color: #C60044;
}

.mdl-progress >.bufferbar {
    left: 2px;
    background: transparent;
}
.mdl-progress > .bar {
    top: 2px;
    bottom: 2px;
}

/* MISC */
body #return_link {
    position: absolute;
    top: 1em;
    right: 1em;
    display: inline-block;
    padding: 1em;
    border-radius: 4px 4px;
    background-color: #FFFFFF;
    color: #444444;
    opacity: 0.85;
}
body #return_link i.material-icons {
    vertical-align: middle;
}
body #return_link .text {
    display: inline-block;
    line-height: 32px;
    font-size: 18px;
    vertical-align: middle;
    display: none;
}
.content-gutter {
    margin-left: 0.75em;
    margin-right: 0.75em;
}

.browser-warning {
    background-color: #CC2211;
    color: #FFFFFF;
    padding: 0.5em;
    border-radius: 6px 6px;
    margin-bottom: 1em;
    max-width: 600px;
    display: none;
}

.embed-content figure {
    margin: 0px !important;
}
.embed-content .mdl-spinner {
    margin: 1em;
}
.embed-content {
    overflow-x: hidden;
}

#page_content .embed-content a img {
    width: 100%;
    height: auto;
}

iframe {
    border: none;
}

@media only screen and (min-width: 1200px) {
    .help-column .embed-content .page.type-page.status-publish .wp-block-image.size-large a img {
         width: 100%;
    }
}

/* MISC */

/* MISC COMPAT */
ul.index_links li i {
    display: none;
}
.hide {
    display: none;
}
/* MISC COMPAT */


/* BLOG */
#blog {
    padding: 1em;
    overflow-x: hidden;
}
#blog #blog_logo {
    width: 100%;
}
.blog-entry {
    font-family: "Open Sans";
    margin-bottom: 1px;
    border-bottom: 1px solid #DDDDDD;
    padding: 1em;
}
.blog-entry .blog-title {
    font-size: 1.5em;
    line-height: 1.5em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0.25em;
}
.blog-entry .blog-date {
    font-size: 0.9em;
    color: #888888;
}
.blog-entry .blog-blurb {
    margin-top: 0.75em;
    font-size: 1em;
    text-align: justify;
}
.blog-entry .blog-link {
    margin-top: 0.5em;
}

#blog ul {
    margin: 0px;
    padding: 0px;
}
#blog ul li {
    list-style-type: none;
    margin-bottom: 1.5em;
}
#blog ul li a {
    font-family: "Open Sans";
    font-size: 1.35em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0.25em;
    display: block;
}
#blog ul li .wp-block-latest-posts__post-author {
    color: #888888;
    display: inline-block;
    position: relative;
    float: left;
}
#blog ul li .wp-block-latest-posts__post-date {
    color: #888888;
    display: inline-block;
    position: relative;
    float: right;
}
#blog ul li .wp-block-latest-posts__post-excerpt {
    text-align: justify;
    font-size: 1em;
    margin-top: 0.75em;
    clear: both;
}

/* BLOG */


/* POPUPS */
.simple-popup {
    background-color: #FFFFFF;
    max-width: 500px;
    margin: auto;
    padding: 2em;
}
/* POPUPS */

/* JQUERY UI */
.ui-widget-header {
    border: 1px solid #555555 !important;
    background: none !important;
    background-color: #666666 !important;
}
/* JQUERY UI */

/* REGISTER */

.login-card,
#registration_card {
    opacity: 0.85;
    margin-bottom: 2em;
}

.login-card input[type=text],
.login-card input[type=password],
#registration_card input[type=text] {
    padding: 0.75em;
    border: 1px solid #777777;
    border-radius: 4px 4px;
    box-shadow: none;
}

.login-card input[type=text]:focus,
#registration_card input[type=text]:focus {
    border: 1px solid #006CC6;
}

.login-card .input-label,
#registration_card .input-label {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #171717;
    text-transform: uppercase;
}

#registration_card .registration-error {
    color: #AA0033;
    font-weight: bold;
    background-color: #F0F0F0;
    padding: 0.75em;
    border-radius: 6px 6px;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 1.5em;
}

#registration_card .registration-error .text,
#registration_card .registration-error .material-icons {
    vertical-align: middle;
}
#registration_card .registration-error .material-icons {
    margin-right: 0.35em;
}

#registration_card input.register_verify_code_digit {
    font-size: 1.5em;
    width: 3em;
    text-align: center;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #006CC6;
    border-radius: 0px 0px;
    background-color: #F0F0F0;
    color: #272727;
    margin-bottom: 1em;
}

#registration_card #code_verification_error {
    display: none;
}

#registration_card #register_verify_code {
    text-align: left;
}

#registration_card #sending_message {
    text-align: left;
    font-weight: bold;
    display: none;
}
#registration_card #register_verify_code #verify_spinner {
    display: none;
    position: absolute;
    top: 2em;
    right: 2em;
}
#registration_card #register_verify_code #verify_success {
    display: none;
    position: absolute;
    top: 2em;
    right: 2em;
    color: #7db500;
}
#registration_card #register_verify_code #verify_success .material-icons {
    font-size: 48px;
}

/* REGISTER */

body.layout-tt-simple {
    padding-top: 2em;
}

/* PRODUCT CHANGES */
.process-steps {
    width: 100%;
    padding: 1em;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 3px 3px;
    margin-left: 6px;
    margin-right: 6px;
    border: 1px solid #DDDDDD;
}
.process-steps .process-steps-line {
    position: relative;
    width: 100%;
    border-top: 1px dashed #BBBBBB;
    top: -43px;
    height: 1px;
}
.process-steps .process-step {
    text-align: center;
    z-index: 1000;
}
.process-steps .process-step .process-step-number {
    display: inline-block;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 16px;
    border-radius: 16px 16px;
    border: 1px solid #333333;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
}
.process-steps .process-step.process-step-current .process-step-number {
    color: #FFFFFF;
    background-color: #84BD00;
}

.process-steps .process-step-text {
    display: block;
    color: #000000;
    font-weight: normal;
    font-size: 14px;
    margin-top: 0.75em;
}
.process-steps .process-step-current .process-step-text {
    font-weight: bold;
}

/* PRODUCT CHANGES */

body.no-signout #header_return {
    display: none !important;
}
body.no-menus .mdl-layout__drawer {
    display: none;
}
body.no-menus .mdl-layout__drawer-button {
    display: none !important;
}
body.no-menus .mdl-layout__content {
    margin-left: 0px;
}
body.no-menus #top_nav {
    display: none;
}
body.no-menus #top_title {
    border-bottom: 1px solid #DDDDDD;
}
body.no-menus.layout-tt-content .mdl-layout__container {
    height: calc(100% - 62px);
}
body.no-menus #page_content {
    background-image: url('https://www.execulink.ca/wp-content/themes/execulink/images/plans-bg-lines.png');
}
body.no-menus input[type=text] {
    border-radius: 8px 8px;
    padding: 0.5em;
}
body.no-menus input[type=radio],
body.no-menus label {
    line-height: 2em;
    vertical-align: middle;
    display: inline-block;
}
body.no-menus label {
    margin-left: 0.5em;
}

/* 2FA */

#secure_2fa_card input.verify_2fa_digit {
    font-size: 1.5em;
    width: 2em;
    text-align: center;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #006CC6;
    border-radius: 0px 0px;
    background-color: #F0F0F0;
    color: #272727;
    margin-bottom: 1em;
}