#country_rank_table{

	position:absolute;

	top:360px;

	left:30px;

	width:96.5%;

}



#country_rank_table .fixed-table-container{

    border: none;

}



.bootstrap-table .table{

	border-bottom: none;

}

.bootstrap-table .table > tbody > tr > td, .bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > td, .bootstrap-table .table > tfoot > tr > th, .bootstrap-table .table > thead > tr > td, .bootstrap-table .table > thead > tr > th {

    line-height: 26px;

	border-top: none;

}





.bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td {

    padding: 8px 30px 8px 0 !important;

}



.bootstrap-table .fixed-table-container thead th, .bootstrap-table .fixed-table-container tbody td {

    border-left: none;

}

.bootstrap-table .table > thead > tr > th {

    border-bottom: none;	

}



.bootstrap-table .table > thead > tr > th, .bootstrap-table .table > tbody > tr > td {

	text-transform:uppercase;

	font-size:12px;

}



.bootstrap-table thead th .th-inner {

	line-height:16px;

	border-bottom: 1px solid #70eaf4;

	height:50px;

	padding:10px 30px 0 0 !important;

	margin-right:30px;

}



.fixed-table-container thead th .both {

    background-image: url(../images/icon-sort-all.png);

}

.fixed-table-container thead th .desc {

    background-image: url(../images/icon-sort-down.png);

}

.fixed-table-container thead th .asc {

    background-image: url(../images/icon-sort-up.png);

}





.fixed-table-loading {

    background-color: #242a36;

}



/* Mobile table styles..*/

.bootstrap-table tbody td .card-view{

	line-height: 16px;

    padding: 3px 0;

}

.fixed-table-body .card-view .title {

    min-width: 190px;

}



.bootstrap-table thead th.category .th-inner{

	 background-color: #182128;

}

.bootstrap-table .table > tbody > tr > td{

	color:#c8ced1;

	border-bottom: 1px solid #455563;

}

/*.bootstrap-table .table > tbody > tr > td:last-child{

	padding-right:0;

	margin-right:40px;

}*/

	



/*.bootstrap-table .table > thead > tr > th.category,.bootstrap-table .table > thead > tr > th.category-hidden {

   padding-right:40px;

}*/

.bootstrap-table .table > thead > tr > th.category .th-inner,.bootstrap-table .table > thead > tr > th.category-hidden .th-inner{

    font-size: 12px;

    height: 26px;

    padding: 5px !important;

	border-bottom: none;

}



.bootstrap-table .table thead th.name > .th-inner, .bootstrap-table .table thead th.stats > .th-inner, .bootstrap-table .table thead th.stats-rank > .th-inner , #table_countrycomp.table thead th > .th-inner, #table_citycomp.table thead th > .th-inner {

	padding-top:28px !important;

}

.bootstrap-table .table thead th.post-type > .th-inner{

	padding-right:0px !important;

}

.bootstrap-table .table > tbody > tr > td.name, .bootstrap-table tbody td .card-view span.name {

	color:#70eaf4;

}

.bootstrap-table .table > tbody > tr > td.stats, .bootstrap-table tbody td .card-view span.stats {

	color:#8a969c;

}



.bootstrap-table .table > tbody > tr > td.post-type, .bootstrap-table tbody td .card-view span.post-type {

	color:#fff;

	font-size:13px;

}

.bootstrap-table .table > tbody > tr > td.rank, .bootstrap-table tbody td .card-view span.rank,

.bootstrap-table .table > tbody > tr > td.stats-rank, .bootstrap-table tbody td .card-view span.stats-rank {

	color:#70eaf4;

	font-size:16px;

}



.table-hover > tbody > tr:hover{

	background-color:#182128;

}



#country_rank_table .scrollbar-me{

	overflow:hidden;

}



.bootstrap-table{

	z-index:1;

}





#tableModal.modal{

	/*padding-top: 417px;*/

	padding: 0;

	left: initial;

	right: initial;

	width: 100%

}

#tableModal.modal .modal-dialog	{

	position: fixed;

	right: 80px;

	top: 78px;

}



/* CHART STYLES...*/

#chartjs-tooltip {

     opacity: 0;

     position: absolute;

     background-color:#182128;

     color: #8a969c;

	 font-size:8px;

	 font-family:'Montserrat',sans-serif;

     padding: 3px 8px 2px 8px;

     -webkit-transition: all .1s ease;

     transition: all .1s ease;

     pointer-events: none;

     -webkit-transform: translate(-50%, 0);

     transform: translate(-50%, 0);

 }

#table_charts {

    float: left;

    left: 30px;

    padding-right: 30px;

    position: relative;

    top: 170px;

    width: 96.5%;

	z-index:1;

}

#table_charts div.lowy_chart{

	position:relative;

	float:left;

    width: 14.27%;

	/*width:260px;*/

	padding-right:30px;

	font-size:8px;

	line-height:14px;

	color:#8a969c;

	text-align:center;	

}

.chart-label{

	opacity:0;

}



#table_charts .inner_chart{

	width:110px;

	height:110px;

	border-radius:55px;

	display:block;

	background-color:#242a36;

	border:1px solid #242a36;

	margin: auto;

}

#table_charts .inner_chart.overall{	

	width:140px;

	height:140px;

	border-radius:70px;

	background-color:#182128;

	border:1px solid #455563;

}

#lowychart_g20,#lowychart_oecd,#lowychart_asia{padding-top:15px;}

#lowychart_g20 span,#lowychart_oecd span,#lowychart_asia span{position:relative;top:15px;}



#table_charts canvas{

	margin: 8px;

}



.lowy_chart {

    position: relative;

}

.bg-line:after {

    background: none repeat scroll 0 0 #455563;

    content: "";

    height: 1px;

    left: 0px;

    position: absolute;

    top: 65px;

    width: 100%;

    z-index: -1;

}

.bg-line.start:after {

   left: 50%;

   width: 50%;

 

}

.bg-line.end:after {

   left: 0px;

   width: 50%;

}



/* RESPONSIVE STYLES....*/

@media (max-width: 1800px) {

	.bootstrap-table .table > thead > tr > th {

		font-size:10px;

	}

	

	.bootstrap-table .table > tbody > tr > td.name {

		font-size:10px;

	}

	

	.bootstrap-table .table > tbody > tr > td.post-type {

		font-size:11px;

	}

	.bootstrap-table .table > tbody > tr > td.rank {

		font-size:14px;

	}

	

	.bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td {

		padding: 8px 15px 8px 0 !important;

	}	

	.bootstrap-table thead th .th-inner{

		margin-right:15px;

	}

}

@media (max-width: 1400px) {

	/* Hide charts at this point.*/

	#table_charts {

		position:absolute;

	}

	#table_charts div.lowy_chart {

		position:absolute;

		visibility:hidden;

	}

}

@media (max-width: 1200px) {

	.bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td {

		padding: 8px 8px 8px 0 !important;

	}	

	.bootstrap-table thead th .th-inner{

		margin-right:8px;

	}

}



@media (max-width: 1140px) { /* When card view kicks in..*/

	#country_rank_table {

		width: 93.5%;

	

	}

	#table-tip {

		display:none;

	}

	#country_rank_table{

		top:280px;	

	}

	.country-rank #page-copyright {

		position: relative;

		right: 30px;

		text-align: right;

		top: 950px;

	}

}



@media (max-width: 1023px) {

	#country_rank_table {

		width: 93.5%;

	}

}



@media (max-width: 768px) {

	#country_rank_table {

		width: 90%;

	}

	.country-rank #page-copyright {

		right: 0px;

		top: 750px;

	}

}

@media (max-width: 480px) {

	.country-rank #page-copyright {

		top: 775px;

	}

}

@media (max-width: 400px) {

	#country_rank_table{

		width: 85%;

		width: 300px;

	}

	.fixed-table-body .card-view .title {min-width: 160px;}

	.bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td {

    padding: 8px 5px 8px 0 !important;

}

}