.col-sm-12{
	width : 100% !important;
}
.table-before{
	text-align : center;
    margin : 5px 0px;
 	/*font-size: 18px !important;
	font-family: thaisanslite_r1;*/
}
/*
table {
 	font-size: 18px !important;
	font-family: thaisanslite_r1;
}*/
h2 {
    text-align: inherit !important;
}
.title_page{
    font-weight: bold;
 	font-size: 18px !important;
	font-family: thaisanslite_r1;
}
input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    color: #666;
    font-family: thaisanslite_r1;
    font-size: 16px !important;
}

#ui-datepicker-div {
    /*font-family: thaisanslite_r1;*/
}

.rc {
	margin : 5px 0px;
    width: 32%;
}

.lc {
    width: 66.4%;
	margin : 5px 0px;    
}
table {
	width: 100%;
    background-color: white;
}
.ball {
    background-color: #ffffff;
    padding: 2px;
    border: #fff solid 1px;
    /*font-family: thaisanslite_r1;*/
}

@media screen and (max-width:480px){
    .ball{
        overflow-x: auto!important;
    }
	.utable_f5 {
		display: none !important;
	}
	.utable_f7{
		display: none !important;
	}
	td:nth-child(3),td:nth-child(2){
	    display: none !important;
	}
	
}

    .title-ball{
        color : #000;
        text-align : left !important;
        padding-left: 5px;
        border-left: #ffbb00 solid 5px;
    }
    .error-text{
        text-align: center;
        color: #000;
    }
     td:nth-child(10),td:nth-child(11),td:nth-child(12){
     	display : none !important;
     }
    .utable {
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
    }
    .utable u {
        text-decoration: none
    }
    
    .ured {
        color: red;
        font-weight: bolder
    }
    
    .uwin {
        text-decoration: underline;
    }
    
    .table-before { color: #3e4142; }
    
    .utable td {
        height: 24px
    }
    .utable_league {
        background: #a54c2e;
        font-size: 16px;
        font-weight: bolder;
        color: #fff;
        width: 100%;
        height: 25px;
        overflow: hidden;
        margin: 0 auto
    }
    
    .utable_ht {
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        background: #ff854a;
        width: 100%
    }
    
    .utable_tr {
        text-align: center;
        font-size: 14px;
        background: #e6cbbf;
        width: 100%
    }
    .utable_f1,
    .utable_f2,
    .utable_f3,
    .utable_f4,
    .utable_f5,
    .utable_f6,
    .utable_f7,
    .utable_f8 {
        border: solid #fff 1px;
        font-size: 19px;
        line-height: 17px;
        text-align: center;
      	padding: 5px 0px;
    }
    
    .utable_f1 {
        text-align: center
    }
    
    .utable_flag img {
        width: 16px;
        height: 11px
    }
	
    .utable_f5 div {
		color: red;
        font-weight: 700;
        font-size: 20px
    }
    .classmore,
    .classodds {
        cursor: pointer !important
    }
    
    .classmore:hover,
    .classodds:hover {
        text-decoration: underline
    }
    
    .utable_f6 span {
		color: black;
        width: 100%;
        display: inline-block;
    }
    
    .utable_f6 a {
		color: black;
        text-decoration: none;
    }
    
    .utable_f6 a:hover {
		color: black;
        text-decoration: none;
    }
    .utable_f7 {
        overflow: hidden;
        text-align: center
    }
    
    .utable_f7 div {
        width: 93px;
        overflow: hidden;
        text-align: center
    }
    
    .utable_f7 a {
        text-decoration: none;
        color: #000
    }
    
    .utable_f7 a img {
        width: 42px;
        height: 22px !important;
        margin: 0;
        border: 0
    }
    .votes {
        display: none !important;
        background: #e6cbbf
    }
    
    .programhead {
        padding: 5px;
        background: #c90;
        color: #fff
    }
    
    .programhead h4 {
        font-weight: bolder
    }
    
    #todaytable h4 {
        font-size: 20px
    }
    
    .state {
        color: red;
        font-size: 18px
    }
    
    .yellow1,
    .yellow2,
    .red1,
    .red2 {
        display: inline !important
    }
    
    /*.redcard1 {
        background-position: 0 0;
        width: 12px;
        height: 14px
    }
    
    .redcard2 {
        background-position: 0 -17px;
        width: 12px;
        height: 14px
    }
    
    .redcard3 {
        background-position: 0 -36px;
        width: 12px;
        height: 14px
    }
    
    .redcard4 {
        background-position: -1px -54px;
        width: 12px;
        height: 14px
    }
    
    .redcard5 {
        background-position: -1px -72px;
        width: 12px;
        height: 14px
    }
    
    .yellow1 {
        background-position: -18px 0;
        width: 12px;
        height: 14px
    }
    
    .yellow2 {
        background-position: -18px -17px;
        width: 12px;
        height: 14px
    }
    
    .yellow3 {
        background-position: -21px -41px;
        width: 12px;
        height: 14px
    }
    
    .yellow4 {
        background-position: -21px -60px;
        width: 12px;
        height: 14px
    }
    
    .yellow5 {
        background-position: -21px -82px;
        width: 12px;
        height: 14px
    }
    
    .yellow6 {
        background-position: -21px -100px;
        width: 12px;
        height: 14px
    }
    
    .yellow7 {
        background-position: -21px -120px;
        width: 12px;
        height: 14px
    }
    
    .yellow8 {
        background-position: -23px -136px;
        width: 12px;
        height: 14px
    }
    
    .yellow9 {
        background-position: -24px -155px;
        width: 12px;
        height: 14px
    }
    
    .yellow10 {
        background-position: -22px -174px;
        width: 12px;
        height: 14px
    }
    
    .yellow11 {
        background-position: -26px -193px;
        width: 12px;
        height: 14px
    }
    
    .up {
        background-position: -69px -64px;
        width: 7px;
        height: 4px
    }
    
    .vote {
        background-position: -53px -86px;
        width: 16px;
        height: 16px
    }
    
    .down {
        background-position: -81px -59px;
        width: 7px;
        height: 4px
    }
    
    .away {
        background-position: -54px -119px;
        width: 100px;
        height: 4px
    }
    
    .home {
        background-position: -54px -130px;
        width: 100px;
        height: 4px
    }
    
    .run {
        background-position: -53px -142px;
        width: 100px;
        height: 4px
    }
    
    .wait {
        background-position: -47px -152px;
        width: 100px;
        height: 4px
    }
    
    .lineup-r {
        background-position: -46px -34px;
        width: 16px;
        height: 16px
    }
    */