/* dnbx.css */
.dnbxcolors {
    color: #031633;
    background-color:#122238;
}
body {
    color:white;
    background-color:#122238;
}

.mjpmain {
    color:white;
    bak-background-color:#031633;
    background-color:#122238;
}

.mjpnav {
    color:#007bff;
    bak-background-color:#031633;
    background-color:#122238;
}

.mjplogo {
    text-align: right;
    position: relative;
    padding: 0;
    border: 0;
    line-height:30%;
}

.mjplogo.lg {
    color: #007bff;
    font-size: 5em;
    font-weight:bold;
    bottom: -.1em;
    float:left;
}

.mjplogo.sm {
    color: #007bff;
    font-size:2em;
    bottom:-1em;
    float:left;
}

.tile {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 30px;
}

.tile.lead {
    display: inline-block;
    white-space: nowrap;
    font-size: 2rem;
    font-weight:400;
    padding: 0;
    margin: 0;
}

.purple, .blue, .red, .orange, .green {
    color: #fff;
}

.purple { background: #4133ab;}

.purple.hover { background: darken(#5133ab, 10%);}

.red { background: linear-gradient(to bottom right, #c2185b 20%, #e91e63 70%);}
/* former red #ac193d */
.red.hoover { background: darken(#ac193d, 10%);}

.green { background: #00a600;}

.green.hoover { background: darken(#00a600, 10%);}

.blue { background: #2672ec;}

.blue.hoover { background: darken(#2672ec, 10%);}

.orange { background: #dc572e;}

.orange.hoover { background: darken(#dc572e, 10%);}

.yellow { background-image: linear-gradient(336deg, #dfc41c 8%, #c58d0c 69%);}