<?php
include("header.php");
?>

<script src="../irfiles/js/jquery-1.8.2.min.js"></script>
<script src="../irfiles/js/jquery-ui.js"></script>
<link rel="stylesheet" href="../irfiles/js/jquery-ui.css" />
<link href="../irfiles/dist/css/datepicker.min.css" rel="stylesheet" type="text/css">
<script src="../irfiles/dist/js/datepicker.min.js"></script>
<!-- Include English language -->
<script src="../irfiles/dist/js/i18n/datepicker.en.js"></script>


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
<script src="../irfiles/js/bootstrap-multiselect.js"></script>
<script src="../irfiles/js/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../irfiles/js/bootstrap-multiselect.css">

<style>

.alltime{display:none;}
#latest_year_months{ margin-top:10px;} 
#all_year { margin-top:10px;}
#ann_content{ margin:30px 0;}
#ann_filter_content{margin:30px 0;}
#announcementContainer{width:100%}
.filter-Content{
	padding:20px; 
	background:#F6F6F6;
	margin-bottom:20px;}
.filter-Content .form-control:disabled, .filter-Content .form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
    text-align: left;
    padding-left: 10px;
    margin:0;
}
.filter-Content .form-control{
	    border: 1px solid #80BC26;
}
.filter-Content h6{margin: 0 0 10px 0;}
.input-icons i {position: absolute;}
.icon { 
	padding: 10px; 
	color: #1e3a6d; 
	min-width: 50px; 
	text-align: center; 
} 
.filter-Content .btn-default {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 6px 32px;
    border-radius: 50px;
    transition: 0.5s;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background: #1e3a6d;
    border: 2px solid #1e3a6d;
    width:100%;
    margin: 0;
}

.announcement_container{margin-bottom:30px;}
.announcement_display{ padding:15px 0; }
.announcement_display span{
	font-style: italic;
	line-height:2;
	color:#1e3a6d;
	font-weight:600;
}
.announcement_display span a{
	font-weight:normal;
}
.announcement_content a{color:#666666;}
.eventsodd_m{background:#EDF9F8;}
.filter-Content .btn-default{min-width: 0;}
.filter-Content .btn a{color:white;}


@media (max-width: 992px){
.submitSection {
    -webkit-box-flex: 0;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
}
.event:nth-of-type(odd) {border-bottom:1px solid;}
.event:nth-of-type(odd) span{color:#1e3a6d;}
.event:nth-of-type(odd) a{color:#000;}  
.event:nth-of-type(even) {background-color:#fff;border-bottom:1px solid;}
.event:nth-of-type(even) span{color:#1e3a6d;}
.event:nth-of-type(even) a{color:#000;}  
.tabfilter{
	padding:0;
}
.nav-item a{
	font-size:16px;
}
.nav-item a:hover{
	color:#000;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 50%;
    border: 1px solid #f4f4f4;
    margin: 0;
}


@media only screen and (max-width:700px){
.nav-tabs .nav-item {
	width: 100%;
}
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
	background-color: #eee;
	border-color: #eee #eee #fff;
	color: #000;
}
/* .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { */
/*     color: #fff; */
/*     background-color: #1e3a6d; */
/*     border-color: #1e3a6d #1e3a6d #fff; */
/* } */


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #1e3a6d;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}


.tab-content>.active {
    display: block;
}

.datepicker--nav{
    background: #0772A5;
}
.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px;
    color: #1e3a6d;
    font-weight: bold;
}

.datepicker--nav-title i {
    font-style: normal;
    color: #1e3a6d;
    margin-left: 5px;
}
.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: white;
    color: #0772A5;
}
.datepicker--nav-action:hover, .datepicker--nav-title:hover i {
    color: #0772A5;
}
.datepicker--day-name{
	color: #1e3a6d;
	font-weight: bold;
}
.datepicker--cell.-current- {
    color: #1e3a6d;
    font-weight:bold;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: white;
    background: #1e3a6d;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-focus- {
    color: white;
    background: #1e3a6d;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-.-focus-{
	color: white;
    background: #1e3a6d;
}
.datepicker--nav-action path {
    fill: none;
    stroke: #1e3a6d;
    stroke-width: 2px;
}

.multiselect-container{
	width: 100%;
	padding: 5px;
}
.multiselect-container>li>a>label {
    padding: 5px 20px 5px 20px;
}
.filter-Content .form-control{
	border: 1px solid #1e3a6d;
    white-space: nowrap;
    text-transform: unset;
}
.dropdown-menu.show{
	max-height: 250px;
}
#datepicker3 , #datepicker4{display:none;}
.filter-Content h6{
	font-size: 1em;
    font-family: 'Open Sans';
    color:#444;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -200px;
}


.nav-tabs {
    margin-bottom: 0px!important;
}
</style>

<!-- Main Content-->
  <div class="hero__image container-fluid" data-parallax="scroll" data-image-src="img/header-image-investor-report.jpg"></div>
  <div class="main__content container">
    <div class="row">
      <div class="col-md-10 col-md-push-1 col-xs-12">
        <div class="row section__content">
          <div class="col-md-12 col-xs-12">
            <h1>BURSA ANNOUNCEMENTS</h1>
          </div>
           <div class="col-md-12 tab__content__container">
            <div class="tab__content is-open scroller">

				
				<?php
					$stockquote="9296";
					$market ="2";
					$filenameload='announcement.php';
					include_once("../s/announcementJsonDisplayTab.php");
					?>
  			</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Footer-->

<script>

$(document).ready(function() {
	  $('.tban').removeClass('tban').addClass('tban noredirect');
	});


function tabFilter(){
	$("#ann_content").hide(); 
	$("#ann_filter_content").show();
	$('body').addClass('is-shown');
}


$( ".nav-item  a" ).addClass( "noredirect" );
$( ".multiselect-container li a" ).addClass( "noredirect" );
</script>

<?php 
include("footer.php");
?>