/* Disney+ OneID Override V4 - Minimalist Theme 2022 */

/* Body Background Color Dark Black */
body {
    background: rgba(0, 0, 0, 0.8);
    color: #c0c0c0;
}

/* Assign Fonts */
@font-face {
    font-family: 'Avenir';
    src: url('https://static-assets.bamgrid.com/fonts/avenir-world/AvenirWorld.ca722da1c78901cdb9b2d63c4b3525b8.woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('https://static-assets.bamgrid.com/fonts/avenir-world/AvenirWorld-Demi.46e9d5864ff91e13275000330f3c2b74.woff2');
    font-weight: bold;
    font-style: normal;
}

/* Set fonts */
body,
input:not([type=checkbox]):not([type=radio]) {
    font-family: 'Avenir', sans-serif;
}

/* Form Fields - Grey background color */
.view input:not([type=checkbox]):not([type=radio]) {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
/* Push down the mask more than 10px */
.input-DOB .mask {
    margin-top: 15px;
}
/* Phone Number Country Code Needs to be White */
.view .country-code-panel {
    color: #f9f9f9;
}

/* Date of Birth on update info screen */
.view .input-text .value {
    color: #f9f9f9;
}

/* Headings should be white */
.title {
    color: #f9f9f9;
}

/* Modal Background Color */
.view {
    background-color: #282930;
    border: transparent;
    border-radius: 0;
}

/* Brand Logo */
.logo.logo-primary {
    background: transparent url('https://static-assets.bamgrid.com/product/disneyplus/images/disney-plus-logo-white.74b3a7a004d257966c53851749e269dd.png') no-repeat center center !important;
    display: block;
    width: 140px;
    height: 80px;
    margin: 0 auto 0;
}

/* Convert X to White */
.btn-close:after {
    color: #f9f9f9;
    font-weight: normal;
}

/* Form Overrides */
input:not([type=checkbox]):not([type=radio]) {
    border-radius: 4px;
    background-color: #5e709a;
    color: #f9f9f9 !important;
    font-size: 15px;
    height: 48px !important;
    line-height: normal;
    padding: 0 12px;
    border: none
}
/* Form Error Color  */
.view .input-error,
.view .error-container .input-error,
.password-panel .feedback .password-rules ul li.rule-error, 
label.input-checkbox.field-error p, 
label.input-checkbox.field-error span {
    color: #FF554C;
}

/* Input Placeholder Should be Silver */
input::placeholder {
    color: #c0c0c0 !important;
}

/* Submit Button Color Blue and White*/
.btn.btn-submit,
.btn.btn-secondary {
    background-color: #0063e5;
    background-image: none;
    border-radius: 4px;
    border: none;
    color: #f9f9f9;
}
.btn.btn-tertiary {
    border-radius: 4px;
}

/* Link Color White */
a {
    color: #f9f9f9;
    text-decoration: underline;
}

/* Hide white gradiennt overflow to the right side of long email addresses */
.textValueOverflow::after,
.read-only-with-edit .value .content:after {
    display: none;
}