html, body {
    background: url(https://mountbakergames.com/manifold/flagship/images/search-bg.jpg) no-repeat center center; 
    -webkit-background-size: cover!important; 
    -o-background-size: cover!important; 
    background-size: cover!important;
    background-attachment: fixed;
}

tr {
    background-color: #fff;
}

.search-border {
    border-bottom: 1px solid #999;
}

#login-container {
	border: 2px solid #dddddd;
  	border-radius: 10px 10px 10px;
  	padding: 25px;
  	background-color: #fff;
}

#outer-logo {
	margin-top: 30%;
}

a {
    color:#7c7c7c;
    text-decoration: none;
}

.btn-pagination {
    background-color: transparent;
    color: #000;
    border: 1px solid #999;
}

#search-container {

}

.no-bg-color {
    background-color: transparent!important;
}

.search-result-card {
    margin-bottom: 15px;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 1);
}

.result-card {
    cursor: pointer;
}

#btn-new-deck {
    float: right;
}

#btn-folders {
    float: left;
}

.card-img {
    border: 1px solid #ccc;
    height: 155px;
    width: 100%;
    background: url(https://mountbakergames.com/manifold/flagship/images/cards/lucca-alson.jpg) no-repeat -23px -75px;
    background-size: auto;
    background-size: 376px 485px;
    border-radius: 0px;
}

.card-overlay {
    height: 155px;
    width: 100%;
    background: url(https://mountbakergames.com/manifold/flagship/images/dashboard/card-overlay.png) no-repeat 0px 51px;
    background-size: auto;
    background-size: auto;
    background-size: 284px 102px;
    border-radius: 0px;   
}

.card-colors {
    width: 100%;
    height: 25px;
}

.blue-card {
    background-color: #00a0eb;
    height:100%;
    float: left;
}

.red-card {
    background-color: #b50000;
    height:100%;
    float:left;
}

.yellow-card {
    background-color: #dfe200;
    height:100%;
    float:left;
}

.green-card {
    background-color: #00ac28;
    height:100%;
    float:left;
}

.card {
    max-width: 285px;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 1);
}

.card a {
    color:#000;
    text-decoration: none;
}

.card-stats p {
    float: right;
    font-size: 14px;
    color: #858686;
}

.card-stats {
    padding: 0px 10px;
}

.card-body {
    padding-top: 0;
}

#dice-red, .red-dice {
    width: 20px;
    height: 20px;
    border: 2px solid #770000;
    background-color: red;
    display: inline-block;
    margin-right: 10px;
}

#dice-blue, .blue-dice {
    width: 20px;
    height: 20px;
    border: 2px solid #0072dc;
    background-color: #00ceff;
    display: inline-block;
    margin-right: 10px;
}

#dice-green, .green-dice {
    width: 20px;
    height: 20px;
    border: 2px solid #00ad10;
    background-color: #00d10a;
    display: inline-block;
    margin-right: 10px;
}

#dice-yellow, .yellow-dice {
    width: 20px;
    height: 20px;
    border: 2px solid #adb622;
    background-color: #fff600;
    display: inline-block;
    margin-right: 10px;
}

#dice-purple, .purple-dice {
    width: 20px;
    height: 20px;
    border: 2px solid #66128d;
    background-color: #9c00ff;
    display: inline-block;
    margin-right: 10px;
}

#dice-black, .black-dice {
    width: 20px;
    height: 20px;
    border: 2px solid #000000;
    background-color: #000000;
    display: inline-block;
    margin-right: 10px;
}

#dice-white, .white-dice {
    width: 20px;
    height: 20px;
    border: 2px solid #a7a7a7;
    background-color: #ffffff;
    display: inline-block;
    margin-right: 10px;
}

.user-decks-heading, #btn-create-new-deck, #remove-card-qty, #add-card-qty {
    background-color: #2c2c2c!important;
    color:#ffffff!important;
}

.search-hero-bg-color {
    background-color: #0c1016;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 1);
}