.ContentStyle
{
    float: left;
    margin-left: 12px;
    margin-top: 2px;
}

.copyright1
{
    float: left;
    margin-left: 15px;
    padding-top: 5px;
}

.bottomRight
{
    float: right;
    margin-right: 15px;
    padding-top: 10px;
}

.tab {
    border-width: 0px;
    border-style: none;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 10pt;
}

.activetab {
    border-width: 0px;
    border-style: none;
    background-color: #A2A7A3;
    color: #FFFFFF;
    font-size: 10pt;
}

.tabContent td
{
    vertical-align: top;
    padding: 8px;
}
.tabTemplate
{
    border-collapse: collapse;
    font: 11px Tahoma;
    color: #333333;
}
.tabTemplate img
{
    margin: 0;
    display: block;
}

.loginbox
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 300px;
    Height:24px;
    font-family:Arial;
    font-size:14pt;
    background-color:transparent;
    border-color:white;
    Border-Width:2px;
}

.templateTable
{
    border-collapse: collapse;
    width: 100%;
}
.templateTable td
{
    border: solid 1px #C2D4DA;
    padding: 6px;
}
.templateTable td.value {
    font-weight: bold;
    color: #000000;
    border-color: white;
    background-color: #ececec;
}
.templateTable td.title {
    font-weight: bold;
    color: #000000;
    background-color: #b8b0b0;
    border-color: white;
}
.LoginedTemplate {
    background-color: #1A0000;
    color: #FFFFFF;
    font-family: Arial;
    padding: 10px;
    font-size: 10pt;
}
.roundTop {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.roundBottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.roundControl {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.dxeHyperlink
{
    font-family: Arial;
    font-size: 6pt;
    font-weight: normal;
    color: #fff799;
    text-decoration: none;
}

a.dxeHyperlink:hover, a.dxeHyperlink:visited:hover {
    font-family: Arial;
    font-size: 6pt;
    font-weight: normal;
    color: #fff799;
    text-decoration: underline;
}

a.dxeHyperlink:visited
{
    font-family: Arial;
    font-size: 6pt;
    font-weight: bold;
    color: #fff799;
    text-decoration: none;
}

.leftPane {
    background-image: url(../Content/Images/bkg.jpg);
}

.gridview {
    border-style: solid !important;
    border-width: 1px 0px 1px 0px !important;
    font-size: 9pt !important;
    background: #fff;
}

.gridviewHeader1 {
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-color: White;
    background-color: #0B3861 !important;
    background-image: none !important;
    font-weight: bold !important;
    color: #ffffff !important;
}

.newLink {
    text-decoration: underline !important;
    color: White !important;
    font-weight: bold !important;
}

.childcontent {
    font-size:9pt;
}

.btnNormal {
    width: 100px;
    background-image: url(../Content/Images/loginb.png);
    background-repeat: repeat;
}

.btnHover {
    width: 100px;
    background-image: url(../Content/Images/btnHover.png);
    background-repeat: repeat;
}

.label {
    font-size: 9pt;
    font-family: Arial;
}

.searchtext {
    font-size: 9pt !important;
    font-family: Arial !important;
    width:150px !important;
}

.searchlabel {
    font-size: 9pt !important;
    font-family: 'Arial !important';
    width: 80px !important;
}

.searchTable
{
    border-collapse: collapse;
    width: 100%;
}

.searchTable td {
    border: solid 0px #C2D4DA;
    padding: 3px;
}

.aspxPopupHeaderStyle td.dxpc {
    color: #CC0000 !important;
}

.combobutton {
    background-color: #9d7171 !important;
    background-image: none !important;
}

.combobuttonhover {
    background-color: #904858 !important;
    background-image: none !important;
}

.comboItemHover {
    background-color: #9d7171 !important;
    color: #FFFFFF !important;
}

.comboItemSelected {
    background-color: #8b3447 !important;
    color: #FFFFFF !important;
}


.popuplink {
    color: #CC3300 !important;
    font-size: 9pt !important;
    text-decoration: underline !important;
}

.calendarheader {
    background-color: #491e28 !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

.calendarfooter {
    background-color: #f0e7e7 !important;
}

.calendartoday {
    background-color: #9d7171 !important;
}

.calendarselected {
    background-color: #8b3447 !important;
}

.calendarbutton {
    background-image: url('Images/btnNormal.png') !important;
}

.calendarbuttonhover {
    background-image: url('Images/btnHover.png') !important;
}

.checkboxuntick {
    background-image: url('Images/untick.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
}

.checkboxtick {
    background-image: url('Images/tick.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center bottom;
    width: 15px !important;
    height: 15px !important;
}

.report {
    width: 100% !important;
    height: 790px !important;
    font-family: Arial;
    font-size: small;
}


.fontcolorBlack {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #008080 !important;
}


.searchdate {
    font-weight: 500 !important;
    font-size: 15px !important;
}

.dxgvFocusedRow_MetropolisBlue, .dxgvFocusedRow_MetropolisBlue a {
    background-color: #f9a221 !important;
    color: White;
}






/*for gridjs bet history report use -- START*/
.highlight {
    background-color: lightgreen !important;
    color: white
}

.focused {
    background-color: #f9a221 !important;
    color: white
}

.totalRow {
    position: sticky;
    bottom: 0px;
    left: 0;
    width: 100%;
    background-color: white !important;
    box-shadow: inset 0 1px 0 gray, inset 0 -1px 0 gray;
}

.emptyRow td {
    background-color: white !important;
    border: none !important;
}

.positiveColor {
    color: blue;
}

.negativeColor {
    color: red;
}

.darkGreenColor {
        color: darkgreen;
    }

.blueColor {
    color: blue;
}

.blackColor {
    color: black;
}

.currenyCellFormat {
    text-align: right;
    padding: 4px 8px;
}

.textCellFormat {
    text-align: center;
}

.textCellLeftFormat {
    text-align: left;
}

#loadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    border-radius: 2px;
}

.loadingSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid #fff;
    border-top-color: #428bca;
    animation: spin 1s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.gridjs-loading-bar, .gridjs-loading {
    display: none;
}


/*custom css for cater FF when no record, the header too thick issue*/ 
.gridjs-tbody {
    height:100%;
}

.actionbtn {
    width: 70px;
    border: 1px solid #c0c0c0;
    padding: 3px 8px 4px;
    color: #333333;
    cursor: pointer;
    font: normal 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    text-align: center;
    border-spacing: 0;
    background-color: white;
}

    .actionbtn:hover {
        width: 70px;
        padding: 3px 8px 4px;
        color: white;
        background-color: rgb(0,112,223);
        border-color: rgb(0,112,223);
        cursor: pointer;
        font: normal 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        text-align: center;
        border-spacing: 0;
    }

    .actionbtn:active {
        width: 70px;
        padding: 3px 8px 4px;
        color: white;
        background-color: rgb(166,166,255);
        border-color: rgb(0,112,223);
        background-color: white;
        cursor: pointer;
        font: normal 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        text-align: center;
        border-spacing: 0;
    }
    
        .wrapASPxGrid {
            word-break: break-all;
        }
/*for gridjs bet history report use -- END*/