<?php include 'header.php';?>


        	<script src="lib/jquery/jquery.min.js"></script>
 			 <script src="lib/jquery/jquery-migrate.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;}

.filter-Content{
	padding:20px; 
	background:#E3E4E4;
	margin-bottom:20px;}
.filter-Content .form-control:disabled, .filter-Content .form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
    text-align: left;
    padding-left: 40px;
}
.filter-Content .form-control{
	    border: 1px solid #80BC26;
}
.filter-Content h6{
	margin: 0 0 10px 0;
	color: #011A5E;
    font-size: 14px;
    font-weight: 600;
}
.input-icons i {position: absolute;}
.icon { 
	padding: 18px; 
	color: #011A5E; 
	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: 8px 20px;
    border-radius: 50px;
    transition: 0.5s;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    background: #FFFFFF;
    width:100%;
    margin: 0;
}

.announcement_container{margin-bottom:30px;}
.announcement_display{ padding:15px; }
.announcement_display span{
	line-height:2;
	color:#FFFFFF;
	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) { background-color:#FFFFFF;}
.event:nth-of-type(odd) span{color:#011A5E;}
.event:nth-of-type(odd) a{color:#000;}  
.event:nth-of-type(even) {background-color:#fff;}
.event:nth-of-type(even) span{color:#011A5E;}
.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: #011A5E;
	font-weight:700;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #FFFFFF;
    border-color: #FFFFFF #FFFFFF #fff;
}

.tab-content>.active {
    display: block;
}

.datepicker--nav{
    background: #011A5E;
}
.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px;
    color: white;
    font-weight: bold;
}

.datepicker--nav-title i {
    font-style: normal;
    color: white;
    margin-left: 5px;
}
.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: white;
    color: #011A5E;
}
.datepicker--nav-action:hover, .datepicker--nav-title:hover i {
    color: #011A5E;
}
.datepicker--day-name{
	color: #011A5E;
	font-weight: bold;
}
.datepicker--cell.-current- {
    color: #011A5E;
    font-weight:bold;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: white;
    background: #011A5E;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-focus- {
    color: white;
    background: #011A5E;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-.-focus-{
	color: white;
    background: #011A5E;
}
.datepicker--cells-days{
	margin-top:20px;
}

.multiselect-container{
	width: 100%;
	padding: 5px;
}
.multiselect-container>li>a>label {
    padding: 5px 20px 5px 20px;
}
.filter-Content .form-control{
	border: 1px solid #FFFFFF;
    white-space: nowrap;
    font-size:12px !important;
}
.dropdown-menu.show{
	max-height: 250px;
}
#announcementContainer .dropdown-toggle::after {
    display: none;;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
#announcementContainer .btn-default{
	background: #011A5E;
	color:white;
	font-size:12px;
}


#announcementContainer .nav-tabs>li.active>a, #announcementContainer .nav-tabs>li.active>a:focus, #announcementContainer .nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #011A5E;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}


</style>
<!-- start announcement section -->
</form>  
   <div id="announcement" class="text-center paddsection">
    <div class="container">
      <div class="row">
      	<div class="col-md-12 title-common text-left">
      		<p>Bursa Announcement</p>
      		<p><img src="images/icon/titleContent-below.jpg"></p>
      	</div>
      </div>
       <div class="row">
<!--         	<script src="lib/jquery/jquery.min.js"></script> -->
<!--  			 <script src="lib/jquery/jquery-migrate.min.js"></script> -->
	     <div class="col-md-12 text-left mt-4">
	     	<?php 
//             $stockcode = '4588';
//             $showDownLoad=true;
//             $limitYear=10;
//             include_once("../s/announcement_getYearCnxIRLink.php");
        ?>	
        
        <?php
					$stockquote="4588";
					$market ="2";
					$filenameload='announcement.php';
					include_once("../s/announcementJsonDisplayTabUmw.php");
					?>
	     </div>
		 </div>
    </div>
  </div>

<!-- end  QU report section -->
  
  
<?php include 'footer.php';?>