﻿.td_left{
    text-align: left
}
.div_head {
    font:  26px 'DB Helvethaica X 55';
}

.div_sub {
    font: 24px 'DB Helvethaica X 55';
}

.div_x_msg {
    font:  24px 'DB Helvethaica X 55';
    margin-left: 5px;
}
.div_x_msg_s {
    font:  22px 'DB Helvethaica X 55';
    margin-left: 5px;
}

.div_x_msg_x {
    font: 22px 'DB Helvethaica X 55';
    margin-left: 5px;
    display: none;
}

.type_head {
    font: 22px 'DB Helvethaica X 55';
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #BEBA9D;
}

.ddl_cell {
    font: 24px 'DB Helvethaica X 55';
    display: table-cell; margin-left: 20px; padding: 5px;
}                                                                                   

.div_x_blank{
    width: 20px;
}

.txt_cell {
    font: 20px 'DB Helvethaica X 55';
    width: 60%   ; padding-left: 5px;
}

.txt_cell_rate {
    font: 20px 'DB Helvethaica X 55';
    width: 100%;
    padding-left: 5px;
}

.txt_form_act {
    font: 20px 'DB Helvethaica X 55'; color: blue;
    padding: 2px;
}
.txt_form {
    font: 16px 'DB Helvethaica X 55';
    padding: 2px;
}
.txt_big {
    font: 22px 'DB Helvethaica X 55';
    padding: 2px;
}
.txt_form_dis {
    font: 16px 'DB Helvethaica X 55';
    padding: 2px;
    background-color: lightgray;
}

.tb_cell {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    cursor: pointer;
}

.tb_cell:hover {
    background-color: #ECE9E0;
    cursor: pointer;
}
.tb_cell_l {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
}
.tb_cell_act {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    background-color: #ECE9E0;
    cursor: pointer;
}

.sp_cell {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
}

.mask_txt {
    font: 16px 'DB Helvethaica X 55';
    text-align: center;
}

.hide {
    display: none;
}

.tbl_td1 {
    font: 20px 'DB Helvethaica X 55';
    text-align: right;
    width: 30%;
    padding: 5px;
}
tbl_td2 {
    font: 20px 'DB Helvethaica X 55';
    width: 70%;
    padding: 5px;
}

.tbl_detail {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}

.pay_rate {
    border: 1px solid silver;
    font: 18px 'DB Helvethaica X 55';
}
.pay_rate div {
    display: table-row
}

    .pay_rate div div:nth-child(2n+1) {
        width: 10%;
        display: table-cell ;
        text-align: right;
        background-color: gray;
        color: white;
        padding: 3px;
    }
    .pay_rate div div:nth-child(2n+2) {
        width: 10%;
        display: table-cell;
        text-align: left;
        background-color: bisque;
    }

.bet_input {
    padding: 5px;
    font: 24px 'DB Helvethaica X 55';
}

    .bet_input div {
        display: table ;
            
    }

        .bet_input div div:nth-child(2n+1) {
            width: 100px;
            display: table-cell;
            text-align: right;
            padding: 3px;
        }

        .bet_input div div:nth-child(2n+2) {
            width: auto;
            display: table-cell;
            text-align: left;
            color: blue;
        }

    .tbl_detail tr td:first-child {
        font: 20px 'DB Helvethaica X 55';
        text-align: right;
        width: 20%;
        padding: 5px;
    }

    .tbl_detail tr td:last-child {
        font: 20px 'DB Helvethaica X 55';
        /*width: 70%;*/
        padding: 5px;
        text-align: left;
    }

#msg_body_err, #msg_body_finish, #msg_body {
    font: 20px 'DB Helvethaica X 55';
    /*width: 70%;*/
    padding: 5px;
    text-align: left;
}
.wait_frame {
    padding: 1px;
    border: 1px solid #A12524;
    display: none;
    min-height: 180px;
    background-color: white;
}

.dlg_frame {
    padding: 1px;
    border: 1px solid #A12524;
    display: none;
    background-color: white;
    height: auto;
}

.d_frame {
    padding: 1px;
    border: 1px solid #A12524;
    display: none;
    background-color: white;
}

.dlg_header {
    color: #ffffff;
    font: 20px 'DB Helvethaica X 55';
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    background-color: #0069d9;
}

.dlg_body {
    font: 20px 'DB Helvethaica X 55';
    padding: 5px;
    text-align: left; min-height: 120px;
}

.wait_body {
    font-family: 'DB Helvethaica X 55';
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    min-height: 100px;
    padding: 2px
}

.dlg_cmd {
    width: 98%;
    min-height: 40px !important;
    margin-top: 10px;
    text-align: right
}

.dlg_holder {
    width: auto;
    margin-right: 20px;
}

.dlg_button {
    font: 18px 'DB Helvethaica X 55';
    user-select: none;
    border: 1px solid darkgray;
    cursor: pointer;
    background-color: #D25618;
    min-width: 80px;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    color: #666;
    width: auto;
    height: 30px;
    background-image: linear-gradient(180deg, #ECE9E0, #BEBA9D);
    border-radius: .25em;
}

.dlg_cmd_true, .dlg_cmd_false {
    font: 18px 'DB Helvethaica X 55';
    user-select: none;
    border: 1px solid darkgray;
    cursor: pointer;
    background-color: #D25618;
    min-width: 80px;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    color: #666;
    width: auto;
    height: 30px;
    background-image: linear-gradient(180deg, #ECE9E0, #BEBA9D);
    border-radius: .25em;
}



.dlg_button_txt {
    font: 18px 'DB Helvethaica X 55';
    user-select: none;
    border: 1px solid darkgray;
    cursor: pointer;
    background-color: #fff;
    min-width: 80px;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    color: #666;
    width: 350px;
    height: 30px;
    border-radius: .25em;
}
.btn_ok {
}
.btn_close {
}
.frame{}
.plus {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.minus {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.form_cmd {
    width: 98%;
    min-height: 40px !important;
    margin-top: 10px;
    text-align: right
}

.form_holder {
    width: auto;
    margin-right: 20px;
}
.dropdownstyle {
    /*padding: 3px;*/
    /*border: solid 1px #517B97;*/
    background-image: url(../Images/form_bg.jpg);
    border: 1px solid #d1c7ac;
    background-repeat: repeat-x;
    outline: 0;
    height: 25px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    width: 150px;
    font: 18px 'DB Helvethaica X 55'
}

.dropdownnumberstyle {
    font: 18px 'DB Helvethaica X 55';
    background-image: url(../Images/form_bg.jpg);
    width: 180px;
    height: 20px;
    padding: 2px 2px 2px 2px;
    /*border: 1px solid #BEBEBE;*/
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    font: 8pt Tahoma, Serif;
    color: #3A66CC;
    text-align: right;
}

.verticalLine {
    border-left: thick solid silver;
}
.l_lotto{
    min-height: 300px; 
}
#rd_type_list > tbody > tr > td > label{
   margin-left: .5rem;
}

.grid_head {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #BEBA9D;
}
.grid_row_act {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: yellow;
}

.grid_row_alt_act {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: yellow;
}

.grid_row {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #D9D9D9;
}
.grid_row_alt {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #F2F2F2;
}
    .grid_row:hover {
        background-color: lightgray;
        cursor: pointer;
    }

.grid_row_h {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    margin: 0;
    padding: 0;
}

.grid_row_h:hover {
    background-color: #ECE9E0;
    cursor: pointer;
}
.grid_txt {
    font: 20px 'DB Helvethaica X 55';
    width: 90%;
    padding-left: 5px;
}

.grid_img {
    width: 100%;
    text-align: center;
    border: 1px solid silver;
}

.grid_txt_dis {
    font: 20px 'DB Helvethaica X 55';
    width: 90%;
    padding-left: 5px;
    background-color: lightgray;
    
}

.grid_head_sum {
    font: 20px 'DB Helvethaica X 55';
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #ECE9E0;
}
.sp_txt {
    font: 18px 'DB Helvethaica X 55';
    padding: 5px;
}
.checkbox {
    background-position-x: right;
    background-position-y: center;
    background-image: url('../images/chk.png');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: left;
    padding-left: 15px;
}

.checkbox_clear {
    background-position-x: right;
    background-position-y: center;
    background-image: url('../images/un_chk.png');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: left;
    padding-left: 15px;
}

.chk_txt {
    font: 20px 'DB Helvethaica X 55';
    float: left;
    color: blue;
}

.chk_txt_clear {
    font: 20px 'DB Helvethaica X 55';
    float: left;
}

.bet_result {
    border: 1px solid silver;
    font: 20px 'DB Helvethaica X 55';
    display: table-row  ;
    padding: 5px;
        
}
    .bet_result div:nth-child(2n+1) {
        display: table-cell;
        text-align: right;
        padding:inherit;
    }
    .bet_result div:nth-child(2n+2) {
        display: table-cell;
        text-align: left;
        padding: inherit;
    }

.result {
    /*border: 1px solid silver;*/
    font: 20px 'DB Helvethaica X 55';
    border-collapse: separate;
    border-spacing: 5px;
}
    .result div {
        float:left;
        margin-left: 10px;
    }

.bet_type {
    border: 1px solid silver;
    font: 20px 'DB Helvethaica X 55';
}

    .bet_type div {
        display: table-row
    }

.div_bet_type{
    display:table;
}

.trans {
    border: 1px solid silver;
    font: 18px 'DB Helvethaica X 55';
}

    .trans div {
        display: table-row  ;
        padding-left: 5px;
    }

        .trans div div:nth-child(2n+1) {
      
            display: table-cell;
            text-align: right;
        }

        .trans div div:nth-child(2n+2) {
        
            display: table-cell;
            text-align: left;
        }

.h-space {
    width: 5px
}
.v-space {
    height: 5px
}
.sepia {
    -webkit-filter: invert(100%);
    position: absolute;
    top: 6.5px;
    right: 6.5px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

    .sepia:hover {
        -webkit-filter: sepia(100%);
    }
.xnum{
    background-color: white;
}

.sum_row {
    font: 20px 'DB Helvethaica X 55';
    background-color: #ECE9E0;
    border-top: 1px solid black;
}

.sum_row_bet {
    font: 20px 'DB Helvethaica X 55';
    background-color: gray;
    border-top: 1px solid black;
    text-align: center;
    color: white;
}

.autocompletex {
    display: none;
    
    position: absolute;
    height: 250px;
    z-index: 1000;
}
.dropdownstyle_cust {
    height: 350px;
    width: 180px;
    font: 20px 'DB Helvethaica X 55';
}

.opt {
    padding-left: 2px;
}
    .opt:hover {
        padding-left: 2px;
        background-color: #ECE9E0;
    }

.result_first {
    width: 100%;
    border: 1px solid silver;
    padding: 5px;
    margin-top: 10px;
}

.atc {
    border: 1px solid silver;
    padding: 5px;
    margin-top: 10px;
    font: 22px 'DB Helvethaica X 55';
}

.rej_span {
    font: 22px 'DB Helvethaica X 55';
    margin-left: 5px;
}

.rej_head {
    font: 22px 'DB Helvethaica X 55';
    color: blue;
}