|
@@ -145,10 +145,6 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
border-bottom: none;
|
|
|
top: 0;
|
|
|
}
|
|
|
-.full{
|
|
|
- height:739px !important;
|
|
|
- background-color: #1416398a!important;
|
|
|
-}
|
|
|
.label_badge_radius {
|
|
|
color: #2e1153;
|
|
|
border-radius: 20px;
|
|
@@ -264,15 +260,41 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
border: 0;
|
|
|
padding: 4px 12px;
|
|
|
}
|
|
|
+.site-header {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ max-height: 80px;
|
|
|
+ background: #fff;
|
|
|
+ padding: 0px 15px 0 0;
|
|
|
+ z-index: 80;
|
|
|
+}
|
|
|
+.sidebar-wrapper .sidebar-menu ul li a {
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ text-decoration: none;
|
|
|
+ position: relative;
|
|
|
+ padding:7px 15px 7px 20px;
|
|
|
+}
|
|
|
+.sidebar-wrapper .sidebar-menu ul li:hover>a{
|
|
|
+ background-color: #141639c4 !important;
|
|
|
+ color:white;
|
|
|
+ border-radius: 0px !important
|
|
|
+}
|
|
|
+.sidebar-footer {
|
|
|
+ position: sticky;
|
|
|
+}
|
|
|
</style>
|
|
|
<body>
|
|
|
-<header id="" class="defaultscroll sticky">
|
|
|
+<header id="" class="site-header">
|
|
|
<div class="container-fluid">
|
|
|
<div class="row">
|
|
|
<div class="col-lg-12">
|
|
|
<nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
|
|
|
<div class="navbar-container d-flex content">
|
|
|
- <div class="col-md-10">
|
|
|
+ <div class="col-md-11">
|
|
|
<div class="d-flex align-items-center">
|
|
|
<ul class="nav navbar-nav mr-auto header_left">
|
|
|
<li class="nav-item d-flex">
|
|
@@ -285,21 +307,21 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-md-2" style="display:flex;">
|
|
|
- <ul class="nav navbar-nav align-items-center ml-auto header_right ps-5">
|
|
|
+ <div class="col-md-1" style="display:flex;">
|
|
|
+ <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
|
|
|
<li class="nav-item dropdown dropdown-notification">
|
|
|
<a href="">
|
|
|
<i class="fa fa-bell change_pass_btn"></i>
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
|
|
|
+ <!-- <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
|
|
|
<li class="nav-item dropdown dropdown-notification">
|
|
|
<a href="">
|
|
|
<i class="fa fa-cog change_pass_btn"></i>
|
|
|
</a>
|
|
|
</li>
|
|
|
- </ul>
|
|
|
+ </ul> -->
|
|
|
<ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
|
|
|
<li class="nav-item dropdown dropdown-notification">
|
|
|
<a href="">
|
|
@@ -307,7 +329,7 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <ul class="nav navbar-nav align-items-center ml-auto header_right ps-1">
|
|
|
+ <ul class="nav navbar-nav align-items-center ml-auto header_right">
|
|
|
<li class="nav-item dropdown dropdown-notification">
|
|
|
<a href="">
|
|
|
<h5 class="change_pass_btn" style="height: 33px; margin-top: 7px; padding: 5px 8px;">IZ</h5>
|
|
@@ -333,51 +355,69 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</div>
|
|
|
</div>
|
|
|
</header>
|
|
|
-<section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef;">
|
|
|
+<section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef; height:100vh;">
|
|
|
<div class="container-fluid">
|
|
|
<div class="row">
|
|
|
- <div class="col-md-2" style="padding:0px;">
|
|
|
- <div class="full">
|
|
|
- <ul class="nav nav-pills nav-justified flex-column mb-0" id="pills-tab" role="tablist">
|
|
|
- <li class="nav-item" style="margin-top: 35px;">
|
|
|
- <a class="nav-link active" id="dentalcare" data-bs-toggle="pill" href="#dental" role="tab" aria-controls="dental" aria-selected="false">
|
|
|
- <div class="text-start py-1 px-2" style="display:flex;">
|
|
|
- <i class="fa fa-graduation-cap ms-3" style="font-size: 11px; margin-top: 5px;"></i>
|
|
|
- <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Application</h6>
|
|
|
- </div>
|
|
|
- </a><!--end nav link-->
|
|
|
- </li><!--end nav item-->
|
|
|
+ <div class="col-md-2" style="padding:0px; background-color: #1416398a!important;">
|
|
|
+ <nav class="sidebar-wrapper" id="sidebar" style="background-color: #1416398a!important; width: 16.6%; height: 100%; position: fixed; overflow-y: hidden; top: 65px;">
|
|
|
+ <div class="sidebar-content" style="height: calc(100vh - 75px);">
|
|
|
+ <div class="sidebar-menu" style="padding-bottom: 110px; height: 100vh; overflow: auto;">
|
|
|
+ <ul class="nav nav-pills nav-justified flex-column mb-0" id="pills-tab" role="tablist">
|
|
|
+ <li class="nav-item" style="margin-top: 35px;">
|
|
|
+ <a class="nav-link active" id="dentalcare" data-bs-toggle="pill" href="#dental" role="tab" aria-controls="dental" aria-selected="false">
|
|
|
+ <div class="text-start py-1 px-2" style="display:flex;">
|
|
|
+ <i class="fa fa-graduation-cap ms-3" style="font-size: 11px; margin-top: 5px;"></i>
|
|
|
+ <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Application</h6>
|
|
|
+ </div>
|
|
|
+ </a><!--end nav link-->
|
|
|
+ </li><!--end nav item-->
|
|
|
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link rounded" id="cardeography" data-bs-toggle="pill" href="#cardeo" role="tab" aria-controls="cardeo" aria-selected="false">
|
|
|
- <div class="text-start py-1 px-2" style="display:flex;">
|
|
|
- <i class="fa fa-user ms-3" style="font-size: 11px; margin-top: 5px;"></i>
|
|
|
- <h6 class="mb-0" style="margin-left: 10px; font-size: 13px !important;">Wishlist </h6>
|
|
|
- </div>
|
|
|
- </a><!--end nav link-->
|
|
|
- </li><!--end nav item-->
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link rounded" id="cardeography" data-bs-toggle="pill" href="#cardeo" role="tab" aria-controls="cardeo" aria-selected="false">
|
|
|
+ <div class="text-start py-1 px-2" style="display:flex;">
|
|
|
+ <i class="fa fa-user ms-3" style="font-size: 11px; margin-top: 5px;"></i>
|
|
|
+ <h6 class="mb-0" style="margin-left: 10px; font-size: 13px !important;">Wishlist </h6>
|
|
|
+ </div>
|
|
|
+ </a><!--end nav link-->
|
|
|
+ </li><!--end nav item-->
|
|
|
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link rounded" id="eyecare" data-bs-toggle="pill" href="#eye" role="tab" aria-controls="eye" aria-selected="false">
|
|
|
- <div class="text-start py-1 px-2" style="display:flex;">
|
|
|
- <i class="fa fa-home ms-3" style="font-size: 11px; margin-top: 5px;"></i>
|
|
|
- <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Explore</h6>
|
|
|
- </div>
|
|
|
- </a><!--end nav link-->
|
|
|
- </li><!--end nav item-->
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link rounded" id="headcare" data-bs-toggle="pill" href="#head" role="tab" aria-controls="head" aria-selected="false">
|
|
|
- <div class="text-start py-1 px-2" style="display:flex;">
|
|
|
- <i class="fa fa-home ms-3" style="font-size: 11px; margin-top: 5px;"></i>
|
|
|
- <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">My Account</h6>
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link rounded" id="eyecare" data-bs-toggle="pill" href="#eye" role="tab" aria-controls="eye" aria-selected="false">
|
|
|
+ <div class="text-start py-1 px-2" style="display:flex;">
|
|
|
+ <i class="fa fa-home ms-3" style="font-size: 11px; margin-top: 5px;"></i>
|
|
|
+ <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">Explore</h6>
|
|
|
+ </div>
|
|
|
+ </a><!--end nav link-->
|
|
|
+ </li><!--end nav item-->
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link rounded" id="headcare" data-bs-toggle="pill" href="#head" role="tab" aria-controls="head" aria-selected="false">
|
|
|
+ <div class="text-start py-1 px-2" style="display:flex;">
|
|
|
+ <i class="fa fa-home ms-3" style="font-size: 11px; margin-top: 5px;"></i>
|
|
|
+ <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">My Account</h6>
|
|
|
+ </div>
|
|
|
+ </a><!--end nav link-->
|
|
|
+ </li><!--end nav item-->
|
|
|
+ </ul><!--end nav pills-->
|
|
|
+ </div>
|
|
|
+ <div class="sidebar-footer" style="display: block;bottom: 65px !important;">
|
|
|
+ <div class="sidebar-menu" style="padding: 0 !important;">
|
|
|
+ <ul class="nav nav-pills nav-justified flex-column mb-0" id="" role="tablist">
|
|
|
+ <li class="nav-item" style="margin-top: 35px;">
|
|
|
+ <a class="nav-link" id="" href="#">
|
|
|
+ <div class="text-start py-1 px-2">
|
|
|
+ <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important; font-weight:400;">Supervisor's ARN</h6>
|
|
|
+ <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">{{ auth_user()->ref_no }}</h6>
|
|
|
+ </div>
|
|
|
+ </a><!--end nav link-->
|
|
|
+ </li><!--end nav item-->
|
|
|
+ </ul><!--end nav pills-->
|
|
|
</div>
|
|
|
- </a><!--end nav link-->
|
|
|
- </li><!--end nav item-->
|
|
|
- </ul><!--end nav pills-->
|
|
|
- </div>
|
|
|
- </div><!--end col-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
+ </div><!--end col-->
|
|
|
|
|
|
- <div class="col-md-10 col-12 mt-2" style="padding:1rem;">
|
|
|
+ <div class="col-md-10 col-12 mt-5 pt-5" style="padding:1rem;">
|
|
|
<div class="tab-content" id="pills-tabContent">
|
|
|
<div class="tab-pane fade show active p-2 rounded" id="dental" role="tabpanel" aria-labelledby="dentalcare">
|
|
|
<form method="POST" action="" style="padding: 10px; background-color: #16183f69; border-radius: 5px 5px 0px 0px;">
|
|
@@ -429,7 +469,7 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-md-12 bg-white" style="padding:10px; height:500px;">
|
|
|
- <h4 class="text-info">Ref :{{ auth_user()->ref_no }}</h4>
|
|
|
+ <h4 class="text-info"></h4>
|
|
|
<div class="table-responsive">
|
|
|
<table class="table table-bordered list_table">
|
|
|
<thead>
|
|
@@ -517,7 +557,7 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</div><!--end col-->
|
|
|
</div><!--end teb pane-->
|
|
|
|
|
|
- <div class="tab-pane fade bg-white p-2 rounded shadow" id="cardeo" role="tabpanel" aria-labelledby="cardeography" style="height:530px;">
|
|
|
+ <div class="tab-pane fade bg-white p-2 rounded shadow" id="cardeo" role="tabpanel" aria-labelledby="cardeography" style="height:100%;">
|
|
|
<div class="col-md-12">
|
|
|
<div class="table-responsive">
|
|
|
<table class="table table-bordered list_table">
|
|
@@ -574,7 +614,7 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</div><!--end col-->
|
|
|
</div><!--end teb pane-->
|
|
|
|
|
|
- <div class="tab-pane fade bg-white p-2 rounded shadow" id="eye" role="tabpanel" aria-labelledby="eyecare" style="height:530px;">
|
|
|
+ <div class="tab-pane fade bg-white p-2 rounded shadow" id="eye" role="tabpanel" aria-labelledby="eyecare" style="height:100%;">
|
|
|
<div class="col-md-12">
|
|
|
<div class="table-responsive">
|
|
|
<table class="table table-bordered list_table">
|
|
@@ -630,7 +670,7 @@ tbody, td, tfoot, th, thead, tr {
|
|
|
</div>
|
|
|
</div><!--end col-->
|
|
|
</div><!--end teb pane-->
|
|
|
- <div class="tab-pane fade bg-white p-2 rounded shadow" id="head" role="tabpanel" aria-labelledby="headcare" style="height:530px;">
|
|
|
+ <div class="tab-pane fade bg-white p-2 rounded shadow" id="head" role="tabpanel" aria-labelledby="headcare" style="height:100%;">
|
|
|
<div class="col-md-12">
|
|
|
<div class="table-responsive">
|
|
|
<table class="table table-bordered list_table">
|