.whitefont {
    color: white;
}
.greyfont {
    color: #9d9d9d;
}

.footer {
    background-color: #222222 !important;
    border-top: 1px solid #ce8404 !important;
}

.orangebottom {
    border-bottom: 1px solid #ce8404 !important;
}
.detailbox{
    border:1px solid rgba(206,132,4,0.4) !important;
}
.gobutton {
    color: #9d9d9d !important;
    border:1px solid rgba(206,132,4,0.4) !important;
    background-color: #222222 !important;
}
.gobuttonwhite {
    color:white !important;
    border:1px solid #ce8404 !important;
}

html {
    background: url(../bg1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body {
    background-color: transparent !important;
}
.default-text-area {
    color: #9d9d9d !important;
    background-color: rgba(34,34,34,0.8) !important;
    border-radius: 10px;
    border:1px solid rgba(206,132,4,0.4) !important;
    padding: 5px;
}
.default-text-area:hover{
    border:1px solid rgba(206,132,4,1) !important;
    color: #ffffff !important;
}
.breadcrumb{
    color: #9d9d9d !important;
    background-color: rgba(34,34,34,0.8) !important;
    border:1px solid rgba(206,132,4,0.4) !important;
}
.breadcrumb:hover{
    border:1px solid rgba(206,132,4,1) !important;
    color: #ffffff;
}
.icon-deselect {
    color: rgba(206,132,4,0.4) !important;
}
.icon-select {
    color: rgba(206,132,4,1) !important;
}
.active > a > .icon-deselect  {
    color: rgba(206,132,4,1) !important;
}
h1,h4 {
    color: #ffffff !important;
}
.gotable {
    background-color: rgba(34,34,34,0.8);
    border:1px solid rgba(206,132,4,0.4) !important;
    color: #ffffff;
    border-radius: 10px;
    border-collapse: separate;
}
th {
    border-top: none !important;
}
td {
    border-top: none !important;
}
.goform > .game-form > form > div > select > option {
    background: rgba(34,34,34,0.7) !important;
    color: #ffffff !important;
}
.goform > .game-form > form > div > select, input, textarea  {
    background: rgba(255, 255, 255, 0.5) !important;
    color: #ffffff !important;
}
.user-form > form > div >.control-label {
    color: #ffffff;
}
.goform > .game-form > form > div >.control-label {
    color: #ffffff;
}
.summary {
    color: #ffffff;
}
.gridtable {
    background-color: rgba(34,34,34,0.8);
    border:1px solid rgba(206,132,4,0.4) !important;
    color: #ffffff;
    border-radius: 10px;
    border-collapse: separate;
}

.gridtable > thead > tr > td > select {
    background-color: rgba(248,215,218,0.0);
    color: #ffffff;
}
.gridtable > thead > tr > td > select > option {
    background: rgba(34,34,34,1) !important;
    color: #ffffff !important;
}
.dot-win {
    height: 0.7em;
    width: 0.7em;
    background-color: #4cae4c;
    border-radius: 50%;
    display: inline-block;
}
.dot-lose {
    height: 0.7em;
    width: 0.7em;
    background-color: #ac2925;
    border-radius: 50%;
    display: inline-block;
}
.dot-draw {
    height: 0.7em;
    width: 0.7em;
    background-color: #e38d13;
    border-radius: 50%;
    display: inline-block;
}
.field-user-receive_mail > label {
    color: #ffffff;
}
.gopanel {
    background-color: rgba(34,34,34,0.8) !important;
    border:1px solid rgba(206,132,4,0.4) !important;
    color: #9d9d9d !important
}
.gopanel:hover {
    border:1px solid rgba(206,132,4,1) !important;
    color: #ffffff !important;
}
.gopanel-head {
    background-color: unset !important;
    color: #9d9d9d !important
}
.gopanel:hover .gopanel-head {
    color: #ffffff !important;
}
.hoverrow:hover {
    background-color: rgba(235,235,235,0.05);
}
.text-component,.cd-timeline__img {
    background-color: #222222;
}
:root{
    --cd-color-2: grey;
    --color-white: grey;
}
.dropdown-menu {
    background-color: rgba(33,33,33,0.7) !important;
    border: 1px solid rgba(206,132,4,1) !important;
    border-top: rgba(33,33,33,1) !important;
}
.dropdown-menu > li > a {
    color: #ffffff !important;
}
.dropdown-menu > li > a:hover {
    background-color: rgba(206,132,4,0.6) !important;
}