html,
body.contrast {
    font-family: 'Arial', sans-serif;
    color: #fff;
}

body.contrast a,
body.contrast a:visited {
    color: yellow;
}

body.contrast {
    background: #000;
}

body.contrast header#header {
    background: #333;
    color: whitesmoke;
}

body.contrast #headerInside>span:hover {
    border: 1px solid yellow;
    background: #000;
}

body.contrast header#header .language-left:hover {
    border: 1px solid yellow;
    background: #000;
}

body.contrast #popupLang {
    background: #000;
    color: whitesmoke;
}

body.contrast #popupLang li:hover {
    border: 1px solid yellow;
    background: #000;
}

body.contrast #popupLang ul li:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

body.contrast div#wrapper div#enterCardContainer {
    background: #222;
    color: #fff;
    box-shadow: 0px 0px 50px 12px rgba(0, 0, 0, 0.22);
}

body.contrast div#wrapper input.enterCardNumber {
    background: #000;
    color: #fff;
    border: 1px solid yellow;
    box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.2);
}

body.contrast div#wrapper div.invalidCardEntered i.alertIcon {
    color: firebrick;
    background: #fff;
}

body.contrast div#wrapper div.inputContainer.error input {
    border: 1px solid firebrick !important
}

body.contrast div#wrapper div.enterCardNumberButtons button {
    box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.2);
}

body.contrast div#wrapper div.enterCardNumberButtons button.back {
    color: darkslategrey;
    background: whitesmoke;
}

body.contrast div#wrapper div.enterCardNumberButtons button.back:hover {
    background: #ccc;
}

body.contrast div#wrapper div.enterCardNumberButtons button.continue:hover {
    background: yellow;
    border: 1px solid #000;
    color: #000;
}

body.contrast div#wrapper div.enterCardNumberButtons button.continue {
    color: yellow;
    background: #000;
    border: 1px solid yellow;
}

body.contrast div#wrapper .material-icons.cardIcon {
    color: #fff;
    background: #000;
}

body.contrast div#wrapper div.inputContainer span.tooltip {
    background: #000;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
}

body.contrast div#wrapper div.inputContainer .tooltipInfo {
    color: #fff;
    background: #000;
    padding-left: 8px;
}

body.contrast div#wrapper div.arrow {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid whitesmoke;
}

body.contrast div#wrapper div#policy {
    background: #333;
    color: yellow;
    border: 1px solid #333;
}

body.contrast div#wrapper div#policy:hover {
    border: 1px solid yellow;
    background: #000;
}

body.contrast div#wrapper div#policy .tooltip {
    background: #000;
    color: whitesmoke;
    border: 2px solid #fff;
    box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.2);
}

body.contrast div#wrapper .arrowPolicy {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

body.contrast div#wrapper .imageCardContainer span {
    background: #000;
    color: #fff;
    padding: 5px;
}