/* OmniPlan's colors are based at a hue of 60º (yellow) */

html {
    overflow: hidden;
}

body {
    background: #FFFFFF;
    overflow: scroll;
}

#bottomRow {
    background: #F9F9F9;
}

a {
    color: #000000;
}

#topBorder {
    display: block;
    background-color: #F3E056;
}

#pageTitle {
    color: #000000;
}

.dark-mode #pageTitle {
    color: #fff;
}

#productsBlock > div {
    background-color: #FFFFFF;
    border-color: #000000;
}

#productsBlock > div:hover {
    background-color: #F1F2ED;
    border-color: #000000;
}

#productsBlock > div.buythis {
    background-color: #404040;
    border-color: #363636;
    color: #F5F5F5;
}

#productsBlock > div.buythis a {
    color: #F5F5F5;
}

#discountBlock {
    background-color: #F5CC1C;
}

#checkForDiscountAction {
    background-color: #F3E056;
    border: #F4D741;
    border-radius: 5px;
}

#buyNowAction.enabled {
    background: linear-gradient(#585756, #313130) !important;
    border-color: #363636;
    color: #F5F5F5 !important;
}

.dark-mode {
    color: #fff;
    background: #404040;
}

.dark-mode #trialBlock, .dark-mode #standardBlock, .dark-mode #proBlock {
    background: #505050;
}

.dark-mode #discountBlock {
    background: #202020;
}

.dark-mode #bottomRow {
    background-color: #404040;
}

.dark-mode #buyNowAction {
    background-color: #505050;
    color: #fff;
}

.dark-mode a:hover, a:focus {
    color: hsla(0, 0%, 28.6%, .2);
}

.dark-mode .actionBlock > .enabled:hover {
    background-color: hsla(0, 0%, 47%, 0.8);
}

.dark-mode #productsBlock > div {
    background: hsla(0, 0%, 28%, 1);
}

.dark-mode #verifyLearnMore, .dark-mode #verifyPreviousApp {
    color: #fff;
}

.dark-mode #localizedVerifyLearnMore, .dark-mode #localizedVerifyPreviousApp {
    color: #fff;
}

.dark-mode .buythis {
    border-color: #aaaaaa;
}

.dark-mode #localizedStandardLearnMore:hover, .dark-mode #localizedStandardLearnMore, .dark-mode #localizedProLearnMore:hover, .dark-mode #localizedProLearnMore {
    color: #fff;
}

.dark-mode .purchased {
    color: hsla(0, 0%, 17%, 1) !important;
}

.dark-mode #buyNowAction {
    color: #6f6f6f;
}

.dark-mode #buyNowAction .enabled, .dark-mode #proLearnMore > a, .dark-mode #standardLearnMore > a, .dark-mode #verifyLearnMore > a, .dark-mode #verifyPreviousApp > a {
    color: #fff;
}

.dark-mode .actionBlock > .enabled {
    background: linear-gradient(#585756, #313130) !important;
    border-color: #363636;
    color: #F5F5F5 !important;
}

.dark-mode #buyNowAction > enabled {
    background: linear-gradient(#404040, #414141) !important;
    border-color: #363636;
    color: #fff !important;
}

.dark-mode #productsBlock > div:hover {
    background: #606060;
}

.dark-mode #productsBlock > .buythis {
    border-color: #fff;
}
