@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
    font-family: "Montserrat-Light";
    src: url("/assets/font/Montserrat-Light.ttf")/* TTF file for CSS3 browsers */
}

/* CSGOBUBBLE Custom CSS*/

body {
    margin-top: 90px;
    font-family: 'Montserrat-Light', sans-serif;
    background-color: #1f2129;
    color: #f0f0f0;
    background-image: none;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

body.modal-open-noscroll
{
    margin-right: 0!important;
    overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom
{
    margin-right: 0!important;
}

textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover {
    outline: 0px !important;
    -webkit-appearance: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.right-side-content {
    display: none;
    height: 90%;
    position: fixed;
    right: 0px;
    width: 270px;
    border: none;
    border-radius: 0;
    top: 130px;
    background-color: #282b34;
    z-index: 100;
}

#wrapper {
    padding: 0px 0px;
}

#page-wrapper {
    margin-top: 130px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    #wrapper {
        padding: 0px 25px 0px 220px;
    }
    #page-wrapper {
        margin-top: 0px;
        margin-bottom: 30px;
    }
}

@media (min-width:1281px) {
    .right-side-content {
        display: inline;
        height: 100%;
        position: fixed;
        right: 0px;
        width: 270px;
        border: none;
        border-radius: 0;
        top: 69px;
        background-color: #282b34;
    }
    #wrapper {
        padding: 0px 290px 0px 220px;
    }
}

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

.login-steam {
  margin: 16px 15px;
}

/* Main Coinflip */

.coinflip-body {
    background-color: #282b34;
    margin: 0 auto;
}

.coinflip-menu {
    background-color: #282b34;
    min-height: 70px;
    margin-bottom: 10px;
    padding: 0px 10px;
}

.coinflip-info {
    text-align: center;
    margin-top: 8px;
}

.coinflip-info .title {
    font-size: 10px;
    font-weight: bold;
    color: #9c9c9c;
}

.coinflip-info .description {
    font-size: 22px;
    font-weight: bold;
}

.coinflip-odds {
    text-align: center;
    min-height: 60px;
    height: 100%;
    margin-top: 17px;
}

.coinflip-odds .coin {
    position: relative;
    display: inline-block;
    margin: 0px 10px;
}

.coinflip-odds .coin img {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.coinflip-odds .number {
    color: #f0f0f0;
    font-size: 13px;
}

.coinflip-btn-group {
    margin-top: 15px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.create-game-btn {
    width: 100%;
    background-color: #2379dc;
    padding: 0 25px;
    height: 40px;
    border: 0px;
    border-radius: 2px;
    font-size: 12px;
    margin-bottom: 10px;
	font-weight: 600;
}

.create-game-btn:hover {
    background-color: #1f70cd;
}

.manage-offers-btn {
    width: 100%;
    background-color: #252831;
    padding: 0px 25px;
    height: 40px;
    border: 1px solid #3e4148;
    border-radius: 2px;
    font-size: 12px;
    margin-bottom: 10px;
font-weight: 600;
}

.manage-offers-btn:hover {
    background-color: #282b34;
}

.coinflip-title {
    width: 100%;
    font-size: 12px;
    text-align: center;
    background-color: #252831;
    min-height: 10px;
    padding-top: 2px;
}

.coinflip-games {
    padding: 4px;
    margin-bottom: 15px;
}

.coinflip-games-footer {}

.coinflip-games thead {
    color: #a2a3a7;
}

.coinflip-games table {
    width: 100%;
    border-collapse: collapse;
}

.coinflip-games th {
    padding: 10px;
    text-align: center;
    font-size: 11px;
}

.coinflip-games td {
    text-align: center;
    padding: 5px;
    margin-top: 2px;
    height: 65px;
}

.coinflip-games tbody>tr:nth-child(odd) {
    background-color: #252831;
}

.coinflip-order {
  color: #a2a3a7;
  cursor:pointer;
}

.coinflip-order:hover {
  color: #a2a3a7;
  text-decoration: none;
}

.coinflip-order:focus {
  color: #a2a3a7;
  text-decoration: none;
}

.cf-view-btn {
    background-color: #252831;
    padding: 0px;
    width: 70px;
    height: 35px;
    border: 1px solid #373a42;
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
}

.cf-view-btn:hover {
  background-color: #282b34;
}

.cf-join-btn {
    background-color: #2aa95c;
    padding: 0px;
    width: 70px;
    height: 30px;
    border: 0px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
}

.cf-join-btn:hover {
  background-color: #249450;
}

.coinflip-game {
    background-color: #36393e;
    padding: 5px;
    margin-top: 2px;
    height: 60px;
}

.avatar-coinflip {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-opacity: .85;
    -khtml-opacity: .85;
    -webkit-opacity: .85;
    opacity: .85;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
}

.t-bg {
    border: 1px solid #c72b2b;
    --box-shadow: 0 6px 20px 1px rgba(14, 13, 21, .58);
}

.ct-bg {
    border: 1px solid #00b3e2;
    --box-shadow: 0 6px 20px 1px rgba(14, 13, 21, .58);
}

.coinflip-skins {
    text-align: left !important;
}

.coinflip-skins span {
    color: #a2a3a7;
    font-size: 10px;
}

.coinflip-skins img {
    height: 40px;
}

.alignleft {
    text-align: left !important;
}

.coinflip-value {
    background-color: #215077;
    padding: 7px 10px;
    color: #f0f0f0;
    font-size: 15px;
    border-radius: 2px;
    font-family: 'Roboto', sans-serif;
}

.cf-watch-joining-timer {
  margin-top: 30px;
  color: #fff;
  font-weight: bold;
}

.coinflip-big-timer {
  position: relative;
}

.coinflip-big-timer .icon {
  height: 150px;
  width: 150px;
  background-color: #c72b2b;
  margin: 0 auto;
  -webkit-mask: url(/web/20180117210135im_/https://csgobubble.com/assets/img/coinflip/time.svg) no-repeat center;
  mask: url(/web/20180117210135im_/https://csgobubble.com/assets/img/coinflip/time.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.coinflip-big-timer span {
  color: white;
  font-weight: bold;
  font-size: 35px;
  position: absolute;
  text-align: center;
  left: 0;
  right: 1px;
  top: 54px;
}

.coinflip-timer {
    position: relative;
}

.coinflip-timer .icon {
    height: 45px;
    width: 45px;
    background-color: #c72b2b;
    margin: 0 auto;
    -webkit-mask: url(/web/20180117210135im_/https://csgobubble.com/assets/img/coinflip/time.svg) no-repeat center;
    mask: url(/web/20180117210135im_/https://csgobubble.com/assets/img/coinflip/time.svg) no-repeat center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.coinflip-timer span {
    color: white;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 1px;
    top: 16px;
}

.cf-win-timer {
  margin-top: 2px;
}

.cf-watch-winner-timer {
  margin-top: 40px;
}

.coinflip-vs {
    margin: 0px 5px;
    font-weight: bold;
}

.nav-tabs-coinflip {
    width: 100%;
}

.nav-tabs-coinflip>li>a {
    padding: 18px 0px !important;
}

.nav-tabs>li>a {
    line-height: 1.42857143;
    border: none;
    border-radius: 0px 0px 0px 0px;
    background-color: #252831;
    margin: 0px;
    padding: 0px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #f0f0f0;
    cursor: default;
    background-color: #282b34;
    border: none;
    border-bottom-color: transparent;
    margin: 0px;
    padding: 15px 0px;
}

.nav-tabs {
    display: table;
    border-bottom: none;
    background-color: #2b2c31;
}

.nav-tabs li {
    display: table-cell;
    float: none;
    width: 50%;
}

.nav-tabs a {
    display: block;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #f0f0f0;
}

.nav-tabs>li>a:hover {
    border-color: none;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #242730;
    color: #f0f0f0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #f0f0f0;
    cursor: default;
    background-color: #282b34;
    border: none;
    border-bottom-color: transparent;
}


/* Top Navigation */

.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 0px;
}

.navbar-header {
    height: 65px;
    padding: 8px 20px;
}

.navbar-inverse {
  background-color: #252831;
  border-bottom: 2px solid #282b34;
}

.top-nav {
    padding: 0 15px;
}

.navbar-toggle {
    margin-top: 17px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    color: #999;
}

.top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a, .top-nav>.open>a:hover, .top-nav>.open>a:focus {
    color: #f0f0f0;
    background-color: #1f2129;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 0px solid rgba(0, 0, 0, .15);
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

.navbar-inverse .navbar-nav>li>a {
    color: #9c9c9c;
}

.navbar-nav>li {
    width: 100%;
}

.navbar-nav>li>a {
    padding: 8px 0px 7px 25px;
}

.navbar-nav {
    float: none;
}


/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 69px;
        left: 225px;
        width: 200px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #242730;
        bottom: 0;
        overflow-x: hidden;
    }
    .side-nav-menu>li>a {
        width: 225px;
    }
    .side-nav-menu li a:hover, .side-nav-menu li a:focus {
        outline: none;
        background-color: #282b34 !important;
        color: #9c9c9c;
        width: 100%;
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
        color: #f0f0f0;
        background-color: #282b34 !important;
        width: 100%;
        border-left: 2px solid #2379dc;
    }
}

.side-nav-social li {
    padding-right: 19px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.side-nav-social {
    margin: auto;
    width: 95%;
    margin-top: 20px;
}

.side-nav-partner {
    text-align: center;
}

.side-nav-partner .partner-logo {
    margin-bottom: 10px;
    height: 50px;
}

.partner-text {
    font-size: 8px;
    color: #61646d;
    padding: 0px 5px;
}

.partner-text-ad {
    font-size: 10px;
    font-weight: bold;
    color: #61646d;
}

.side-nav-menu>li>ul {
    padding: 0;
}

.footer-icons {
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}

.footer-icons a {
    width: 35px;
    height: 35px;
    display: inline-block;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .05);
    border-radius: 2px;
    font-size: 20px;
    color: #f0f0f0;
    text-align: center;
    line-height: 35px;
    margin-right: 5px;
}

.side-nav-menu>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav-menu>li>ul>li>a:hover {
    color: #f0f0f0;
}


/* USER DROPDOWN */

.user-dropdown {
    width: 200px !important;
}


/* END USER DROPDOWN*/


/* Drop Down Custom */

.dropdown-dark {
    background-color: #1e2224;
    font-size: 14px;
    line-height: 21px;
    outline: none;
    z-index: 10;
    border-radius: 0;
    width: 80%;
    left: 20px;
    border: 0px;
    position: relative;
    margin-bottom: 10px;
}

.dropdown-dark>li>a {
  padding: 6px 15px;
}

.dropdown-dark>li>a:focus, .dropdown-menu>li>a:hover {
    color: #f0f0f0;
    text-decoration: none;
    background-color: #242730;
}

.dropdown-dark>li>a {
    color: #f0f0f0;
}

.select-country {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

.country-list {
    padding: 10px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .05);
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0);
}


/* Player Profile Menu */

@media (max-width: 768px) {
  .profile-info .profile-data {
    display: none;
  }
}

.profile-info {
    color: #f0f0f0;
    font-size: 14px;
    display: inline-block;
    padding: 10px 10px;
}

.profile-info .profile-avatar {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.profile-info .profile-data {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    text-align: right;
    text-transform: uppercase;
}

.profile-info .profile-menu {
    color: #f0f0f0;
    margin-top: 15px;
    float: left;
}

.profile-info .username {
    font-weight: 400;
    font-size: 13px;
}

.profile-info .steamid {
    font-size: 12px;
    color: #999;
}

.profile-info .avatar {
    border-radius: 100px;
    width: 40px;
    position: relative;
    vertical-align: middle;
}

.user-notification {
    font-size: 15px;
    padding: 23px 25px;
}

.badge-notify {
    font-size: 8px;
    background: #a50000;
    position: absolute;
    top: 20px;
    left: 32px;
}

.badge {
    padding: 3px 5px;
}

.user-points {
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #2396ef;
    margin: 15px 15px;
    padding: 5px 15px;
}

.user-points:hover {
    border-radius: 4px;
    border: 1px solid #2396ef;
    background-color: #1f2125;
    margin: 15px 15px;
    padding: 5px 15px;
}

.user-points i {
    color: #2396ef;
    padding-left: 5px;
}

.bubble-logo {
    width: 230px;
}


/* Side Nav */

.nav-title {
    margin: 25px 0px 10px 25px;
    color: #dcdcdc;
    /*OLD:  #63666f; */
    font-weight: bold;
    font-size: 12px;
}


/*
 *********************************************************
                      SERVER STATUS
 *********************************************************
*/

.status-body {
    margin-bottom: 10px;
    margin: auto;
    width: 72%;
    text-align: center;
    margin-top: 20px;
}

.status-steam {
    float: left;
    margin-right: 30px;
}

.status-server {
    float: left;
}

.status-icon {
    margin: auto;
    width: 60%;
    margin-bottom: 5px;
    color: #595c63;
}

.status-icon i {
    padding: 10px;
    border: 1px solid #31343b;
    border-radius: 50%;
    margin-right: 15px;
}

.status-icon i:hover {
    background-color: #282b34;
}

.status-text {
    font-size: 10px;
    color: #595c63;
}

.status-icon .green {
    color: #8aba0c;
}

.server-status .red {
    color: #8aba0c;
}


/*
 *********************************************************
                      END SERVER STATUS
 *********************************************************
*/


/*
 *********************************************************
                      CHAT
 *********************************************************
*/

.fullscreenchat {
  position: fixed;
  width: 100%;
}

.chat {
  height: 100%;
}

.footer-chat {
  background-color: red;
  height: 60px;
}

.chat-nav {
    background-color: #242730;
    min-height: 40px;
    padding-top: 11px;
    border-bottom: 1px solid #282b34;
    color: #dcdcdc;
    font-weight: bold;
    font-size: 12px;
}

.chat-nav a {
  text-decoration: none;
  color: #a2a3a7;
}

.chat-nav a:hover {
  text-decoration: none;
  color: #a2a3a7;
}

.chat-nav small {
    color: #a2a3a7;
}

.chat-nav .title {
  float: left;
  padding-left: 10px;
  float: left;
}

.chat-nav .title .chat-options {
  padding-left: 10px;
}

.chat-nav .onlinenow {
  float: right;
  padding-right: 10px;
  color: #f0f0f0;
}

.chat-nav .onlinenow i {
  color: #2396ef;
 }

.chat-control {
    width: 100%;
    height: 23%;
    background-color: #242730;
}

.chat-control .unread {
  background-color: #2396ef;
  bottom: 185px;
  opacity: 0.8;
  font-size: 12px;
  color: #fff;
  left: 20%;
  right: 20%;
  position: absolute;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  display: none;
}

.chat-control .unread span {

}

.chat-box {
    width: 90%;
    margin: 0 auto;
    padding-top: 10px;
    margin-bottom: 5px;
}

.chat-box textarea {
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    max-height: 55px;
    background-color: #282b34;
    border: 1px solid #282b34;
    resize: none;
    padding: 7px;
    color: #b3b3b3;
}

.chat-menu {
    width: 100%;
    padding: 0px 5px;
}

.chat-menu button {
    color: #dbdcde;
    border: 0;
    background-color: #2f323b;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 2px;
}

.chat-menu button:hover {
  background-color: #282b34;
}

.chat-menu .send {
  float: left;
  margin-left: 10px;
}

.chat-menu .pause {
  float: right;
  color: #a2a3a7;
  padding: 5px 10px;
}

.chat-menu .pause a {
  color: #a2a3a7;
  font-weight: normal;
}

.chat-menu .pause a:hover {

}

.chat-content {
  height: calc(100% - 220px);
}

.chat-content .chat-notification {
  height: 100%;
  width: 80%;
  padding: 7px 10px;
  position: relative;
  font-size: 12px;
  color: #b3b3b3;
  border-bottom: 1px solid #303031;
}

.chat-content .message {
    overflow: auto;
    clear: both;
    border-bottom: 1px solid #282b34;
    padding: 5px 0px;
}

.chat-content .message .user-info {
    height: 100%;
    width: 20%;
    float: left;
    padding-top: 8px;
}

.chat-content .message .user-avatar img {
    border: 1px solid #2b2c2d;
    width: 40px;
    border-radius: 4px;
    opacity: 0.85;
    display: block;
    margin: auto;
}

.chat-content .message .message-data {
    height: 100%;
    float: left;
    width: 80%;
    padding: 7px 5px;
    position: relative;
}

.chat-content .message .message-data .user-name {
    height: 100%;
    font-size: 12px;
    font-weight: bold;
}

.chat-content .message .message-data .user-text {
    height: 100%;
    color: #a2a3a7;
    font-size: 12px;
    padding-top: 2px;
    word-wrap: break-word;
}

.chat-content .message .message-data .user-rank {
  position: absolute;
  top:5px;
  right: 5px;
  background-color: #dd5d5c;
  padding: 0px 4px;
  border-radius: 2px;
}

.chat-content .message .message-data .user-rank span {
  font-size: 10px;
  color: #fff;
}
/*
 *********************************************************
                      NOTIFICATION
 *********************************************************
*/

.dropdown-title {
    text-align: center;
    color: #f0f0f0;
    font-weight: bold;
    background-color: #1f2129;
    padding: 15px 0px;
}

.dropdown-menu .top {
    color: #f0f0f0;
    padding: 5px 15px;
    font-size: 12px;
}

.dropdown-menu .pending {
    background: #337ab7;
}


.dropdown-menu .top a {
    padding: 0;
}

.dropdown-menu .top a:hover {
    color: #f0f0f0;
    background: none;
}

.dropdown-footer {
    background-color: #2b2e33;
    text-align: center;
    color: #f0f0f0;
}

.dropdown-menu>li>a {
    padding: 10px;
}

.dropdown-menu .text-muted {
    font-size: 12px;
}

.dropdown-menu .icon {
    height: 30px;
    width: 30px;
}

.dropdown-menu>li>a:hover {
    background-color: #242730;
    color: #f0f0f0;
}

.dropdown-menu>li>a {
    color: #f0f0f0;
}

.dropdown-menu .media {
    margin-top: 0px;
}

.dropdown-menu .media-object {
    color: #f0f0f0;
}

.top-nav>.open>.dropdown-menu {
    padding: 0;
    color: #000;
    width: 320px;
    margin-top: 2px;
    background-color: #282b34;
    font-size: 12px;
}


/*
 *********************************************************
                      END NOTIFICATION
 *********************************************************
*/

.nav-option {
    font-size: 12px;
}

.nav-option i {
    padding-right: 10px;
    font-size: 17px;
}

.nav-top {
    margin-top: 25px;
}

*:focus {
    outline: none;
}


/* UTIL */

.bg-top {
    background-color: #191c21;
}

.bg-menu {
    background-color: #282b30;
}


/*
 *********************************************************
                      CUSTOM MODAL
 *********************************************************
*/

.modal-content {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -moz-transition: none;
    -webkit-transition: none;
    border: none;
}

.button-blue-full {
    width: 100%;
    background-color: #2379dc;
    height: 50px;
    border: 0px;
    border-radius: 5px;
    font-size: 15px;
}

.button-blue-full:hover {
    background-color: #1f70cd;
}

.modal-header {
    background-color: #252831;
    border-bottom: 1px solid #2b2c31;
    text-align: center;
    font-size: 15px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.modal .close {
    color: #f0f0f0;
    text-shadow: none;
    font-weight: normal;
}

.modal-body {
    position: relative;
    padding: 25px;
    background-color: #282b34;
    font-size: 13px;
    color: #a6a7ac;
}

.modal-body input {
    width: 100%;
    padding: 10px;
    border: 1px solid #373a42;
    border-radius: 2px;
    background-color: #252831;
    color: #fff;
}

.modal-body .well {
  background-color: #36393e;
  border: none;
  margin-top: 10px;
}

.modal-body textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #717375;
    border-radius: 2px;
    background-color: #36393e;
    color: #fff;
}

.modal-body a {
    color: #f0f0f0;
    text-decoration: underline;
}


@media (min-width: 768px) {
    .modal-dialog {
        /*width: 600px;*/
    }
}

.modal-footer {
    border-top: none;
    padding: 5px 15px 15px 15px;
    font-size: 11px;
    color: #a6a7ac;
}


/* WATCH GAME */

.modal-watch-users {
    background: url("/web/20180117210135im_/https://csgobubble.com/assets/img/coinflip/236SKzJ.png");
    width: 100%;
    min-height: 242px;
    color: #a6a7ac;
    background-size: cover;
    background-color: #44474c;
    background-position: center;
}

.modal-watch-users .player {
    position: relative;
    margin: 0 auto;
    width: 184px;
    height: 184px;
    margin-top: 15px;
}

.modal-watch-users .player .avatar {
    text-align: center;
    margin-top: 40px;
}

.modal-watch-users .player .avatar img {
    height: 150px;
    margin: 0;
    width: 150px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-opacity: .85;
    -khtml-opacity: .85;
    -webkit-opacity: .85;
    opacity: .85;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
}

.modal-watch-users .player .name {
    text-align: center;
    font-weight: bold;
    color: #f0f0f0;
    font-size: 14px;
    margin-top: 10px;
    text-transform: uppercase;
}

.modal-watch-users .player .name a {
  color: #f0f0f0;
}

.modal-watch-users .player .name a:hover {
  color: #f0f0f0;
}

.ct-border {
    border: 2px solid #00b3e2;
}

.t-border {
  border: 2px solid #fc3b3c;
}

.modal-watch-users .player .coin {
    position: absolute;
    margin: 0 auto;
    top: 123px;
    left: -5px;
}

.modal-watch-users .player .coin img {
    height: 45px;
    width: 45px;
}

.modal-watch-users .coin-animation {
    text-align: center;
}

.modal-watch-users .coin-animation img {
    width: 180px;
    height: 180px;
    margin-top: 30px;
}

.coinflip-value-info {
    text-align: center;
}

.coinflip-value-info .game {
    font-size: 23px;
    color: #f0f0f0;
    font-weight: bold;
}

.coinflip-value-info navbar-bubble-collapse {
    font-size: 13px;
    color: #a6a7ac;
}

.coinflip-value-info .info span {
    color: #f0f0f0;
}

.coinflip-join-btn {
    width: 50%;
    background-color: #1f2129;
    padding: 0px 25px;
    height: 55px;
    border: 1px solid #373a42;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    color: #f0f0f0;
}

.coinflip-join-btn:hover {
    background-color: #282b34;
}

.coinflip-skins-list {
    margin: 0 auto;
    height: 300px;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
}

.coinflip-skins-list .item {
    background-color: #252831;
    width: 95%;
    height: 85px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.coinflip-skins-list .item .icon {
    float: left;
    width: 30%;
    height: 100%;
    position: relative;
}

/* CSGO Skins Types */

.consumer-gradient {
  background-image: radial-gradient( circle 120px at bottom, rgb(176, 195, 217), #252831 50%);
  background-repeat: no-repeat;
  background-position-y: 20px;
}
.industrial-gradient {
  background-image: radial-gradient( circle 120px at bottom, rgb(94, 152, 217), #252831 50%);
  background-repeat: no-repeat;
  background-position-y: 20px;
}
.mil-spec-gradient {
  background-image: radial-gradient( circle 120px at bottom, rgb(75, 105, 255), #252831 50%);
  background-repeat: no-repeat;
  background-position-y: 20px;
}
.restricted-gradient {
  background-image: radial-gradient( circle 120px at bottom, rgb(136, 71, 255), #252831 50%);
  background-repeat: no-repeat;
  background-position-y: 20px;
}
.classified-gradient {
  background-image: radial-gradient( circle 120px at bottom, rgb(211, 44, 230), #252831 50%);
  background-repeat: no-repeat;
  background-position-y: 20px;
}
.covert-gradient {
  background-image: radial-gradient( circle 120px at bottom, rgb(235, 75, 75), #252831 50%);
  background-repeat: no-repeat;
  background-position-y: 20px;
}
.knives-gradient {
  background-image: radial-gradient( circle 120px at bottom, rgb(235, 75, 75), #252831 50%);
  background-repeat: no-repeat;
  background-position-y: 20px;
}
.contraband-gradient {
  background-image: radial-gradient( circle 120px at bottom, rgb(228, 174, 57), #252831 50%);
  background-repeat: no-repeat;
  background-position-y: 20px;
}

.consumer-bg { background-color: rgb(176, 195, 217); }
.industrial-bg { background-color: rgb(94, 152, 217); }
.mil-spec-bg { background-color: rgb(75, 105, 255); }
.restricted-bg { background-color: rgb(136, 71, 255); }
.classified-bg { background-color: rgb(211, 44, 230); }
.covert-bg { background-color: rgb(235, 75, 75); }
.knives-bg { background-color: rgb(235, 75, 75); }
.contraband-bg { background-color: rgb(228, 174, 57); }

.cf-winner-pic {
  height: 35px;
  width: 35px;
  border-radius: 2px;
  opacity: 0.85;
}

/* END CSGO Skins Types */

.coinflip-skins-list .item .icon .border {
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.coinflip-skins-list .item .icon img {
    height: 75%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 1;
}

.coinflip-skins-list .item .name {
    float: left;
    width: 45%;
    background-color: #1f2129;
    height: 100%;
    font-weight: bold;
    padding: 10px 10px;
}

.coinflip-skins-list .item .name .type {
    color: #D48216;
    font-size: 11px;
    text-transform: uppercase;
}

.coinflip-skins-list .item .name .quality {
    color: #a6a7ac;
    font-size: 11px;
    text-transform: uppercase;
}

.coinflip-skins-list .item .name .market_name {
    color: #f0f0f0;
    font-size: 12px;
    text-transform: uppercase;
}

.coinflip-skins-list .item .value {
    float: left;
    width: 25%;
    height: 100%;
    font-size: 18px;
    color: #f0f0f0;
    font-weight: bold;
    text-align: center;
    padding-top: 28px;
}

.coinflip-skins-list .item .data {
    background-color: #32353c;
}

.modal-watch-games {
    background-color: #282b34;
    min-height: 400px;

}

.modal-footer {
    background-color: #252831;
    border-top: 1px solid #2b2c31;
    padding: 10px 15px 8px 15px;
    font-size: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.modal-footer .left {
    text-align: left;
    float: left;
}

.modal-footer .right {
    text-align: right;
}


/* CREATE NEW GAME */

.user-seed {
  color: #a6a7ac;
  text-align: center;
  font-size: 9px;
}

.user-seed a {
  font-size: 8px;
  padding-left: 5px;
  color: #a2a3a7;
}

.modal-nav {
    min-height: 60px;
    background-color: #282b34;
    width: 100%;
    color: #a6a7ac;
}

.modal-inventory {
    background-color: #2c2f39;
    height: 400px;
}

.coinflip-select-side {
    padding: 0px 20px;
    cursor: pointer;
}

.coinflip-select-side .text {
    margin-top: 20px;
}

.coinflip-select-side .icons {
    margin-top: 10px;
}

.coinflip-select-side .coin-selected {
  padding-left: 50px;
}

.coinflip-select-side .icons img {
    height: 40px;
    margin-right: 10px;
}

.side-opacity {
  opacity: 0.2;
}

.text-blue {
    color: #2396ef;
    font-weight: bold;
}

.deposit-btn {
    margin-top: 8px;
    width: 90%;
    background-color: #252831;
    padding: 0px 25px;
    height: 42px;
    border: 1px solid #373a42;
    border-radius: 2px;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #f0f0f0;
}

.deposit-btn:hover {
    background-color: #282b34;
}

.deposit-info {
    margin: 0 auto;
    display: table;
    border-spacing: 0px 12px;
}

.refresh-btn {
    background-color: #252831;
    color: #babbbd;
    padding: 7px 15px;
    border: 1px solid #373a42;
    border-radius: 0;
    font-size: 12px;
}

.refresh-btn:hover {
    background-color: #282b34;
}

.deposit-value {
    padding: 7px 10px !important;
}

.modal-inventory ul {
    padding-left: 0px;
}

@media (min-width: 768px) {
    .modal-inventory ul {
        padding-left: 50px;
    }
    .inventory-item {
        margin-left: 5px;
    }
}

.inventory-limits {
  font-size: 11px;
  padding-top: 9px;
}

/* MODAL ACCEPT OFFER */

.modal-acceptoffer {
    text-align: center;
}

.modal-acceptoffer i {
    color: #2396ef;
    font-size: 20px;
}

.modal-acceptoffer .credits {
    color: #f0f0f0;
    font-size: 20px;
    background-color: #36393e;
    padding: 5px 15px;
    margin: auto;
    width: 40%;
    text-align: center;
    border-radius: 5px;
}

.modal-acceptoffer .info {
    color: #f0f0f0;
    font-size: 14px;
    background-color: #36393e;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.modal-acceptoffer .info .title {
    color: #a6a7ac;
}

.modal-acceptoffer .deposit-info {
    margin: 15px 0px;
}


/* END MODAL ACCEPT OFFER */


/*
 *********************************************************
                      END CUSTOM MODAL
 *********************************************************
*/


/*
 *********************************************************
                      DEPOSIT BODY
 *********************************************************
*/

.deposit-body {
    background-color: #282b34;
    padding: 10px 25px;
}

.deposit-body .row {}

.deposit-body .title {
    color: #babbbd;
    border-bottom: 2px solid #2396ef;
    width: auto;
    display: inline-block;
}

.deposit-body .inventory-filter {
    margin: 20px 0px 0px 0px;
    border-bottom: 3px solid #2b2e33;
}

.deposit-body .button-line {
    background-color: #282b34;
    padding: 8px 15px;
    position: relative;
    float: left;
    border: 1px solid #55585f;
    color: #babbbd;
    font-size: 12px;
    border-radius: 0;
    margin-bottom: 5px;
}

.deposit-body .button-line:hover {
    background-color: #2b2e33;
}

.deposit-body .form-control-feedback {
    color: #babbbd;
}

.deposit-body input {
    background-color: #282b34;
    border: 1px solid #55585f;
    font-size: 12px;
    color: #babbbd;
    border-radius: 0;
}

.deposit-body input:focus {
    border: 1px solid #55585f;
}

.inventory-container {
    min-height: 700px;
    max-height: 700px;
}

.inventory-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    --display: -webkit-box;
    --display: -moz-box;
    --display: -ms-flexbox;
    --display: -webkit-flex;
    --display: flex;
    --webkit-flex-flow: row wrap;
    --justify-content: space-around;
}

.inventory-error {
  color: #fff;
  margin: 20px 0px;
  width: 350px;
  margin: auto;
  margin-top: 80px;
}

.inventory-error .icon {
  float: left;
  margin-right: 10px;
}

.inventory-error .icon img {
  width: 80px;
}

.inventory-error .info {
  padding: 10px 0px;
}

.inventory-error .info .title {
  font-size: 20px;
  font-weight: bold;
}

.inventory-error .info .description {
  font-size: 12px;
  color: #a6a7ac;
}

.refresh-button {
  width: 100%;
  background-color: #252831;
  border: 1px solid #373a42;
  padding: 0 25px;
  height: 40px;
  border-radius: 2px;
  font-size: 12px;
  margin-top: 10px;
}

.refresh-button:hover {
  background-color: #282b34;
}

.inventory-item {
    background: #282b34;
    width: 120px; /* 145px */
    height: 180px; /* 220px */
    margin-top: 15px;
    margin-right: 5px;
    color: #d6d6d8;
}

.inventory-container ul {
    text-align: center;
}

.inventory-container li {
    display: inline-block;
}

.item-selected {
    border: 2px solid #2196f3;
}

.item-removed {
    opacity: 0.1;
    filter: alpha(opacity=10);
    /* For IE8 and earlier */
    cursor: not-allowed;
}

.item-removed button {
    cursor: default;
}

.item-removed img {
    -webkit-filter: grayscale(100%);
    /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.inventory-item .inspect {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 0px 0px 15px;
    font-size: 18px;
    color: #6d6f7c;
}

.inventory-item .item-type {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0px 0px 10px;
    font-size: 12px;
    color: rgb(207, 106, 50);
}

.inventory-item .plus {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 15px 0px 0px;
    font-size: 25px;
    color: #f6f8f7;
}

.inventory-item .check {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px 0px 0px;
    font-size: 12px;
    color: #2196f3;
}

.inventory-item .skin-image {
    width: 100%;
    height: 40%;
    padding: 5px;
    margin-top: 45px;
}

.inventory-item .skin-image .skin {
  width: 86px;
  height: 57px;
}

.inventory-item .skin-image img {
    height: 100%;
    display: block;
    margin: auto;
}

.inventory-item .skin-info {
    color: #c9c9cb;
    text-align: center;
    font-size: 12px;
    position: absolute;
    padding: 0px 5px;
    width: 100%;
}

.inventory-item .skin-info .name {
    font-weight: bold;
    font-size: 11px;
}

.inventory-item .skin-info .condition {
  font-size: 11px;
}

.inventory-item .price {
    font-size: 13px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 90%;
    font-weight: 600;
}

.inventory-item .price i {
    color: #2396ef;
}

.inventory-item .button-red {
    margin-top: 10px;
}

.inventory-item .button-blue {
    margin-top: 10px;
}

.button-red {
    background-color: #dd5d5c;
    display: block;
    margin: auto;
    width: 65%;
    height: 30px;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 2px;
}

.button-blue {
    background-color: #2196f3;
    display: block;
    margin: auto;
    width: 65%;
    height: 30px;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 2px;
}

.button-white {
    background-color: #f0f0f0;
    color: #000;
    width: 100px;
    padding: 8px 15px;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
}

.inventory-filter .button-white {
    margin-bottom: 15px;
    margin-right: 0px;
}

.info-box {
    background-color: #282b34;
    padding: 7px 2px;
    position: relative;
    float: left;
    border: 1px solid #373a42;
    color: #babbbd;
    font-size: 12px;
    border-radius: 0;
    position: relative;
    margin-right: 10px;
    margin-bottom: 5px;
}

.info-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px;
    background-color: #252831;
    border-right: 1px solid #373a42;
}

.info-box .icon i {
    color: #2396ef;
    font-size: 15px;
}

.info-box .text {
    padding: 0px 10px 0px 40px;
    color: #c9c9cb;
}

.info-text {
    padding: 7px 15px;
}

.tradeoffer .loader-animation {
  float: left;
  margin: 6px 20px 0px 40px;
}

.tradeoffer .message {
  padding-top: 20px;
  color: #fff;
  font-size: 13px;
}

.tradeoffer .message2 {
  padding-top: 20px;
  padding-left: 45px;
  color: #fff;
  font-size: 13px;
}

.tradeoffer .message2 small {
  color: #808080;
  padding-left: 10px;
}

.tradeoffer .info {
  color: #575b60;
  font-size: 11px;
  padding-top: 20px;
}

.tradeoffer .acceptbtn {
  background-color: #07AB54;
  font-family: 'Roboto', sans-serif;
}

.tradeoffer .acceptbtn:hover {
  background-color: #08c360;
}
/*
 *********************************************************
                      END DEPOSIT BODY
 *********************************************************
*/

.info-profile-form {
    color: #606366;
}

.page-topic {
    margin-bottom: 25px;
}

.page-topic .title {
    color: #f0f0f0;
    font-weight: 800;
    font-size: 17px;
    /* font-family: 'Roboto', sans-serif; */
}

.page-topic .info {
    font-size: 12px;
    color: #606366;
}

.page-content {
    margin: 20px;
}

.top20 {
    margin-top: 20px;
}

.width60 {
    width: 60% !important;
}

.select {
    padding: 10px;
    border: 1px solid #717375;
    border-radius: 2px;
    background-color: #36393e;
    -webkit-appearance: none;
}

.button-blue-small {
    background-color: #2196f3;
    display: block;
    width: 120px;
    height: 40px;
    border: 0px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    color: #f0f0f0;
}


/****************************************
 * Notify Custom
 ****************************************/

.notifyjs-bootstrap-error {
    border: none;
    background-color: #a94442;
    color: #fff;
}

.notifyjs-bootstrap-base {
    text-shadow: none;
    font-weight: normal;
}


/****************************************
 * Loading Animation
 ****************************************/

#loading-notification-list .loader {
    margin: 0 0 2em;
    width: 100%;
    text-align: center;
    padding: 1em;
    margin: 0 auto 1em;
    display: inline-block;
    vertical-align: top;
}

#inventory-loading .loader {
    margin: 0 0 2em;
    width: 100%;
    text-align: center;
    padding: 1em;
    margin: 0 auto 1em;
    margin-top: 10%;
    display: inline-block;
    vertical-align: center;
}


svg path, svg rect {
    fill: #2396ef;
}


@-webkit-keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.uil-default-css>div:nth-of-type(1) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.uil-default-css>div:nth-of-type(2) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.9166666666666666s;
    animation-delay: -0.9166666666666666s;
}

.uil-default-css>div:nth-of-type(3) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.8333333333333334s;
    animation-delay: -0.8333333333333334s;
}

.uil-default-css>div:nth-of-type(4) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.uil-default-css>div:nth-of-type(5) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.6666666666666666s;
    animation-delay: -0.6666666666666666s;
}

.uil-default-css>div:nth-of-type(6) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.5833333333333334s;
    animation-delay: -0.5833333333333334s;
}

.uil-default-css>div:nth-of-type(7) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.uil-default-css>div:nth-of-type(8) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.4166666666666667s;
    animation-delay: -0.4166666666666667s;
}

.uil-default-css>div:nth-of-type(9) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.3333333333333333s;
    animation-delay: -0.3333333333333333s;
}

.uil-default-css>div:nth-of-type(10) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.uil-default-css>div:nth-of-type(11) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.16666666666666666s;
    animation-delay: -0.16666666666666666s;
}

.uil-default-css>div:nth-of-type(12) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.08333333333333333s;
    animation-delay: -0.08333333333333333s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 120px;
}

/****************************************
 * Notification
 ****************************************/

#notification-list {
  max-height: 350px;
}

#notification-list a {
    border-bottom: 1px solid rgba(54, 57, 62, 0.41);
    display: block;
    padding: 9px 15px;
    text-decoration: none
}

#notification-list a:hover {
    background: #2b2c31;
}

.notification-box .notification-content {
  padding-top: 5px;
  position: relative;
}

.notification-box .notification-content h6 {
    margin: 0px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #f0f0f0;
}

.notification-box .notification-content .desc {
    font-size: 10px;
    display: block;
    margin: 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #a2a3a7;
}

.notification-box .notification-content .time {
    display: block;
    font-size: 10px;
    color: #a2a3a7;
    position: absolute;
    right: 0;
    top:0;
}

.notification-box .notification-icon {
    width: 40px;
    float: left;
    position: relative;
    margin: 0 10px 15px 0px;
}

.notification-box .notification-icon img {
    width: 100%;
}

/****************************************
 * Drop down responsive
 ****************************************/

 @media (max-width: 768px) {
   .top-nav>.open>.dropdown-menu {
     padding: 0;
     color: #000;
     background-color: #282b34;
     position: fixed;
     top: 132px;
     left: 10%;
     width: 80%;
   }
 }

/****************************************
* Modal User Manager
****************************************/

.nopadding {
  padding: 0;
}


.modal-usermanager .row {
  color: #b3b3b3;
}

.modal-usermanager {
  padding: 30px;
  background-color: #36393e;
  color: #fff;
  width: 100%;
  max-height: 242px;
  background-size: cover;
  background: url(/web/20180117210135im_/https://csgobubble.com/assets/img/coinflip/watchbg2.png);
}

.modal-usermanager .media-object {
  width: 100px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-opacity: .85;
  -khtml-opacity: .85;
  -webkit-opacity: .85;
  opacity: .85;
  -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
  filter: alpha(opacity=85);
  margin-top: 10px;
}

.modal-usermanager .media-body a {
  font-size: 12px;
  color: #b3b3b3;
}

.usermanager-body .action {
  padding: 10px 20px;
}

.usermanager-body .action .timer {
  margin: 10px 0px;
  text-align: center;
}

.usermanager-body .action .action-btn {
  margin: 15px 5px;
}

.usermanager-body .action .form-group {
  margin: 5px;
}

.usermanager-body .action .btn {
  font-size: 10px;
  border-radius: 0px;
  background-color: #282b34;
  color: #fff;
  border: 1px solid #717375;
}

.usermanager-body .action .btn:hover {
  background-color: #717375;
}

.usermanager-body .action .active {
  background-color: #717375;
}

/****************************************
* Buttons
****************************************/

.blue-button {
    background-color: #337ab7;
    color: #f0f0f0;
    width: 100px;
    padding: 8px 15px;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
}

.blue-button:hover {
    background-color: #216cad;
}

.red-button {
    background-color: #c72b2b;
    color: #f0f0f0;
    width: 100px;
    padding: 8px 15px;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
}

.red-button:hover {
    background-color: #a71515;
}

/****************************************
* Manage Offers
****************************************/

.manageoffers-nav {

}

.manageoffers-nav .menu {
  padding: 0px 20px;
}

.manageoffers-nav .information {
  font-size: 12px;
  padding: 12px 10px;
}

.manageoffers-nav .nav-tabs {
  background: none;
}

.manageoffers-nav .nav-tabs>li>a {
  background: none;
  color: #a6a7ac;
}

.manageoffers-nav .nav-tabs>li.active>a, .manageoffers-nav .nav-tabs>li.active>a:focus, .manageoffers-nav .nav-tabs>li.active>a:hover {
  background: none;
  color: #f0f0f0;
}

.manageoffers-nav .nav-tabs>li.active {
  border-bottom: 3px solid #2396ef;
  padding: 0px 10px
}

.manageoffers-nav .refresh {
  margin: 18px 0px 18px 0px;
}

.modal-manageoffers {
    background-color: #282b34;
    height: 400px;
    padding: 0;
}

.modal-manageoffers table {
  width: 100%;
}

.modal-manageoffers th {
   padding: 10px;
   text-align: center;
   font-size: 11px;
   background-color: #252831;
}

.modal-manageoffers tr {
  text-align: center;
  font-size: 11px;
  height: 40px;
}

.modal-manageoffers td {
    padding: 10px;
}

.modal-manageoffers tbody>tr:nth-child(odd) {
    background-color: #282b34;
}

.modal-manageoffers tbody>tr:nth-child(even) {
  background-color: #262931;
}

.sendofferbtn {
  background-color: #2b2c31;
  padding: 0px 15px;
  height: 25px;
  border: 1px solid #55585f;
  border-radius: 2px;
}

.sendofferbtn:hover {
  background-color: #35363c;
}

.acceptofferbtn {
  background-color: #2aa95c;
  padding: 0px 15px;
  height: 25px;
  border: none;
  border-radius: 2px;
  color: #f0f0f0;
}

.acceptofferbtn:hover {
  background-color: #60bb84;
}

.default-color: { font-weight: bold; }
.in-queue-color { color: #b18d3b; font-weight: bold; }
.sent-color { color: #4e844f; font-weight: bold; }
.pending-color { color: #337ab7; font-weight: bold; }
.failed-color { color: #b14b49; font-weight: bold; }
.support-color { color: #b5d220; font-weight: bold}
.expired-color { color: #b14b49; font-weight: bold; }


.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  outline:none;
}

/****************************************
* Notification Style
****************************************/

.toast  {
  margin-top: 15px !important;
  width: 400px !important;
  opacity: 1 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
  filter: alpha(opacity=100) !important;
  box-shadow: none !important;
}

/****************************************
* Coin Animation
****************************************/

.flip-container {
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;

}

.flip-me-ct .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
  transition: 4.5s;
  -webkit-transition: 4.5s;
  transform: rotateY(1620deg);
  -moz-transform: rotateY(1620deg);  /* FF3.5/3.6 */
  -o-transform: rotateY(1620deg);  /* Opera 10.5 */
  -webkit-transform: rotateY(1620deg);  /* Saf3.1+ */
}

.flip-me-t .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
  transform: rotateY(1440deg);
  -moz-transform: rotateY(1440deg);  /* FF3.5/3.6 */
  -o-transform: rotateY(1440deg);  /* Opera 10.5 */
  -webkit-transform: rotateY(1440deg);  /* Saf3.1+ */
}

.flip-container, .front, .back {
  width: 100%;
  height: 200px;
}

.flipper {
  transition: 4s;
  -webkit-transition: 4s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}

.front, .back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  /* for firefox 31 */
  transform: rotateY(0deg);
}

.back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.cf-show-ct, .cf-show-t {
  margin-top: 15px;
}


.coin-small-size img {
  height: 120px !important;
  width: 120px !important;
}

.cf-show-percentage {
  color: #fff;
  font-size: 12px;
  margin-top: 15px;
  font-weight: bold;
}

/*Filter styles*/
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}


/****************************************
* Coinflip History
****************************************/

#coinflip-history-gamelist {
  font-family: Roboto,sans-serif;
}
#coinflip-myhistory-gamelist {
  font-family: Roboto,sans-serif;
}

.coinflip-history-menu {
  width: 100%;
  padding-bottom: 10px;
  padding-left: 10px;
}

.coinflip-history-menu .nav-tabs {
  background: none;
}

.coinflip-history-menu .nav-tabs>li>a {
  background: none;
  color: #a6a7ac;
  padding: 20px 80px;
}

.coinflip-history-menu .nav-tabs>li.active>a, .coinflip-history-menu .nav-tabs>li.active>a:focus, .coinflip-history-menu .nav-tabs>li.active>a:hover {
  background: none;
  color: #f0f0f0;
  padding: 20px 80px;
}

.coinflip-history-menu .nav-tabs>li.active {
  border-bottom: 3px solid #2396ef;
}

.game-fair-info td {
  font-size: 9px;
  height: 25px;
  color: #a6a7ac;
}

.game-fair-info span {
  margin-right: 15px;
}

.history-older {
  margin: 0 auto;
  width: 60%;
  margin-top: 10px;
}

.history-older .pager a {
  color: #fff;
}

.history-older .pager li>a, .pager li>span {
  background: none;
}

.coinflip-notification {
  margin-bottom: 10px;
  padding: 18px;
  background-color: #a94442;
  border: 1px solid #672220;
}

.coinflip-notification a {
  color: #f0f0f0;
}

.coinflip-notification a:active {
  color: #f0f0f0;
  text-decoration: underline;
}

.tab-content>.active {
  position: relative;
}

.coinflip-maintenance {
  display: none;
  position: absolute;
  height: 100%;
  background-color: #242730;
  width: 100%;
  z-index: 1000;
  opacity: 0.8;
}

.greenborder {
  border-left: 3px solid rgb(39, 113, 40);
}

.redborder {
  border-left: 3px solid #c72b2b;
}

@media (min-width: 1281px) {
  .open-chat-btn {
    display: none;
  }
}

.open-chat-btn:hover {
  color: #f0f0f0;
  background-color: #1f2129;
  cursor: pointer;
}

.robofont {
  font-family: Roboto, sans-serif;
}

.termsofservice {
  color: #f0f0f0;
  font-family: Roboto, sans-serif;
  padding-top: 10px;
}

.termsofservice p {
  font-size: 13px;
}

.termsofservice .row {
  margin-top: 30px;
}

.termsofservice .spacer {
  padding-top: 15px;
}

.termsofservice .updated {
  margin-top: 20px;
  text-align: center;
  font-size: 11px;
}

keyword {
	color: deepskyblue;
}
this {
	color: fuchsia;
}
string {
	color: limegreen;
}
number {
	color: gold;
}
comment {
	color: indianred;
}

pre {
  color: #f0f0f0;
  background-color: #282b34;
  border-color: #242730;
}

/****************************************
* FAQ
****************************************/
.faqPage {
  width: 70%;
  margin: 0 auto;
  font-family: Roboto, sans-serif;
  padding-top: 30px;
  color: #fafafa;
}

.faqPage .title {
  text-align: center;
}

.faqPage .row {
  padding-top: 30px;
}

.faqPage .question {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #6692c5;
}

.faqPage p {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 30px;
}


.supportPage {
  margin: 0 auto;
  width: 65%;
}

.supportPage .title {
  text-align: center;
  margin-bottom: 40px;
}

.supportPage iframe {
  display:block;
    width: 400px;
    height: 700px;
    margin: 0 auto;
    background-color: #777;
}

.coinflip-mygamestable {
  border-bottom: 20px solid #30333c;
}

@media screen and (max-width: 600px) {
  .coinflip-skins-table {
    display: none;
  }
  .coinflip-skins {
    display: none;
  }
}




#wire{
  text-align: center;
  white-space: nowrap;
  position: absolute;
  padding: 0;
  width: 100%;
  top: -125px;
  border-bottom: 3px solid #222;
  height: 100px;
}

/* Bulbs */

#wire li{
  position: relative;
  list-style: nonne;
  margin: 0 15px;
  padding: 0;
  display: inline-block;
  width: 15px;
  height: 30px;
  border-radius: 50%;
  top: 102px;
  background: #fff;
  animation-name: even-bulb;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

#wire li:nth-child(odd){
  animation-name: odd-bulb;
}

#wire li:before{
  content: "";
  position: absolute;
  width: 14px;
  height: 8px;
  border-radius: 3px;
  top: -4px;
  left: 0;
  background: #444;
}

@keyframes even-bulb{
  0%, 100%{
    background: rgba(255,30,65,1);
    box-shadow: 0px 2px 20px 4px rgba(255,30,65,1)
  }

  50%{
    background: rgba(255,30,65,0.5);
    box-shadow: 0px 2px 20px 4px rgba(255,30,65,0.2)
  }
}


@keyframes odd-bulb{
  50%{
    background: rgba(255,65,185,1);
    box-shadow: 0px 2px 20px 4px rgba(255,65,185,1)
  }

  0%, 100%{
    background: rgba(255,65,185,0.5);
    box-shadow: 0px 2px 20px 4px rgba(255,65,185,0.2)
  }
}


/*
     FILE ARCHIVED ON 21:01:35 Jan 17, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:23:55 Dec 22, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.668
  exclusion.robots: 0.03
  exclusion.robots.policy: 0.018
  esindex: 0.012
  cdx.remote: 47.742
  LoadShardBlock: 146.867 (3)
  PetaboxLoader3.resolve: 73.401 (4)
  PetaboxLoader3.datanode: 151.56 (4)
  load_resource: 246.5
*/