<!-- ============================================================================ -->



<!-- Favicon -->

<link rel="shortcut icon" type="image/x-icon" href="assets/images/logo1.png">

<!-- Bootstrap CSS -->

<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<!-- Fontawesome CSS -->

<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<!-- Feathericon CSS -->

<link rel="stylesheet" href="assets/css/feathericon.min.css">

<link rel="stylesheet" href="assets/plugins/morris/morris.css">

<!-- Main CSS -->

<link rel="stylesheet" href="assets/css/style.css">

<!-- ================================================================= -->

<!-- ===========================custom css============================ -->

<!-- My Custom -->

<link rel="stylesheet" href="custom.css">

<!-- Datatables CSS -->

<link rel="stylesheet" href="assets/plugins/datatables/datatables.min.css">

<!-- font awesome -->

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />



<!-- Datepicker theme UI -->

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<!--[if lt IE 9]>

    <script src="assets/js/html5shiv.min.js"></script>

    <script src="assets/js/respond.min.js"></script>

<![endif]-->



<style>

    .footer {

        position: fixed;

    }



    body {

        height: 130%;

        color: #000;

    }



    .sidebar .sidebar-menu>ul>li>a span {

        margin-left: 25px;

    }



    .menu-icon {

        font-size: 20px !important;

    }



   

</style>