*{
    font-size:13px;
    font-family: 'Lato', sans-serif;
}
body{
    background-color:#EDF3F7;
    padding-bottom:20px;
    min-width:1180px;
    width:100%;
    position:relative;
}
h1{
    font-size: 22px;
    font-weight: bold;
    color: #0BAEFF;
}
h2{
    font-size: 18px;
    font-weight: bold;
}
h3{
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
}
h4{
    font-size: 14px;
    margin-bottom: 2px;
}
select{
    border: solid 1px rgba(100,100,100,0.2);
    padding: 2px 25px 2px 10px;
}
ul {
    padding: 0px;
    list-style-type: none; 
}

label{
	font-weight: 100;
}

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

.chkFloatRight{
	float: right;	
}

.container{
    width:1170px !important;
}
.bold{
    font-weight:bold;
}
.navbar>.container-fluid .navbar-brand{
    margin-left:0px;
}
.system_bar{
    height:25px;
    background-color:black;
    color:white;
}
.system_bar_items{
    float:right;
    margin-left:25px;
    cursor:pointer;
}

.version_bar {
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    background-color:rgb(204,215,219);
    color:rgb(135,135,137);
}
.locale_active{
    color:rgb(7,149,247);
}
.login_logo{
    color: #0BAEFF;
    font-size: 60px;
    margin: 40px auto 35px;
    font-weight: bold;
    width: 200px;
}
.white_text{
    color:white;
}
.pointer_cursor{
    cursor:pointer;
}
.log_in{
    font-size: 26px;
    margin-bottom:15px;
}
.input_box{
    width:270px;
    padding:5px 10px;
    margin-bottom: 20px;
    border:solid 1px rgba(100,100,100,0.2);
}
.white_button{
    height: 35px;
    border-radius: 5px;
    color: rgb(12,172,255);
    background-color: white;
    margin-bottom: 10px;
    border:solid 1px rgba(100,100,100,0.2);
    width:110px;
}
.green_button{
    border:solid 1px rgba(100,100,100,0.2);
    color:white;
    background-color:rgb(12,175,144);
    border-radius: 5px;
    height: 35px;
    width:110px;
    margin-bottom: 10px;
}
.blue_button{
    border:solid 1px rgba(100,100,100,0.2);
    color:white;
    background-color:rgb(12,175,255);
    border-radius: 5px;
    height: 35px;
    width:110px;
    margin-bottom: 10px;
}
.red_button{
    border:solid 1px rgba(100,100,100,0.2);
    color:white;
    background-color:rgb(255,0,0);
    border-radius: 5px;
    height: 35px;
    width:110px;
    margin-bottom: 10px;
}
.icon_wrapper{
    width: 250px;
    text-align: center;
    margin: 20px auto 0px;
}
.icon_wrapper img {
    margin: 0px 5px;
}
.main_menu{
    background: url("/vboss/images/yes/login_bg.png") repeat;
    height:38px;
    background-size: contain;
    box-shadow: 0px 4px 10px;
}
.main_menu .navbar{
    margin-bottom: 0px;
    min-height: 35px;
}
.main_menu .navbar-brand{
    height:35px;
    padding: 3px 0 0 0;
}
.main_menu .navbar-nav>li>a{
    padding-top: 5px;
    padding-bottom: 1px;
    color: white;
    padding-left: 0px;
    /*padding-right: 0px;*/
    margin: auto 15px;
}
.main_menu .nav>li>a:focus, .main_menu .nav>li>a:hover{
    background-color: transparent;
    color: white ;
    font-weight: bold;
}
.main_menu .nav>li>a:focus > .menu_word, .main_menu .nav>li>a:hover > .menu_word{
    padding-bottom: 2px;
    border-bottom:2px solid white;
}
.main_menu a.active{
    font-weight: bold;
}
.main_menu a.active > .menu_word{
    padding-bottom: 2px;
    border-bottom:2px solid white;
}
.navbar-nav>li>.dropdown-menu{
	margin-top: 12px;
	margin-left: 14px;
}
.box_shadow {
    background-color: white;
	border: solid 1px rgba(100,100,100,0.2);
	box-shadow: 5px 5px 15px #ccc;
	margin-bottom: 20px;
}
.box_no_shadow{
    background-color: white;
    border: solid 1px rgba(100,100,100,0.2);
}
.ad_left_top{
    width: 70%;
    float:left;
    padding:10px;
    margin-bottom:10px;
}
.ad_left_btm{
    width: 70%;
    float:left;
    padding:10px;
    margin-bottom:20px;
}
.ad_right_top{
    width: 29%;
    float:right;
    padding:10px;
    height:310px;
    text-align: center;
}
.ad_left_btm h4{
    float:left;
    width:300px;
}
.ad_right_top h2{
    color: rgb(12,175,144);
}
/*
.ad_right_top img{
    margin-top:30px;
    margin-bottom:20px;
}
*/
.cl_box{
    width: 100%;
    overflow: auto;
    margin-bottom:20px;
}
.custom_header div {
    height: 77px;
    font-weight: bold;
}
.custom_table, .custom_row{
    overflow: auto;
}
.custom_col_day{
    float:left;
    width:88px;
    padding-left: 10px;
    border: solid 1px rgba(100,100,100,0.2); 
}
.custom_col_comp{
    width:11%;
    text-align: center;
    position: relative;
    border: solid 1px rgba(100,100,100,0.2);
}
.custom_col_day p, .custom_col_comp p{
    padding-top: 6px;
    margin-bottom: 0px;
}
.bet_empty{
    border-top:solid 4px white;
    height:71px;
}
.magnum{
    border-top:solid 4px rgb(238,196,76);
    padding-top: 5px;
    padding-bottom: 5px;
}
.pmp{
    border-top:solid 4px rgb(51,105,255);
    padding-top: 10px;
}
.pmp p{
    margin-top:3px;
    margin-bottom:3px;
}
.toto{
    border-top:solid 4px rgb(194,19,32);
    padding-top: 4px;
}
.toto p{
    margin-bottom:3px;
}
.singapore{
    border-top:solid 4px rgb(50,198,244);
    padding-top: 4px;
}
.singapore p{
    margin-top:5px;
    margin-bottom:4px;
}
.sabah{
    border-top:solid 4px rgb(229,33,35);
    padding-top: 6px;
}
.sabah p{
    margin-top:4px;
    margin-bottom:4px;
}
.sandakan{
    border-top:solid 4px rgb(7,173,65);
    padding-top: 7px;
}
.sandakan p{
    margin-top:5px;
    margin-bottom:4px;
}
.sarawak{
    border-top:solid 4px rgb(2,105,36);
    padding-top: 2px;
}
.sarawak p{
    margin-top:7px;
    margin-bottom:4px;
}
.perdana{
    border-top:solid 4px #ff8000;
    padding-top: 2px;
}
.perdana p{
    margin-top:4px;
    margin-bottom:2px;
}
.hl{
    border-top:solid 4px gold;
    padding-top: 2px;
}
.hl p{
    margin-top:4px;
    margin-bottom:2px;
}
.account_wrapper{
    overflow: auto;
    margin-bottom: 20px;
    float: left;
    margin-top: 5px;
}
.account_wrapper div{
    float:left;
    margin-right: 10px;
}
.bet_acc{
    padding-top: 3px;
}
.bm_wrapper {
    float: left;
    margin-left: 40px;
}
.bm_wrapper p{
    margin-bottom:0px;
}
.bet_table{
    width:100%;
    text-align: center;
    border: solid 1px rgba(100,100,100,0.2);
}
.bet_table img {
    width: 25px;
}
.bet_table .custom_row{
    background-color:rgb(237,237,237);
}
.custom_td{
    width: 40px;
}
.mini_magnum{
    border-top:solid 4px rgb(238,196,76);
}
.mini_pmp{
    border-top:solid 4px rgb(51,105,255);
}
.mini_toto{
    border-top:solid 4px rgb(194,19,32);
}
.mini_singapore{
    border-top:solid 4px rgb(50,198,244);
}
.mini_sabah{
    border-top:solid 4px rgb(229,33,35);
}
.mini_sandakan{
    border-top:solid 4px rgb(7,173,65);
}
.mini_sarawak{
    border-top:solid 4px rgb(2,105,36);
}
.mini_gd{
    border-top:solid 4px rgb(137,7,7);
}
.bet_input {
    width: 50px;
    border: solid 1px rgba(100,100,100,0.2);
    margin-top: 7px;
}
input.bet_checkbox{
    margin-top: 10px;
}

.checkbox_wrapper {
    display: block;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}
.credit_limit_box{
    width: 100%;
    padding: 5px 0px;
    float: left;
}
.user_acc_menu{
    width: 100%;
    float: left;
}
.user_acc_details{
    width:100%;
    float:right;
    padding: 15px;
}

.acc_container{
    float: left;
    width: 100%;
}
.small_wrapper{
    width:150px;
    float:left;
    clear: both;
}
.big_wrapper{
    width:270px;
    float:left;
}
.big_wrapper .input_text{
    width: 127px;
    padding: 3px 5px;
}
.big_wrapper input[type=checkbox]{
    margin-right:5px;
}
.float_right_checkbox{
    float:right;
    width: 50%;
    text-align: right;
}
.float_left_h2{
    float:left;
    width: 50%;
}
.prize_a{
    width:120px;
    clear:both;
    float:left;
}
.prize_b{
    width: 250px;
    float:left;
    margin-left: 20px;
}
.prize_c{
    width:120px;
    float:left;
    margin-left: 20px;
    margin-right: 20px;
}
.prize_d{
    width: 50px;
    margin-right: 30px;
    float:left;
}
.bottom.user_acc_details input {
    margin-right: 5px;
}
.prize_half_container{
    width:50%;
    float:left;
}
.prize_quar_container{
    width:25%;
    float:left;
}
.box_one {
    width: 23%;
    float: left;
    margin-right: 10px;
}
.box_last{
    width:288px;
    float:left;
}
.upd_left_wrapper{
    width: 18%;
	float: left;
	margin: 0px 5px 0px 5%;
}
.upd_right_wrapper{
    width: 70%;
	float: right;
	margin-top: 60px;
	margin-right: 5%;
}
.grey_box{
    background-color:#ededed;
}
.light_grey_box{
    background-color: rgba(249,249,249,249);
}
.table_quar{
    width:25%;
}
.mini_top_input {s
    margin-top: 24px;
}
.mini_input {
    margin-bottom: 7px;
    margin-left: 5px;
}
.label_left {
    width: 100px;
    float: left;
}
.span_value {
    float: left;
    width: 120px;
}
.span_value input{
    width: 100%;
}
.h4_wrapper {
    float: left;
    font-weight: bold;
}
.upd_wrapper {
    border: solid 1px rgba(100,100,100,0.2);
    margin-bottom: 20px;
    padding: 0px 0px 10px 10px;
    float: left;
}

.box_unique{
    width:280px;
    float:left;
    margin-right:6px;
}
.change_pass_form {
    height: 285px;
    padding-top: 17px;
    text-align: center;
}
.change_pass_form .clear_button{
    border: solid 1px white;
    color: white;
    margin-left: 10px;
}
.main_menu_tab {
    background-color: rgb(237,237,237);
    padding: 10px;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    border: solid 1px rgba(100,100,100,0.2);
    font-weight: bold;
    margin-bottom: -3px;
    cursor: pointer;
    z-index: 999;
    color: rgb(117,117,117);
}
.main_menu_tab.active{
    background-color: white;
    border-radius: 10px 10px 0px 0px;
    border: 0px;
    color: black;
}
.user_package_tab {
    background-color: rgb(237,237,237);
    padding: 10px;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    border: solid 1px rgba(100,100,100,0.2);
    font-weight: bold;
    margin-bottom: -3px;
    cursor: pointer;
    z-index: 999;
    color: rgb(117,117,117);
}
.user_package_tab.active{
    background-color: #efefef;
    border-radius: 10px 10px 0px 0px;
    border: 0px;
    color: black;
}
/* 鈥斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€�
  Tree core styles
*/
.tree { margin: 1em; }
.tree input { position: absolute;clip: rect(0, 0, 0, 0);  }
.tree input ~ ul { display: none; }
.tree input:checked ~ ul { display: block; }
/* 鈥斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€�
  Tree rows
*/
.tree li { line-height: 1.2;position: relative;padding: 0 0 1em 1em;  }
.tree ul li { padding: 1em 0 0 1em; }
.tree > li:last-child { padding-bottom: 0; }
/* 鈥斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€�
  Tree labels
*/
.tree_label { position: relative;display: inline-block;background: #fff;  }
label.tree_label { cursor: pointer; }
label.tree_label:hover { color: #666; }
/* 鈥斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€�
  Tree expanded icon
*/
label.tree_label:before { background: #000;color: #fff;position: relative;z-index: 1;float: left;margin: 0 1em 0 -2em;width: 1em;height: 1em;border-radius: 1em;content: '+';text-align: center;line-height: .9em;  }
:checked ~ label.tree_label:before { content: '鈥�'; }
/* 鈥斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€�
  Tree branches
*/
.tree li:before { position: absolute;top: 0;bottom: 0;left: -.5em;display: block;width: 0;border-left: 1px solid #777;content: "";  }
.tree_label:after { position: absolute;top: 0;left: -1.5em;display: block;height: 0.5em;width: 1em;border-bottom: 1px solid #777;border-left: 1px solid #777;border-radius: 0 0 0 .3em;content: '';  }
label.tree_label:after { border-bottom: 0; }
:checked ~ label.tree_label:after { border-radius: 0 .3em 0 0;border-top: 1px solid #777;border-right: 1px solid #777;border-bottom: 0;border-left: 0;bottom: 0;top: 0.5em;height: auto;  }
.tree li:last-child:before { height: 1em;bottom: auto;  }
.tree > li:last-child:before { display: none; }
.tree_custom { display: block;background: #eee;padding: 1em;border-radius: 0.3em;}

/* Hide the browser's default checkbox */
.checkbox_wrapper input { position: absolute;opacity: 0;cursor: pointer;margin-top: 0px;z-index: 9;  }

/* Create a custom checkbox */
.checkmark { position: absolute;height: 15px;width: 15px;background-color: #eee;border: solid 1px rgba(100,100,100,0.2); }

/* On mouse-over, add a grey background color */
.checkbox_wrapper:hover input ~ .checkmark { background-color: #ccc;  }

/* When the checkbox is checked, add a blue background */
.checkbox_wrapper input:checked ~ .checkmark { background-color: #2196F3; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: "";position: absolute; display: none; }

/* Show the checkmark when checked */
.checkbox_wrapper input:checked ~ .checkmark:after { display: block; }


/** Syaafi css **/
.small_font{
    font-size:14px;
    font-weight:normal;
}

.text-center{
    text-align: center;
    vertical-align: top !important;
}

table {
    font-family: arial, sans-serif;
    border: 0px;
    padding:0;
    margin:0;
    border-collapse: collapse;
}

.pull{
    margin-top: 20px;
}

#new{
    margin-left: 20px
}
.nity{
    border: solid 1px rgba(100,100,100,0.2);
}

.vl {
    border-left: 6px ;
    height: 300px;
}

.table1{
    border: solid 1px rgba(100,100,100,0.2);
    height: 280px;
    margin-bottom: 20px;
    padding: 0px 20px;
}
#table2{
    border: solid 1px rgba(100,100,100,0.2);
    height: 180px;
    margin-bottom: 20px;
    margin-right:15px;
    width: 23%;
}
#table3{
    border: solid 1px rgba(100,100,100,0.2);
    height: 220px;
    margin-bottom: 20px;
    margin-right:15px;
    width: 23%;
}



.dark1{
    font-weight: 900;
}

.dark3{
    font-weight: 900;
    font-size: 18px;
}
.right1{
    float: right;
    /*border: solid 1px rgba(100,100,100,0.2);*/
}
.big1{
    font-size: 13px;
    font-weight: bold;
    color: #0BAEFF;
}

.th1{
    font-size: 13px;
    font-weight: bold;
    color: #0BAEFF;
}
.input1{
    margin-left: 35px;
    margin-right: 20px;
    border: solid 1px rgba(100,100,100,0.2);
}

.li1{
    list-style-type: none;
    padding-bottom: 9px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
}
.li2{
    padding-bottom: 10px;
    list-style-type: none;
    font-size: 13px;
    font-weight: bold;
}
.li3{
    list-style-type: none;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
}

input{ border: solid 1px rgba(100,100,100,0.2);}

.success2{color:limegreen;}
.fail2{color:red;}

td{
	padding: 2px;
}
td.transparent {
    border: 0px !important;
    text-align: right;
    background-color: transparent;
}

td.white_td{
    background-color: #ffffff;
}
td.border, th.border{
    border: 1px solid #ddd;
}

.vertical-menu {
    width: 100%;
    margin-top: 10px;
}
.vertical-menu a {
    display: block;
    padding: 10px 0px 10px 35px;
    text-decoration: none;
    margin-right: 0px;
    margin-left: -3px;
    text-align: left;
    font-size: 13px;
    color:black;
    font-weight: bold;
}

.vertical-menu a.active {
    background-color: rgb(12,175,255);
    color: white;
}

.vertical-menu i{
    margin-left: 12px;
}

.ad_left1_top{
    width: 100%;
    float:left;
    padding:10px;
    margin-bottom:10px;
}
.box_no1_shadow{
    background-color: white;
    margin-top: 1%;
    margin-bottom: 15px;
}
.li3{
    list-style-type: none;
    float: left;
    padding-right: 10px;
    padding-top: 10px;
}
.li4{
    list-style-type: none;float:left;
}
.li5{
    list-style-type: none;
}
.clear_button{
    height: 35px;
    border-radius: 5px;
    color: rgb(12,172,255);
    background-color: transparent;
    margin-bottom: 10px;
    border:solid 1px rgb(12,172,255);
    width:110px;
}
.color-box-right{
    border: solid 1px rgba(100,100,100,0.2);
    width: 100%;  
    height: 15px;
    margin-top: 30px;
}

.color-box-left{
    border: solid 1px rgba(100,100,100,0.2);
    width: 100%;
    height: 15px;
    margin-top: 30px;
}

.magnum-color-box-right{
    border: solid 1px rgba(100,100,100,0.2);
    width: 100%;
    height: 15px;
    margin-top: 30px;
    background-color: rgb(238,196,75);
    margin-right: 25px;
}

.magnum-color-box-left{
    border: solid 1px rgba(100,100,100,0.2);
    width: 100%;
    height: 15px;
    margin-top: 30px;
    background-color: rgb(238,196,75);
}

.pmp-color-box-right{
    border: solid 1px rgba(100,100,100,0.2);
    width: 100%;
    height: 15px;
    margin-top: 30px;
    background-color: #3369ff;
    margin-right: 35px;
}

.pmp-color-box-left{
    margin-left: 49px;
    border: solid 1px rgba(100,100,100,0.2);
    width: 180px;
    height: 15px;
    margin-top: 30px;
    background-color: #3369ff;
}

.toto-color-box-right{
    border: solid 1px rgba(100,100,100,0.2);
    width: 90px;
    height: 15px;
    margin-top: 30px;
    background-color: #c21320;
    margin-right: 38px;
}
.toto-color-box-left{
    border: solid 1px rgba(100,100,100,0.2);
    width: 90px;
    height: 15px;
    margin-top: 30px;
    background-color: #c21320;
    margin-left: 50px;
}

.singapore-color-box-right{
    border: solid 1px rgba(100,100,100,0.2);
    width: 90px;
    height: 15px;
    margin-top: 30px;
    background-color: #32c6f4;
    margin-right: 20px;
}
.singapore-color-box-left{
    border: solid 1px rgba(100,100,100,0.2);
    width: 90px;
    height: 15px;
    margin-top: 30px;
    background-color: #32c6f4;
    margin-left: 19px;
}
.sabah-color-box-right{
    border: solid 1px rgba(100,100,100,0.2);
    width: 90px;
    height: 15px;
    margin-top: 30px;
    background-color: #e52122;
    margin-right: 35px;
}

.sabah-color-box-left{
    border: solid 1px rgba(100,100,100,0.2);
    width: 90px;
    height: 15px;
    margin-top: 30px;
    background-color: #e52122;
    margin-left: 35px;
}
.pmp-img-bottom{
    margin-bottom: 12px;
}

.pmp-img-top{
    margin-top:20px;
}

.span-padding{
    padding-left:20px;
}
.box-bottom{
    width: 31%;
    padding: 0;
}
.box-bottom-padding{
    margin-bottom:36px;
}
.color-box1{
    border: solid 1px rgba(100,100,100,0.2);
    width: 90px;
    height: 15px;
    margin-top: 30px;
}

.ad_left2_top{
    width: 100%;
    float:left;
    padding:10px;
    margin-bottom:10px;
    height: 500px ;
}
.box_no2_shadow{
    background-color: white;
    border: solid 1px rgba(100,100,100,0.2);
    margin-top: 1%;

}
.tableHeader{
    font-weight: 700;
    font-size: 15px;
    color: #0BAEFF;
}
.bottom{
    padding-bottom: 10px;
}
.left{
    float: left;
    list-style-type: none;
    padding-right: 15px;
}
.bottom1{
    padding-bottom: 4px;
}
.bottom2{
    padding-bottom: 5px ;
}

.top1{
    padding-top: 20px ;
}

.input {
    width: 90%;
    border: solid 1px rgba(100,100,100,0.2);
    background: #fff;
}
.span1{
    padding-right: 10px;
    font-weight: 900;
    font-size: 18px;
}
.move{
    padding-right: 25%;
}
.move1{
    padding-right: 23%;
}
.padding1{
    padding-left: 18%;
}
.padding2{
    margin-right: 2%;
}
.inputDrawResult {
    width: 30%;
    border: solid 1px rgba(100,100,100,0.2);
    background: #fff;
    text-align: center;
	font-weight: bold;
}

.inputDrawResult2 {
    width: 18%;
    border: solid 1px rgba(100,100,100,0.2);
    background: #fff;
    margin-bottom: 5px;
    text-align: center;
	font-weight: bold;
}

.inputDrawResult5d6d {
    width: 100%;
    border: solid 1px rgba(100,100,100,0.2);
    background: #fff;
    text-align: center;
	font-weight: bold;
	margin-top: 8px;
}

.label5d6dDiv { 
	width: 15%;
}

.value5d6dDiv{
	width: 35%;
}

.label5d6dDiv>h4{
	font-size: 13px;
}

.input2 {
    width: 30%;
    border: solid 1px rgba(100,100,100,0.2);
    background: #fff;
}

.input3 {
    width: 18%;
    border: solid 1px rgba(100,100,100,0.2);
    background: #fff;
    margin-bottom: 5px;
}
.padding-zero{
    padding: 0;
}

.top-box{
    width: 48%;
    padding: 0;
}
.magnum-box{
    margin-right: 23px;
}
.magnum-bottom{
    margin-bottom:33px;
}
.pmp-bottom{
    margin-bottom: 36px;
}
.color-box2{
    border: solid 1px rgba(100,100,100,0.2);
    width: 116%;
    height: 10px;
    margin-top: -10px;
    margin-left:-8px;
    margin-right:-5px;
    margin-bottom:10% ;
}
.color-box3{
    border: solid 1px rgba(100,100,100,0.2);
    width: 116%;
    height: 10px;
    margin-top: -10px;
    margin-left:-8px;
    margin-right:-5px;
    margin-bottom:30% ;
}

.color-singapore{
    border: solid 1px rgba(100,100,100,0.2);
    height: 10px;
    margin-top:-10px;
    margin-left:-8px;
    margin-right:-8px;
    margin-bottom:22% ;
}
.color-toto{
    border: solid 1px rgba(100,100,100,0.2);
    height: 10px;
    margin-top:-10px;
    margin-left:-8px;
    margin-right:-8px;
    margin-bottom:23% ;
}
.color-sabah{
    border: solid 1px rgba(100,100,100,0.2);
    height: 10px;
    margin-top:-10px;
    margin-left:-8px;
    margin-right:-8px;
    margin-bottom:27% ;
}
.color-sandakan{
    border: solid 1px rgba(100,100,100,0.2);
    height: 10px;
    margin-top:-10px;
    margin-left:-8px;
    margin-right:-8px;
    margin-bottom:24% ;
}
.color-sarawak{
    border: solid 1px rgba(100,100,100,0.2);
    height: 10px;
    margin-top:-10px;
    margin-left:-8px;
    margin-right:-8px;
    margin-bottom:23% ;
}
.color-lotto{
    border: solid 1px rgba(100,100,100,0.2);
    height: 10px;
    margin-top:-10px;
    margin-left:-8px;
    margin-right:-8px;
    margin-bottom:25% ;
}
.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding-top: 8px ;
    text-decoration: none;
}
.img-table{
    padding-top: 20%;
    margin-left:15%
}
.img-style{
    padding-bottom: 10%;
    color:#32c6f4;
}

.img-margin{
    margin-right: 10%;
}
.box-style{
    width: 100%;
    height: 220px;
    overflow: auto;
}
.width3{
    width: 100%;
}
.move2{
    padding-right: 16px;
}

.move-a{
    padding-right: 8px;
}

.color-blue{
    color: #32c6f4;
}
.color-gray{
    color:rgb(169,169,169);
}
.color-gray2{
    background-color: #F0F0F0;
}

.thickness-hr{
    width: 90%;
    border: none;
    height: 2px;
    background-color: #333;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.color-white{
    background-color: #ffffff;
}
.form-style{
    margin-left:10px;
    width: 110px;
}

.right{
    float: right;
}
.width-height{
    width: 80%;
    height: 30px;
}
.width-80{
    width: 80%;
}
.width-20{
    width: 20%;
    border-right: solid 1px rgba(100,100,100,0.2);
    padding-bottom: 10px;
    padding-right: 20px;
}
.width-30{
    width: 30%;
}
.button-style{
    float:right;width: 12%;padding-top: 5%
}

.margin-10{
    margin-right: -10px;
}

.box_no_shadow2{
    background-color: white;
    border: solid 1px rgba(100,100,100,0.2);
    width: 20%;

}
.tranform{
    transform: scale(2.0);
}

.pull2{
    margin-top: -1px;
}

.top-10{
    margin-top: -10px;
}
.width-50{
    width: 50%;
}

.width-25{
    width: 25%;
}
.width-10{
    width: 10%;
}

.width-100{
    width: 100%;
}

.float_right{
    float: right;
}

.float_left2{
    float: left;
}

.mini_img{
    width:20px;
    height:20px;
    margin-top: -6px;
}

.img-warrper{
    background-color: white;
    border: solid 1px rgba(100,100,100,0.2);
    float: left;
    margin: 3px 5px 1px 0px;
    text-align: center;
    width: 50px;
    height: 33px;
    padding-bottom: 35px;
}
.img-warrper-unique{
    background-color: white;
    border: solid 1px rgba(100,100,100,0.2);
    width: 15%;
    margin: 4px 9px 1px 1px;
    text-align: center;
}
.box_warrper {
    width: 215px;
    height: 138px;
    padding-left: 20px;
    float: left;
    border-right: solid 1px rgba(100,100,100,0.2);
}
.wld_warrper {
    width: 1175px;
    height: 160px;
    padding: 10px;
}
.h2_new {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}

.h2_new_with_select_all {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    display: flex;          
	justify-content: space-between;  
	align-items: center;
}

.h2_size{
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    width: 150px;
}
.bet_warrper {
    width: 98px;
    float: left;
    margin-left: 11px;
    border-right: solid 1px rgba(100,100,100,0.2);
}
.number_warrper{
    width: 131px;
    float: left;
    margin-left: 11px;
    border-right: solid 1px rgba(100,100,100,0.2);
    height: 136px;
}
.input_page_number{
    font-size: 12px;
    font-weight: bold;
}
.page_number {
    margin-top: 10px;
    width: 86px;
}
.page_number2{
    margin-top: 10px;
    width: 115px;
}
.drawdate_warrper{
    border-right: solid 1px rgba(100,100,100,0.2);
}

.downline_warrper{
    height: 134px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    border-right: solid 1px rgba(100,100,100,0.2);
}
.drawdate_warrper{
	width: 16.66666667%;
    height:100%;
    border-right: solid 1px rgba(100,100,100,0.2);
}
.box_warrper_new{
    width: 300px;
    height: 116px;
    padding-left: 20px;
    float: left;
    border-right: solid 1px rgba(100,100,100,0.2);
}
.by_warrper{
	height:100%;
    width: 170px;
    float: left;
    margin-left: 11px;
    border-right: solid 1px rgba(100,100,100,0.2);
}
    
.float_left3{
    float: left;
    padding-right: 10px;
    margin-top: 0px;
}

.border_right{
    width: 220px;
    border-right: solid 1px rgba(100,100,100,0.2);
    height: 114px;
}
.bet_warrper_unique{
    width: 98px;
    float: left;
    margin-left: 11px;
}
.wld_warrper2{
    width: 1168px;
    height: 135px;
    padding: 10px;
    border-right: solid 1px rgba(100,100,100,0.2);
}

.date_type{

    float: left;
    width: 100px;
    padding: 4px;
}

.control_width{
    height: 20px;
    width: 83px;
}

.padding_0 {padding: 2px ! important;}

.height_25{height: 27px;}
.width_21{width: 21%;border-right: solid 1px rgba(100,100,100,0.2);height: 136px;}

input[disabled], input[readonly], textarea[readonly] {
    background-color: #F2F2F2;
    border: 0.1em solid #999999;
    color: #000000;
}

form textarea.history {
    height: 150px;
    width: 320px;
}

.even{
	background-color: white;
}

.drawtype_logo{
	width: 26px;
	height: 26px;
}

.menu_word{
	font-size: 14px;
}

.inputDrawResultPrize {
    width: 30%;
    text-align: center;
    border: solid 0px !important;
    background: #fff !important;
}

.pagingContent td {
    height: 20px;
    color: #666;
    font-weight: 700;
    text-align: left;
    padding: 5px 20px;
    font-size: 14px;
}

.negativeAmount{
	color: red !important;
}


.h2-select-all-wrapper{
	margin-right: 10px;
    display: flex;
    align-items: center;
}