﻿body { font-family:Tahoma, Geneva, sans-serif; }
a { color:#333; }
header { background:#cf0000; }
@font-face {
  font-family: "NafeesWebNaskhRegular";
  font-style: normal;
  font-weight: normal;
  src: url("https://dunyanews.tv/coronavirus/fonts/nafees_web_naskhshipped.eot?#iefix") format("embedded-opentype"), url("https://dunyanews.tv/coronavirus/fonts/nafees_web_naskhshipped.woff") format("woff"), url("https://dunyanews.tv/coronavirus/fonts/nafees_web_naskhshipped.ttf") format("truetype"), url("https://dunyanews.tv/coronavirus/fonts/nafees_web_naskhshipped.svg#NafeesWebNaskhRegular") format("svg");
}

@font-face {
  font-family: "JameelNooriNastaleeq";
  font-style: normal;
  font-weight: normal;
  src: url("https://dunyanews.tv/coronavirus/fonts/Jameel Noori Nastaleeq.ttf") format("truetype");
}

.newsTicker {
  background: #fff;
  font-family: "JameelNooriNastaleeq", NafeesWebNaskhRegular;
  font-size: 18px;

  border:solid 2px #cf0000;
}



.officalLogos { float:left; }
.navbar-inverse .navbar-nav > li > a { color:#fff; }

.impResults h2 { background:#0f3f68; color:#fff; margin:0; padding:10px; } 
.impResults .carousel { margin-bottom:15px; border-bottom:dashed 1px #bbb; }
.tablen th, .tablep th { text-align:center; font-size:24px; }
.restables { margin-bottom:25px; }
.restables .tablep, .restables .tablen { border-radius:6px; overflow:hidden; background:#000; box-shadow:0 0 5px 5px #f5f5f5; }
.restables .table { background:#fff; margin:0; } 
.restables .table th { border-top:none; color:#fff; }
.restables .table tr:last-child { font-weight:bold; background:#333; color:#fff; } 
.restables .tablen th { background:#007abc; }
.restables .tablep th { background:#00bc58; }

.results { padding-bottom:15px; float:left; width:100%; font-family: "JameelNooriNastaleeq", NafeesWebNaskhRegular; }
.results h3 { margin:15px auto; text-align:center; background:#f5f5f5; color:#cf0000; padding:5px; font-weight:bold; border-bottom:3px solid #eee; font-size:18px; }
.results .vsinfo { width:80%; margin:auto; }
.results .vsinfo ul { margin:0; padding:0; list-style:none;}
.results .vsinfo ul li { float:left; width:40%; text-align:center; }
.results .vsinfo ul li.right { float:right; }
.results .vsinfo ul li h6 { background:#00684c; color:#fff; margin:0; padding:10px; font-size:16px; }
.results .vsinfo ul li h6.winner_name { background:#00825f; color:#fff; margin:0; padding:10px; font-size:16px; }
.results .vsinfo ul li h6.winner_party { background:#009b72; color:#fff; margin:0; padding:10px; font-size:16px; }

.results .vsinfo ul li h6.looser { background:#fb2323; }
.results .vsinfo ul li h6.looser_name { background:#fb3b3b; }
.results .vsinfo ul li h6.looser_party { background:#fc5454; }
.results .vsinfo img { display:inline !important;}
.results .vsinfo ul li.vs { width:20%; position:relative; } 
.results .vsinfo ul li.vs span { position:absolute; background:#000; color:#fff; padding:10px; margin-left:-30px; font-weight:bold; font-size:20px; margin-top:20px;}

.carousel-control { width:8%; }
.carousel-control.left, .carousel-control.right { background:none; }
.glyphicon { color:#000; background:#ccc; padding:10px; border-radius:100%; width:auto!important; height:auto!important; }
.vids h2, .newsElecDay h2, .elec-position h2, .detail-result h2, .elec-result2018 h2, .latest-party-position h2, .gen_election h2{ margin-top:0; background:#0f3f68; color:#fff; padding:10px; font-size:22px; margin-bottom:3px; width:100%; }
.newsElecOne { float:left; width:100%; margin-bottom:15px; padding:8px; background:#f7f7f7; }
.newsElecOne h4 { margin:0; margin-bottom:5px; }
.newsElecOne h4 a { color:#000; font-size:24px; }
.newsElecRight p { font-size:16px; }

.vids { margin-bottom:15px; font-family: "JameelNooriNastaleeq", NafeesWebNaskhRegular; direction:rtl; }
.vids .lgthumb { position:relative; margin-bottom:10px; }
.vids .lgthumb span { position:absolute; bottom:0; width:100%; background:rgba(0,0,0,.5); color:#fff; font-weight:bold; padding:10px; font-size:16px; }
.vids .lgthumb img { height:150px; width:100%; }
.vids .col-md-6 .lgthumb img { height:200px; }

.vids .smthumb { float:left; width:100%; margin-bottom:10px;  }
.vids .smthumb img { width:35%; float:left; margin-right:10px; height:75px; }
.vids .smthumb span { font-size:15px; }
aside h2 { margin:0; background:#0f3f68; color:#fff; padding:10px; font-size:22px; float:left; width:100%; }

.detail-result{ float:left; width:100%;}

/*news ticker style*/
.newsTicker .tickHead {
  float: right;
  position: relative;
  background: #cf0000;
  padding: 8px 15px;
  color: #fff;
  font-weight: bold;
}
.newsTicker .tickHead:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  position: absolute;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #cf0000;
  border-width: 10px;
  margin-top: -10px;
}

.newsTicker .tickNav {
  float: left;
  padding: 2px 5px;
}
.newsTicker .tickNav .fa {
  font-size: 24px;
}
.tickerbox {
  color: #cf0000;
  overflow: hidden;
}
.tickerbox .ticker__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tickerbox .ticker__item {
  display: inline-block;
  white-space: nowrap;
  padding-right: 40px;
}

.ticker-right li {
  display: inline-block;
  font-size: 18px;
  line-height: 40px;
  margin-left:50px;
}
/*news ticker style*/


/* Table sytle for election-position's table 

.list-group-item:first-child { background-color:#008ffc !important; color:#FFF; font-weight:bold; border-radius: 0;}
.list-group-item:last-child { background-color:#008ffc !important; font-weight:bold; border-radius: 0; }

font-family: "JameelNooriNastaleeq", NafeesWebNaskhRegular; direction:rtl;

.elec-position .table th { background-color:#1363a7 !important; color:#FFF; font-weight:bold;}
.elec-position .table tr:last-child{ background-color:#1363a7 !important; color:#FFF;}
.elec-position .table tr:nth-child(2n+1) { background-color:#CCC;}
.elec-position .table tr td:first-child { font-weight:bold;}
 */

.table-rep { font-family: "JameelNooriNastaleeq", NafeesWebNaskhRegular; font-size:16px;}

.elec-position .table th { background-color:#1363a7 !important; color:#FFF; font-weight:bold; }
.elec-position .table tr:last-child{ background-color:#1363a7 !important; color:#FFF;}
.elec-position .table tr:nth-child(2n+1) { background-color:#CCC;}
.elec-position .table tr td:first-child { font-weight:bold;}

.elec-result2018 .table td { border:1px solid #CCC; text-align:center;}
.elec-result2018 .table th { background-color:#246596 !important; color:#FFF; font-weight:bold; text-align:center;}
.elec-result2018 .table tr td:first-child { font-weight:bold; background-color:#b8daff;}

.table-rep .col-md-2 { padding-left:0; padding-right:0;}


.list-group-item {text-align:center; width:100%; border:1px solid #CCC;}
.list-group-item:first-child { background-color:#246596  !important; color:#FFF; font-weight:bold; border-radius: 0;}
.list-group-item:last-child { background-color:#246596  !important; font-weight:bold; border-radius: 0; color:#FFF; }
/*.list-group-item:nth-child(2n+1) { background-color:#CCC;}*/
.bold_item{ font-weight:bold; background-color:#b8daff; color:#000;}  


.charts { }
text { font-size:12px !important; color:#cf0000;}
.charts #na, #vote { text-align: -webkit-center;}

/*style for General Election*/
.gen_election p {margin: 0 0 1.42em; color: #222; line-height:1.56; font-size:1.32em; text-align:justify;}
footer { text-align:center; background:#000; color:#fff; border-top:3px solid #cf0000; padding:30px 0; }
#left-pane { display:none;}







/* start table y-scroll candidate_info 
.candidates_info table { }
.candidates_info table tbody tr td { text-align:-webkit-center; }


/*.candidates_info table thead { background-color:#069; color:#FFF;}
.candidates_info table tbody { height:200px; }

.candidates_info tbody {
    display:block;
    height:200px;
    overflow:auto;
}
.candidates_info thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.candidates_info thead {
    width: calc( 100% - 1em )
}



/*style for top icons
div.col-sm-7.five-three {
    width: 60% !important;
    }

    div.col-sm-5.five-two {
      width: 40% !important;
    }

*/


/* style for test table  */
.candidates_info {
  position: relative;
  border: 1px solid #000;
  padding-top: 37px;
  background: #500;
}

.tbl-elect {
  overflow-y: auto;
  height: 200px;
}
.candidates_info table {
  border-spacing: 0;
  width:100%;
}

.candidates_info td, .candidates_info th {
  border-bottom:1px solid #eee;
  background: #ddd;
  color: #000;
  padding: 10px 25px;
}
.candidates_info th {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}
.candidates_info th div{
  position: absolute;
  background: transparent;
  color: #fff;
  padding: 9px 25px;
  top: 0;
  margin-left: -25px;
  line-height: normal;
  border-left: 1px solid #800;
}

/* style for test table  */




.top_icon { margin-bottom:40px;}
.top_icon h4 { color:#03C; font-size:13px;}
.top_icon table {margin-bottom:0; width:100%;}
.top_icon .col-sm-4 {margin-left:0 !important; margin-right:0 !important; padding:0;}
.top_icon .col-sm-5 {margin-left:0 !important; margin-right:0 !important; padding:0;}
.top_icon .col-sm-6 {margin-left:0 !important; margin-right:0 !important; padding:0;}

.top_icon .active_table { background-color:#039; color:#FFF; border:1px solid #CCC;}

/* style for table status of contesting candidate */
.contest table { border:1px solid #0f3f68;}

/* style for top map with images*/
	.topmapsi{ }
	.topmapsi .mapcoli{ width:20%; float:left; margin-bottom:40px; }
	.topmapsi .mapimgi { float:left; }
	.national_assembly{ background-image:url(https://dunyanews.tv/coronavirus/images/topmap/National.png); height:123px; width:226px;}
	.national_assembly:hover{background-image:url(https://dunyanews.tv/coronavirus/images/topmap/National_g.png);}
	
	.punjab_assembly{ background-image:url(https://dunyanews.tv/coronavirus/images/topmap/Punjab.png);  height:123px; width:226px; display:inline-block;}
	.punjab_assembly:hover {background-image:url(https://dunyanews.tv/coronavirus/images/topmap/Punjab_g.png);}
	
	.sindh_assembly {background-image:url(https://dunyanews.tv/coronavirus/images/topmap/Sindh.png);  height:123px; width:226px;}
	.sindh_assembly:hover {background-image:url(https://dunyanews.tv/coronavirus/images/topmap/Sindh_g.png); }
	
	.kpk_assembly {background-image:url(https://dunyanews.tv/coronavirus/images/topmap/KPK.png);  height:123px; width:226px;}
	.kpk_assembly:hover {background-image:url(https://dunyanews.tv/coronavirus/images/topmap/KPK_g.png);}
	
	.balochistan_assembly {background-image:url(https://dunyanews.tv/coronavirus/images/topmap/Balochistan.png);  height:123px; width:226px;}
	.balochistan_assembly:hover{background-image:url(https://dunyanews.tv/coronavirus/images/topmap/Balochistan_g.png);}
/* end of style for top map with images*/



/* style for another top map with img BS*/
.mapthumbs img {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
  margin-bottom:5px;
  width:100%;
   
  
}
.mapthumbs img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}	
.mapthumbs .thumbcol { float: left; width: 20%; text-align: center; margin-bottom:40px;}

.mapthumbs .col-xs-6 {}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
	padding:0;
	
/*    padding-right: 15px; col-md-5ths 
    padding-left: 15px;
*/	margin:0;
	 
	
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/* End fof style for another top map with img BS*/






/* style for top map styel 2*/
	.topmaps{ border-top:solid 5px #0f3f68;}
	.topmaps .mapcol{ float: left; width: 20%; border-left: solid 1px #ccc; padding-top: 10px; margin-bottom:40px;  }
	.topmaps .mapcol.last { border-right: solid 1px #ccc;  }
	.topmaps .mapimg { float:left; margin-right: 5px; height: 120px;  }
	.topmaps h4 { background:#333; color:#fff; float: left; width: 100%; padding: 5px; text-align: center; margin: 0; font-size: 16px;}


	.topmaps h5 {margin: 0; font-weight: bold; color: #0f3f68; }
	.topmaps
	/*.topmaps h4 a:link, a:visited { color:#FFF; text-decoration:none; font-size:12px;}
	.topmaps active h4 { background:#0f3f68;}
	.topmaps .active h4 a:link, a:visited { color:#FFF; text-decoration:none;}*/



	.topmaps hr { margin:4px auto;  }

/* style for top map styel 3*/
	.topmaps2 { border-top:solid 5px #cf0000	;}
	.topmaps2 .mapcol{ float: left; width: 20%; border-left: solid 1px #ccc; padding-top: 10px; margin-bottom:40px;  }
	.topmaps2 .mapcol.last { border-right: solid 1px #ccc;  }
	.topmaps2 .mapimg { float:left; margin-right: 5px; height: 120px;  }
	.topmaps2 h4 { background:#333; color:#fff; float: left; width: 100%; padding: 5px; text-align: center; margin: 0; font-size: 16px;}
	.topmaps2 h5 {margin: 0; font-weight: bold; color: #a92d2d }
	.topmaps2 h4 a:link, a:visited { color:#FFF; text-decoration:none;}	
	.topmaps2 .active h4 { background:#cf0000;}
	.topmaps2 .active h4 a:link, a:visited { color:#FFF; text-decoration:none;}
	.topmaps2 hr { margin:4px auto;  }


/* style for election result drop down ul li */
.detail-result .dropdown  { float:right; width:60%; margin-bottom:5px; }
.detail-result .btn  { width:100%; }
.detail-result .dropdown-menu { width:100% !important; text-align:center;}
/* end of style for election result drop down ul li */


/* style for intekhabi servey*/
.intekhabi_servey {border:#0f3f68 1px solid; margin-bottom:10px;}
.intekhabi_servey table {margin-bottom:0;}
.intekhabi_servey a:link, a:visited {color:#000; text-decoration:none;}
.intekhabi_servey a:hover, a:active {color:#333; }
/* end of style for intekhabi servey*/
	
	
/* style for Party Position legend pml_n*/
/* .party_position 2018 {font-family: "JameelNooriNastaleeq", NafeesWebNaskhRegular; text-align:right; direction:rtl;} */
.party_position {}
.party_position table {margin:10px 0;}
.party_position table th {background-color:#cf0000; color:#FFF; border:#ccc 1px solid !important;}
.party_position table tr td { padding-left: 15px; border:#ccc 1px solid !important;}

.party_color {width:5%; border:1px solid #CCC;} 
.pml_n { background-color:#006600;}	
.ppp {background-color:#000;}
.pti {background-color:#F00;}
.mqm {background-color:#FFF;}
.jui {background-color:#fdca01;}
.pml_f { background-color:#00cc00;}
.mma { background-color:#ffdc0d;}
.npp { background-color:#b73bbb;}
.pml_q { background-color:#ffff00;}
.qwp { background-color:#3a21da;}
.apml { background-color:#645308;}
.np { background-color:#4fda27;}
.bnp {background-color:#3bcfbd;}
.ajip {  background-color:#6c315e;}
.aml { background-color:#a68e22;}
.pml_z {  background-color:#86ce72;}
.anp {  background-color:#ff00ff;}
.ind {  background-color:#808080;}
.repoll { background-color:#5c1375;}
.p_t_w {background-color:#d79add;}
	
/* end style for Party Position*/		







/* style for results tabs .nav-tabs > li > a*/
.tab-content .table { width:100%; margin-bottom:0;}
.tab-content .table tbody { border:1px solid #999; padding-bottom:2px;}

.nav-tabs { margin-bottom:4px; border:none;}
.nav-tabs > li > a {border-radius:0; padding:5px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color:#cf0000;}
.nav-tabs > li > a:hover { color:#cf0000;}
.nav-tabs > li > a:link, a:visited { background-color:#dcdcdc;}
.nav-tabs li.active  {border-bottom:3px solid #cf0000;}

.tab-content .table tbody tr td {line-height:2; padding:10px;}
.detail-result a:link, a:visited {color:#333; text-decoration:none;}
.detail-result a:hover{color:#cf0000;}
.detail-result h2 {background-color:#cf0000;}
.detail-result input, button, select, textarea { }


.punjab_tab{color:#333; }
.sindh_tab{ color:#333;}
.kpk_tab{color:#333;}
.balochistan_tab{color:#333;}
.detail-result input, button, select, textarea { margin-bottom:15px;}
.results_chart{width:100%;}

.nav-tabs .mobileshow{ display:none;}
 @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 768px){ 
      .nav-tabs .mobileshow {display: block;}
	  .nav-tabs .mobilehide {display:none;}
  }


/* style for live coverage */
.ge2018-banner-links-container .gel-wrap{padding-left:0;padding-right:0}
.ge2018-banner-links{border-bottom:1px dotted #dcdcdc;clear:both;overflow:hidden;padding-bottom:8px;padding-top:16px;font-size:12px;}
.ge2018-banner-link{font-size:14px;font-size:.875rem;line-height:16px;line-height:1rem;color:#222;display:inline-block;text-decoration:none; font-size:12px;}
.ge2018-banner-link:visited{color:#7b756f; font-size:12px;}
.ge2018-banner-link:focus .ge2018-banner-link__text,.ge2018-banner-link:hover .ge2018-banner-link__text{color:#1380a1;text-decoration:underline; font-size:12px;}
.ge2018-banner-link--live{font-weight:700;text-transform:uppercase; }
.ge2018-banner-link__live{color:#bb1919;display:inline-block; font-size:12px;}
.ge2018-banner-link--results{font-size:18px;font-size:1.125rem;line-height:22px;line-height:1.3	75rem;display:inline-block;float:right}
.ge2018-banner-link--about,.ge2018-banner-links--results-page .ge2018-banner-link--results{display:none;visibility:hidden}
.ge2018-banner-link--about{font-weight:700}.ge2018-banner-links--results-page .ge2018-banner-link--about{display:inline-block;float:right;visibility:visible}
.ge2018-banner-link__results-icon{display:none;visibility:hidden}



/* style for GIS*/

.gis_polling a:link, a:visited { text-decoration:none;}
.gis_polling a:hover { color:#cf0000;}
.gis_polling .table { border:1px solid #CCC;}
.gis_polling .table tr td {vertical-align:middle;}
.gis_polling img {float:right;}


/* style of party postion 2018*/

.party_position_2018 h2{ background-color:#cf0000; color:#FFF; padding:10px; font-size:22px; width:100%; text-align:center; }
.party_position_2018 table tr td{ text-align:left; padding-left:10px; }



/* end of style of party postion 2018*/





/* style for goverment formation*/
.form_govt h2 {background-color:#390; color:#FFF; padding:10px; font-size:22px; width:100%; text-align:center;}


	
@media only screen and (max-width: 768px) {
article aside { clear:both; }
/* #right-pane { display:none;} */
#left-pane { display:block;}





/*.elec-position ul {list-style:none; padding:0 65px 0 0; box-sizing:border-box; display:grid; }*/


}

@media only screen and (max-width: 340px) {
	header .container div:last-child img { width:135px; }
	
}

@media screen and (max-width: 600px) {
	body {}
	
	}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {  

	.topmaps{ border-top:solid 5px #0f3f68;}
	.topmaps .mapcol{ float: left; width: 20%; border-left: solid 1px #ccc; padding-top: 10px; margin-bottom:40px;  }
	.topmaps .mapcol.last { border-right: solid 1px #ccc;  }
	.topmaps .mapimg { float:left; margin-right: 5px; height: 120px;  }
	.topmaps h4 { background:#333; color:#fff; float: left; width: 100%; padding: 5px; text-align: center; margin: 0; font-size: 10px;}
	.topmaps h5 {margin: 0; font-weight: bold; color: #0f3f68; }
	.topmaps h4 a:link, a:visited { color:#FFF; text-decoration:none; font-size:10px;}
	.topmaps .active h4 { background:#0f3f68; font-size:10px;}
	.topmaps .active h4 a:link, a:visited { color:#FFF; text-decoration:none; font-size:10px}
	.topmaps hr { margin:4px auto;  }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { 	

	
 }


@media (max-width: 1495px) { .branding_ad_unit_left {  display:none; }

.branding_ad_unit_right{ display:none;}
}
.branding_ad_unit_left{ overflow:hidden; position:fixed;  height:600px; width:160px; border:1px solid #333; margin-left:10px; 	top: 243px; }


.branding_ad_unit_right{
	overflow:hidden;
	right: 0px;
	position: fixed;
	text-align: center;
	top: 243px; 
	border:1px solid #333; 
	height:600px; 
	width:160px; 
	border:1px solid #333; 
	margin-right:10px; float:right;
}

/* style for bye election page*/
.banner { background-image:url(https://dunyanews.tv/coronavirus/css/images/img-bye-election-1.jpg);}









