/* ns_deuss_fun.css */

body {
    background-color:#45b475;
}
.container-fluid {
    padding-left:0;
    padding-right:0;
}
.header {
    padding-left:15px;
    padding-right:15px;
    background-color:#017533;
}
.header .inner {
    height:90px;
    position:relative;
    border-bottom: 1px solid #005826;
}
.header .inner #balanceInfoBtn {
    position:absolute;
    top:20px;
    right:20px;
}
.header .inner .left-btns {
    margin-top:20px;
    margin-left:15px;
    width:100px;
    position:relative;
    z-index:1;
}
.header .inner .left-btns:first-child {
    margin-left:20px;
}
.header .inner #homebtn {
    position:absolute;
    top:20px;
    left:20px;
    width:100px;
}
.header .inner .balance-container {
    position:absolute;
    right:0;
    top:10px;
    display:inline-block;
    height:64px;
    padding:0 20px;
}
.header .inner .balance {
    float:left;
    display:inline-block;
    height:64px;
    line-height:64px;
    color:#ffc685;
    font-size:16px;
    font-weight:bold;
}
.header .inner .balance .amount, #header .inner .balance .amount-currency {
    margin-left:.35em;
    color:#e89434;
}
.header .inner .refresh-balance-btn {
    float:left;
    display:inline-block;
    height:64px;
    width:64px;
    font-size:64px;
    line-height:64px;
    margin-left:1.5em;
    cursor:pointer;
    color:#e89434;
}

.small-header .header {
    display:none;
}
.with-header .main-content {
    position:relative;
    height:calc(100vh - 91px);
}
.with-header.small-header .main-content {
    position:relative;
    height:100vh;
}



.main-content {
    position:relative;
    height:100%;
}

#slotProviders {
    background-color:#017533;
    padding:10px 10px 0;
    position:absolute;
    text-align:center;
    bottom:0;
    left:-15px;
    right:-15px;
}
#slotProviders ul {
    text-align:center;
}
#slotProviders ul li {
    display:inline-block;
    margin:0 10px 10px 0;
    padding:1px;
    border:2px solid transparent;
}
#slotProviders ul li.current {
    border:2px solid #e89434;
}
#slotProviders ul li:hover:not(.current) {
    border:2px solid #e89434;
}
#slotProviders ul li a {
    display:block;
    margin:0;
}

#gameList {
    height:100%;
    padding:20px 15px 0;
    margin:0 -15px;
    background-color:#45b475;
    position:relative;
}
#gameList .gameListLoader {
    display:none;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(34, 101, 144, 0.5);
    touch-action: none;
    -ms-touch-action: none;
}
#gameList .gameListLoader .outer {
    display:table;
    width:100%;
    height:100%;
}
#gameList .gameListLoader .middle {
    display:table-cell;
    vertical-align:middle;
}
#gameList .gameListLoader .inner {
    text-align:center;
}
#gameList .gameListLoader .inner .fa {
    font-size:128px;
    height:128px;
    line-height:128px;
    color:#fff;
}
#gameList .scroller {
    height:100%;
    padding:0 20px;
    text-align:center;
}

#gameList .game {
    display:inline-block;
    margin:0 20px 10px 0;
    overflow:hidden;
    width: 190px;
    height: 152px;
}
#gameList .game a {
    display:block;
    color:#005826;
    text-decoration:none;
}
#gameList .game a .img_placeholder {
    display:block;
    width:190px;
    height:127px;
    background-color:#fcb460;
}
#gameList .game a img {
    display:none;
    width:190px;
    height:127px;
}
#gameList .game a .img_placeholder img {
    width:100%;
    height:100%;
}
#gameList .game a > img {
    padding:1px;
    border:2px solid transparent;
}
#gameList .game a:hover > img {
    border:2px solid #005826;
}
#gameList .game a:hover .img_placeholder img {
    opacity:0.8;
}
#gameList .game a span.title {
    text-align:left;
    display:block;
    padding:5px 2px;
    position:relative;
    font-weight:bold;
}
#gameList .game a span.title .new {
    margin-right:5px;
    color:#c93711;
}

.mCSB_inside > .mCSB_container { margin-right:70px; }
.mCSB_scrollTools { margin-bottom:20px; width:50px; }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 70px 0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#017533; width:20px; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { width:50px; height:50px; background:none; font-family: 'FontAwesome'; font-size:50px; line-height:50px; color:#005826; }
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover { text-decoration:none; color:rgba(255,255,255,.85); }
.mCSB_scrollTools .mCSB_buttonUp { margin-bottom: 20px; }
.mCSB_scrollTools .mCSB_buttonUp:before { content: "\f0aa"; }
.mCSB_scrollTools .mCSB_buttonDown { margin-top: 20px; }
.mCSB_scrollTools .mCSB_buttonDown:before { content: "\f0ab"; }

.btn-primary {
    background-color: #e89434;
    border-color: #e89434;
}
.btn-primary:hover, .btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary:focus {
    background-color: #c67313;
    border-color: #a45901;
}