.orc-button {
    border: 1px solid #3170B7;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    height: 40px;
    width: 100%;
    padding: 10px;
}

.orc-primary {
    background-color: #3170B7;
    color: #FFF;
    text-align: center;
}

.orc-primary:active, 
.orc-primary:hover {
    border: 1px solid #12508D;
    background-color: #12508D;
}

.orc-primary:focus-visible {
    border: 1px solid #12508D;
    background-color: #12508D;
    color: #FFF;
    outline: 1px solid #12508D !important;
    outline-offset: 3px;
}

.orc-secondary {
    background-color: #FFF;
    color: #3170B7;
}

.orc-secondary:active,
.orc-secondary:hover {
    background-color: #FFF;
    border: 1px solid #12508D;
    color: #12508D;
}

.orc-secondary:focus-visible {
    background-color: #FFF;
    border: 1px solid #12508D;
    color: #12508D;
    outline: 1px solid #12508D !important;
    outline-offset: 3px;
}

.orc-button:disabled {
    border: 1px solid #5E5E5E;
    background-color: #5E5E5E;
    color: #FFF;
    cursor: not-allowed;
}
.cart-plan-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #E1DFE1;
    border-radius: 5px;
    box-shadow: 0 8px 6px -5px #CDCDCD;
    margin: 8px;
    padding: 16px 8px;
    position: relative;
    pointer-events: all;
    width: 290px;
}

.cart-plan-card .cart-plan-card-featured {
    position: absolute;
    right: -8px;
    top: -16px;
    background-color: #036B37;
    color: #fff;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    height: 24px;
    width: 136px;
}

.cart-plan-card .cart-plan-card-featured:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    bottom: -8px;
    right: 0;
    border-top: 8px solid #01361D;
    border-right: 8px solid #FFF;
}

.cart-plan-card .cart-plan-card-name {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 0;
}

.cart-plan-card .cart-plan-card-body {
    margin: 0 0 16px 0;
}

.cart-plan-card .cart-plan-card-list {
    margin: 0;
    padding: 0 0 16px 16px;
}

.cart-plan-card .cart-plan-card-details {
    font-size: 16px;
    margin: 0 0 16px 0;
}

.cart-plan-card .cart-plan-card-list .cart-plan-card-details{
    margin: 0;
}

.cart-plan-card .cart-plan-card-detail {
    font-size: 8px;
    margin: 0;
}

.cart-plan-card .cart-plan-card-disclaimer {
    font-size: 8px;
    margin: 0;
}

.cart-plan-card .cart-plan-card-disclaimer a {
    color: #3170B7;
}

.cart-plan-card .cart-plan-card-bottom {
    display: flex;
    justify-content: space-between;
    margin: auto 0 0 0;
}

.cart-plan-card .cart-plan-card-bottom .cart-plan-card-price {
    color: #60A630;
    font-size: 20px;
    font-family: 'Simply Cricket Bold', Helvetica, Arial, sans-serif;
    margin: auto 0;
}

.cart-plan-card .cart-plan-card-bottom .cart-plan-card-cta {
    justify-self: right;
    margin: auto 0;
    width: 130px;
}

@media (max-width: 480px) {
    .cart-plan-card {
        width: 100%;
    }

    .cart-plan-card .cart-plan-card-name,
    .cart-plan-card .cart-plan-card-description {
        font-size: 14px;
    }
}
.content-card {
    background-color: #F8F8F8;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    margin: 8px;
    padding: 8px;
    pointer-events: all;
    width: 290px;
}

.content-card .content-card-header {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-size: 19px;
    margin: 0 0 8px 0;
}

.content-card .content-card-content-list {
    margin: 0;
    padding: 0 0 0 16px;
}

.content-card .content-card-content-list li {
    font-size: 16px;
}

.content-card .content-card-footnotes-wrapper {
    margin: 16px 0 0 0;
}

.content-card .content-card-footnotes-wrapper .content-card-footnote {
    font-size: 8px;
}

.content-card .content-card-footnotes-wrapper .content-card-footnote a {
    color: #3170B7;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

@media (max-width: 480px) {
    .content-card {
        width: 100%;
    }

    .content-card .content-card-header,
    .content-card .content-card-content-list li {
        font-size: 14px;
    }
}
/* Value proposition section styles */
.val-prop-insert {
    position: relative;
    margin: 0 -15px 60px;
    border-top: 1px solid #E1DFE1;
    border-bottom: 1px solid #E1DFE1;
    padding: 25px 0 20px;
}

.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -ms-flex-line-pack: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
}

.val-prop-insert p {
    color: #404041;
    font-family: 'Simply Cricket Book', Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: left;
}

.val-prop-offer p,
.val-prop-offer a {
    color: #fff;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

.val-prop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    margin-right: 15px;
}

.val-prop:last-child {
    margin-right: 0;
}

.val-prop p {
    color: #404041;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: left;
    max-width: 90px;
}

.img-wrap {
    display: inline-block;
}

.img-wrap img {
    margin-top: 0;
    max-width: 36px;
}

.img-wrap .credit-check {
    margin-top: 3px;
    max-width: 40px;
}

.val-prop .img-wrap {
    margin: 0 12px 0 8px;
}

#storytelling {
    max-width: 1025px;
    margin: auto;
}

#storytelling-animation {
    text-align: center;
    padding: 20px 0 30px;
}


#storytelling-animation .story-header {
    font-size: 18px;
    color: #6E6F72;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

#storytelling-animation .sub-header {
    margin-bottom: 20px;
    padding: 0 20px;
}

.callout .callout-desc {
    font-size: 12px;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    color: #6E6F72;
    margin-top: 15px;
}

.animated.callout:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: .5s;
}

.animated.callout:nth-child(3) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}


@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media (max-width: 480px) {

    .val-prop p {
        text-align: center;
        margin-top: 10px;
    }

    .val-prop-insert .val-prop {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 70px;
        margin: 0 10px;
    }

    .val-prop .img-wrap {
        margin: 0;
        height: 35px;
    }

    .val-prop:last-child {
        margin-right: 10px;
    }

    .callout {
        margin-bottom: 20px;
    }

    #storytelling-animation {
        padding: 20px 0 10px;
    }
}

/***** General Styles *****/

.header-image {
    background      : url('/uiassets/smile.png') no-repeat center center;
    height          : 250px;
    width           : 312px;
    background-size : 180px 180px;
}

.btn__md--primary-inactive {
    font-size             : 14px;
    text-decoration       : none;
    display               : inline-block;
    -moz-border-radius    : .3rem;
    -webkit-border-radius : .3rem;
    border-radius         : .3rem;
    color                 : #fff;
    width                 : 300px;
    height                : 50px;
}

a.button.secondary, .button.secondary {
    background-color : #fff;
    color            : #3170B7;
    border           : 0.1rem solid #3170B7;
    padding          : 9px 10px;
    margin           : 0;
}

.button.secondary, .button.primary {
    width: calc(76% - 1px);
    max-width: 250px;
}

a.button {
    padding : 9px 10px;
}

.btn__md--secondary {
    font-family : 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    margin-top  : 1.0rem;
    color       : #3170B7;
    cursor      : pointer
}

.btn__md--secondary:hover {
    border : 0.1rem solid #12508D;
    color  : #fff;

}

.btn__md--primary, .btn__md--secondary {
    padding               : .5rem 2rem;
    font-size             : 1.25rem;
    text-decoration       : none;
    display               : inline-block;
    -moz-border-radius    : .3rem;
    -webkit-border-radius : .3rem;
    border-radius         : .3rem;
    -webkit-transition    : all 0.15s ease-in-out;
    -moz-transition       : all 0.15s ease-in-out;
    -o-transition         : all 0.15s ease-in-out;
    transition            : all 0.15s ease-in-out;
}

.byopCTAchoice {
    font-family : "Simply Cricket Demi";
}

.dataOnlyHead{
    background-image: url('/uiassets/lostStolenAlert.png');
    padding-top: 94px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: left;
    margin-left: 37px;
    margin-right: -5px;
}

.dataSubTitle{
    margin-top: -8px;
}

.pad-24-bottom {
    padding-bottom : 24px;
}

.compatibleCopy ul {
    padding-inline-start : 17px;
}

.button-content-left-align {
    margin-left : -15px;
}

.flip-back-button {
    position: absolute;
    top: 15px;
    right: 30px;
    display: inline-block;
    background: url(/cloudassets/cms/portalGlobal/Images/Global/btn-close.png) 0px 0px no-repeat;
    width: 30px;
    height: 30px;
    z-index: 20;
    text-indent: -9999px;
    overflow: hidden;
    opacity: .5;
}

.flip-back-button:hover, .flip-back-button:active, .flip-back-button:focus {
    opacity: 1;
}

.sim-confirm-legal .important {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

@media (max-width : 768px) {
    .header-image {
        display : none;
    }

    .pad-24-bottom {
        padding-bottom : 0;

    }

    .phoneCheckForm, .light-gray-background {
        padding : 0 15px;
    }

    .flipBox {
        padding : 0 9px;
    }

    .padTenBottom {
        padding-bottom : 10px;
    }

    .button-content-left-align {
        margin-left : 0;
    }

    .dataSubTitle {
        margin-top: 0;
    }

    .button.secondary, .button.primary{
        max-width: 100%;
    }

    .group{
        width: 277px;
    }

}

.dataOnlyHeader .phone-check-header-copy h1 {
    margin-top : 10px;
}

.gray-box {
    background-color : #f4f4f4;
}

.light-gray-background {
    background-color : #f6f6f6;
}

.demi, .demi a {
    font-family : 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

.breadcrumbs-row {
    margin-left  : 0;
    margin-right : 0;
}

.responsive, html {
    overflow-x : hidden;
    min-width  : inherit;
}

hr {
    border-top : 1px solid #e4e4e4;
}

.main.subnav-bottom-margin {
    margin-bottom : 0;
}

.main .container-fluid {
    padding : 0;
}

/***** Header Section *****/
.header-container {
    display : block;
    padding: 15px 10px 0;
}

.header-container .header-content .back {
    font-size       : 18px;
    text-decoration : none;
}

.header-component.section .row {
    display : block;
}

.header-component .header-content, .header-component .header-image {
    display : block;
    float   : left;
}

.header-component .header-content p {
    font-family : "Simply Cricket Book", Arial, sans-serif;
}

.byod-view-header .byod-imei-view {
    overflow : hidden;
}

.byod-view-header .byod-imei-view img {
    margin : 12px 0 0 0;
}

.byod-view.animated {
    position : absolute;
    top      : 280px;
}

.byod-view {
    position : relative;
    width    : 100%;
}

.byod-view .byod-body h2 {
    font-size   : 28px;
    font-family : "Simply Cricket Demi", Helvetica, Arial, sans-serif;
    font-weight : 400;
}

.byod-view a.button.primary, .byod-view a.button.secondary {
    display    : block;
    text-align : center;
}

.device-model:before {
    content : " ";
}

.header-component h1 {
    font-size     : 44px;
    margin-top    : 0;
    margin-bottom : 9px;
    line-height   : 1.2;
    font-family   : "Simply Cricket Bold", Arial, sans-serif;
}

.responsive #container.container-fluid {
    max-width : inherit;
}

.container {
    position : relative;
    width    : 100%;
    margin   : 0;
    padding  : 0;
}

/*Right column btn alignment*/
.byod-view .right-content a.button.primary {
    margin : 0 auto;
}

.byod-header.animated {
    position : absolute;
    top      : 0;
}

.byod-header {
    font-size  : 16px;
    margin-top : 0;
    width      : 100%;
}

.byod-header .light-gray-background {
    border-bottom : 1px solid #e2e2e2;
}

.byod-header > div {
    height : 100%;
}

.header-copy h1 {
    color     : #FFFFFF;
    font-size : 50px;
}

.header-copy .h4 {
    font-family : 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    color       : #FFFFFF;
}

/***** Carriers Section *****/

.flipWrapper {
    -webkit-perspective : 1000px;
    perspective         : 1000px;
    -webkit-transition  : all 0.5s linear;
    transition          : all 0.5s linear;
}

.flipWrapper .instructions {
    margin      : 20px 0;
    font-weight : 100;
    font-family : 'Simply Cricket Book', Helvetica, Arial, sans-serif;
}

.flipBox {
    position            : relative;
    margin              : 0 auto 30px;
    z-index             : 1;
    padding             : 0;
    -webkit-perspective : 1000px;
    perspective         : 1000px;
    -webkit-transition  : all 0.3s ease-in;
    transition          : all 0.3s ease-in;
}

.flipBoxInner {
    height                  : 100px;
    -webkit-transform-style : preserve-3d;
    transform-style         : preserve-3d;
    -webkit-transition      : all 0.3s ease-in;
    transition              : all 0.3s ease-in;
    cursor                  : pointer;
}

.flipBoxInner li, .flipBoxInner p {
    line-height: 21px;
}

.flipBox.data-only.rotated .flipBoxInner {
    cursor: default;
}

.flipBox.rotated .flipBoxInner {
    min-height : 345px;
}

.face {
    position                    : absolute;
    width                       : 100%;
    height                      : 100%;
    box-sizing                  : border-box;
    transition                  : all 0.3s ease-in;
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    left                        : 0;
}

.face > div {
    margin     : 0 15px;
    padding    : 20px 15px;
    box-sizing : border-box;
    height     : 100%;
    background : #fff;
    box-shadow : 0px 2px 15px -7px grey;
}

.face.front {
    -webkit-transform : rotateY(0deg);
    transform         : rotateY(0deg);
}

.flipBox.rotated .face.front {
    -webkit-transform : rotateY(-180deg);
    transform         : rotateY(-180deg);
}

.face.back {
    display           : block;
    -webkit-transform : rotateY(180deg);
    transform         : rotateY(180deg);
    box-sizing        : border-box;
}

.data-only-device-content {
    font-size: 14px;
    line-height: 1.2em;
    width: 100%;
}

.data-only-device-content .backfacep {
    font-family: "Simply Cricket Demi";
    margin: 0;
}

a.btn.btn-default.ddic {
    color: #1B75BB;
    background-color: #ffffff;
    border: 1px solid #1B75BB;
    padding: 1em;
    margin-top: 0.75em;
    width: 300px;
}

#dataDeviceImeiChecker .phones-heading p.requirement {
    font-size: 16px;
}

#dataDeviceImeiChecker .phone-page-title {
    padding: 0 10px 10px;
}

#dataDeviceImeiChecker .flipWrapper h2.byod-header {
    font-size: 24px;
    margin: 1em 0 0;
}

#dataDeviceImeiChecker .flipWrapper h3.instructions {
    margin-top: 0;
    font-size: 16px;
}
.flipBox.rotated .face.back {
    -webkit-transform : rotateY(0deg);
    transform         : rotateY(0deg);
}

.face.front img {
    margin-right : 10px;
}

.face.back ol {
    list-style-position : inside;
    padding             : 0;
}

.face.back img {
    margin-bottom : 10px;
}

.mrg-left {
    margin-left : 0;
}

.pad-top {
    padding-top : 44px;
}

.help-tip {
    font-size      : 14px;
    padding-bottom : 20px;
    font-weight    : 400;
    font-family    : "Simply Cricket Demi";
}

#byodPhoneCheckForm {
    margin-bottom: 15px;
}

.imei-container {
    display  : inline-block;
    position : relative;
    width    : 100%;
}

.imei-container .imei {
    font-family    : 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    margin-left    : 4px;
    max-width      : 100%;
    padding        : 0;
    border         : none;
    outline        : none;
    color          : #036B37;
    font-size      : 24px;
    letter-spacing : 10px;
    text-align     : center;
}

.imei-container .imei:focus {
    border  : none;
    padding : inherit;
}

.imei-container .imei + .input-clear-button {
    width : 28px;
}

#imei-reset {
    right : 28%;
}

#success-right {
    position : absolute;
    right    : 26%;
}

/* IE10, IE11, and Edge positioning fix to kep cursor from covering clear button */
_:-ms-lang(x), .imei-container .imei {
    margin-right : 8px;
}

/**
* BYOD $40 Unlimited Plan Banner
*/
.banner {
    margin-top: 40px;
}

.banner-content {
    padding: 35px 11%;
    text-align: center;
    white-space: nowrap;
}

.banner-copy {
    display: inline-block;
    padding-left: 20px;
    text-align: left;
    white-space: normal;
}

.banner-text {
    font-size: 22px;
    line-height: 26px;
}

.byod-plan-icon {
    background: url(/uiassets/BYOD-unlimited-plan-icon.png) left top/100% no-repeat;
    display: inline-block;
    height: 55px;
    width: 31px;
    position: relative;
    top: 12px;
}

.heavy {
    font-family: "Simply Cricket Bold", Arial, sans-serif;
}

.dataSubheadPad {
    padding-bottom: 14px;
}

/**
* Skip-IMEI header
*/
.skip-imei-header h1 {
    text-align: center;
    margin-top: 10px;
    font-size: 32px;
}

.skip-imei-header p {
    text-align: center;
    font-size: 16px;
    color: #000;
}

.skip-imei-header .opt-out-skip-imei-copy {
    font-size: 12px;
    margin: 0 0 20px;
}

.compatible-view .skip-imei-header.light-gray-background {
    padding: 15px 15px 5px;
}

#byod-waive-disclaimer {
    font-size: 9px;
    padding: 0;
}

@media (max-width: 980px) {
    #imei-reset {
        right: 20%;
    }

    #success-right {
        right: 16%;
    }
}

@media (max-width: 733px) {
    .byod-plan-icon {
        top: -13px;
    }

    #imei-reset {
        right: 10%;
    }
}



@media (max-width: 414px) {
    .banner {
        margin-top: 30px;
    }

    .banner-content {
        padding: 25px 11%;
    }

    .banner-copy {
        padding: 0 20px;
    }

    .banner-text {
        font-size: 16px;
        line-height: 19px;
    }

    .byod-plan-icon {
        top: 5px;
    }

    #imei-reset {
        right: 5%;
    }
}

/***** Legal Section *****/
.legal p {
    font-size : 12px;
}

/***** BYOD - What's Next *****/

.keep-phone {
    color         : #707070;
    font-family   : 'Simply Cricket Book', Helvetica, Arial, sans-serif;
    font-size     : 16px;
    font-weight   : normal;
    line-height   : 23px;
    margin-bottom : 0;
    margin-top    : 22px;
    text-align    : center;
}

.whats-next-miles {
    position : absolute;
    right    : 0;
    top      : -13px;
}

.phone-check-header-copy {
    color          : #FFFFFF;
    box-sizing     : border-box;
    height         : 100%;
    padding-bottom : 25px;
    margin         : 0 auto;
    float          : none;
    background     : no-repeat 15px 65px;
    overflow       : hidden; /* necessary when no back button/image present with h1 text. */
}

/***** BYOD SIM Confirm - Header *****/
.phone-check-header-copy .back {
    font-size       : 18px;
    text-decoration : none;
    margin-top      : 15px;
    display         : inline-block;
}

.phone-check-header-copy a:focus {
    color           : #23527c;
    text-decoration : underline;
}

.phone-check-header-copy h1 {
    font-size     : 28px;
    margin-bottom : 4px;
    margin-left   : 82px;
}

.phone-check-header-copy p {
    font-size : 18px;
}

.phoneCheckHeader {
    height : 100%;
}

/***** BYOD Phone Check *****/

.phone-check-form {
    min-height : 312px;
}

.phone-check-top {
    margin-top : 68px;
    text-align : center;
}

.phone-check-top .description {
    font-size     : 16px;
    margin-bottom : 40px;
}

.phone-check-bottom {
    background-color : #e4e4e4;
    padding-bottom   : 15px;
    padding-top      : 22px;
}

.phone-check-bottom input, .phone-check-bottom button {
    float : left;
}

.phone-check-bottom input {
    width         : 70%;
    border-radius : 5px 0 0 5px;
    border-right  : none;
}

.input-wrapper {
    position      : relative;
    float         : none;
    margin-bottom : 0;
}

.input-wrapper label.field-error-container,
.input-wrapper div.field-error-container {
    margin : 15px auto;
    float  : none;
    top    : 11px;
}

.phone-check-bottom button {
    border-radius : 0 5px 5px 0;
    padding       : 10px;
    width         : 30%;
    float         : none;
    margin        : 0;
    clear         : none;
    box-sizing    : border-box;
}

.phone-sim-image {
    border-right : 2px solid #e4e4e4;
}

.imei-first-character {
    font-size      : 160%;
    line-height    : 17px;
    vertical-align : bottom;
    margin-right   : -5px;
}

.dial-number {
    margin-bottom : 20px;
}

.dial-number h3, .dial-number h1 {
    display : inline;
}

.dial-number h1 {
    font-size : 33px;
}

.dial-number a:hover {
    text-decoration : none;
}

.dial-number h3 {
    font-size    : 22px;
    margin-right : 28px;
}

.help-text {
    color     : #5b5a5a;
    font-size : 12px;
}

.help-text p, .help-text a {
    display : inline;
}

.sim-confirm-legal {
    font-size : 12px;
}

.phoneCheckLegal .constrain-width-1024 {
    padding       : 30px 0;
    margin-bottom : 20px;
}

.phoneCheckLegal .constrain-width-1024 p {
    margin-bottom : 0;
    text-align: center;
}

.byodPhoneCheckLegal {
    padding-top    : 30px;
    padding-bottom : 50px;
}

.byod-body section {
    padding : 0 15px;
}

/***** BYOD Dialer Help Modal *****/
.modal.fade ul, .modal.fade ol {
    padding-left : 20px;
}

/***** BYOD Dialer Help Modal *****/
.dialer-image-container {
    border-bottom : 1px solid #e4e4e4;
    border-top    : 1px solid #e4e4e4;
    text-align    : center;
    padding       : 5px 0 5px 0;
    margin-bottom : 20px;
}

.dialer-image-container img {
    width  : 222px;
    height : 348px;
}

.byodDialerHelp ul {
    list-style-type : none;
    margin-top      : 5px;
    padding-left    : 0;
}

.byodDialerHelp ul li {
    margin-bottom : 10px;
}

.byodDialerHelp .light-green {
    margin-right : 20px;
}

.byodDialerHelp .imei-star {
    line-height    : 10px;
    vertical-align : bottom;
    font-size      : 26px;
}

.dataOnlyCopy{
    padding-top: 43px;
}

/***** SIM Swap Activity Selector *****/
.simSwapActivitySelector p {
    font-size : 16px;
}

/********* Lost stolen View ******/
.lostStolenHeader .phone-check-header-copy {
    background-position : 15px 65px;
}



@media ( max-width : 380px ) {
    .lostStolenHeader .phone-check-header-copy {
        background-position : 15px 60px;
    }

    .flipBox.rotated .flipBoxInner {
        min-height : 365px;
    }
}

.lostStolenCopy {
    padding-top    : 20px;
    padding-bottom : 50px;
}

.lostStolenCopy .data-only-heading {
    margin-bottom: 20px;
}

.lostStolenCopy b {
    font-family : 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

.lost-stolen-image {
    text-align : center;
}

.lost-stolen-copy {
    font-size : 18px;
}

.lost-stolen-shop-phones {
    background-color : #f4f4f4;;
    font-size        : 16px;
    padding          : 34px 0;
    margin-top       : 50px;
}

.lost-stolen-shop-phones h3 {
    margin-top : 0;
}

.lost-stolen-shop-phones .button.primary {
    display    : block;
    width      : 80%;
    text-align : center;
    margin     : 0 auto;
}

/***** Sprint Eligible *****/

.unlocked-copy ul {
    padding-left : 18px;
}

.unlocked-copy ul li {
    font-size   : 16px;
    line-height : 30px;
}

.unlocked-copy h3 {
    font-size : 22px;
}

.unlocked-copy p {
    font-size : 16px;
}

.phoneCheckCopy {
    margin : 15px 0 20px 0;
    text-align: center;
}

.phoneCheckCopy h3 {
    font-size : 26px;
}

.phoneCheckCopy p {
    font-family : "Simply Cricket Book";
}

.phoneCheckUnlockedCopy {
    margin-top : 60px;
}

.phoneCheckUnlockedCopy > div:last-child {
    padding-bottom : 15px;
    margin         : 0 15px;
    border-bottom  : 1px solid #e4e4e4;
}

/***** Replace SIM Card *****/
.replace-sim-image {
    text-align : center;
}

.replace-sim-copy {
    font-size : 16px;
}

.replace-sim-button {
    margin-top : 40px;
}

.seopar {
    padding : 6px 15px 30px;
}

.seopar .richtext-with-class {
    padding : 0;
}

.byodDialerHelp .modal-content,
.byodUniversalSIMKit .modal-content,
#byodUnlocked .modal-content {
    height : 500px;
}

.modal-body {
    overflow-y : auto;
}

.lostStolenCopy ol {
    padding-left : 16px;
}

.byod-plan-promo-box{
    margin-left:12.5%;
    margin-bottom: 5%;
}

.byod-plan-promo-box h3{
    margin-top:15px
}

.byod-plan-promo-box section {
    margin-top       : 5px;
    background-color : #f6f6f6;
    padding          : 0 30px 30px;
    /*margin-right     : 70px;*/
}

.byod-plan-promo-box aside{
    line-height: 21px;
}

.byod-plan-promo-box aside > p {
    margin-top  : 9px;
    line-height: 14px;
}

.byod-plan-promo-box figure > img {
    margin : 10px 0 15px;
}

.optmz-compatible-copy .simCardImg {
    margin-top : 25px;
}

.optmz-compatible-copy ul {
    padding : 0 0 0 1em;
}

.optmz_signin {
    background : #fff !important;
    border     : 1px solid #3170b7 !important;
    color      : #3170b7 !important;
}

.text-left {
    margin-left : 0 !important;
}

.mobileButtonPadding {
    padding-top: 10px;
}

#compatibleCopy .header {
    padding: 7px 0;
}

.simCardImg {
    padding: 50px 0 0 27px;
}
/***********************************
Line Details  Styles
***********************************/
.lineNo.lineDetailsNoPicker .lineDetailsText {
    margin-bottom : 0;
}

/***********************************
LG Styles
***********************************/
@media ( min-width : 769px ) {
    .header-component.section .row {
        margin : 0;
    }

    .header-component .header-content {
        padding : 0;
    }

    .header-component .header-content h1 {
        padding : 38px 0 0;
    }

    .header-component .header-content h2 {
        font-size : 21px;
    }

    .header-component .header-image {
        margin : 15px 0;
    }

    .mobile-header-image {
        display : none;
    }

    .seopar .richtext-with-class {
        padding-left  : 0;
        padding-right : 0;
    }

    /***** SIM Swap Activity Selector *****/
    .simSwapActivitySelector {
        margin : 42px 0;
    }

    .simSwapActivitySelector a {
        width : 140px;
    }

    .replace-sim {
        padding-right : 90px;
    }

    .new-sim {
        border-left  : 1px solid #e4e4e4;
        padding-left : 90px;
    }

    .simSwapActivitySelector a {
        margin     : 20px 0 30px;
        display    : inline-block;
        text-align : center;
    }

}

/**
  Drop to single line providers sooner to fit text
**/

@media ( max-width : 824px ) {
    /***** Carriers *****/
    .carriers {
        padding : 0 15px;
    }

    /*** Header/Subnav ***/
    .main.subnav-margin-fix {
        margin-top: 0 !important;
    }

}

/***********************************
MD - SM - XS Styles
***********************************/
@media ( max-width : 768px ) {
    .header-component .header-content {
        display    : block;
        text-align : center;
        margin     : 0;
        padding    : 0 15px;
    }

    .header-container .header-content .back {
        display       : block;
        margin-bottom : 10px;
        text-align    : left;
    }

    .header-component .header-content h1 {
        font-size : 36px;
    }

    .header-component .header-content h2 {
        font-size : 18px;
    }

    /***** SIM Swap Activity Selector *****/
    .simSwapActivitySelector {
        margin     : 30px 0 60px;
        text-align : center;
    }

    .simSwapActivitySelector a {
        width   : 100%;
        margin  : 20px 0 30px;
        display : inline-block;
    }

    .carrier-button-wrapper {
        margin-bottom : 10px;
    }

    .carrier-button-wrapper div {
        margin-bottom : 18px;
    }

    .seopar {
        padding : 0 15px 40px 15px;
    }

    .byod-view {
        margin-left  : 0;
        margin-right : 0;
    }

    .byod-header {
        margin-top : 2px;
    }

    .byod-view .byod-body h2 {
        font-size : 26px;
    }

    .help-text {
        text-align : center;
    }

    .help-text p, .help-text a {
        display    : block;
        text-align : center;
    }

    .byod-boxes-container {
        display : block;
    }

    .word-spacing {
        letter-spacing : 4px;
    }

    .phone-mrg-left {
        margin     : 0;
    }

    .txt-size {
        font-size : 20px;
    }

    .txt-phone-size {
        font-size      : 14px;
        font-weight    : bold;
        padding-bottom : 10px;
    }

    .btn-width {
        width : 100%;
    }

    .input-clear-button {
        width : 15px;
    }

    .new-sim {
        border-top : 1px solid #e4e4e4;
    }

    .byopCTAchoice {
        text-align : center;
        font-family: 'Simply Cricket Book', Helvetica, Arial, sans-serif;
    }

    /***** IMEI Check *****/
    .byod-header .light-gray-background {
        padding: 0 15px;
    }

    .phoneCheckCopy {
        font-size: 16px;
    }

    .phoneCheckCopy h3 {
        font-size: 26px;
    }

    .phone-sim-image {
        border-right   : none;
        padding-bottom : 40px;
        border-bottom  : 1px solid #e4e4e4;
        margin-bottom  : 40px;
    }

    .dial-number h3 {
        margin-right : 0;
    }

    .phone-check-top .description {
        font-size : 16px;
    }

    .phone-check-bottom {
        padding : 22px 0 15px 0;
    }

    /***** Header *****/
    .header-image {
        text-align : center;
    }

    .byod-view-header .byod-imei-view {
        height     : auto;
        text-align : center;
    }

    .byod-view-header .byod-imei-view img {
        margin : 10px 0 0 0;
    }

    .header-copy {
        margin-bottom : 15px;
    }

    .header-copy h1 {
        font-size  : 41px;
        margin-top : 20px;
    }

    /*****  Legal *****/
    .legal h2 {
        margin-bottom : 20px;
    }

    .byodPhoneCheckLegal {
        padding : 30px 15px 50px 15px;
    }

    .phoneCheckLegal p {
        font-size  : 12px;
    }

    .sim-confirm-legal {
        text-align : center;
    }

    /***** Unlocked *****/
    .unlocked-image {
        text-align    : center;
        margin-bottom : 15px;
    }

    .unlocked-copy {
        font-size : 16px;
    }

    .unlocked-copy h3 {
        font-size : 22px;
    }

    .unlocked-copy p {
        text-align : center;
    }

    .unlocked-copy p a {
        display : block;
    }

    #dataOnlyCopy {
        padding-top : 10px;
    }

    /***** Replace SIM Card *****/
    .replace-sim-image {
        margin-bottom : 40px;
    }

    .replace-sim-copy {
        text-align : center;
    }

    .dataOnlyCopy {
        padding-top : 20px;
        font-size   : 16px;
    }

    .non-login {
        width: 127px;
    }



}

/***********************************
SM - XS Styles
***********************************/
@media ( max-width : 480px ) {
    .btn__md--primary-inactive {
        width  : 100%;
        height : unset;
    }

    #app, #dod {
        margin : 0 auto 20px;
    }

    .flipWrapper {
        padding : 20px 0 10px;
    }

    .face > div {
        padding : 15px 0;
        margin  : 0 15px;
    }

    .flip-back-button {
        top: 10px;
        right: 10px;
    }

    .imei-container .imei {
        letter-spacing : 5px;
    }

    /* IE10, IE11, and Edge positioning fix to kep cursor from covering clear button */
    _:-ms-lang(x), .imei-container .imei {
        padding-right : 14px;
    }

    .input-wrapper .input-clear-button {
        right               : -5px;
        background-position : right;
    }

    .header-copy h1 {
        margin-top : 0;
    }

    /***** BYOD SIM Confirm - Header *****/
    .phone-check-header-copy a {
        padding-top : 0;
    }

    .phone-check-header-copy h1 {
        font-size : 26px;
    }


    .phone-check-header-copy p {
        font-size : 16px;
    }

    /********* Lost stolen View ******/
    .lostStolenCopy {
        padding-top : 0;
        font-size   : 14px;
    }

    .dataOnlyHeader .phone-check-header-copy {
        padding-right : 12px; /*Fixes an issue with text wrapping without changing the layout significantly*/
    }

    .dataOnlyCopy .button,.lostStolenCopy .button {
        width : 100%;
    }

    .lostStolenCopy {
        text-align : center;
    }

    .lostStolenCopy.compatibleCopy {
        text-align : left;
    }

    .lostStolenCopy .lost-stolen-shop-phones p {
        margin-top    : 20px;
        margin-bottom : 20px;
    }

    .lost-stolen-shop-phones {
        margin-bottom : 25px;
    }

    .compatibleCopy > div {
        padding-left: 0;
        padding-right: 0;
    }

    .compatibleCopy .amssAuthenticated {
        padding-bottom: 18px
    }

    .compatible-view .byodPhoneCheckLegal {
        padding: 0;
    }

    /***********************************
    Line Details  Styles
    ***********************************/
    .lineDetailsByod {
        padding : 0 15px;
    }

    .byod-plan-promo-box{
        margin-left: inherit;
    }

    #dataDeviceImeiChecker .flipWrapper h2.byod-header {
        margin: unset;
    }

    #dataDeviceImeiChecker .phones-heading p.requirement {
        padding: 0 15px;
        font-size: 14px;
    }

    #dataDeviceImeiChecker .phone-page-title {
        font-size: 32px;
    }

    a.btn.btn-default.ddic {
        width: 280px;
        margin-top: 0;
        padding: 10px;
        height: unset;
    }

    #dataDeviceImeiChecker .phoneCheckForm, .light-gray-background {
        padding: 0;
    }

    #dataDeviceImeiChecker .flipWrapper {
        padding: 20px 15px 10px;
    }

    #dataDeviceImeiChecker .flipWrapper h3.instructions {
        margin-top: .5rem;
    }

    #dataDeviceImeiChecker .face > div {
        margin: 0;

    }

    /** Incompatible Header **/
    .dataTitle, .dataSubTitle{
        text-align: center;
    }

}

/***********************************
XS Styles
***********************************/
@media ( max-width : 400px ) {
    .phone-check-bottom input {
        width : 57%;
    }

    .phone-check-bottom button {
        width : 43%;
    }

    .phone-check-header-copy {
        padding-bottom : 10px;
    }

    .header-copy h4 {
        font-size : 16px;
    }

    .header-copy p {
        font-size  : 16px;
        margin-top : 17px;
    }

    .carrier-button-wrapper div {
        padding : 0;
    }

    #imei-reset {
        right: 0;
    }

    .group {
      width: 230px;
    }
}

@media (max-width: 320px) {
    .imei-container .imei {
        font-size: 20px;
    }

    .group {
        width: 187px;
    }
}

@media ( min-width : 460px ) and ( max-width : 480px ) {
    .input-wrapper .input-clear-button {
        right : 70px;
    }
}

@media ( min-width : 420px ) and ( max-width : 459px ) {
    .input-wrapper .input-clear-button {
        right : 45px;
    }
}

#instructables-template {
    position: relative;
}

#byod-text-header {
    padding: 10px;
}

#byod-text-header .phone-page-title {
    color: #000;
    font-weight: 600;
    font-size: 24px;
    margin: 0;
    padding: 10px 15px;
}

#byod-text-header .header-caption {
    font-size: 14px;
}

#byod-text-header .header-secondary {
    font-size: 20px;
}

#byod-text-header .light-green-text {
    color: #60A630;
    font-weight: 550;
}

.book {
    font-family: 'Simply Cricket Book', Helvetica, Arial, sans-serif;
}

#byod-instructables {
    max-width: 1044px;
    margin: auto;
    z-index: 1;
    position: relative;
}

#byod-instructables .card-item {
    text-align: left;
    padding: 1em;
}

#byod-instructables .byod-step {
    display: grid;
    margin: 0 0 5px;
    color: #FFFFFF;
    border-radius: 100%;
    background-color: #60A630;
    height: 40px;
    width: 40px;
}

#byod-instructables .byod-step p {
    font-size: 16px;
    margin: auto;
}

#byod-instructables .card-header {
    font-size: 18px;
    font-weight: 550;
}

#byod-instructables .card-text {
    font-size: 12px;
    font-family: 'Simply Cricket Book', Helvetica, Arial, sans-serif;
}

#byod-instructables .card-link {
    color: #1B75BB;
    font-size: 16px;
    font-weight: 550;
}

#byod-instructables #skip {
    font-size: 12px;
    float: right;
    margin-bottom: 50px;
    margin-right: 15px;
    color: #1B75BB;
    font-weight: 550;
}

#byod-instructables #skip .caret-arrow {
    margin-top: -2px;
    margin-left: 15px;
    height: 12px;
}

#byod-instructables [data-toggle^="modal"] {
    font-size: 12px;
}

#byod-instructables .card-disclaimer {
    font-size: 10px;
}

#byod-instructables a {
    background: transparent;
    color: #1B75BB;
    width: auto;
    padding: 0;
    margin: 0;
    text-align: left;
    font-weight: 550;
}

#byod-instructables .custom-class {
    font-weight: 550;
}

#byod-instructables #cards-slider {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 15px 15px 0;
}

#byod-instructables .card-item-note {
    text-align: left;
    padding: 10px;
}

#restart {
    font-size: 12px;
}

#restart .caret-arrow {
    margin: -3px 12px 0 30px;
    height: 12px;
}

#restart .caret-arrow,
#restart-imei-check .caret-arrow,
#step-backward .caret-arrow {
    transform: rotateY(180deg);
}

.device-compatibility-link {
    display: none;
}

@media(min-width:769px) {
    #byod-instructables .phone-page-title {
        margin: 20px 0 25px;
        padding: 0;
    }

    #byod-text-header .header-caption {
        margin-bottom: 25px;
    }

    #byod-instructables #cards-slider {
        flex-direction: row;
        padding: 0 0 15px 0;
    }

    #restart {
        display: none;
    }

    #byod-instructables .byod-step {
        margin: 0 auto 10px;
    }

    #byod-instructables .card-item {
        text-align: center;
        width: 50%;
    }

    #byod-instructables .card-item-note {
        text-align: center;
        padding-bottom: 20px;
    }

    #byod-instructables .header-secondary,
    #byod-instructables .card-header {
        font-size: 18px;
        padding: 0 10px;
    }

    #byod-instructables .card-text {
        padding: 0 10px;
        font-family: 'Simply Cricket Book', Helvetica, Arial, sans-serif;
    }

    #byod-instructables .card-link {
        font-size: 12px;
        padding: 0 10px;
    }

    #byod-instructables .card-disclaimer {
        font-size: 12px;
        padding: 0 10px;
    }

    .device-compatibility-link {
        display: block;
    }
}



@keyframes glow-up {
    0% {
        transform: scaleY(1);
        box-shadow: 0 0px 5px 1px rgb(0 0 0 / 0%);
    }

    25% {
        transform: scaleY(1.015);
        box-shadow: 0 2px 10px 2px rgb(0 0 0 / 25%);
    }

    50% {
        transform: scaleY(1);
        box-shadow: 0 0px 5px 1px rgb(0 0 0 / 0%);
    }
}

#imeiNumberForm .input-wrapper .group:after {
    display: none;
}

.group {
    position: relative;
}

.imei.form-control {
    letter-spacing: .5ch;
}

.device-check-form-step2 .field-error-container {
    float: none;
    display: none;
}

#byodPhoneCheckForm,
#storytelling .val-prop-insert {
    margin: 0;
}

.sim-confirm-legal {
    padding: 0 25px;
}

.current-step {
    animation: current-step 300ms ease 2300s 1 normal forwards;
    background: #7FC8EC;
}

#byod-imei-check,
#byod-steps123,
#byod-content {
    padding: 0;
}

.device-check-step1,
.step-main,
.step-body .byod-header {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
}


#byod-content .am-compatible {
    text-align: right;
    font-weight: 600;
    font-size: 12px;
}

#byod-content .device-check-step1 {
    padding: 20px 10px;
}

#storytelling,
#byod-content .device-check-step1 .byod-parag {
    padding: 0 10px;
}

#byod-content .step-main {
    padding: 20px 10px;
    background: #FFF;
    border-radius: 13px;
    border-color: #E1DFE1;
    box-shadow: 0px 0px 6.6px 0px #BBBDC0;
}

#byod-content .byod-header {
    font-family: 'Simply Cricket Bold', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 8px auto 16px;
    white-space: nowrap;
}

#byod-content .byod-parag {
    font-size: 14px;
}

.step-body {
    padding: 20px 10px;
}

.step-body .customc {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#byod-device-compatibility .input-wrapper.form-group {
    display: flex;
}

#byod-device-compatibility .imei.form-control {
    height: 48px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
    font-weight: 600;
}

#byod-device-compatibility .imei.form-control:focus,
#byod-device-compatibility .imei.form-control.dirty {
    border: 1px solid #1b75bb;
    padding: 19px 35px 6px 9px;
}

#byod-device-compatibility .imei.form-control:focus~#imei-input-label,
#byod-device-compatibility .imei.form-control.dirty~#imei-input-label {
    top: 5px;
    left: 1em;
    font-size: 10px;
    color: #1b75bb;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

#byod-device-compatibility .imei.form-control:focus~#clear-input,
#byod-device-compatibility .imei.form-control.dirty~#clear-input {
    display: block;
    width: 12px;
    font-size: 12px;
}

.imei-tile-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.imei-modal-tile {
    display: flex;
    width: 50%;
    margin: 0.35em 0;
    padding: .4em 0;
}

.imei-modal-tile:nth-child(2) .img-wrapper {
    border-left: 1px solid #E1DFE1;
    padding-left: 15px;
}

.imei-modal-tile .img-wrapper img {
    height: 32px;
}

.imei-modal-tile .modal-link {
    padding: 0 12px;
    display: flex;
    align-items: center;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.imei-modal-tile .modal-link,
.imei-modal-tile .modal-link a {
    width: 100%;
}

.imei-modal-tile:last-child {
    width: 100%;
}

#imei-help-text {
    color: #6E6F72;
    font-size: 10px;
    margin-top: 1em;
}


#imei-input-label {
    font-size: 16px;
    font-family: 'Simply Cricket Book', Helvetica, Arial, sans-serif;
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 12px;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
}

#clear-input {
    top: 25px;
    right: 10px;
    text-decoration: none;
    cursor: pointer;
    color: #bbb;
    border-radius: 100%;
    position: absolute;
    display: none;
}

#clear-input:hover {
    color: #337ab7;
    transition: 300ms ease all;
}

#imei-submit {
    display: inline-block;
    width: auto;
    max-width: 130px;
    color: #F6F6F6;
    background: #1B75BB;
    border: 1px solid #1B75BB;
    border-radius: 0 4px 4px 0;
    margin: 0;
    height: 48px;
    text-align: left;
    padding: 0 2em;
}

#imei-submit .ladda-label {
    color: #E1DFE1;
}

#imei-submit:disabled {
    background: #F6F6F6;
    border: 1px solid #E1DFE1;
    color: #1B75BB;
}

.mediaq-desktop {
    display: none;
}

@media (min-width: 769px) {
    #byod-imei-check .device-check-form-step2 {
        min-height: 278px;
    }

    .mediaq-mobile {
        display: none;
    }

    .mediaq-desktop {
        display: block;
    }

    .mediaq-desktop.imagery {
        width: 33%;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mediaq-desktop.byod-header {
        font-size: 18px;
        font-weight: 600;
    }

    .imei.form-control {
        min-width: 271px;
    }

    .step-body>p {
        display: none;
    }

    #byod-device-compatibility .input-wrapper.form-group {
        max-width: 66%;
    }

    .custom-class.compatible {
        margin-right: 15px;
    }

    #byod-content .device-check-step1 {
        padding: 20px;
    }

    #byod-content .step-main {
        width: 100%;
        display: flex;
    }

    #byod-content .step-main .byod-header {
        padding: 0;
    }

    #byod-content .step-main .content {
        flex-grow: 1;
        max-width: calc(65% - 40px);
    }

    .imei-tile-wrapper .imei-modal-tile {
        width: 33%
    }

    .imei-modal-tile:nth-child(3) .img-wrapper {
        border-left: 1px solid #E1DFE1;
        padding-left: 15px;
    }


}

@media ( max-width: 420px ) {
    .imei.form-control{
        letter-spacing: 0.1ch;
    }
}

@media ( max-width: 359px ) {

    #byod-device-compatibility .input-wrapper.form-group {
        flex-direction: column;
    }

    #byod-device-compatibility .imei.form-control {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        width: calc(100vw - 45px);
    }

    #imei-submit {
        max-width: calc(100vw - 45px);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        margin: 5px 0;
        text-align: center;
    }

    #byod-device-compatibility .imei.form-control:focus, #byod-device-compatibility .imei.form-control.dirty {
        padding: 19px 9px 7px 9px;
    }

    #clear-input {
        right: -85px;
    }

    .imei.form-control{
        letter-spacing: 0.4ch;
    }
}

@keyframes current-step {
    from {
        background: #FFF
    }

    to {
        background: #7FC8EC
    }
}



/* res templates */
/* res templates */
/* res templates */


#byod-shop-area .device-check-form-step2 {
    background: #60A630;
    box-shadow: 0px 0px 6.6px 0px #bbbdc0;
    justify-content: center;
}

[id^="#response-template_"] .res-subheader .fail-shop {
    font-size: 18px;
    font-weight: bold;
    font-family: "Simply Cricket Bold", Helvetica, Arial, sans-serif;
    color: #FFF;
    margin: 0;
}

[id^="#response-template_"] .byod-parag .fail-shop {
    font-size: 12px;
    color: #000;
    font-family: "Simply Cricket Demi", Helvetica, Arial, sans-serif;
    margin: .5em auto 1em;
    display: block;
}

[id^="#response-template_"] .secondary-parag .fail-shop {
    max-width: 260px;
    color: #1B75BB;
    background: #FFF;
    border: 1px solid #1B75BB;
    font-size: 14px;
    margin: 0 auto;
    display: block;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
}

[id^="#response-template_"] .step-main * {
    text-align: center;
}

[id^="#response-template_"] .content {
    display: flex;
    flex-direction: column;
}

#restart-imei-check,
[id^="#response-template_"] .content .imagery {
    order: 1;
    padding-bottom: 20px;
    padding-top: 20px;
}

[id^="#response-template_"] .content .imagery img {
    max-height: 140px;
}

[id^="#response-template_"] .byod-parag {
    margin-bottom: 0;
}

#restart-imei-check {
    font-size: 14px
}

#restart-imei-check .caret-arrow {
    margin: -1.5px ​auto 0;
    height: 14px;
    margin-right: 8px;
}

.res-success {
    color: #60A630 !important;
    margin-top: 4px;
    padding: 10px 0;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    width: 100%;
    font-weight: bold;
    font-size: 19px;
}

.res-fail {
    color: #cf292a !important;
    margin-top: 4px;
    padding: 10px 0;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    width: 100%;
    font-weight: bold;
}

#response-template_FAILSHOP .content {
    max-width: 100%;
    padding: 0 15px;
}

#response-template_FAILSHOP .content * {
    text-align: center;
    background: unset;
}

#response-template_FAILSHOP .step-main {
    max-width: 400px;
}

#response-template_FAILSHOP .res-subheader .fail-shop {
    color: #FFFFFF;
    font-family: 'Simply Cricket Bold', Helvetica, Arial, sans-serif;
    font-size: 18px;
}

#response-template_FAILSHOP .byod-parag .fail-shop {
    color: #000;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#response-template_FAILSHOP .secondary-parag .fail-shop {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: #FFF;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 4px;
}

@media (min-width: 769px) {
    [id^="#response-template_"] .content * {
        text-align: left;
    }

    .res-fail {
        font-size: 18px;
    }

}

#byod-shop-area {
    padding: 20px 0px;
}

#byod-content .sim-shop-step3,
#byod-content .step3 .byod-header {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
}

#byod-content .sim-shop-step3 {
    width: 100%;
    display: flex;
}

#byod-content .step3 {
    padding: 0px 10px 20px;
    margin: 0;
    width: 100%;
}

#byod-content .step3 .customc {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#byod-content .step3 b {
    font-weight: 600;
}

#byod-shop-area .byod-add-to-cart {
    width: 100%;
    text-align: center;
}

#byod-shop-area .activationFee,
#byod-shop-area .deviceShippingRestrictions {
    font-size: 12px;
}

@media(min-width:769px) {
    #byod-shop-area {
        max-width: 100%;
    }

    #byod-content .step3 {
        max-width: 1044px;
        margin: auto;
    }

    #byod-content .sim-shop-step3 {
        width: 100%;
        display: flex;
    }

    #byod-content .sim-shop-step3 .byod-header {
        padding: 0;
    }

    #byod-content .sim-shop-step3 .content {
        flex-grow: 1;
        max-width: calc(65% - 40px);
    }
}

/**/

#price-pill .prices-body, #price-pill .customer-tab-wrapper, #price-pill .plan-tab-wrapper  {
    display: flex;
    max-width: 600px;
}

#price-pill .customer-tab-wrapper, #price-pill .plan-tab-wrapper, #price-pill .prices-body {
    padding-bottom: 15px;
}

#price-pill .prices-body *, #price-pill .customer-tab-wrapper *, #price-pill .plan-tab-wrapper * {
    text-align: center;
    color: #6E6F72;
}

#price-pill .price-button, #price-pill .customer-tab-wrapper .customer-tab, #price-pill .plan-tab-wrapper .plan-tab {
    padding: 1em 0.5em;
    display: inline-block;
    width: 50%;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 2px 0 #D5D5D5;
    -moz-box-shadow: 0 1px 2px 0 #D5D5D5;
    box-shadow: 0 1px 2px 0 #D5D5D5;
    border: 1px solid #E1DFE1;
}

#price-pill .price-button:first-child, #price-pill .customer-tab-wrapper .customer-tab:first-child, #price-pill .plan-tab-wrapper .plan-tab:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

#price-pill .price-button:last-child, #price-pill .customer-tab-wrapper .customer-tab:last-child, #price-pill .plan-tab-wrapper .plan-tab:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

#price-pill .selected, .customer-tab-wrapper .selected, .plan-tab-wrapper .selected {
    -webkit-box-shadow: 0 2px 5px 0 #BABABA;
    -moz-box-shadow: 0 2px 5px 0 #BABABA;
    box-shadow: 0 2px 5px 0 #BABABA;
    border: 1px solid #1B75BB !important;
    outline-offset: -4px;
    color: #1B75BB ;
    font-family: 'Simply Cricket Bold', Helvetica, Arial, sans-serif;
}

#price-pill .selected .price {
    color: #044A07 !important;
    font-family: 'Simply Cricket Bold', Helvetica, Arial, sans-serif;
}

#price-pill .price {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-size: 14px;
    display: block;
    margin: .25em 0;
}

#price-pill .price-text {
    font-size: 11px;
}

.addToCartButton {
    margin: 20px auto;
}

.price-pill_val-prop>* {
    margin-bottom: 10px;
}

.cricket-sim {
    max-width: 450px;
}

.plan-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}

.tab-tracks {
    margin-top: 10px;
    background: #E1DFE1;
    height: 1px;
}

.login.selected-tab+.tab-tracks .tab-highlighter {
    margin-left: 119px;
    width: 127px;
    transition-duration: .5s;
    animation-timing-function: ease-in-out;
}


.tab-highlighter {
    width: 110px;
    border: 1px solid #3170b7;
    position: relative;
    transition-duration: .5s;
    animation-timing-function: ease-in-out;
    margin-left: -2px;
    top: -2px;
}

footer {
    z-index: 5 !important;
}

#planTypeName p, #customerTypeName p,
 #selectPlanHeader {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
}

#phone-number-container,
#zipcode-container,
#customerTypeSummary p {
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000000;
}

#customerTypeSummary p span {
    color: #6E6F72;
}

#zipcode-container input, 
#phone-number-container input {
    height: 48px;
    border-radius: 5px;
    padding: 0 15px;
}

#customer-price p {
    color: #6E6F72;
    font-family: 'Simply Cricket Demi', Helvetica, Arial, sans-serif;
}

#customer-price p span {
    color: #60a630;
    font-size: 24px;
    font-family: 'Simply Cricket Bold', Helvetica, Arial, sans-serif;

}

@media (min-width: 769px) {
    .step3 {
        padding: 0px 0px 20px;
    }
}


/*# sourceMappingURL=byod.43a3f489ec015b0adee7.css.map*/