body{
font-family: 'Open Sans', sans-serif !important;
font-size:12px !important;
}

#example_filter, #example_info{
display:none !important;

}

.tb_thead{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+2,ededed+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 2%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 2%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 2%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}


table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color:#FDFDFD !important;
}

table.dataTable tbody tr {
    background-color: #F3F3F3 !important;
	border:none !important;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #fdfdfd !important;
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #f3f3f3 !important;
}

table.dataTable tbody tr td {
border-bottom:transparent !important;
border-top:transparent !important;
font-size:11px !important;
}


.row-centered {
    text-align:center !important;
}
.col-centered {
    display:inline-block !important;
    float:none !important;
}

.sz1{
min-width:70px;
text-align:center;
}

.sz2{
min-width:40px;
text-align:center;
}

.sz3{
min-width:300px;
}

.sz4{
min-width:110px;
}

.l{text-align:left;}
.c{text-align:center;}
.r{text-align:right;}


.flag{
width:24px;
height:16px;
background-color:#666666;
margin:0 auto;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}

.star{
width:52px;
height:16px;
margin:0 auto;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}



ul#fil {
    min-width: 100%;
    list-style: outside none none;
    text-align: left !important;
    margin: 0;
    padding: 0;
}

ul#fil li {
    display: inline-block;
    width:auto;
    vertical-align: middle;
	padding: 6px 8px;
}

ul#fil li:nth-child(1){
width:300px;
}


/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
  font-size: 18px;
}

#latestnews{
padding-top: 20px;
padding-bottom: 5px;
}

.showinfo{
padding: 18px;
background-color:#EFEFEF;
border-radius: 7px;
font-size: 12px;
}



#report_filter{
padding-top: 20px;
padding-bottom: 20px;
}

#report_filter .selection{
padding:6px 0px;
}

#report_filter .form-control{
background-color:#ffffff;
font-size: 14px;
box-shadow: none !important;
outline: none !important;
border: 1px solid #D4E1F2;
padding: 0px 8px;
height: 35px !important;
}

#report_filter .icbtn{
background-color:#ffffff;
font-size: 14px;
box-shadow: none !important;
outline: none !important;
border: 1px solid #D4E1F2;
padding: 0px 8px;
height: 35px !important;
}

#filter .dropdown-toggle {
    background-color:#ffffff;
border-radius: 2px;
font-size: 12px;
box-shadow: none !important;
outline: none !important;
border: 1px solid
#D4E1F2;
padding: 4px 16px;
height: 40px !important;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}

#backinfo{
background-color:#F5F5F5;
padding: 10px 10px;
margin-top: 13px;
border-radius: 6px;
}

ul#head {
    min-width: 100%;
    list-style: outside none none;
    text-align: left !important;
    margin: 0;
    padding: 0;
}

ul#head li {
    display: inline-block;
    width:auto;
    vertical-align: middle;
	padding: 6px 8px;
}
ul#head li h4{
color:#000;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}

hr {
margin-top: 5px !important;
margin-bottom: 5px !important;
border-top: 1px solid #d2d2d2 !important;
}

ul#head li:nth-child(3){
float:right !important;
}

ul#infoback {
    min-width: 100%;
    list-style: outside none none;
    text-align: left !important;
    margin: 0;
    padding: 0;
}

ul#infoback li {
    display: inline-block;
    width: 24%;
    vertical-align: middle;
	padding: 6px 8px;
}



.infomid{
padding: 10px 8px;
}

.infomid h4{
color:#000;
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin: 5px 0px;
text-align: left;
}

.infomid p{
color:#000;
font-size:12px;
font-weight:400;
line-height:18px;
margin: 5px 0px;
text-align: left;
}

#bottomdd .bootstrap-select > .dropdown-toggle {
background:transparent !important;
border:transparent !important;
box-shadow: none  !important;
color:#000 !important;
font-size: 10px !important;
width: 180px !important;
}



/*star id's*/

#one{background-image:url(../image/star/1.png);}
#two{background-image:url(../image/star/2.png);}
#three{background-image:url(../image/star/3.png);}
#three_a{background-image:url(../image/star/3a.png);}


/*flags id's*/
#jp{background-image:url(../image/flag/japan.jpg);}
#au{background-image:url(../image/flag/australia.jpg);}
#ca{background-image:url(../image/flag/canada.jpg);}

@media screen and (max-width: 767px){
	#head .text-left{text-align: center;}
	#head .pull-right{
		float: none !important;
		text-align: center;
		    display: block;
	}
}
#head .pull-right{
    margin-top: 20px;
    margin-bottom: 10px;
	}
.headingmid  p{
    font-size: 14px;
}
#infoback {
    background: #fff;
    padding: 10px;
    text-align: left;
}
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
border-left-color:#428bca;
}

#infoback .bs-callout h4{
	color:#428bca;
	font-weight:700;
}


















/*media*/
@media (max-width: 600px) {
ul#infoback li {
    display: inline-block;
    width: 49%;
}
}

@media (max-width: 400px) {
ul#head li h4 {
font-size:14px;
}
ul#head {text-align: center !important;}
ul#head li:nth-child(3) {
    float: none !important;
}
}