﻿.alignbtn {
    margin: 3px 1px;
}
.alignbtn2 {
    margin-left:10px;
    margin-right:10px;
}
.wrap {
    width:100%;
}
.row-flat {
    display: table;
    content: " ";
    width:100%;
}
.main-content {
    background-color:#ffffff;
    padding:20px;
}
.main-content h2{
    margin:0px;
    font-size:24px;
    font-weight:bold;
}
.table-row-st {
    text-align:center;
}
.table-row-st1 {
    text-align:center;
    background-color:#ccc;
}
.table-header-st {
    color:#ffffff;
    text-align:center;
    background-color:#484139;
}
.table-header-st th{
    text-align:center;
}
.bettable {
    margin-top: 15px;
    margin-bottom: 0px;
}
.bettable .table-row-st1 {
    background-color: #dfdfdf;
}
.bettable .table-header-st {
    background-color: #285576;
}
.bettable .table-subheader-st {
    background-color: #342219;
}
.table-bordered.bettable  {
    border: 1px solid #543f2c;
}
.table-bordered.bettable  > thead > tr > th, .table-bordered.bettable  > tbody > tr > td {
    border: 1px solid #543f2c;
}
.table-bordered.bettable > thead > tr > th {
    font-size:16px;
}
.table-bordered.bettable > tbody > tr > td {
    color:#1b1b1b;
    font-weight:bold;
    vertical-align:middle;
    padding:4px;
}
.table-bordered.bettable > tbody > tr.table-subheader-st > td {
    color:#ffffff;
    text-align:center;
}
.resulttable {
    border-spacing: 1px;
    border-collapse: separate;
}
.resulttable .table-row-st1 {
    background-color: #dfdfdf;
}
.resulttable .table-header-st {
    background-color: #1f87d3;
}
.resulttable .table-header-st.newrow {
    background-color: #6fb600;
}
.table-bordered.resulttable, .table-bordered.resulttable > thead > tr > th, .table-bordered.resulttable  > tbody > tr > td {
    border: 1px solid #566977;
}
.table-bordered.resulttable > thead > tr > th {
    font-size:15px;
}
.table-bordered.resulttable  > tbody > tr > td {
    color:#000000;
    vertical-align:middle;
    padding:4px;
}
.table-description {
    text-align:left;
    padding-left:15px !important;
}
.table-amount {
    text-align:right;
    padding-left:15px !important;
    padding-right:15px !important;
}
.gameTitle {
    font-weight:bold;
    color:#007790;
}
.table-bordered.resultdetailtable > thead > tr > th {
    padding: 4px !important;
}
.table-bordered.resultdetailtable > tbody > tr > td {
    padding:1px !important;
}
.resultdetailtable .table-row-st1 {
    background-color:#dddddd;
}
.extraTop {
    margin-top:34px;
}
.searchbar-container {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #0094ff;
    width: 100%;
    text-align: center;
}
.searchbar-msg {
    margin-left:10px;
    color:#ffffff;
}
.referral-list li {
    margin-top:20px;
    max-width:650px;
}
.form-container {
    margin-top:10px;
    border:1px solid #dddddd;
    padding:20px;
    max-width:700px;
}
.dropdown-control {
    width:100%;
    height:34px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 14px;
}
.error-msg {
    width:100%;
    color:#ff0000;
}
.sidebar {
    display: block;
    border-right:none;
    text-align:center;
    padding:15px 0px 0px 0px;
}
.profileform {
    padding:40px;
    margin:20px auto;
    max-width:500px;
}
.depositform {
    padding:40px;
    margin:20px auto;
    max-width:700px;
}
.bet-control {
    min-width:60px;
}
.bet-num1 {
    min-width:30px;
}
.bet-num2 {
    min-width:40px;
}
.bet-num3 {
    min-width:50px;
}
.bet-num4 {
    min-width:60px;
}
.emptymargin {
    margin:0px;
}
.row-list {
    max-width:600px;
    display:block;
    margin:10px auto;
}
/* Site Verified Code */
.svc-container {
    position: fixed;
    top: 45px;
    left: 5px;
    z-index: 2000;
    display: none;
}
.svc-container img {
    height: 50px;
    width: 50px;
}
.svc-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.svc-img-container img {
    height: 90%;
    width: 90%;
}
#UCPopupModal .modal-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
#UCPopupModal.svc .modal-content {
    padding: 5px 20px;
}
#UCPopupModal.svc .close {
    color: #ffffff;
    opacity: 1;
}
.title-container .title {
    margin-left: 10px;
}
.title-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
/* Site Stats */
.siteinfo {
    font-family: Arial;
    margin-bottom: 10px;
}
.siteinfo .inner {
    padding: 0;
}
.info-container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
.info-container > .info-col {
    padding: 5px 10px;
}
.info-row {
    display: flex;
    flex-flow: row nowrap;
    padding: 1px 0;
}
.two-rows {
    flex: 2;
}
.info-col {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
}
.info-subtitle, .info-label {
    justify-content: center;
}
.info-label {
    justify-content: center;
    text-align: right;
    padding-left: 10px;
    flex: 0.5;
}
.info-label2 {
    justify-content: center;
    text-align: right;
}
.item-container {
    position: relative;
}
.item-container.item-number {
    text-align: right;
}
.item-text {
    position: absolute;
    font-weight: bold;
    font-size: 30px;
    top: 3px;
    right: 16px;
}
.info-number {
    justify-content: center;
    text-align: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
}
.item-bg {
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
}
.icon-members {
    display: inline-block;
    width: 40px;
    height: 40px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 4px;
}
.info-progress {
    width: 100%;
}
.info-progress .progress {
    padding: 2px 3px;
    border-radius: 10px;
    margin-top: 4px;
    margin-bottom: 2px;
}
.info-progress .progress .progress-bar {
    border-radius: 8px;
}
@media (min-width:1000px){
	.wrap {
		width:1000px;
	}
}
@media (min-width:768px){
	.loginPanel {
		padding-right:0px !important;
        padding-left:0px !important;
	}
    .topbar {
        padding-left:0px;
    }
    .navbar-condensed {
        font-size:13px;
    }
    .login-mainpage {
        min-height:520px;
    }
}
@media (max-width:999px) {
    .footer {
		padding-right:5px !important;
        padding-left:5px !important;
	}
}
@media (max-width:767px) {
    .result-block {
        margin:0px;
        text-align: left;
        padding-left:0px;
    }
    .searchbar {
        padding:0px 60px 0px 10px;
        border:none;
        box-shadow:none;
        -webkit-box-shadow:none;
    }
    .extraTop {
        margin-top:73px;
    }
    .topbar-detail {
        text-align:center;
    }
    .market-detail2 {
        display: inline;
        margin: 0px 10px;
    }
    .market-detail3 {
        margin: 10px 0px;
    }
    .dropdown-menu {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top:100%;
        margin-top:0px;
        width:164px;
    }
    .login-mainpage {
        padding:15px;
    }
    .profileform, .depositform {
        padding: 30px;
    }
    .row-list {
        max-width: 300px;
    }
    /* Site Verified Code */
    .svc-container {
        top: 10px;
        right: 10px;
        left: unset;
    }
    .svc-container img {
        height: 40px;
        width: 40px;
    }
    /* Site Stats */
    .siteinfo {
        padding: 0 10px;
    }
    .info-container {
        flex-flow: column nowrap;
    }
    .info-col.border-left-right {
        border-left: none;
        border-right: none;
    }
}
@media (max-width:349px){
	.banner-time {
        padding-left:40px;
	}
    .table-description {
        text-align:left;
        padding-left:4px !important;
    }
    .table-amount {
        text-align:right;
        padding-left:4px !important;
        padding-right:4px !important;
    }
    .profileform, .depositform{
        padding: 30px 10px;
    }
}