body {

    background-color: #F3F3F3;
    color: #50504F;
    font-family: 'Lato', sans-serif;
}

body.body-home {

    height: 100%;
}

body.body-home label {

    font-size: 0.9em;
    font-weight: 300;
}

.smallInfoTextTopPadding {

    padding-top: 14px;
}

.smallInfoText {

    font-size: 11px;
    font-weight: 300;
}

div.oaStyledInput,
label.oaStyledInput {

    color: #50504F;
    font-size: 0.8em !important;
}

.oaStyledInputPadTop {

    padding-top: 16px;
}

/*
div.oaStyledAutoCompleteBox {

    height: 80px;
    overflow-y: scroll;
    width: 100%;
}

div.oaStyledRowBg0 {

    background-color: #EBEBEB !important;
    color: #50504F;
    font-size: 0.8em !important;
    height: 24px;
}

div.oaStyledRowBg1 {

    background-color: #F3F3F3 !important;
    color: #50504F;
    font-size: 0.8em !important;
    height: 24px;
}

div.oaStyledRowBg0:hover {

    background-color: #E7E7E7 !important;
    color: #50504F;
    cursor: pointer;
    font-size: 0.8em !important;
    height: 24px;
}

div.oaStyledRowBg1:hover {

    background-color: #E7E7E7 !important;
    color: #50504F;
    cursor: pointer;
    font-size: 0.8em !important;
    height: 24px;
}
*/

span.ean_toggle_active {

    color: #009EC7 !important;
    cursor: pointer;
}

span.ean_toggle_inactive {

    color: #50504F !important;
    cursor: pointer;
}

select.oaStyledSelect {

    background: none;
    border-top: none;
    border-right: none;
    border-bottom: #50504F solid 1px;
    border-left: none;
    box-shadow: none !important;
    font-weight: 300;
    height: 27px;
    outline: none !important;
    width: 100%;
    -webkit-box-shadow: none !important;
}

input.oaStyledInput,
input.oaStyledInput:focus {

    background: none;
    border-top: none;
    border-right: none;
    border-bottom: #50504F solid 1px;
    border-left: none;
    box-shadow: none !important;
    font-weight: 300;
    outline: none !important;
    width: 100%;
    -webkit-box-shadow: none !important;
}

textarea.oaStyledText {

    height: 42px; /* When changed, change clearInputNewUrlsTextarea() on home-dashboard-menu.js */
    max-height: 126px;
    outline: none;
    resize: none;
    -webkit-box-shadow: none;
    width: 100%;
}

body.body-home input.bottom-border-no-outline,
body.body-home input.bottom-border-no-outline:focus,
.oaStyledText,
.oaStyledText:focus {

    box-shadow: none;
    font-size: 0.9em;
    font-weight: 300;
    outline: none;
    -webkit-box-shadow: none;
}

body.body-home div.form-signin-outer {

    display: table;
    height: 100%;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

body.body-home h1.form-signin-h1 {

    font-size: 2em;
    font-weight: 300;
    margin: 0.5em 0 0.5em 0;
}

body.body-home h2.form-signin-h2 {

    font-size: 1.7em;
    font-weight: 300;
    margin: 0.5em 0 0.5em 0;
}

body.body-home .following-h1 {

    margin-top: -0.7em !important;
}

h2.formH2 {

    font-size: 1.4em;
    font-weight: 300;
    margin: 0.5em 0 0.5em 0;
}

h3.formH3 {

    font-size: 1.2em;
    font-weight: 300;
    margin: 0.5em 0 0.5em 0;
}

h4.formH4 {

    font-size: 1.1em;
    font-weight: 300;
    margin: 0.5em 0 0.5em 0;
}

body.body-home div.form-signin-middle {

    display: table-cell;
    vertical-align: middle;
}

body.body-home div.form-signin-inner {

    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 400px;
}

body.body-home .form-signin {

    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
    width: 100%;
}
body.body-home .form-signin .checkbox {

    font-weight: 400;
}
body.body-home .form-signin .form-control,
.oaStyledText {

    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
body.body-home .form-signin .form-control:focus {

    z-index: 2;
}

body.body-home .form-signin input[type="text"],
.oaStyledText {

    background: none;
    border-top: 0;
    border-right: 0;
    border-bottom: #50504F solid 1px;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0.9em;
    font-weight: 300;
    outline: none;
    -webkit-box-shadow: none;
}

body.body-home .form-signin input[type="text"],
body.body-home .form-signin input[type="text"]:-webkit-autofill,
body.body-home .form-signin input[type="text"]:-webkit-autofill:hover,
body.body-home .form-signin input[type="text"]:-webkit-autofill:focus,
body.body-home .form-signin input[type="text"]:-webkit-autofill:active,
.oaStyledText,
.oaStyledText:-webkit-autofill,
.oaStyledText:-webkit-autofill:hover,
.oaStyledText:-webkit-autofill:focus,
.oaStyledText:-webkit-autofill:active {

    background: #F3F3F3 !important;
    border-top: 0;
    border-right: 0;
    border-bottom: #50504F solid 1px;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0.9em;
    font-weight: 300;
    outline: none;
    -webkit-box-shadow: #F3F3F3 !important;
    transition: background-color 5000s ease-in-out 0s;
}

body.body-home .form-signin input[type="password"],
body.body-home .form-signin input[type="password"]:-webkit-autofill,
body.body-home .form-signin input[type="password"]:-webkit-autofill:hover,
body.body-home .form-signin input[type="password"]:-webkit-autofill:focus,
body.body-home .form-signin input[type="password"]:-webkit-autofill:active {

    background: #F3F3F3 !important;
    border-top: 0;
    border-right: 0;
    border-bottom: #50504F solid 1px;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0.9em;
    font-weight: 300;
    outline: none;
    -webkit-box-shadow: #F3F3F3 !important;
    transition: background-color 5000s ease-in-out 0s;
}

body.body-home div.signin-label {

    font-size: 0.8em;
    margin-bottom: 0.5em;
}

.formSpacer {

    margin-top: 1.0em;
}

body.body-home div.signin-button-spacer {

    margin-top: 1.5em;
}

a.lighterLinkColor:link,
a.lighterLinkColor:visited {

    color: #BCBCBC !important;
}

a.lighterLinkColor:hover,
a.lighterLinkColor:active,
a.lighterLinkColor:focus {

    color: #A8A8A8 !important;
}

div.versionFooter {

    color: #BCBCBC !important;
    font-size: 0.7em;
}

.oaNavLinkNoEffect {

    color: #50504F !important;
}

a.oaNavLink:link,
a.oaNavLink:visited {

    color: #50504F !important;
}

a.oaNavLink:hover,
a.oaNavLink:active,
a.oaNavLink:focus {

    color: #A8A8A8 !important;
}

a.oaNavLinkActive {

    color: #009EC7 !important;
}

div.standardTopSpacer50p {

    margin-top: 10px;
}

div.standardTopSpacer,
div.h2Spacer,
div.contactLegalFooterSpacing {

    margin-top: 20px;
}

div.logoutSpacerCenter {

    margin-top: 20px;
}

.errorh1h2,
.errorColor,
div.errorMessage {

    color: #842029 !important;
}

.vh {

    visibility: hidden;
}

.dn {

    display: none;
}

.noWrap {

    white-space: nowrap;
}

.errorBold {

    font-weight: bold;
}

div#octoalertsLogo {

    cursor: pointer;
    margin-top: 10px;
}

.noPaddingLeft {

    padding-left: 0 !important;
}

.r {

    text-align: right !important;
}

.l {

    text-align: left;
}

.c {

    text-align: center;
}

.cvc {

    vertical-align: middle;
    text-align: center;
}

.nmbrGreen {

    color: #090 !important;
}

.nmbrRed {

    color: #F00 !important;
}

.verticalMiddle {

    vertical-align: middle;
}

.marginBottomZero {

    margin-bottom: 0;
}

div#confirmDashboardOuter,
div#homeDashboardOuter,
div#homeDashboardAlertsOuter {

    margin: auto;
}

div#defaultMarginTopToMenu {

    margin-top: 20px;
}

div.tableDashboard,
div#confirmDashboard,
div#homeDashboard,
div#homeDashboardAlerts {

    margin: auto;
    max-width: 800px;
    padding: 5px 10px 5px 10px;
}

div.tableDashboard .dashboardColH1,
div#homeDashboardAlerts .dashboardColH1,
div#confirmDashboard .dashboardColH1,
div#homeDashboard .dashboardColH1 {

    padding-top: 15px;
}

div.tableDashboard .dashboardH1,
div#confirmDashboard .dashboardH1,
div#homeDashboardAlerts .dashboardH1,
div#homeDashboard .dashboardH1 {

    display: inline;
    /*
    font-size: 1.75em !important;
    margin-top: 0.85em !important;
    */
}

#inputAddNewUrlResponseIconCol {

    width: 40px !important;
}

div#homeDashboardAlerts .menuButtonsSpacer,
div#homeDashboard .menuButtonsSpacer {

    margin-top: 15px;
}

div#homeDashboard #addNewContainer {

    display: none;
    margin-top: 20px;
}

div#homeDashboard #addNewContainer input.maxWidth {

    width: 100%;
}

.oaLoaderIconMarginRight {

    margin-right: 5px;
}

.feedbackVerySmall {

    font-size: 0.7rem;
    overflow-wrap: anywhere;
}

td.priceTd {

    white-space: nowrap;
}

table.clickableTable tbody tr {

    cursor: pointer;
}

table tr.intermediateDateRow td,
table tr.intermediateDateRow,
table tr.intermediateDateRow td:hover,
table tr.intermediateDateRow:hover {

    --bs-table-accent-bg: #F3F3F3 !important;
    background: none !important;
    border-top: #616A72 solid 2px !important;
    border-bottom: none !important;
    color: #212529 !important;
    cursor: default !important;
}

table td.wrapContent {

    word-wrap: anywhere;
}

.pointer {

    cursor: pointer;
}

.defaultCursor {

    cursor: default !important;
}

.noU,
.noUnderline {

    text-decoration: none !important;
}