<!-- Bootstrap 3.3.6 -->
<link rel="stylesheet" href="template/asset/vendors/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" href="template/asset/vendors/plugins/datatables/dataTables.bootstrap.css">


<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<!-- jvectormap -->
<link rel="stylesheet" href="template/asset/vendors/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<!-- Select 2 -->
<link rel="stylesheet" href="template/asset/vendors/plugins/select2/select2.min.css">
<link rel="stylesheet" href="template/asset/vendors/plugins/datepicker/datepicker3.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.min.css">

<!-- Theme style -->
<link rel="stylesheet" href="template/asset/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
     folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="template/asset/css/skins/_all-skins.min.css">


<style>
    .skin-blue .main-header .navbar {
        background-color: #a90c05;
    }
    .skin-blue .main-header .logo {
        background-color: #a92e07;
        color: #fff;
        border-bottom: 0 solid transparent;
    }
    body{
        font-size: 12px;
    }

    .myBox{
        padding: 2px;
        display: block;
        min-height: 70px;
        background: #fff;
        width: 100%;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        border-radius: 2px;
        margin-bottom: 15px;
        text-align: center;
    }

</style>