2566 lines
96 KiB
PHP
Executable File
2566 lines
96 KiB
PHP
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
|
||
<meta charset="utf-8" />
|
||
<title><?= isset($tab_name) ? $tab_name : 'NHance'; ?></title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta content="" name="description" />
|
||
<meta content="NHANCE" name="NHANCE" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
||
|
||
<!-- App favicon -->
|
||
<link rel="shortcut icon" href="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.svg">
|
||
|
||
<!-- plugin css -->
|
||
<link href="<?= base_url() . "public"; ?>/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
|
||
|
||
<!-- third party css -->
|
||
<link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||
<link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||
<link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||
<link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||
<!-- third party css end -->
|
||
|
||
<!-- App css -->
|
||
<link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-creative.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
|
||
<link href="<?= base_url() . "public"; ?>/assets/css/app-creative.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
|
||
|
||
<link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-creative-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
|
||
<link href="<?= base_url() . "public"; ?>/assets/css/app-creative-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
|
||
<link href="<?= base_url() . "public"; ?>/assets/css/custom.css" rel="stylesheet" type="text/css" />
|
||
|
||
<!-- icons -->
|
||
<link href="<?= base_url() . "public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
||
|
||
<link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
|
||
<link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
|
||
<link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
|
||
|
||
|
||
<!-- <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" /> -->
|
||
<!-- <link href="<?= base_url() . "public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" /> -->
|
||
|
||
|
||
<!-- <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-editable.css" rel="stylesheet" type="text/css" /> -->
|
||
<link href="https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.css" rel="stylesheet">
|
||
|
||
<!-- Jodit Css -->
|
||
<link href="<?= base_url() . "public"; ?>/assets/css/jodit.css" rel="stylesheet" type="text/css" />
|
||
|
||
|
||
<!-- JQuery CDN -->
|
||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||
|
||
|
||
<!-- Sweet Alert CDN -->
|
||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.4/dist/sweetalert2.all.min.js"></script>
|
||
|
||
<!-- select2 -->
|
||
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" type="text/css">
|
||
|
||
<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js"></script>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
|
||
|
||
<!-- <link rel="manifest" href="../manifest.json"> -->
|
||
|
||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
|
||
|
||
<!-- google icons -->
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=image" />
|
||
|
||
|
||
<script>
|
||
// if ('serviceWorker' in navigator) {
|
||
// window.addEventListener('load', function() {
|
||
// navigator.serviceWorker.register('../service-worker.js').then(function(registration) {
|
||
// // console.log('Service Worker registration successful with scope:', registration.scope);
|
||
// }, function(err) {
|
||
// // console.log('Service Worker registration failed:', err);
|
||
// });
|
||
// });
|
||
// }
|
||
</script>
|
||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
|
||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
|
||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
|
||
<!-- srinivas -->
|
||
|
||
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
|
||
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
|
||
<script src="https://editor.unlayer.com/embed.js"></script>
|
||
|
||
<!-- MD5 Hash Start -->
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-md5/2.19.0/js/md5.min.js"></script>
|
||
|
||
|
||
<!-- MD5 Hash End -->
|
||
|
||
<!-- <script src="<?= base_url('public/unlayer/js/embed.js') . '' ?>"></script> -->
|
||
<!-- srinivas -->
|
||
|
||
|
||
<script>
|
||
$(window).on('load', function() {
|
||
setTimeout(function() {
|
||
$('.loader').fadeOut();
|
||
$('.loader-mask').fadeOut('slow');
|
||
}, 1000);
|
||
});
|
||
</script>
|
||
|
||
|
||
<!-- Global section starts -->
|
||
<style>
|
||
* {
|
||
font-family: 'Poppins' !important;
|
||
}
|
||
body {
|
||
background-color: #ffffff !important; /* ← ADD THIS */
|
||
}
|
||
.content {
|
||
min-height: 70vh;
|
||
}
|
||
|
||
.tooltip-inner {
|
||
color: #fff !important;
|
||
/* restore white text */
|
||
background-color: #000 !important;
|
||
/* keep background black */
|
||
}
|
||
|
||
.container-fluid {
|
||
padding: 0px 20px 0px 20px !important;
|
||
}
|
||
|
||
.container-fluid-top {
|
||
padding: 0px 40px 0px 40px !important;
|
||
}
|
||
|
||
body[data-sidebar-size=condensed]:not([data-layout=compact]):not(.auth-fluid-pages) {
|
||
min-height: 100vh !important;
|
||
}
|
||
|
||
/* REPLACE WITH THIS */
|
||
body,
|
||
html,
|
||
#wrapper,
|
||
.content-page,
|
||
body .content-page {
|
||
background-color: #ffffff !important;
|
||
}
|
||
|
||
body .content-page {
|
||
margin-top: 50px !important;
|
||
}
|
||
</style>
|
||
|
||
<!-- navbar -->
|
||
<style>
|
||
.nav-bar {
|
||
position: fixed !important;
|
||
z-index: 4;
|
||
width: 90%;
|
||
margin-left: 120px !important;
|
||
background: #ffffff !important;
|
||
box-shadow: 0 2px 0 #ffffff !important; /* seals bottom edge */
|
||
}
|
||
|
||
.top-navbar-div {
|
||
display: flex;
|
||
flex-flow: row;
|
||
flex-shrink: 1 !important;
|
||
justify-content: space-between;
|
||
margin-top: 20px;
|
||
margin-left: 15px;
|
||
/* height: 100%;
|
||
width: 100%; */
|
||
}
|
||
|
||
|
||
.ul-flex {
|
||
display: flex;
|
||
flex-flow: column nowrap;
|
||
justify-content: center;
|
||
align-content: space-evenly;
|
||
flex-shrink: 1;
|
||
}
|
||
|
||
|
||
|
||
.nav-flex {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
justify-content: end;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-right: 20px;
|
||
}
|
||
</style>
|
||
|
||
<!-- tab-switch -->
|
||
<style>
|
||
.nav-pills,
|
||
.nav-link {
|
||
background-color: #F5FFFF !important;
|
||
color: #00999E !important;
|
||
border-radius: 10px;
|
||
|
||
}
|
||
|
||
.nav-pills {
|
||
background-color: #F5FFFF !important;
|
||
color: #00999E !important;
|
||
box-shadow: 0px 2px 4px 0px #00000040;
|
||
padding-top: 5px;
|
||
}
|
||
|
||
.nav-pills.nav-dash {
|
||
background-color: white !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
.nav-pills .nav-dash {
|
||
background-color: #D4F5F6 !important;
|
||
border-radius: 10px;
|
||
color: black !important;
|
||
}
|
||
|
||
|
||
.nav-link.active-tab {
|
||
color: white !important;
|
||
background-color: #00999E !important;
|
||
font-size: small !important;
|
||
padding: 8px 16px;
|
||
border-radius: 10px !important;
|
||
box-shadow: 0px 2px 4px 0px #00000040;
|
||
|
||
}
|
||
|
||
.nav-link-btn {
|
||
color: white !important;
|
||
background-color: #00999E !important;
|
||
font-size: small !important;
|
||
padding: 8px 16px;
|
||
border-radius: 10px !important;
|
||
}
|
||
|
||
.navtab-bg .nav-link {
|
||
margin: 5px !important;
|
||
}
|
||
</style>
|
||
|
||
|
||
|
||
<!-- sidebar -->
|
||
<style>
|
||
#side-menu .menu-logo a:hover {
|
||
background-color: transparent !important;
|
||
color: inherit !important;
|
||
text-decoration: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
|
||
#side-menu .menu-logo img {
|
||
height: 24px;
|
||
display: inline-block;
|
||
}
|
||
|
||
.left-side-menu {
|
||
margin-left: 30px;
|
||
margin-top: 20px;
|
||
margin-bottom: 5px;
|
||
border-radius: 25px;
|
||
background-color: #D4F5F6;
|
||
z-index: 700;
|
||
padding: 0 !important;
|
||
height: 90% !important;
|
||
display: flex;
|
||
flex-flow: column wrap;
|
||
}
|
||
|
||
/* every <li> inside should be allowed to shrink */
|
||
.left-side-menu li {
|
||
flex-shrink: 1 !important;
|
||
min-height: 0 !important;
|
||
/* prevents flex bugs */
|
||
}
|
||
|
||
.left-side-menu ul li:hover>ul {
|
||
position: relative;
|
||
z-index: 99999 !important;
|
||
}
|
||
|
||
|
||
|
||
.img-inactive {
|
||
background-color: white;
|
||
margin: 0px 12px;
|
||
border-radius: 5px;
|
||
border: 1px solid white;
|
||
padding: 8px !important;
|
||
min-height: 43px !important;
|
||
}
|
||
|
||
|
||
.li-seperate {
|
||
margin: 10px 0px;
|
||
}
|
||
|
||
.img-active {
|
||
background-color: #B7F0F2;
|
||
margin: 0px 12px;
|
||
border-radius: 5px;
|
||
border: 2px solid #00999E;
|
||
padding: 8px !important;
|
||
min-height: 43px !important;
|
||
}
|
||
</style>
|
||
|
||
<!-- rightbar -->
|
||
<style>
|
||
.right-bar {
|
||
width: 300px !important;
|
||
/* Adjust as needed */
|
||
overflow: hidden;
|
||
}
|
||
</style>
|
||
|
||
<!-- Dashboard-tab and header section starts -->
|
||
<style>
|
||
.notification-dot {
|
||
position: absolute;
|
||
top: 5px;
|
||
/* adjust depending on icon size */
|
||
right: 8px;
|
||
/* adjust depending on icon size */
|
||
width: 8px;
|
||
height: 8px;
|
||
background: red;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.dash-tab-font {
|
||
font-weight: 500 !important;
|
||
font-size: 0.875rem !important;
|
||
}
|
||
|
||
|
||
#current_tile,
|
||
#main_tile,
|
||
#mainMenuTiles {
|
||
font-size: 25px !important;
|
||
font-weight: 600 !important;
|
||
}
|
||
|
||
|
||
|
||
.navbar-custom {
|
||
top: -10px !important;
|
||
height: 61px !important;
|
||
}
|
||
|
||
.logo-box {
|
||
top: -10px !important;
|
||
height: 61px !important;
|
||
}
|
||
|
||
.content-page {
|
||
padding: 80px 15px 65px 15px !important;
|
||
min-height: 1000px ;
|
||
}
|
||
|
||
/* Media query for small screens */
|
||
@media screen and (min-width: 768px) {
|
||
|
||
/* Styles for screens with a minimum width of 768px (e.g., tablets and larger devices) */
|
||
.navbar-custom .button-menu-mobile {
|
||
display: none;
|
||
/* Hide the button on larger screens */
|
||
}
|
||
}
|
||
</style>
|
||
|
||
<!-- loader section starts -->
|
||
<style>
|
||
.loader div {
|
||
background-color: #6ad9cf;
|
||
display: inline-block;
|
||
float: none;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 50px;
|
||
height: 50px;
|
||
opacity: .5;
|
||
border-radius: 50%;
|
||
-webkit-animation: ballPulseDouble 2s ease-in-out infinite;
|
||
animation: ballPulseDouble 2s ease-in-out infinite;
|
||
}
|
||
|
||
.loader div:last-child {
|
||
-webkit-animation-delay: -1s;
|
||
animation-delay: -1s;
|
||
}
|
||
|
||
.loader-mask {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: #00000069;
|
||
z-index: 99999;
|
||
}
|
||
|
||
.loader {
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
width: 50px;
|
||
height: 50px;
|
||
font-size: 0;
|
||
color: #00c9d0;
|
||
display: inline-block;
|
||
margin: -25px 0 0 -25px;
|
||
text-indent: -9999em;
|
||
-webkit-transform: translateZ(0);
|
||
-ms-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
}
|
||
|
||
/* end of loaders */
|
||
</style>
|
||
|
||
|
||
|
||
<!-- ticket list specific code -->
|
||
<style>
|
||
/*
|
||
#E26728 (base)
|
||
#B8521F (darker 1)
|
||
#9C461B (darker 2)
|
||
#803A16 (darker 3)
|
||
rgba(226, 103, 40, 0.5) (transparent)
|
||
|
||
#00999E (base)
|
||
#007A7E (darker 1)
|
||
#006C70 (darker 2)
|
||
#005D61 (darker 3)
|
||
rgba(0, 153, 158, 0.5) (transparent)
|
||
*/
|
||
|
||
.app-field-grey {
|
||
background-color: #ECECEC !important;
|
||
}
|
||
|
||
|
||
.app-title {
|
||
font-size: 18px;
|
||
}
|
||
|
||
.app-heading {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.app-subtitle {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.app-text {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.secondary-title {
|
||
margin-left: 26px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.secondary-title i {
|
||
font-size: 43px;
|
||
}
|
||
|
||
.secondary-title span {
|
||
position: relative;
|
||
}
|
||
|
||
.font-color-black {
|
||
color: black;
|
||
}
|
||
|
||
|
||
.app-text-white {
|
||
color: #ffffff !important;
|
||
}
|
||
|
||
.app-text-grey {
|
||
color: #5D5D5D !important;
|
||
}
|
||
|
||
.app-text-primary {
|
||
color: #00999E !important;
|
||
}
|
||
|
||
.app-text-secondary {
|
||
color: #E26728 !important;
|
||
}
|
||
|
||
.app-text-success {
|
||
color: #1abc9c !important;
|
||
}
|
||
|
||
|
||
a.app-text-primary:hover,
|
||
a.app-text-primary:focus {
|
||
color: rgba(0, 153, 158, 0.5) !important;
|
||
}
|
||
|
||
a.app-text-secondary:hover,
|
||
a.app-text-secondary:focus {
|
||
color: rgba(226, 103, 40, 0.5) !important;
|
||
}
|
||
|
||
a.app-text-success:hover,
|
||
a.app-text-success:focus {
|
||
color: #117964 !important;
|
||
}
|
||
|
||
.app-btn-primary {
|
||
color: #fff !important;
|
||
background-color: #00999E;
|
||
border-color: #00999E;
|
||
}
|
||
|
||
.app-btn-primary:hover {
|
||
color: #fff !important;
|
||
background-color: #007A7E;
|
||
border-color: #006C70;
|
||
}
|
||
|
||
.app-btn-primary:focus,
|
||
.app-btn-primary.focus {
|
||
color: #fff !important;
|
||
background-color: #007A7E;
|
||
border-color: #006C70;
|
||
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
|
||
}
|
||
|
||
.app-btn-primary.disabled,
|
||
.app-btn-primary:disabled {
|
||
color: #fff !important;
|
||
background-color: #00999E;
|
||
border-color: #00999E;
|
||
}
|
||
|
||
.app-btn-primary:not(:disabled):not(.disabled):active,
|
||
.app-btn-primary:not(:disabled):not(.disabled).active,
|
||
.show>.app-btn-primary.dropdown-toggle {
|
||
color: #fff !important;
|
||
background-color: #006C70;
|
||
border-color: #005D61;
|
||
}
|
||
|
||
.app-btn-primary:not(:disabled):not(.disabled):active:focus,
|
||
.app-btn-primary:not(:disabled):not(.disabled).active:focus,
|
||
.show>.app-btn-primary.dropdown-toggle:focus {
|
||
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
|
||
}
|
||
|
||
.app-btn-secondary {
|
||
color: #fff !important;
|
||
background-color: #E26728;
|
||
border-color: #E26728;
|
||
}
|
||
|
||
.app-btn-secondary:hover {
|
||
color: #fff !important;
|
||
background-color: #B8521F;
|
||
border-color: #9C461B;
|
||
}
|
||
|
||
.app-btn-secondary:focus,
|
||
.app-btn-secondary.focus {
|
||
color: #fff !important;
|
||
background-color: #E26728;
|
||
border-color: #9C461B;
|
||
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
|
||
}
|
||
|
||
.app-btn-secondary.disabled,
|
||
.app-btn-secondary:disabled {
|
||
color: #fff !important;
|
||
background-color: #E26728;
|
||
border-color: #E26728;
|
||
}
|
||
|
||
.app-btn-secondary:not(:disabled):not(.disabled):active,
|
||
.app-btn-secondary:not(:disabled):not(.disabled).active,
|
||
.show>.app-btn-secondary.dropdown-toggle {
|
||
color: #fff !important;
|
||
background-color: #9C461B;
|
||
border-color: #803A16;
|
||
}
|
||
|
||
.app-btn-secondary:not(:disabled):not(.disabled):active:focus,
|
||
.app-btn-secondary:not(:disabled):not(.disabled).active:focus,
|
||
.show>.app-btn-secondary.dropdown-toggle:focus {
|
||
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
|
||
}
|
||
|
||
.app-btn-outline-primary {
|
||
color: #000000;
|
||
border-color: #00999E;
|
||
}
|
||
|
||
.app-btn-outline-primary:hover {
|
||
color: #ffffff;
|
||
background-color: #00999E;
|
||
border-color: #00999E;
|
||
}
|
||
|
||
.app-btn-outline-primary:focus,
|
||
.app-btn-outline-primary.focus {
|
||
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
|
||
}
|
||
|
||
.app-btn-outline-primary.disabled,
|
||
.app-btn-outline-primary:disabled {
|
||
color: #000000;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.app-btn-outline-primary:not(:disabled):not(.disabled):active,
|
||
.app-btn-outline-primary:not(:disabled):not(.disabled).active,
|
||
.show>.app-btn-outline-primary.dropdown-toggle {
|
||
color: #ffffff;
|
||
background-color: #00999E;
|
||
border-color: #00999E;
|
||
}
|
||
|
||
.app-btn-outline-primary:not(:disabled):not(.disabled):active:focus,
|
||
.app-btn-outline-primary:not(:disabled):not(.disabled).active:focus,
|
||
.show>.app-btn-outline-primary.dropdown-toggle:focus {
|
||
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
|
||
}
|
||
|
||
.app-btn-outline-secondary {
|
||
color: #000000;
|
||
border-color: #E26728;
|
||
}
|
||
|
||
.app-btn-outline-secondary:hover {
|
||
color: #ffffff;
|
||
background-color: #E26728;
|
||
border-color: #E26728;
|
||
}
|
||
|
||
.app-btn-outline-secondary:focus,
|
||
.app-btn-outline-secondary.focus {
|
||
box-shadow: 0 0 0 0.15rem rgba(206, 222, 239, 0.5);
|
||
}
|
||
|
||
.app-btn-outline-secondary.disabled,
|
||
.app-btn-outline-secondary:disabled {
|
||
color: #000000;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.app-btn-outline-secondary:not(:disabled):not(.disabled):active,
|
||
.app-btn-outline-secondary:not(:disabled):not(.disabled).active,
|
||
.show>.btn-outline-secondary.dropdown-toggle {
|
||
color: #ffffff;
|
||
background-color: #E26728;
|
||
border-color: #E26728;
|
||
}
|
||
|
||
.app-btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
|
||
.app-btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
|
||
.show>.btn-outline-secondary.dropdown-toggle:focus {
|
||
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
|
||
}
|
||
|
||
|
||
.app-badge-primary {
|
||
color: #ffffff;
|
||
background-color: #00999E;
|
||
}
|
||
|
||
a.app-badge-primary:hover,
|
||
a.app-badge-primary:focus {
|
||
color: #ffffff;
|
||
background-color: #007A7E;
|
||
}
|
||
|
||
a.app-badge-primary:focus,
|
||
a.app-badge-primary.focus {
|
||
outline: 0;
|
||
box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
|
||
}
|
||
|
||
.app-badge-secondary {
|
||
color: #ffffff;
|
||
background-color: #E26728;
|
||
}
|
||
|
||
a.app-badge-secondary:hover,
|
||
a.app-badge-secondary:focus {
|
||
color: #ffffff;
|
||
background-color: #B8521F;
|
||
}
|
||
|
||
a.app-badge-secondary:focus,
|
||
a.app-badge-secondary.focus {
|
||
outline: 0;
|
||
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
|
||
}
|
||
</style>
|
||
|
||
<!-- toaster -->
|
||
<style>
|
||
.toast-success {
|
||
background-color: #009688 !important;
|
||
color: #FFFFFF !important;
|
||
}
|
||
|
||
.toast-body {
|
||
padding: .75rem;
|
||
background: aliceblue !important;
|
||
}
|
||
|
||
.toast-footer {
|
||
text-align: right;
|
||
color: #000;
|
||
border-top: 1px solid aliceblue;
|
||
margin-top: 11px;
|
||
margin-bottom: -6px;
|
||
}
|
||
</style>
|
||
|
||
<!-- table section starts -->
|
||
<style>
|
||
table[data-custom-table-css="table"] thead th,
|
||
table[data-custom-table-css="second-table"] thead th {
|
||
background-color: #00999E;
|
||
color: #fff !important;
|
||
border-top: 0px solid #fff !important;
|
||
border-bottom: 0px solid #fff !important;
|
||
vertical-align: middle;
|
||
font-weight: 600 !important;
|
||
}
|
||
|
||
|
||
table[data-custom-table-css="table"] tbody td {
|
||
background: #F5FFFF;
|
||
padding: 12px;
|
||
border-top: 0px solid #fff !important;
|
||
border-bottom: 2px solid #C3EDEE !important;
|
||
font-weight: 400 !important;
|
||
}
|
||
|
||
table[data-custom-table-css="table"] thead th:first-child,
|
||
table[data-custom-table-css="second-table"] thead th:first-child {
|
||
border-top-left-radius: 15px !important;
|
||
border-bottom-left-radius: 15px !important;
|
||
}
|
||
|
||
table[data-custom-table-css="table"] thead th:last-child,
|
||
table[data-custom-table-css="second-table"] thead th:last-child {
|
||
border-top-right-radius: 15px !important;
|
||
border-bottom-right-radius: 15px !important;
|
||
}
|
||
|
||
table[data-custom-table-css="table"] tbody tr td:first-child,
|
||
table[data-custom-table-css="second-table"] tbody tr td:first-child {
|
||
border-top-left-radius: 15px !important;
|
||
border-bottom-left-radius: 15px !important;
|
||
}
|
||
|
||
table[data-custom-table-css="table"] tbody tr td:last-child,
|
||
table[data-custom-table-css="second-table"] tbody tr td:last-child {
|
||
border-top-right-radius: 15px !important;
|
||
border-bottom-right-radius: 15px !important;
|
||
}
|
||
|
||
table[data-custom-table-css="table"] tbody tr:hover td,
|
||
table[data-custom-table-css="second-table"] tbody tr:hover td {
|
||
background-color: #e0e0e0;
|
||
}
|
||
|
||
table[data-custom-table-css="table"],
|
||
table[data-custom-table-css="second-table"] {
|
||
border-collapse: separate !important;
|
||
border-spacing: 0 8px !important;
|
||
width: 100% !important;
|
||
}
|
||
|
||
/* table[data-custom-table-css="table"].dataTable thead th {
|
||
padding: 15px !important;
|
||
} */
|
||
|
||
table[data-custom-table-css="table"] thead.bg-light {
|
||
background-color: transparent !important;
|
||
}
|
||
|
||
|
||
/* ========== SECOND TABLE (white rows) ========== */
|
||
table[data-custom-table-css="second-table"] tbody td {
|
||
background: #FFFFFF !important;
|
||
padding: 12px;
|
||
border-top: 0px solid #fff !important;
|
||
border-bottom: 2px solid #F0F0F0 !important;
|
||
font-weight: 400 !important;
|
||
}
|
||
</style>
|
||
|
||
<!-- Datatable section starts -->
|
||
<style>
|
||
/* Pagination buttons */
|
||
.dataTables_wrapper .dataTables_paginate .paginate_button {
|
||
padding: 2px 6px !important;
|
||
font-size: 12px !important;
|
||
background: transparent !important;
|
||
border-radius: 13px !important;
|
||
border: none !important;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous,
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next {
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
align-self: center !important;
|
||
}
|
||
|
||
/* Previous / Next — white background; box matches page number height; arrow via ::before */
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous:not(.disabled) .page-link,
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next:not(.disabled) .page-link {
|
||
border-radius: 13px !important;
|
||
background-color: #ffffff !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
outline: none !important;
|
||
font-size: 0 !important;
|
||
line-height: 0 !important;
|
||
color: transparent !important;
|
||
position: relative !important;
|
||
overflow: hidden !important;
|
||
min-width: 32px !important;
|
||
width: 32px !important;
|
||
min-height: 2.25rem !important;
|
||
padding: 0 !important;
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
}
|
||
|
||
/* Previous / Next — disabled (first page, last page, or single page): white btn, grey arrows */
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous.disabled .page-link,
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next.disabled .page-link {
|
||
border-radius: 13px !important;
|
||
background-color: #ffffff !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
outline: none !important;
|
||
font-size: 0 !important;
|
||
line-height: 0 !important;
|
||
color: transparent !important;
|
||
position: relative !important;
|
||
overflow: hidden !important;
|
||
min-width: 32px !important;
|
||
width: 32px !important;
|
||
min-height: 2.25rem !important;
|
||
padding: 0 !important;
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
cursor: not-allowed !important;
|
||
pointer-events: none !important;
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous.disabled .page-link::before,
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next.disabled .page-link::before {
|
||
color: #adb5bd !important;
|
||
}
|
||
|
||
/* DataTables variant without .page-item/.page-link markup */
|
||
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:not(.disabled),
|
||
.dataTables_wrapper .dataTables_paginate .paginate_button.next:not(.disabled) {
|
||
border-radius: 13px !important;
|
||
background-color: #ffffff !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
outline: none !important;
|
||
font-size: 0 !important;
|
||
line-height: 0 !important;
|
||
color: transparent !important;
|
||
position: relative !important;
|
||
overflow: hidden !important;
|
||
min-width: 32px !important;
|
||
width: 32px !important;
|
||
min-height: 2.25rem !important;
|
||
padding: 0 !important;
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
|
||
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
|
||
border-radius: 13px !important;
|
||
background-color: #ffffff !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
outline: none !important;
|
||
font-size: 0 !important;
|
||
line-height: 0 !important;
|
||
min-width: 32px !important;
|
||
width: 32px !important;
|
||
min-height: 2.25rem !important;
|
||
padding: 0 !important;
|
||
position: relative !important;
|
||
overflow: hidden !important;
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
cursor: not-allowed !important;
|
||
pointer-events: none !important;
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled::before,
|
||
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled::before {
|
||
color: #adb5bd !important;
|
||
}
|
||
|
||
/* Arrows: dead-center in the hit box (Unicode glyphs have uneven metrics otherwise) */
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link::before,
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next .page-link::before {
|
||
content: "";
|
||
position: absolute !important;
|
||
left: 50% !important;
|
||
top: 50% !important;
|
||
transform: translate(-50%, -50%) !important;
|
||
line-height: 1 !important;
|
||
font-size: 12px !important;
|
||
display: block !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous:not(.disabled) .page-link::before {
|
||
content: "◄";
|
||
color: #333333;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next:not(.disabled) .page-link::before {
|
||
content: "►";
|
||
color: #333333;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous.disabled .page-link::before {
|
||
content: "◄";
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next.disabled .page-link::before {
|
||
content: "►";
|
||
}
|
||
|
||
/* Avoid double arrows when Bootstrap markup nests .paginate_button + .page-link */
|
||
.dataTables_wrapper .dataTables_paginate li.paginate_button.previous::before,
|
||
.dataTables_wrapper .dataTables_paginate li.paginate_button.next::before {
|
||
content: none !important;
|
||
}
|
||
|
||
/* Active / Inactive page numbers only (not prev/next arrows) */
|
||
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
|
||
color: #fff !important;
|
||
border-radius: 13px !important;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item:not(.active):not(.previous):not(.next) .page-link {
|
||
border: 1px solid #fff !important;
|
||
border-radius: 13px !important;
|
||
}
|
||
|
||
/* Info text */
|
||
.dataTables_info {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.dataTables_wrapper .dt-buttons .buttons-csv,
|
||
.dataTables_wrapper .dt-buttons .buttons-html5 {
|
||
background-color: #02a8b5;
|
||
color: #fff;
|
||
border-color: #02a8b5;
|
||
}
|
||
|
||
.dataTables_wrapper .dt-buttons .buttons-csv:hover,
|
||
.dataTables_wrapper .dt-buttons .buttons-html5:hover {
|
||
background-color: #028291;
|
||
border-color: #028291;
|
||
}
|
||
|
||
.dataTables_info,
|
||
.text,
|
||
#client_logo {
|
||
font-weight: 500 !important;
|
||
color: #000 !important;
|
||
}
|
||
|
||
.buttons-html5 {
|
||
margin-right: 10px !important;
|
||
}
|
||
|
||
.dataTables_scrollBody thead.bg-light tr,
|
||
.dataTables_scrollBody thead tr {
|
||
visibility: collapse !important;
|
||
/* hides + removes row space */
|
||
height: 0 !important;
|
||
}
|
||
|
||
.dataTables_scrollBody thead.bg-light th {
|
||
padding: 0 !important;
|
||
margin: 0 !important;
|
||
border: none !important;
|
||
height: 0 !important;
|
||
line-height: 0 !important;
|
||
overflow: hidden !important;
|
||
}
|
||
|
||
|
||
|
||
/* Wrapper around the search input */
|
||
.datatable-search-wrapper {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
|
||
/* The search input itself */
|
||
.dataTables_filter input {
|
||
background: #F0F0F0 !important;
|
||
color: #707070 !important;
|
||
font-weight: 400 !important;
|
||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||
border-color: #F0F0F0 !important;
|
||
margin-left: 1px !important;
|
||
}
|
||
|
||
/* Placeholder styling */
|
||
.dataTables_filter input::placeholder {
|
||
color: #707070 !important;
|
||
font-weight: 400 !important;
|
||
}
|
||
|
||
/* The magnify icon */
|
||
.datatable-search-icon {
|
||
position: absolute !important;
|
||
right: 12px !important;
|
||
top: 50% !important;
|
||
transform: translateY(-50%) !important;
|
||
color: #707070 !important;
|
||
font-size: 18px !important;
|
||
pointer-events: none;
|
||
/* prevents blocking typing */
|
||
}
|
||
|
||
.datatable-search {
|
||
margin-right: auto;
|
||
}
|
||
|
||
.datatable-buttons {
|
||
margin-left: auto;
|
||
}
|
||
|
||
/* Fix DataTables buttons alignment inside card-body */
|
||
.card-body .card-body .dt-buttons,
|
||
.card-body .card-body .datatable-buttons {
|
||
margin-right: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
|
||
/* Applies only to tables with data-custom-table-css="table" */
|
||
table[data-custom-table-css="table"] tbody tr td {
|
||
padding: 8px 10px !important;
|
||
/* spacing */
|
||
line-height: 20px;
|
||
/* consistent spacing for text */
|
||
min-height: 40px;
|
||
/* makes sense here if you use display:block */
|
||
vertical-align: middle;
|
||
/* aligns text properly */
|
||
}
|
||
</style>
|
||
|
||
|
||
<!-- modal section -->
|
||
<style>
|
||
/* Inside modal field color changes */
|
||
/* modal section starts */
|
||
|
||
.modal-full-width {
|
||
width: 80% !important;
|
||
}
|
||
|
||
.modal-body {
|
||
padding: 2rem !important;
|
||
}
|
||
|
||
.modal.show .modal-dialog .modal-content,
|
||
.modal .modal-dialog .modal-content {
|
||
border-radius: 10px !important;
|
||
overflow: hidden !important;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.modal .parsley-examples {
|
||
background-color: #FFFF !important;
|
||
padding: 0px !important;
|
||
border: 0px solid #fff !important;
|
||
border-radius: 0px !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
|
||
/* Common modal Title styles */
|
||
.modal .modal-title {
|
||
font-weight: 500;
|
||
font-size: 23px;
|
||
line-height: 100%;
|
||
letter-spacing: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
/* Common modal Header styles */
|
||
.modal .modal-header {
|
||
border-bottom: 0px solid #e5e8eb;
|
||
}
|
||
|
||
/* Common modal Body styles */
|
||
.modal .modal-body {
|
||
padding: 15px !important;
|
||
}
|
||
|
||
/* Common modal close button styles */
|
||
.modal .close {
|
||
/* width: 17.5px;
|
||
height: 17.5px;
|
||
line-height: 17.5px; */
|
||
opacity: 1;
|
||
font-size: 24px;
|
||
color: #000;
|
||
position: absolute;
|
||
top: 18px;
|
||
right: 15px;
|
||
cursor: pointer;
|
||
text-shadow: none;
|
||
}
|
||
|
||
.modal .form-control {
|
||
background-color: #ECECEC !important;
|
||
border: 1px solid #ccc;
|
||
/* optional */
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
.modal .form-control:focus {
|
||
background-color: #ECECEC !important;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.modal .input-icon {
|
||
position: relative;
|
||
display: inline-block;
|
||
}
|
||
|
||
.modal .input-icon .form-control {
|
||
padding-right: 40px;
|
||
}
|
||
|
||
.modal .input-icon .additional-icon {
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
font-size: 18px;
|
||
color: #555;
|
||
pointer-events: none;
|
||
/* icon doesn’t block input clicks */
|
||
}
|
||
|
||
|
||
.modal input[type='file'] {
|
||
padding: 10px !important;
|
||
background-color: #ECECEC !important;
|
||
color: #000 !important;
|
||
}
|
||
|
||
.modal .modal-dialog {
|
||
margin: 5px auto !important;
|
||
}
|
||
|
||
.modal .parsley-required {
|
||
font-size: 11px !important;
|
||
}
|
||
|
||
.modal .select2-container--default .select2-selection--multiple {
|
||
background-color: #ECECEC !important;
|
||
border: 1px solid #ccc;
|
||
}
|
||
|
||
|
||
/* Select2 box */
|
||
.modal .select2-container .select2-selection--single {
|
||
background-color: #ECECEC !important;
|
||
border: 1px solid #ccc !important;
|
||
height: 38px !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
/* Common modal readonly-select styles */
|
||
.modal .readonly-select+.select2-container .select2-selection--single {
|
||
background-color: #CACACA !important;
|
||
color: #666666 !important;
|
||
pointer-events: none;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.modal .select2-container--default .select2-selection--multiple {
|
||
background-color: #ECECEC !important;
|
||
border: 1px solid #ccc !important;
|
||
min-height: 38px !important;
|
||
border-radius: 5px;
|
||
/* optional */
|
||
}
|
||
|
||
|
||
/* Text inside */
|
||
.modal .select2-container .select2-selection__rendered {
|
||
line-height: 36px !important;
|
||
}
|
||
|
||
.modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
|
||
background-color: #00999E !important;
|
||
}
|
||
</style>
|
||
|
||
|
||
<!-- jodit section -->
|
||
<style>
|
||
/* ✅ Whole editor box */
|
||
.jodit {
|
||
border-radius: 10px;
|
||
box-shadow: 0px 2px 2px 0px #00000040;
|
||
overflow: hidden;
|
||
background-color: #F5FFFF !important;
|
||
/* fallback */
|
||
}
|
||
|
||
/* ✅ Toolbar (header) */
|
||
.jodit .jodit-toolbar__box,
|
||
.jodit .jodit-toolbar-editor-collection {
|
||
background-color: #F5FFFF !important;
|
||
border: none !important;
|
||
}
|
||
|
||
/* ✅ Footer / status bar */
|
||
.jodit .jodit-status-bar {
|
||
background-color: #F5FFFF !important;
|
||
border-top: 1px solid #ddd;
|
||
/* optional: keep a light separator */
|
||
}
|
||
|
||
/* ✅ Editable content (div mode) */
|
||
.jodit .jodit-wysiwyg {
|
||
background-color: #F5FFFF !important;
|
||
color: black !important;
|
||
padding: 10px;
|
||
}
|
||
|
||
/* ✅ Editable content (iframe mode) */
|
||
.jodit iframe {
|
||
background-color: #F5FFFF !important;
|
||
border-radius: 0 0 10px 10px;
|
||
}
|
||
</style>
|
||
|
||
<!-- jodit section inside modal -->
|
||
<style>
|
||
/* ✅ Whole editor box */
|
||
.modal .jodit {
|
||
border-radius: 10px;
|
||
box-shadow: 0px 2px 2px 0px #00000040;
|
||
overflow: hidden;
|
||
background-color: #ECECEC !important;
|
||
/* fallback */
|
||
}
|
||
|
||
.modal .jodit p {
|
||
background-color: #ECECEC !important;
|
||
/* fallback */
|
||
}
|
||
|
||
/* ✅ Toolbar (header) */
|
||
.modal .jodit .jodit-toolbar__box,
|
||
.modal .jodit .jodit-toolbar-editor-collection {
|
||
background-color: #ECECEC !important;
|
||
border: none !important;
|
||
}
|
||
|
||
/* ✅ Footer / status bar */
|
||
.modal .jodit .jodit-status-bar {
|
||
background-color: #ECECEC !important;
|
||
border-top: 1px solid #ddd;
|
||
/* optional: keep a light separator */
|
||
}
|
||
|
||
/* ✅ Editable content (div mode) */
|
||
.modal .jodit .jodit-wysiwyg {
|
||
background-color: #ECECEC !important;
|
||
color: black !important;
|
||
padding: 10px;
|
||
}
|
||
|
||
/* ✅ Editable content (iframe mode) */
|
||
.modal .jodit iframe {
|
||
background-color: #ECECEC !important;
|
||
border-radius: 0 0 10px 10px;
|
||
}
|
||
</style>
|
||
|
||
|
||
<!-- specific tag section starts -->
|
||
<style>
|
||
label {
|
||
font-weight: 500 !important;
|
||
font-size: 0.875rem !important;
|
||
color: #000;
|
||
}
|
||
|
||
.right-bar {
|
||
right: -300px;
|
||
}
|
||
|
||
.select2-container--default .select2-selection--single {
|
||
height: 37px !important;
|
||
}
|
||
|
||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
||
line-height: 35px !important;
|
||
}
|
||
|
||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||
top: 7px !important;
|
||
}
|
||
|
||
/* Apply to normal inputs and selects */
|
||
input,
|
||
select,
|
||
textarea {
|
||
background-color: #F5FFFF !important;
|
||
border-radius: 10px !important;
|
||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||
border-color: #F5FFFF !important;
|
||
}
|
||
|
||
.select2 textarea {
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
|
||
|
||
/* Chrome, Edge, Safari */
|
||
input[type="file"]::file-selector-button {
|
||
background-color: #00999E;
|
||
/* button color */
|
||
color: #000 !important;
|
||
/* text color */
|
||
border: none;
|
||
/* remove border */
|
||
border-radius: 10px;
|
||
/* rounded corners */
|
||
padding: 6px 20px;
|
||
/* space inside */
|
||
cursor: pointer;
|
||
/* pointer cursor */
|
||
font-size: 14px;
|
||
}
|
||
|
||
/* Cancel Bootstrap's .form-control for file inputs */
|
||
/* input[type="file"].form-control { */
|
||
/* height: auto !important;*/
|
||
/* remove forced height */
|
||
/* padding: initial !important;*/
|
||
/* reset padding */
|
||
/* font-size: inherit !important;*/
|
||
/* reset font size */
|
||
/* line-height: normal !important;*/
|
||
/* reset line height */
|
||
/* } */
|
||
|
||
|
||
/* Apply to Select2 (single select) */
|
||
.select2-container .select2-selection--single {
|
||
background-color: #F5FFFF !important;
|
||
border-radius: 10px !important;
|
||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||
height: 38px;
|
||
/* match bootstrap input height */
|
||
display: flex;
|
||
align-items: center;
|
||
border-color: #F5FFFF !important;
|
||
}
|
||
|
||
/* Apply to Select2 (multiple select) */
|
||
.select2-container .select2-selection--multiple {
|
||
background-color: #F5FFFF !important;
|
||
border-radius: 10px !important;
|
||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||
border-color: #F5FFFF !important;
|
||
}
|
||
</style>
|
||
|
||
|
||
<!-- button section starts -->
|
||
<style>
|
||
/* Target only buttons with type="submit" */
|
||
|
||
.btn {
|
||
border-radius: 10px !important;
|
||
}
|
||
|
||
button[type="submit"],
|
||
.buttons-collection,
|
||
input[type="submit"],
|
||
#get-emp-list,
|
||
.submit-btn {
|
||
color: #fff !important;
|
||
background-color: #E26728 !important;
|
||
border-color: #E26728 !important;
|
||
}
|
||
|
||
/* Optional: hover effect */
|
||
button[type="submit"]:hover,
|
||
.buttons-collection,
|
||
input[type="submit"]:hover,
|
||
#get-emp-list {
|
||
cursor: pointer;
|
||
/* optional */
|
||
}
|
||
|
||
.cancel-btn,
|
||
.modal-footer .cancel-btn {
|
||
color: #000000 !important;
|
||
background-color: #ffffff !important;
|
||
border-color: #E26728 !important;
|
||
}
|
||
</style>
|
||
|
||
<!-- accordian -->
|
||
<style>
|
||
.card #collapseOne .card-body,
|
||
#collapseOne .card-body,
|
||
.card #collapseTwo .card-body,
|
||
.card #collapseThree .card-body,
|
||
.card #collapseFour .card-body {
|
||
background-color: #F5FFFF !important;
|
||
border: 2px solid #F5FFFF;
|
||
border-radius: 10px;
|
||
box-shadow: 0px 4px 4px 0px #00000040;
|
||
}
|
||
|
||
/* Apply to normal inputs and selects */
|
||
.card #collapseOne .card-body input,
|
||
.card #collapseOne .card-body select,
|
||
.card #collapseOne .card-body textarea,
|
||
|
||
.card #collapseTwo .card-body input,
|
||
.card #collapseTwo .card-body select,
|
||
.card #collapseTwo .card-body textarea,
|
||
|
||
.card #collapseThree .card-body input,
|
||
.card #collapseThree .card-body select,
|
||
.card #collapseThree .card-body textarea,
|
||
|
||
.card #collapseFour .card-body input,
|
||
.card #collapseFour .card-body select,
|
||
.card #collapseFour .card-body textarea {
|
||
background-color: #ffff !important;
|
||
border-radius: 10px !important;
|
||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||
border-color: #ffff !important;
|
||
}
|
||
|
||
.card #collapseOne .card-body input[type='file'],
|
||
.card #collapseTwo .card-body input[type='file'],
|
||
.card #collapseThree .card-body input[type='file'],
|
||
.card #collapseFour .card-body input[type='file'] {
|
||
padding: 10px !important;
|
||
background-color: white !important;
|
||
color: black !important;
|
||
}
|
||
|
||
/* Apply to Select2 (single select) */
|
||
.card #collapseOne .card-body .select2-container .select2-selection--single,
|
||
.card #collapseTwo .card-body .select2-container .select2-selection--single,
|
||
.card #collapseThree .card-body .select2-container .select2-selection--single,
|
||
.card #collapseFour .card-body .select2-container .select2-selection--single {
|
||
background-color: #ffff !important;
|
||
border-radius: 10px !important;
|
||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||
height: 38px;
|
||
/* match bootstrap input height */
|
||
display: flex;
|
||
align-items: center;
|
||
border-color: #ffff !important;
|
||
}
|
||
|
||
/* Apply to Select2 (multiple select) */
|
||
.card #collapseOne .card-body .select2-container .select2-selection--multiple,
|
||
.card #collapseTwo .card-body .select2-container .select2-selection--multiple,
|
||
.card #collapseThree .card-body .select2-container .select2-selection--multiple,
|
||
.card #collapseFour .card-body .select2-container .select2-selection--multiple {
|
||
background-color: #ffff !important;
|
||
border-radius: 10px !important;
|
||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||
border-color: #ffff !important;
|
||
}
|
||
</style>
|
||
|
||
<!-- legacy styles of random style applied -->
|
||
<style>
|
||
.card-body {
|
||
background-color: white;
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.content-page {
|
||
background-color: white !important;
|
||
padding: 0px !important;
|
||
}
|
||
|
||
|
||
.topbar-actions .dropdown {
|
||
margin-right: 10px !important;
|
||
}
|
||
|
||
.text-danger-2 {
|
||
font-style: italic;
|
||
color: black !important;
|
||
/* color: #02a8b5 !important; */
|
||
font-size: 12px;
|
||
}
|
||
|
||
#messages-list li {
|
||
margin-top: 0;
|
||
margin-bottom: -25px;
|
||
/* Adjust this value to reduce the space */
|
||
}
|
||
|
||
.fixed-header {
|
||
position: relative;
|
||
top: 0;
|
||
background-color: #f8f9fa !important;
|
||
}
|
||
|
||
.scrollable-content {
|
||
max-height: 42vh;
|
||
overflow-y: auto;
|
||
padding-top: 0px;
|
||
}
|
||
|
||
/* Additional styles to enhance appearance */
|
||
.header-title {
|
||
position: relative;
|
||
bottom: 5px;
|
||
left: 60px;
|
||
}
|
||
|
||
#app_content_management:hover {
|
||
color: red;
|
||
}
|
||
|
||
.lead {
|
||
font-size: 13px;
|
||
}
|
||
|
||
|
||
|
||
@-webkit-keyframes ballPulseDouble {
|
||
|
||
0%,
|
||
100% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
}
|
||
|
||
50% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
|
||
@keyframes ballPulseDouble {
|
||
|
||
0%,
|
||
100% {
|
||
-webkit-transform: scale(0);
|
||
transform: scale(0);
|
||
}
|
||
|
||
50% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
</style>
|
||
|
||
|
||
<!-- footer -->
|
||
<style>
|
||
.footer {
|
||
background-color: white !important;
|
||
color: black;
|
||
margin: 30px !important;
|
||
}
|
||
|
||
.footer {
|
||
margin-left: 150px;
|
||
position: relative;
|
||
}
|
||
</style>
|
||
|
||
|
||
<style>
|
||
.custom-form .parsley-examples {
|
||
background-color: transparent !important;
|
||
padding: 0 !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
.custom-form .form-control {
|
||
background-color: #F5FFFF !important;
|
||
border: none !important;
|
||
/* color: #000; keep text readable */
|
||
box-shadow: 0px 1px 1px 0px #00000040;
|
||
}
|
||
|
||
.custom-form .form-control:focus {
|
||
background-color: #F5FFFF !important;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.custom-form .select2-container--default .select2-selection--multiple {
|
||
background-color: #F5FFFF !important;
|
||
border: none !important;
|
||
}
|
||
|
||
.custom-form .select2-container .select2-selection--single {
|
||
background-color: #F5FFFF !important;
|
||
border: 1px solid #ccc !important;
|
||
height: 38px !important;
|
||
box-shadow: none !important;
|
||
}
|
||
|
||
.custom-form .select2-container--default .select2-selection--multiple {
|
||
background-color: #F5FFFF !important;
|
||
border: 1px solid #ccc !important;
|
||
min-height: 38px !important;
|
||
border-radius: 5px;
|
||
/* optional */
|
||
}
|
||
|
||
.maincard {
|
||
margin-top: 0 !important;
|
||
padding-top: 0 !important;
|
||
}
|
||
|
||
.subcard {
|
||
padding-top: 0px;
|
||
padding-left: 5px;
|
||
}
|
||
|
||
.btn-custom {
|
||
font-weight: 500;
|
||
font-style: normal;
|
||
font-size: 12px;
|
||
line-height: 1;
|
||
letter-spacing: 0;
|
||
text-align: center;
|
||
}
|
||
</style>
|
||
|
||
<style>
|
||
/* Common wrapper (works for text/file inputs) */
|
||
.input-icon {
|
||
position: relative;
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
|
||
/* All form controls inside */
|
||
.input-icon .form-control {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding-right: 40px;
|
||
/* always keep space for icon */
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* Hide default file button */
|
||
.input-icon .form-control[type="file"]::file-selector-button {
|
||
display: none;
|
||
}
|
||
|
||
.input-icon input[type="file"].form-control {
|
||
padding-right: 40px;
|
||
/* space for the icon */
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* Common icon class */
|
||
.input-icon .additional-icon {
|
||
position: absolute;
|
||
right: 12px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
font-size: 18px;
|
||
color: #555;
|
||
pointer-events: none;
|
||
}
|
||
|
||
input[type="radio"] {
|
||
accent-color: #40B2B6;
|
||
/* sets the checked color */
|
||
}
|
||
</style>
|
||
|
||
<!-- tab swich scrollable -->
|
||
<style>
|
||
.tab-wrapper {
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
}
|
||
|
||
/* Make the UL a scrollable flex row */
|
||
#myTab {
|
||
display: flex;
|
||
white-space: nowrap;
|
||
flex-wrap: nowrap;
|
||
/* prevent wrapping */
|
||
overflow-x: auto;
|
||
/* enable horizontal scroll */
|
||
overflow-y: hidden;
|
||
white-space: nowrap;
|
||
/* keep items on one line */
|
||
margin: 0;
|
||
padding: 0 40px;
|
||
/* leave space for arrows */
|
||
flex-grow: 1;
|
||
}
|
||
|
||
/* Hide scrollbars */
|
||
#myTab::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
|
||
#myTab {
|
||
-ms-overflow-style: none;
|
||
scrollbar-width: none;
|
||
}
|
||
|
||
.scroll-btn {
|
||
background-color: #F4FFFF;
|
||
height: 55px;
|
||
border: none;
|
||
cursor: pointer;
|
||
font-size: 18px;
|
||
padding: 5px 10px;
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
z-index: 1;
|
||
color: #00999E;
|
||
}
|
||
|
||
.left-btn {
|
||
left: 0;
|
||
border-radius : 10px !important;
|
||
}
|
||
|
||
.right-btn {
|
||
right: 0;
|
||
border-radius : 10px !important;
|
||
}
|
||
|
||
input[type="search"]::-webkit-search-cancel-button {
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
</style>
|
||
<style>
|
||
/** Newly Implemented */
|
||
/* ── Right Actions ─────────────────────────────── */
|
||
:root {
|
||
--primary: #02a8b5;
|
||
--primary-light: #d4f5f6;
|
||
--trans: 0.2s ease;
|
||
}
|
||
|
||
.topbar-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
margin-left: auto;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
/* ── Circle Icon Buttons (Bell & Logout) ────────── */
|
||
.topbar-icon-btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 38px;
|
||
height: 38px;
|
||
border-radius: 50%;
|
||
background: var(--primary-light);
|
||
color: #333;
|
||
font-size: 17px;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
position: relative;
|
||
border: none;
|
||
outline: none;
|
||
transition: background var(--trans), color var(--trans);
|
||
}
|
||
|
||
.topbar-icon-btn:hover {
|
||
background: var(--primary);
|
||
color: #fff;
|
||
}
|
||
|
||
/* ── Notification Red Dot ───────────────────────── */
|
||
.notif-dot {
|
||
position: absolute;
|
||
top: 5px;
|
||
right: 5px;
|
||
width: 8px;
|
||
height: 8px;
|
||
background: #e53e3e;
|
||
border-radius: 50%;
|
||
border: 2px solid #fff;
|
||
pointer-events: none;
|
||
}
|
||
|
||
/* ── Profile Image ──────────────────────────────── */
|
||
.topbar-actions .rounded-circle {
|
||
width: 38px;
|
||
height: 38px;
|
||
object-fit: cover;
|
||
border-radius: 50% !important;
|
||
border: 2px solid var(--primary-light);
|
||
cursor: pointer;
|
||
transition: border-color var(--trans), box-shadow var(--trans);
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.topbar-actions .rounded-circle:hover {
|
||
border-color: var(--primary);
|
||
box-shadow: 0 0 0 3px var(--primary-light);
|
||
}
|
||
|
||
/* ── Fallback Initial Avatar ────────────────────── */
|
||
.avatar-btn {
|
||
width: 38px;
|
||
height: 38px;
|
||
border-radius: 50%;
|
||
background: linear-gradient(135deg, var(--primary), #02c5cc);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-weight: 700;
|
||
font-size: 15px;
|
||
color: #fff;
|
||
cursor: pointer;
|
||
border: 2px solid var(--primary-light);
|
||
flex-shrink: 0;
|
||
user-select: none;
|
||
transition: box-shadow var(--trans), border-color var(--trans);
|
||
}
|
||
|
||
.avatar-btn:hover {
|
||
box-shadow: 0 0 0 3px var(--primary-light);
|
||
border-color: var(--primary);
|
||
}
|
||
|
||
|
||
#policyTransactions,
|
||
#policyTransactionsSub {
|
||
min-width: 240px !important;
|
||
width: max-content !important;
|
||
}
|
||
|
||
#policyTransactions ul,
|
||
#policyTransactionsSub ul {
|
||
width: max-content !important;
|
||
}
|
||
|
||
#policyTransactions ul li a,
|
||
#policyTransactionsSub ul li a {
|
||
white-space: nowrap !important;
|
||
width: max-content !important;
|
||
}
|
||
|
||
body[data-sidebar-size="condensed"] .footer {
|
||
left: 0px !important; }
|
||
|
||
|
||
/* ── Navbar title system ── */
|
||
.top-navbar-title {
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
flex: 1;
|
||
overflow: hidden;
|
||
line-height: 1;
|
||
}
|
||
/** Newly Implemented */
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<body class="loading" data-layout-mode="" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "condensed", "showuser": false}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": false}'></body>
|
||
|
||
<!-- Preloader -->
|
||
<div class="loader-mask">
|
||
<div class="loader">
|
||
<img src="<?= base_url() . "public" ?>/assets/images/nhance-loader-fast.gif" height="40" width="40" alt="Loading...">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <img src="<?= base_url() . "public" ?>/assets/images/nhance-loader-fast.gif" height="40" width="40" alt="Loading..."> -->
|
||
<!-- Begin page -->
|
||
<div id="wrapper" style="background-color:white !important;">
|
||
|
||
|
||
<!-- ========== Left Sidebar Start ========== -->
|
||
<div class="left-side-menu">
|
||
|
||
|
||
<div data-simplebar>
|
||
<!--- Sidemenu -->
|
||
<div id="sidebar-menu">
|
||
|
||
<ul class="ul-flex" id="side-menu">
|
||
|
||
<li class="menu-logo">
|
||
<a href="<?= base_url('/dashboard/view') ?>">
|
||
<img src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" alt="Logo">
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="li-seperate" id="dashboard-li">
|
||
<a href="<?= base_url('/dashboard/view') ?>" class="img-inactive">
|
||
<i class="ri-dashboard-line" style="color:black;"></i>
|
||
<span style="color: #02a8b5;"> Dashboard </span>
|
||
</a>
|
||
</li>
|
||
|
||
<!-- client -->
|
||
<?php if (in_array(get_role_id(), [1, 2, 3, 5])) { ?>
|
||
<li class="li-seperate" id="clients-li">
|
||
<a href="<?= base_url('/client/list') ?>" class="img-inactive">
|
||
<img style="border-radius: 5px;"
|
||
src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="24">
|
||
<span> Clients </span>
|
||
</a>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
|
||
<!-- Enrollment process -->
|
||
<?php if (in_array(get_role_id(), [1, 2, 3, 5]) || in_array(ENROLLMENT_TEAM_ID, user_team())) { ?>
|
||
<li class="li-seperate" id="action-on-policies-li">
|
||
<a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect img-inactive">
|
||
<img style="border-radius: 5px;"
|
||
src="<?= base_url() . "public"; ?>/assets/images/action_on_policies_sb.png" alt="Logo" height="20">
|
||
<span> Action on Policies </span>
|
||
</a>
|
||
<div class="collapse" id="sidebarDashboards">
|
||
<ul class="nav-second-level">
|
||
|
||
<li>
|
||
<a href="<?= base_url('/employee/upload') ?>">View Inception</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/employee/list') ?>">View Members</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/employee/pending-approvals') ?>">Approvals</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/employee/endorsement-list') ?>">View Endorsement</a>
|
||
</li>
|
||
<!-- <li>
|
||
<a href="<?= base_url('/employee/enrollment-list') ?>">View Enrolment</a>
|
||
</li> -->
|
||
<li>
|
||
<a href="<?= base_url('/employee/test_members_list') ?>">Test Members List</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/employee/retail-endorsement-list') ?>">Retail Endorsement</a>
|
||
</li>
|
||
<?php if(in_array(get_role_id(), [ACCOUNT_MANAGER_ROLE_ID, ADMIN_ROLE_ID, HEAD_ROLE_ID])) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/employee/tpaReportsDashboard') ?>">TPA Reports</a>
|
||
</li>
|
||
<?php } ?>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
<!-- Masters -->
|
||
<?php if (get_role_id() == 1 || get_role_id() == 5 || (get_role_id() == 4 && (in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())))) { ?>
|
||
|
||
<li class="li-seperate" id="masters-li">
|
||
<a href="#sidebarPolicies" data-toggle="collapse" class=" img-inactive">
|
||
<img
|
||
src="<?= base_url() . "public"; ?>/assets/images/masters_sb.png" alt="Logo" height="20">
|
||
<span> Masters </span>
|
||
</a>
|
||
<div class="collapse" id="sidebarDashboards">
|
||
<ul class="nav-second-level">
|
||
|
||
<?php if (get_role_id() == 1 || get_role_id() == 5 || (get_role_id() == 4 && (in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())))) { ?>
|
||
|
||
<li>
|
||
<a href="<?= base_url('/master/insurer/list') ?>">Insurer</a>
|
||
</li>
|
||
|
||
<?php } ?>
|
||
|
||
|
||
<?php if (get_role_id() == 1 || get_role_id() == 5) { ?>
|
||
|
||
<li>
|
||
<a href="<?= base_url('/master/tpa/list') ?>">TPA</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/master/kyc/list') ?>">KYC</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/master/policy/list') ?>">Policy</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/master/cash_deposite/list') ?>">CD Master</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/master/vehicle/list') ?>">Vehicle Master</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/user/list') ?>"> Users </a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/util/nhanceBranchMaster') ?>"> Nhance Branch </a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/util/vehicleTypeMaster') ?>"> Vehicle Type </a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/util/rtoMaster') ?>"> RTO </a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/util/partnerPOS') ?>"> POS </a>
|
||
</li>
|
||
|
||
<?php } ?>
|
||
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
|
||
<?php } ?>
|
||
|
||
<!-- <li>
|
||
<?php
|
||
$sessionData = get_session_userdata();
|
||
$currentUrl = base_url();
|
||
$parsedUrl = parse_url($currentUrl);
|
||
$baseUrl = $parsedUrl['scheme'] . '://' . $parsedUrl['host'] . '/';
|
||
$hashedEmail = hash('sha256', $sessionData->email);
|
||
$redirectUrl = getenv('helpdeskURL') . '/staff/login?' . http_build_query(['token' => $hashedEmail]);
|
||
?>
|
||
<a href="<?php echo $redirectUrl; ?>" target="_blank">
|
||
<i class="mdi mdi-lifebuoy"></i>
|
||
<span> Tickets </span>
|
||
</a>
|
||
</li> -->
|
||
|
||
<!-- Claims -->
|
||
<?php if (in_array(get_role_id(), [1, 2, 3, 5]) || in_array(CLAIMS_TEAM_ID, user_team())) { ?>
|
||
<li class="li-seperate" id="claims-li">
|
||
<a href="#sidebarDashboardsTicket" data-toggle="collapse" class="waves-effect img-inactive">
|
||
<img
|
||
src="<?= base_url() . "public"; ?>/assets/images/claims_sb.png" alt="Logo" height="20">
|
||
<span> Claims </span>
|
||
</a>
|
||
<div class="collapse" id="sidebarDashboardsTicket">
|
||
<ul class="nav-second-level">
|
||
<li>
|
||
<a href="#" onclick="openTicketTypeAskModal()">New EB Claim</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/ticket/list') ?>">EB Claim List</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/non-eb-claim/new') ?>">New Non EB Claim</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/non-eb-claim/list') ?>">Non EB Claim List</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/ticket/mail_template') ?>">Mail Template</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/ticket/ticket_reports') ?>">Claim Reports</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/ticket/feedback-list') ?>">Claim Feedback List</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/ticket/claim-upload') ?>">Claim Dump Upload</a>
|
||
</li>
|
||
<!-- <li>
|
||
<a href="<?= base_url('/claim_mis/list') ?>">Claim MIS Upload</a>
|
||
</li> -->
|
||
<!-- <li>
|
||
<a href="<?= base_url('/ticketList?return_type=web') ?>">Ticket List</a>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
<!-- Expence -->
|
||
<!-- <?php if (in_array(get_role_id(), [1, 5])) { ?>
|
||
<li class="li-seperate" id="clients-li">
|
||
<a href="<?= base_url('expense') ?>" class="img-inactive">
|
||
<img style="border-radius: 5px;"
|
||
src="<?= base_url() . "public"; ?>/assets/images/expense_icon.png" alt="Logo" height="24">
|
||
<span> Expense </span>
|
||
</a>
|
||
</li>
|
||
<?php } ?> -->
|
||
|
||
<!-- BDS -->
|
||
<?php if ((get_role_id() == 1 || get_role_id() == 5 || get_role_id() == 4) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
|
||
<li class="li-seperate" id="policy-transactions-li">
|
||
<a href="#policyTransactions" data-toggle="collapse" class="waves-effect img-inactive">
|
||
<img
|
||
src="<?= base_url() . "public"; ?>/assets/images/policy_transactions_sb.png" alt="Logo" height="20">
|
||
<span> Policy Transactions </span>
|
||
</a>
|
||
<div class="collapse" id="policyTransactions">
|
||
<ul class="nav-second-level">
|
||
<li>
|
||
<a href="#policyTransactionsSub" data-toggle="collapse" class="waves-effect">
|
||
<i class="mdi mdi-format-list-bulleted"></i>
|
||
<span>Policy Transactions</span>
|
||
</a>
|
||
<div class="collapse" id="policyTransactionsSub">
|
||
<ul>
|
||
|
||
<?php if (in_array(get_role_id(), [1, 2, 3, 4, 5]) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/inception/list?view=1') ?>">Policy Add</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/inception/list') ?>">Policy List</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/endorsement/list') ?>">Endorsement</a>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
<?php if (in_array(get_role_id(), [1, 5]) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(MANAGEMENT_TEAM_ID, user_team())) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/statement/list') ?>">Statement Upload</a>
|
||
</li>
|
||
<?php } ?>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
|
||
<?php if ((in_array(get_role_id(), [1, 5])) || ((in_array(get_role_id(), [2, 3, 4])) && in_array(FINANCE_TEAM_ID, user_team())) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
|
||
|
||
<?php if (
|
||
get_role_id() != 4 // Global Guard: Exclude Role 4
|
||
&& (
|
||
in_array(get_role_id(), [1, 5]) // Case 1: Role 1 or 5
|
||
|| in_array(MANAGEMENT_TEAM_ID, user_team()) // Case 2: Any Role + Management Team
|
||
|| in_array(POS_TEAM_ID, user_team()) // Case 3: Any Role + POS Team
|
||
)
|
||
) { ?>
|
||
<li>
|
||
<a href="#policyReports" data-toggle="collapse" class="waves-effect">
|
||
<i class="ri-file-chart-fill"></i>
|
||
<span> Policy Reports </span>
|
||
</a>
|
||
<div class="collapse" id="policyReports">
|
||
<ul class="nav-third-level">
|
||
<?php if (
|
||
in_array(POS_TEAM_ID, user_team()) // Case 4: Role Any + Must be in POS Team (global guard)
|
||
||(
|
||
in_array(get_role_id(), [1, 5]) // Case 1: Role 1 or 5
|
||
|| (in_array(get_role_id(), [4]) && in_array(FINANCE_TEAM_ID, user_team())) // Case 2: Role 4 + Finance Team
|
||
|| in_array(MANAGEMENT_TEAM_ID, user_team()) // Case 3: Role Any + Management Team
|
||
)
|
||
) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/report/list') ?>">BDS</a>
|
||
</li>
|
||
<?php } ?>
|
||
<?php if (in_array(get_role_id(), [1, 5]) || ((in_array(get_role_id(), [2, 3])) && in_array(FINANCE_TEAM_ID, user_team())) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team())) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/report/report-varience-list') ?>">Variance</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/report/report-outstanding-list') ?>">Outstanding</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/bdsReport/irba_report') ?>">IRDA Reports</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/bdsReport/renewal_report') ?>">Renewal Reports</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/bdsReport/getTATReport') ?>">TAT Band Reports</a>
|
||
</li>
|
||
<?php } ?>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<?php } ?>
|
||
<?php if (in_array(get_role_id(), [1, 5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team())) { ?>
|
||
<li>
|
||
<a href="#policy_tat_report_type" data-toggle="collapse" class="waves-effect">
|
||
<i class="ri-file-chart-fill"></i>
|
||
<span> Policy TAT Reports </span>
|
||
</a>
|
||
<div class="collapse" id="policy_tat_report_type">
|
||
<ul class="nav-third-level">
|
||
<li>
|
||
<a href="<?= base_url('/bdsReport/getMultiReport/1') ?>">TAT Band Wise</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="<?= base_url('/bdsReport/getMultiReport/2') ?>">ACM Status Wise</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/bdsReport/getMultiReport/3') ?>">ACM TAT Wise</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
|
||
<?php } ?>
|
||
|
||
<!-- This Menu Hide because of Role Merge REF : SVM,SVR,KV.
|
||
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
|
||
<li>
|
||
<a href="#policyPendingActions" data-toggle="collapse" class="waves-effect">
|
||
<i class="mdi mdi-timer-sand"></i>
|
||
<span> Policy Pending Actions </span>
|
||
</a>
|
||
<div class="collapse" id="policyPendingActions">
|
||
<ul class="nav-third-level">
|
||
<?php if (in_array(get_role_id(), [1, 5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team())) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/report/report-finance-list') ?>">Finance Team</a>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
<?php if (in_array(get_role_id(), [1, 5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team())) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/report/report-business-list') ?>">Business Team</a>
|
||
</li>
|
||
<?php } ?>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<?php } ?>
|
||
-->
|
||
|
||
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
|
||
<li>
|
||
<a href="#policyMasters" data-toggle="collapse" class="waves-effect">
|
||
<i class="ri-database-2-line"></i>
|
||
<span> Masters </span>
|
||
</a>
|
||
<div class="collapse" id="policyMasters">
|
||
<ul class="nav-third-level">
|
||
<li>
|
||
<a href="<?= base_url('/master/cash_deposite/list') ?>">CD Master</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/master/vehicle/list') ?>">Vehicle Master</a>
|
||
</li>
|
||
<?php if ((get_role_id() === 4 && in_array(FINANCE_TEAM_ID, user_team())) || in_array(BUSINESS_TEAM_ID, user_team())) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/master/insurer/list') ?>">Insurer Master</a>
|
||
</li>
|
||
<?php } ?>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
<?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/dmsSearch') ?>">
|
||
<i class="ri-book-open-line"></i>
|
||
<span> Documents</span>
|
||
</a>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
<li>
|
||
<a href="<?= base_url('/payout/list') ?>">
|
||
<i class="ri-money-rupee-circle-line"></i>
|
||
<span> Payouts</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/commission/list') ?>">
|
||
<i class="ri-percent-line"></i>
|
||
<span> Commission</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/bds_upload/list') ?>">
|
||
<i class="ri-car-line"></i>
|
||
<span> Motor Policy Bulk Upload</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/digit-motor/list') ?>">
|
||
<i class="ri-roadster-line"></i>
|
||
<span> Digit Motor</span>
|
||
</a>
|
||
</li>
|
||
|
||
<?php } ?>
|
||
<?php if (in_array(get_role_id(), [1,5])) { ?>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/inception/list2') ?>">
|
||
<i class="ri-barcode-line"></i>
|
||
<span> Policy 2</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/endorsement/list2') ?>">
|
||
<i class="ri-file-edit-line"></i>
|
||
<span> Endorsement 2</span>
|
||
</a>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
<!-- leads -->
|
||
<?php if (in_array(get_role_id(), [1, 2, 3, 5]) || in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())) { ?>
|
||
<li class="li-seperate" id="leads-li">
|
||
<a href="<?= base_url('/leads/list') ?>" class="img-inactive">
|
||
<img
|
||
src="<?= base_url() . "public"; ?>/assets/images/leads_sb.png" alt="Logo" height="20">
|
||
<span> Opportunities </span>
|
||
</a>
|
||
</li>
|
||
<?php } ?>
|
||
<?php if (in_array(get_role_id(), [1, 5]) || (get_role_id() == 4 && in_array(SALES_TEAM_ID, user_team()))) { ?>
|
||
<li class="li-seperate" id="app-sales-tracker-li">
|
||
<a id="app_sales_tracker" href="#sidebarSalesTrackermenu" data-toggle="collapse" class="waves-effect img-inactive" style="color: grey;">
|
||
<img
|
||
src="<?= base_url() . "public"; ?>/assets/images/sales_tracker_dark_sb.png" alt="Logo" height="20">
|
||
<span style="color: #02a8b5;">Sales Tracker</span>
|
||
</a>
|
||
<div class="collapse" id="sidebarSalesTrackermenu">
|
||
<ul class="nav-second-level">
|
||
<li>
|
||
<a href="<?= base_url('/sales/dashboard') ?>"> <i class="ri-dashboard-line"></i> Dashboard </a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/sales') ?>"> <i class="ri-group-line"></i> Leads </a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/sales/loadactivities') ?>"><i class="ri-flashlight-line"></i> Activities </a>
|
||
</li>
|
||
<!-- <li>
|
||
<a href="<?= base_url('/sales/page/Opportunities') ?>"> <i class="ri-checkbox-circle-line"></i> Opportunities </a>
|
||
</li> -->
|
||
<!-- <li>
|
||
<a href="<?= base_url('sales/page/Reports') ?>"><i class="ri-bar-chart-line"></i> Reports </a>
|
||
</li> -->
|
||
<!-- <li>
|
||
<a href="<?= base_url('sales/page/Team') ?>"><i class="ri-bar-chart-line"></i> Sales Team </a>
|
||
</li> -->
|
||
<?php if (in_array(get_role_id(), [1, 5])){ ?>
|
||
<li>
|
||
<a href="<?= base_url('sales/loadtargets') ?>"><i class="ri-group-2-fill"></i> Sales Team Targets </a>
|
||
</li>
|
||
<?php } ?>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<?php } ?>
|
||
<!-- Tickets -->
|
||
<?php if (in_array(get_role_id(), [1, 2, 3, 4, 5]) || in_array(CLAIMS_TEAM_ID, user_team())) { ?>
|
||
<li class="li-seperate" id="tickets-li">
|
||
<a id="tickets" href="<?= base_url('/ticketList?return_type=web') ?>" class="waves-effect img-inactive">
|
||
<img src="<?= base_url() . "public"; ?>/assets/images/ticket.png" alt="Logo" height="20">
|
||
<span>Tickets</span>
|
||
</a>
|
||
</li>
|
||
<?php } ?>
|
||
|
||
<!-- Ad -->
|
||
<?php if (in_array(get_role_id(), [1, 2, 3, 5])) { ?>
|
||
<li class="li-seperate" id="app-content-mng-li">
|
||
<a id="app_content_management" href="#sidebarDashboardsmenu" data-toggle="collapse" class="waves-effect img-inactive" style="color: grey;">
|
||
<img
|
||
src="<?= base_url() . "public"; ?>/assets/images/app_content_mng_sb.png" alt="Logo" height="20">
|
||
<span style="color: #02a8b5;">App Content Mgmt</span>
|
||
</a>
|
||
<div class="collapse" id="sidebarDashboardsmenu">
|
||
<ul class="nav-second-level">
|
||
<li>
|
||
<a href="<?= base_url('/add_image_index') ?>"> Advertisement Images </a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/frontend_content') ?>">Front-end Content</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/FAQ?return_type=web') ?>"> FAQ </a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<?php } ?>
|
||
<!-- <li class="li-seperate" id="user-manual-li">
|
||
<a id="user_manual" href="<?= base_url("autobookstackLogin") ?>" class="waves-effect img-inactive" target="_blank" rel="noopener noreferrer">
|
||
<img
|
||
src="<?= base_url() . "public"; ?>/assets/images/user_manual_sb.png" alt="Logo" height="20">
|
||
<span>User Manual</span>
|
||
</a>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
<!-- End Sidebar -->
|
||
</div>
|
||
<!-- Sidebar -left -->
|
||
|
||
</div>
|
||
<!-- Left Sidebar End -->
|
||
|
||
<!-- ========== Top Bar Start ========== -->
|
||
<div class="nav-bar">
|
||
<div class="top-navbar-div">
|
||
<div class="top-navbar-title">
|
||
<h5>Welcome <?= (isset(get_session_userdata()->first_name) ? get_session_userdata()->first_name : 'NOT SET') ?> </h5>
|
||
</div>
|
||
<div class="nav-flex">
|
||
<!-- Right actions Starts Here-->
|
||
<div class="topbar-actions">
|
||
|
||
<!-- Avatar: show profile image if exists, else show initial avatar -->
|
||
<?php
|
||
$profile = get_userProfile();
|
||
$default = base_url('public/assets/images/avatar_2x.png');
|
||
$firstName = isset(get_session_userdata()->first_name) ? get_session_userdata()->first_name : 'A';
|
||
$initial = strtoupper(substr($firstName, 0, 1));
|
||
$roleId = get_role_id();
|
||
$roleName = 'User';
|
||
if ($roleId == ADMIN_ROLE_ID) {
|
||
$roleName = 'Admin';
|
||
} elseif ($roleId == HEAD_ROLE_ID) {
|
||
$roleName = 'Head';
|
||
} elseif ($roleId == MANAGER_ROLE_ID) {
|
||
$roleName = 'Manager';
|
||
} elseif ($roleId == ACCOUNT_MANAGER_ROLE_ID) {
|
||
$roleName = 'Account Manager';
|
||
} elseif ($roleId == STAFF_ROLE_ID) {
|
||
$roleName = 'Staff';
|
||
}
|
||
$userTitle = $firstName . ' ( ' . $roleName . ' )';
|
||
?>
|
||
|
||
<?php if (!empty($profile)) : ?>
|
||
<!-- Profile Image -->
|
||
<img
|
||
src="<?= $profile ?>"
|
||
onerror="this.onerror=null; this.src='<?= $default ?>'; this.style.display='none'; document.getElementById('avatar-fallback').style.display='flex';"
|
||
alt="user-image"
|
||
title="<?= $userTitle ?>"
|
||
height="38" width="38"
|
||
class="rounded-circle"
|
||
style="object-fit:cover; border: 2px solid var(--primary-light); cursor:pointer;"
|
||
>
|
||
<!-- Fallback avatar (hidden by default, shown if image fails) -->
|
||
<div class="avatar-btn" id="avatar-fallback" title="<?= $userTitle ?>" style="display:none;">
|
||
<?= $initial ?>
|
||
</div>
|
||
|
||
<?php else : ?>
|
||
<!-- No profile image — show initial avatar -->
|
||
<div class="avatar-btn" title="<?= $userTitle ?>">
|
||
<?= $initial ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<!-- Notification -->
|
||
<button class="topbar-icon-btn right-bar-toggle" title="Notifications">
|
||
<i class="ri-notification-3-line"></i>
|
||
<span class="notif-dot"></span>
|
||
</button>
|
||
|
||
<!-- Logout -->
|
||
<a href="<?= base_url('/logout'); ?>" class="topbar-icon-btn" title="Logout">
|
||
<i class="ri-logout-box-r-line"></i>
|
||
</a>
|
||
|
||
</div>
|
||
<!-- Right actions Ends Here-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<!-- End of Top Bar -->
|
||
|
||
<!-- <br> -->
|
||
|
||
|
||
<!-- ============================================================== -->
|
||
<!-- Start Page Content here -->
|
||
<!-- ============================================================== -->
|
||
|
||
<div class="content-page">
|
||
<div class="content">
|
||
|
||
<!-- Start Content-->
|
||
<div class="container-fluid-top">
|