<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="ThemeBucket">
<link rel="shortcut icon" href="<?= PROJECT_URL ?>images/favicon.png">
<?php
$param_data = ControlConfifguration::GetConfiguration();
define('PROJECT_NAME',$param_data->name);
define('PROJECT_ADDRESS',$param_data->address);
define('PROJECT_TEL',$param_data->contact);
define('PROJECT_EMAIL',$param_data->email);
define('PROJECT_WEBSITE',$param_data->website);
define('PROJECT_COLOR',$param_data->color);
define('PROJECT_DISCOUNT',$param_data->is_discount);
define('PROJECT_TAX',$param_data->is_tax);
define('PROJECT_TAX_AMOUNT',$param_data->tax);
?>
<title><?=PROJECT_NAME?> Administration</title>
<!--Core CSS -->

<!-- CORE CSS-->

<link href="<?= PROJECT_URL ?>css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
<link href="<?= PROJECT_URL ?>css/materialize.clockpicker.css" type="text/css" rel="stylesheet" media="screen,projection">
<link href="<?= PROJECT_URL ?>css/style.min.css" type="text/css" rel="stylesheet" media="screen,projection">
<link href="<?= PROJECT_URL ?>css/layouts/style-fullscreen.css" type="text/css" rel="stylesheet" media="screen,projection">
<!-- Custome CSS-->
<link href="<?= PROJECT_URL ?>css/custom/custom.min.css" type="text/css" rel="stylesheet" media="screen,projection">


<!-- INCLUDED PLUGIN CSS ON THIS PAGE -->
<link href="<?= PROJECT_URL ?>js/plugins/prism/prism.css" type="text/css" rel="stylesheet" media="screen,projection">
<link href="<?= PROJECT_URL ?>js/plugins/perfect-scrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet" media="screen,projection">

<link href="<?= PROJECT_URL ?>js/plugins/data-tables/css/jquery.dataTables.min.css" type="text/css" rel="stylesheet" media="screen,projection">
<link href="<?= PROJECT_URL ?>js/plugins/sweetalert/sweetalert.css" type="text/css" rel="stylesheet" media="screen,projection">
<!--Core js-->
<!-- jQuery Library -->
<script type="text/javascript" src="<?=PROJECT_URL?>js/plugins/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="<?=PROJECT_URL?>js/plugins/jquery-migrate-3.4.1.min.js"></script>
<style>
    ul.sidebar-menu li a.active i{
        color: <?=PROJECT_COLOR?>!important;
    }
    ::selection {
        background: <?=PROJECT_COLOR?>!important;
    }
    ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus{
        color: <?=PROJECT_COLOR?>!important;
    }
    ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i{
        color: <?=PROJECT_COLOR?>!important;
    }
    ul.sidebar-menu li a.active i{
        color: <?=PROJECT_COLOR?>!important;
    }
    .sidebar-toggle-box{
        border: 1px solid <?=PROJECT_COLOR?>!important;
    }
    .btn-primary{
        background-color: <?=PROJECT_COLOR?>!important;
        border-color: <?=PROJECT_COLOR?>!important;
    }
    .sidebar-toggle-box .fa-bars{
        color: <?=PROJECT_COLOR?>!important;
    }
    .sidebar-menu li .sub li ul li a {
        margin-left: 20px;
    }

    .ui-widget-header{
        background: <?=PROJECT_COLOR?> 50% 50% repeat-x!important;
        border: 1px solid <?=PROJECT_COLOR?>;
    }

    .orange{
        background: <?=PROJECT_COLOR?>!important;
    }
    .brand{
        background: <?=PROJECT_COLOR?>!important;
    }
    .form-signin h2.form-signin-heading{
        background: <?=PROJECT_COLOR?>!important;
        border-bottom: 10px solid <?=PROJECT_COLOR?>!important;
    }
    .form-signin .btn-login{
        background: <?=PROJECT_COLOR?>!important;
    }
    .dropdown-menu.extended.logout>li>a:hover i{
        color: <?=PROJECT_COLOR?>!important;
    }
    #progress{
        background: <?=PROJECT_COLOR?>!important;
        box-shadow: <?=PROJECT_COLOR?> 6.66666667px 0 25px 1px
    }
.navig i{
    line-height: inherit;
    width: 2rem;
    font-size: 1.6rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem;
}
.loginScreen {
    background: #1FB3A3 url('../images/lock-screen.jpg') no-repeat fixed 0 0 / cover;
}
    .input-field div.error{
        position: relative;
        top: -1rem;
        left: 0rem;
        font-size: 0.8rem;
        color:#FF4081;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .left-alert input[type=text] + label:after,
    .left-alert input[type=password] + label:after,
    .left-alert input[type=email] + label:after,
    .left-alert input[type=url] + label:after,
    .left-alert input[type=time] + label:after,
    .left-alert input[type=date] + label:after,
    .left-alert input[type=datetime-local] + label:after,
    .left-alert input[type=tel] + label:after,
    .left-alert input[type=number] + label:after,
    .left-alert input[type=search] + label:after,
    .left-alert textarea.materialize-textarea + label:after{
        left:0px;
    }
    .right-alert input[type=text] + label:after,
    .right-alert input[type=password] + label:after,
    .right-alert input[type=email] + label:after,
    .right-alert input[type=url] + label:after,
    .right-alert input[type=time] + label:after,
    .right-alert input[type=date] + label:after,
    .right-alert input[type=datetime-local] + label:after,
    .right-alert input[type=tel] + label:after,
    .right-alert input[type=number] + label:after,
    .right-alert input[type=search] + label:after,
    .right-alert textarea.materialize-textarea + label:after{
        right:70px;
    }
    .mini-stat-icon {
        width: 60px;
        height: 60px;
        display: inline-block;
        line-height: 60px;
        text-align: center;
        font-size: 30px;
        background: #eee;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        float: left;
        margin-right: 10px;
        color: #fff;
    }
    .dropdown-content{
        z-index: 9999!important;
    }
    .floatThead-container{
        z-index: 0!important;
    }
  
  
   table.customTable {
  width: 100%;
  background-color: #FFFFFF;
  border-collapse: collapse;
  border-width: 2px;
  border-color: #00bcd4;
  border-style: solid;
  color: #000000;
}

table.customTable td, table.customTable th {
  border-width: 2px;
  border-color: #00bcd4;
  border-style: solid;
  padding: 5px;
  font-weight: bold;
}

table.customTable thead {
  background-color: #00bcd4;
}
</style>

      
        
