<?php $ci = get_instance();?>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="">
<meta name="author" content="">
<title><?php echo $ci->fm->decrypt($this->company_name);?></title>
<link rel="shortcut icon" href="<?php echo base_url("assets/img/favicon.png")?>">

<?php if(! isset($no_pace) || ! $no_pace):?>
	<script>
		paceOptions = {
			restartOnRequestAfter: false,
		}
	</script>
<?php endif;?>

<link href="<?php echo base_url("assets/bootstrap-3.3.5/css/bootstrap.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/css/bootstrap-reset.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/css/animate.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/css/style (Edited by JL).css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/css/helper.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/morris/morris.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/ionicon/css/ionicons.min.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/uppy/css/uppy.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/font-awesome-4.7.0/css/font-awesome.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/Select2-3.5.0/select2.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/Select2-3.5.0/select2-bootstrap-3.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/switch/css/bootstrap3/bootstrap-switch.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/datepicker/css/datepicker3.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/fancybox/jquery.fancybox.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/timepicker/css/bootstrap-timepicker.min.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/bootstrap3-editable/css/bootstrap-editable.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/perfect-scrollbar/css/perfect-scrollbar.css")?>" rel="stylesheet">
<link href="<?php echo base_url("assets/kartik-v-bootstrap-fileinput/css/fileinput.css");?>" media="all" rel="stylesheet" type="text/css" />

<?php $this->load->view("includes/report_css");?>
<?php $this->load->view("includes/bill_css");?>

<!-- Icons -->
<!-- non-retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon-precomposed" href="assets/img/app_icon/CMMS.png" sizes="57x57">
<!-- non-retina iPad pre iOS 7 -->
<link rel="apple-touch-icon-precomposed" href="assets/img/app_icon/CMMS.png" sizes="72x72">
<!-- non-retina iPad iOS 7 -->
<link rel="apple-touch-icon-precomposed" href="assets/img/app_icon/CMMS.png" sizes="76x76">
<!-- retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon-precomposed" href="assets/img/app_icon/CMMS.png" sizes="114x114">
<!-- retina iPhone iOS 7 -->
<link rel="apple-touch-icon-precomposed" href="assets/img/app_icon/CMMS.png" sizes="120x120">
<!-- retina iPad pre iOS 7 -->
<link rel="apple-touch-icon-precomposed" href="assets/img/app_icon/CMMS.png" sizes="144x144">
<!-- retina iPad iOS 7 -->
<link rel="apple-touch-icon-precomposed" href="assets/img/app_icon/CMMS.png" sizes="152x152">

<!-- iPhone SPLASHSCREEN-->
<link href="assets/img/app_icon/apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
<!-- iPhone (Retina) SPLASHSCREEN-->
<link href="assets/img/app_icon/apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPhone SPLASHSCREEN 4" -->
<link href="assets/img/app_icon/apple-touch-startup-image-640x1096.png" rel="apple-touch-startup-image" media="(device-height: 568px)">
<!-- iPad (portrait) SPLASHSCREEN-->
<link href="assets/img/app_icon/apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image">
<!-- iPad (landscape) SPLASHSCREEN-->
<link href="assets/img/app_icon/apple-touch-startup-image-1024x748.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image">
<!-- iPad (Retina, portrait) SPLASHSCREEN-->
<link href="assets/img/app_icon/apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPad (Retina, landscape) SPLASHSCREEN-->
<link href="assets/img/app_icon/apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!--  -->

<style>
	/* Plugin Fix */
	.datepicker, .bootstrap-timepicker-widget{
		z-index:1151 !important;
	}
	/* */
	
	/* Table Form */
	.FG_table{
		width: 100%;
		margin: 0px 0px 10px 0px;
	}
	
	.FG_th{
		width: 1%;
		white-space: nowrap;
		padding: 11.5px 10px 5px 10px;
		text-align: right;
		vertical-align: top;
	}
	
	.FG_td{
		padding: 5px;
		vertical-align: top;
	}
	/* */
	
	p.form-control-static{
		margin-left: 12px !important;
	}
	
	@media (max-width: 767px) {
		.xs_container-fluid{
			padding-top: 0 !important;
			padding-left: 0 !important;
			padding-right: 0 !important;
			padding-bottom: 60px !important;
		}
		.xs_panel{
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}

	html{
		/*zoom:90%;*/
	}

	body{
		overflow-x: hidden;
	}
	
	.text_light_grey{
		color: #999;
	}
	
	input[type='checkbox'], input[type='radio']{
		cursor: pointer;
	}
	
	[data-sort]{
		cursor: pointer;
	}
	
	.modal-content{
		padding: 15px 20px 10px 20px !important;
	}
	
	@media (min-width: 769px) {
		aside.left-panel.collapsed .img_logo{
			width: 50px !important;
		}
	}
	
	.panel-title {
		color: #000000;
	}
	
	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6 {
		color: #000000;
	}
	
	body {
		color: #000000;
	}
	
	.form-control {
		color: #000000;
	}
	
	a{
		color: #000000;
	}
	
	.btn-default {
	  	color: #000000;
	}
	
	.top-menu li >a {
		color: #000000;
	}
	
	.select2-container .select2-choices .select2-search-field input,
	.select2-container .select2-choice,
	.select2-container .select2-choices, .select2-search-choice {
		color: #000000;
	}
	
	.font_animation{
		-webkit-animation-name: example; 
    	-webkit-animation-duration: 1s;
    	animation-iteration-count: infinite; 
	}
	
	@-webkit-keyframes example {
	    from {color: #FF0000;}
	    to {color: #FFB84D;}
	}
	
	.tac{
		text-align: center;
	}
	
	.tar{
		text-align: right;
	}
	
	.tal{
		text-align: left;
	}
	
	.vam{
		vertical-align: middle;
	}
	
	.inputpicker-active > td{
		color: white;
	}
    .the-legend {
	    border-style: none;
	    border-width: 0;
	    font-size: 16px;
	    line-height: 20px;
	    margin-bottom: 0;
	    width: auto;
	    padding: 0 10px;
	    border: 1px solid #e0e0e0;
	    /*font-weight: bold;*/
    }
    .the-fieldset {
        border: 1px solid #e0e0e0;
        padding: 10px;
    }
    table.table-sticky-header > thead > tr > td,
    table.table-sticky-header > thead > tr > th {
      background-color: #F1F1F1;
      position: sticky;
      top: 0;
      z-index: 1;   
    }
    table.table-sticky-footer > tfoot > tr > td,
    table.table-sticky-footer > tfoot > tr > th {
      background-color: #F1F1F1;
      position: sticky;
      bottom: 0;
      z-index: 1;
    }

    /* width */
	#table_scroll::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	#table_scroll::-webkit-scrollbar-track {
	  background: #f1f1f1; 
	  border-radius: 10px;
	}
	 
	/* Handle */
	#table_scroll::-webkit-scrollbar-thumb {
	  background: #888; 
	  border-radius: 10px;
	}

	/* Handle on hover */
	#table_scroll::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	}

	#return-to-top {
	    position: fixed;
	    bottom: 20px;
	    right: 20px;
	    background: rgb(0, 0, 0);
	    background: rgba(0, 0, 0, 0.7);
	    width: 50px;
	    height: 50px;
	    display: block;
	    text-decoration: none;
	    -webkit-border-radius: 35px;
	    -moz-border-radius: 35px;
	    border-radius: 35px;
	    display: none;
	    -webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	    z-index: 2;
    }
    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 2;
    }
    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
        z-index: 2;
    }
    #return-to-top:hover i {
        color: #fff;
        top: 5px;
        z-index: 2;
    }
</style>