﻿.has-tip {
    border-bottom: none !important;
}

.device-question {
    display: block;
    height: 33px;
}
.device-registration legend {
}
.device-registration h4 {
}
.device-container {

}


.device-main h3 {
	color: #076191;
	font-weight: 600;
}

    .device-container ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .device-container ul li {
            color: #AAAAAA;
            display: block;
            position: relative;
            float: left;
            width: 100%;
        }

            .device-container ul li input[type=radio] {
                visibility: hidden;
            }
.device-container ul li input[type=radio] + label span {
    display: inline;
}
            .device-container ul li label {
                position: relative;
    top: -4px;
                font-weight: 300;
                font-size: 100%;
                padding: 0 25px 20px 40px;
                z-index: 9;
                cursor: pointer;
                -webkit-transition: all 0.25s linear;
            }
            .device-container ul li .check {
                position: absolute;
                border: 1px solid #C1CACA;
	border-radius: 50%;
                padding: 0;
                height: 20px;
                width: 20px;
                top: 0;
                left: 10px;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
                box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05);
            }

            .device-container ul li:hover .check {
                border: 1px solid #92A1AC;
            }

            .device-container ul li .check::before {
                position: absolute;
                content: '';
	border-radius: 50%;
                height: 12px;
                width: 12px;
                top: 3px;
                left: 3px;
                opacity: .6;
                margin: auto;
	transition: background-color 0.25s linear;
	-webkit-transition: background-color 0.25s linear;
            }

    .device-container input[type=radio]:checked ~ .check {
        border: 1px solid #92A1AC;
        box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.15);
    }

        .device-container input[type=radio]:checked ~ .check::before {
	background-color: #00A651;
        }
/* override for pseudo checkbox input from other style sheet */
.device-container .customSelect, .device-container .customSelect:checked {
	background: none !important;
	cursor: pointer;
    }
.customSelectNOF {
	color: #4d4d4d;
	padding-left: 3px;
    font-size: 1.5rem;
}
.customSelectNOFText {
	color: #4d4d4d;
	padding-left: 10px;
}
/* Level 3 questions */

.identity-questions .row {
    padding: 0 1.2em;
    margin-bottom: .8em !important;
}

.identity-verification-primary h2 {
    font-size: 1.8em;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #0d649a;
    text-rendering: optimizeLegibility;
    margin-top: .2em;
    margin-bottom: .5em;
}

.identity-questions h3 {
    font-size: 1.3em;
    color: #424242;
    font-weight: 300;
    display: inline-block;
    margin-top: 5px;
}

.identity-questions label {
    font-weight: 500;
}
/* end Level 3 questions */



/* Device Registration Setup */

.device-setup input[type="checkbox"] {
    margin-bottom: 0 !important;
    vertical-align: middle;
}

.device-setup .has-tip {
    border-bottom: none;
}
/* end Device Registration Setup */

/* remember device */
.device-remember input[type="checkbox"] {
    margin-bottom: 2px !important;
    margin-left: 0;
    vertical-align: middle;
    height: 25px;
}
input[type="checkbox"] #rememberDevice {
	height: 2px !important;
}

.remember-device {
    margin: 0 !important;
}
#rememberDevice {
    height: 13px !important;
}
/* end remember device */


/* override for psuedo checkbox input from other style sheet */

.device-container .customSelect, .device-container .customSelect:checked {
    background: none !important;
    width: initial;
    margin: initial;
    cursor: pointer;
    height: initial;
    vertical-align: initial;
}

.customSelectNOF {
    color: #4d4d4d;
    padding-left: 3px;
    font-size: 1.5rem;
}

.customSelectNOFText {
    color: #4d4d4d;
    padding-left: 10px;
}

/* ******************************************** START DEVICE PAY PAGES ******************************************** */

/* SECTIONS */
.device-pay .setup-content-section,
.device-pay .where-to-use-content-section,
.device-pay .additional-payment-options-content-section,
.device-pay .disclaimer-content-section {
    border-top: 1px solid #cdcdcd;
    padding-top: 25px;
}

.device-pay .setup-content-section {
    background: #f1f1f1;
}

.device-pay .where-to-use-content-section {
    background-color: white;
}

.device-pay .additional-payment-options-content-section {
    background: #f1f1f1;
    text-align: center;
    margin: auto;
    padding-bottom: 20px;
}

.device-pay .setup-content-section > :first-child {
    width: 1024px;
}
/* END SECTIONS */

.device-pay .sub-nav {
    text-align: center;
}

    .device-pay .sub-nav dt,
    .device-pay .sub-nav dd,
    .device-pay .sub-nav li {
        float: none !important;
        display: inline-block;
    }

.device-pay [data-magellan-expedition] {
    margin-bottom: 0px;
    background: #f1f1f1;
    border-bottom: 1px solid #cdcdcd;
}

.device-pay .hero {
    background-repeat: no-repeat;
    background-position: center 50%;
    background-size: cover;
    height: 350px;
}

    .device-pay .hero img {
        margin: 70px 0 10px 0;
    }
.device-pay .icon-store {
    margin-bottom: 10px;
    margin-top: 30px;
}
.device-pay .icon-phone {
    margin-bottom: 10px;
    margin-top: 20px;
}
.device-pay .icon-laptop {
    margin-bottom: 10px;
    margin-top: 25px;
}
.device-pay h5 {
    font-weight: 800;
    font-size: 25px;
    color: #076191;
}

.device-pay h4 {
    font-weight: 500;
    font-size: 1.4375rem;
}

.device-pay h2 {
    color: #076191;
    font-size: 35px;
}

.device-pay p a {
    text-decoration: underline;
    color: #076191;
}

.device-pay .disclaimer-content-section p {
    font-size: .875rem !important;
    margin: 40px 0 0 0 !important;
}

.device-pay .icon-numbers h4 {
    line-height: 25px;
}

.device-pay .num {
    font-weight: 400;
    font-size: 25px;
}

.device-pay .icon-numbers img {
    min-width: 32px;
    min-height: 32px;
}
.device-pay .main-content .pad-magellan {
    margin-top: 15px;
}
.device-pay .where-to-use-content-section .secure-box {
    padding: 25px 50px 0 50px;
    border: 1px solid #cdcdcd;
    margin-top: -25px;
    text-align: center;
}

    .device-pay .where-to-use-content-section .secure-box h4,
    .device-pay .additional-payment-options-content-section h4 {
        color: #076191;
        padding-bottom: 15px;
    }

.device-pay .additional-payment-options-content-section img {
    margin: 20px;
}

.device-pay .where-to-use-content-section .secure-box-icon {
    display: block;
    padding: 5px 0;
    position: absolute;
    top: 25%;
    left: -4px;
    background-color: white;
}

.device-pay .where-to-use-content-section img {
    margin: 25px 0;
}
.device-pay .where-to-use-content-section .mobile-margin {
    margin-top: 40px;
}

/* http://foundation.zurb.com/sites/docs/v/5.5.3/media-queries.html */
/* Medium Screen and smaller (Foundation specs) */
@media only screen and (max-width: 1023px) {
    .device-pay .setup-content-section > :first-child {
        width: 100%;
    }
}

@media only screen and (max-width: 769px) {
    .device-pay .disclaimer-content-section {
        padding-bottom: 10px;
    }

    .device-pay h5,
    .device-pay h4,
    .device-pay h2,
    .device-pay p {
        text-align: center;
    }

    .device-pay .mobile-padding {
        padding-bottom: 345px;
    }

    .device-pay .pay-content-section .icon-store,
    .device-pay .pay-content-section .icon-phone,
    .device-pay .pay-content-section .icon-laptop {
        text-align: center;
    }
    .device-pay .setup-content-section > :first-child,
    .device-pay .where-to-use-content-section > :first-child,
    .device-pay .additional-payment-options-content-section > :first-child,
    .device-pay .disclaimer-content-section > :first-child {
        width: 90%;
    }

    .device-pay .where-to-use-content-section img {
        margin: auto;
        display: block;
    }

    .device-pay .where-to-use-content-section .secure-box {
        padding: 40px 25px 0 25px;
        margin-top: 50px;
    }

    .device-pay .where-to-use-content-section .secure-box-icon {
        display: block;
        position: absolute;
        top: -13px;
        left: 44%;
        background-color: white;
        width: 47px;
        padding: 5px;
        margin-top: 22px;
    }

    .device-pay .pay-phone {
        background-position: center bottom;
        margin-bottom: -275px;
    }
}

/* Small Screen and smaller (Foundation specs) */
@media only screen and (max-width: 400px) {
    .device-pay .hero img {
        margin: 70px auto 10px auto;
        display: block;
    }
    .device-pay .main-content .pad-magellan {
        margin-top: 5px;
    }
}

/* ********************** APPLE PAY PAGES ********************** */
.device-pay .apple-pay-hero {
    background-image: url(../../images/corporate/third-party-product/apple-pay-hero.png);
}

.device-pay .apple-pay-phone {
    background-image: url(../../images/corporate/third-party-product/apple-pay-phone.png);
    background-repeat: no-repeat;
    background-position: right 10px top 90px;
}

@media only screen and (max-width: 769px) {
    .device-pay .apple-pay-phone {
        background-position: center bottom -275px;
    }
}

/* Small Screen and smaller (Foundation specs) */
@media only screen and (max-width: 400px) {
    .device-pay .apple-pay-hero {
        background-image: url(../../images/corporate/third-party-product/apple-pay-hero-mobile.png);
    }
}
/* ********************** END APPLE PAY PAGES ********************** */


/* ********************** GOOGLE PAY PAGES ********************** */
.device-pay .google-pay-hero {
    background-image: url(../../images/corporate/third-party-product/google-pay-hero.png);
}

.device-pay .google-pay-phone {
    background-image:url(../../images/corporate/third-party-product/google-pay-phone.png);
    background-repeat: no-repeat;
    background-position: right 10px top 90px;
}

@media only screen and (max-width: 769px) {
    .device-pay .google-pay-phone {
        background-position: center bottom -275px;
    }
}

@media only screen and (max-width: 400px) {
    .device-pay .google-pay-hero {
        background-image: url(../../images/corporate/third-party-product/google-pay-hero-mobile.png);
    }
}
/* ********************** END GOOGLE PAY PAGES ********************** */


/* ********************** SAMSUNG PAY PAGES ********************** */
.device-pay .samsung-pay-hero {
    background-image: url(../../images/corporate/third-party-product/samsung-pay-hero-2.png);
}

.device-pay .samsung-pay-phone {
    background-image: url(../../images/corporate/third-party-product/samsung-pay-phone-2.png);
    background-repeat: no-repeat;
    background-position: right 10px top 90px;
}

@media only screen and (max-width: 769px) {
    .device-pay .samsung-pay-phone {
        background-position: center bottom -275px;
    }
}

@media only screen and (max-width: 400px) {
    .device-pay .samsung-pay-hero {
        background-image: url(../../images/corporate/third-party-product/samsung-pay-hero-mobile-2.png);
    }
}
/* ********************** END SAMSUNG PAY PAGES ********************** */



/* ******************************************** END DEVICE PAY PAGES ******************************************** */
