/********

    Helpful Info

    - Colors
        - Input border: #D0D0D0
        - Gray text: #9D9D9D
        - Main Blue: #007BC4
        - Blue Anchor Text: #4FACF9

    - Inputs
        - border-radius: 6px

    - Typography
        - Font Stack: ProximaNova, sans-serif

*********/

/*** Custom Fonts ***/
@import url("/content/css/fonts.css");

/*** Native Tags ***/
html {
    width: auto !important;
    background: #fff;
}

body {
    width: auto !important;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    color: #4e6674;
}

a,
a:visited,
a:active {
    color: #3185e0;
}

.vudu-body {
    min-height: 0;
}

/*** Inputs ***/
.vudu-text-box-with-label {
    width: 100%;
    margin: 0;
    right: 3px;
}

.vudu-auth-panel .vudu-text-box-with-label {
    margin: 0;
}

.vudu-text-box-with-label .text-box,
.vudu-list-box-with-label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin: 0;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    font-size: 18px;
    font-family: ProximaNova, sans-serif;
    font-weight: bold;
    color: #000;
}

.vudu-list-box-with-label {
    padding: 10px 3%;
}

.vudu-list-box-with-label.vudu-list-box-with-label-label-visible {
    color: #9d9d9d;
}

.vudu-text-box-with-label .gwt-Label {
    color: #6f6f6f;
    font-size: 18px;
    bottom: 15px;
}

.vudu-text-box-with-label.show-label .gwt-Label {
    font-size: 14px;
    bottom: initial;
    position: initial;
    color: #171c20;
    margin-bottom: 8px;
}

.show-label.break {
    flex-basis: 100%;
    height: 0;
}

.vudu-checkBox {
    padding-top: 0;
    padding-left: 30px;
    margin-top: 0;
    font-size: 16px;
    background-size: 20px;
    outline: none;
}

.vudu-checkBox-checked {
    background: url("/content/images/checkbox_blue.svg") no-repeat;
    background-size: 20px 21px;
}

.vudu-password-hint {
    width: calc(17% - 20px);
    height: 16px;
    padding-top: 17.5px;
    margin-left: 20px;
    font-size: 0;
    background: url("/content/images/password_hint.svg") no-repeat center center;
    background-size: contain;
}

/*** Buttons ***/
.custom-button .custom-button-center {
    font-size: 18px;
}

.flow-popup-fandango .custom-button .custom-button-center {
    font-size: 14px;
    font-weight: bold;
}
.green-button .custom-button-center,
.big-green-button .custom-button-center {
    height: 50px;
    border-radius: 6px;
    background-color: #3478c1;
}

.vudu-auth-panel .big-green-button {
    margin: 0;
}

.login-button-wide {
    width: 100%;
}

/*** Flow Header ***/
.custom-flow-header .vudu-logo-small,
.flow-header .vudu-logo-small {
    display: none;
}

.account-linkdma-container {
    background: #041c2d;
}

.account-linkdma-container .agree-button-wrapper {
    height: 100px;
}

.account-linkdma-container > .custom-flow-header {
    display: flex;
    justify-content: center;
}

.account-linkdma-container > .custom-flow-header > .vudu-logo-small,
.account-linkdma-container > .custom-flow-header > .fandango-vudu-logo-small {
    display: block;
    box-sizing: content-box;
    width: 210px;
    height: 40px;
    margin: 72px 0 32px;
    /* background-image: none; */
    /* background-image: url("/content/images/logos/vudu-logo-movies-and-tv-white.png"), */
    /* url("/content/images/logos/walmart_logo_ma.png"); */
    background-repeat: no-repeat;
    background-position: left center, right center;
    background-size: 91px;
}

.account-linkdma-container > .custom-flow-header > .fandango-vudu-logo-small {
    margin: 72px 0 10px;
    background-image: url(/content/images/logos/vudu-logo-movies-and-tv-white.png);
    background-position: center;
}

.account-linkdma-container > .gwt-Label,
.account-linkdma-container > .success-message {
    color: #fff;
    text-align: center;
    line-height: 22px;
}

.account-linkdma-container > .custom-flow-header:before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    background-color: #007bc4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.flow-header:before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.custom-flow-header .flow-header-with-poster .movie-poster {
    width: 25%;
    margin: 0 20px 0 0;
}

.custom-flow-header .flow-header .heading {
    color: #000;
    font-size: 22px;
}

.custom-flow-header .flow-header .sub-heading {
    color: #000;
    font-size: 16px;
}

.flow-popup .secondary-text {
    font-size: 16px;
}

/*** Page Container ***/
.page-container {
    padding: 30px;
    margin-top: 40px;
}

/*** Mobile Options Panel ***/
.sign-in-panel .mobile-options-panel {
    padding: 0;
    margin-top: 30px;
}

.sign-up-panel .mobile-options-panel {
    position: static;
}

.mobile-options-panel .option {
    height: 50px;
    border-radius: 6px;
    margin-bottom: 15px;
    background-image: initial;
    padding: 0;
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*** Flow Popup ***/
.flow-popup {
    background: #fff;
}

.flow-popup .popupContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flow-popup .primary-text {
    color: #000;
}

.flow-popup .button-panel {
    width: 100%;
    margin: 50px 0;
}

.flow-popup .button-panel .custom-button {
    width: 100%;
    margin: 0;
}

.vudu-auth-panel .header-text {
    color: #000;
    font-size: 26px;
}

/* Giant Sign Up Facebook Button */
.vudu-auth-panel .create-account-panel .facebook-button.custom-button {
    width: 100%;
    margin: 0;
}

.facebook-button .custom-button-left,
.facebook-button .custom-button-center,
.facebook-button .custom-button-right {
    height: 50px;
    background-image: none;
    background: #415b94;
}

.facebook-button .custom-button-left,
.facebook-button .custom-button-right {
    display: none;
}

.facebook-button .custom-button-center {
    border-radius: 6px;
    font-size: 18px;
}

.facebook-button .custom-button-center .small-font {
    font-size: 18px;
}

.vudu-auth-panel .create-account-panel .facebook-button + .splitter {
    display: none;
}

/*******************************************************/
/**** ACCESSIBILITY ***/
/*******************************************************/

.screenReaderOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}