<?php
// if($this->session->userdata('admin')==1 ||$this->session->userdata('user')==1 ){
    
// }else{
// redirect(base_url());     
// }

?>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GeMS</title>
<link rel="icon" type="image/png" href="<?php echo base_url();?>assets/img/gems-logo.jpg"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- JS, Popper.js, and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">
<script src="http://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>   
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<style>
body {font-family: "Lato", sans-serif;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;
/*background-color: green;*/
background-color: #395C94;
overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.sidenav .item1 {padding: 8px 8px 8px 8px;text-decoration: none;font-size: 14px;
/*color: #ccc;*/
display: block;transition: 0.3s;
/*border-bottom: 1px solid #ccc;*/
}
.sidenav .item1 span{margin-left: 10px; }
.sidenav a:hover {color: red !importnat;opacity: 0.6;}
.sidenav .dropdown-btn:hover{color:red !importnat;opacity: 0.6;}
.sidenav .closebtn {position: absolute;top: 0;right: 0px;font-size: 40px;text-align: center;margin-left: 10px;width: 70px;box-shadow: 0 0 1px #818181; }

@media screen and (max-height: 450px){
.sidenav {padding-top: 15px;}.sidenav a {font-size: 16px;}
}
</style>
<style>
body {font-family: Arial, Helvetica, sans-serif;}

.navbar {width: 100%;
/*background-color: #99CE00;*/
background-color: #FEDA14;
overflow: auto;}

.navbar a {float: left;padding-top: 5px;padding-bottom:5px;
color: white;
text-decoration: none;font-size: 17px;font-weight:600;}

.navbar a:hover {/*background-color: #000;*//*opacity: 0.6;*/}

.active {/*background-color: #4CAF50;*/}

@media screen and (max-width: 500px) {
.navbar a {float: none;display: block;}
}
.gems-logo{width:180px;padding-top:5px;height: 60px;top:0px;left:0px;position: absolute;background-color: #254375;text-decoration:none;color:#ccc;text-align:justify;text-align:center;font-weight:700;font-size:18px;}
/*.nh{background-color: #fff;padding: 8px 8px 8px 8px;text-decoration: none;font-size: 25px;display: block;transition: 0.3s;}*/

.dropdown-container {display: none;padding-left: 8px;}

.dropdown-container a{
/*border-bottom:1px solid #000;*/
width:100%;float: left;padding:10px;text-decoration:none;
/*color: #ccc;*/
font-size:14px;}

/* Optional: Style the caret down icon */
.fa-caret-down {float: right;padding-right: 8px;}
/* Style the sidenav links and the dropdown button */
 .dropdown-btn {padding: 8px 8px 8px 18px;text-decoration: none;
font-size: 16px;
/*color: #ccc;*/
display: block;border: none;background: none;width: 100%;text-align: left;cursor: pointer;outline: none;
/*border-bottom: 1px solid #000;*/
 }

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {color: red !importnat;}
.dropdown-btn span {padding-left:15px; }

.footer{
/*background-color: #99CE00;*/
background-color: #FEDA14;
height:100px; }
.f1{width:33.33%;border-right:1px solid #A1D318 !important;padding-top: 35px;text-align:center;border-left:1px solid #A1D318 !important;height:100px;float:left;}
.f11{width:33.33%;border-right:1px solid #A1D318 !important;padding: 15px;text-align:center;border-left:1px solid #A1D318 !important;height:100px;float:left;}
.f11 img{height: 70px;max-width: 100%;}
.f1 a{text-decoration: none;color:#263571;font-weight: 700;text-decoration:none;}  

@media only screen and (max-width: 450px){
.f1{width: 25%;height: 60px;cursor: pointer;padding-top: 20px;font-size: 14px;padding:auto;}
.f1:hover{cursor: pointer;opacity: 0.6;font-size: 14px;margin: auto;}
.f1 a{text-decoration: none;color:#263571;font-weight: 700;text-decoration:none;}  
.f11{width: 50%;height: 60px;vertical-align: middle;padding: 5px;}
.f11 img{height: 50px;}
.footer{height: 60px;vertical-align: middle;}

.sidenav .closebtn {position: absolute;top: 0;right: 0px;font-size: 40px;text-align: center;margin-left: 10px;width: 70px;box-shadow: 0 0 1px #818181;}

}
.fa-caret-left{float: right;margin-right:10px;}
.clss{background-color:#254375;
/*color:#ccc;*/
padding-left:10px;}

</style>


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">

</head>
<body>
