2188 lines
80 KiB
PHP
Executable File
2188 lines
80 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" />
|
||
|
||
<!-- 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.6.0.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.5.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;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
body .content-page {
|
||
margin-top: 90px !important;
|
||
}
|
||
</style>
|
||
|
||
<!-- navbar -->
|
||
<style>
|
||
.nav-bar {
|
||
position: fixed !important;
|
||
z-index: 4;
|
||
width: 90%;
|
||
margin-left: 120px !important;
|
||
background: #fff;
|
||
}
|
||
|
||
.top-navbar-div {
|
||
display: flex;
|
||
flex-flow: row;
|
||
flex-shrink: 1 !important;
|
||
justify-content: space-between;
|
||
margin-top: 20px;
|
||
margin-left: 15px;
|
||
}
|
||
|
||
|
||
.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;
|
||
}
|
||
|
||
/* Previous / Next buttons */
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link,
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next .page-link {
|
||
border-radius: 13px !important;
|
||
background-color: #F5FFFF;
|
||
border: none !important;
|
||
box-shadow: 0 0 0 0.15rem #F5FFFF;
|
||
font-size: 0;
|
||
/* hide default text */
|
||
position: relative;
|
||
}
|
||
|
||
/* Custom arrows */
|
||
.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link::before {
|
||
content: "◄";
|
||
font-size: 14px;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item.next .page-link::before {
|
||
content: "►";
|
||
font-size: 14px;
|
||
}
|
||
|
||
|
||
|
||
|
||
/* Active / Inactive pages */
|
||
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
|
||
color: #fff !important;
|
||
border-radius: 13px !important;
|
||
}
|
||
|
||
.dataTables_wrapper .dataTables_paginate .page-item:not(.active) .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: 2.25rem !important;
|
||
/* match card-body padding */
|
||
}
|
||
|
||
/* 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;
|
||
}
|
||
|
||
|
||
.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;
|
||
}
|
||
|
||
.right-btn {
|
||
right: 0;
|
||
}
|
||
|
||
input[type="search"]::-webkit-search-cancel-button {
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
</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;">
|
||
|
||
|
||
<!-- ========== 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/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>
|
||
</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 claim</a>
|
||
</li>
|
||
<li>
|
||
<a href="<?= base_url('/ticket/list') ?>">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('/ticketList?return_type=web') ?>">Ticket List</a>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
</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, 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') ?>">Policy</a>
|
||
</li>
|
||
<!-- <li>
|
||
<a href="<?= base_url('/policy_tranction/inception/list2') ?>">Policy 2</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 ((get_role_id() == 1 || get_role_id() == 5) || (get_role_id() == 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 (in_array(get_role_id(), [1, 5]) || (get_role_id() == 4 && in_array(FINANCE_TEAM_ID, user_team())) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_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">
|
||
<li>
|
||
<a href="<?= base_url('/policy_tranction/report/list') ?>">BDS</a>
|
||
</li>
|
||
<?php if (in_array(get_role_id(), [1, 5]) || (get_role_id() == 4 && in_array(FINANCE_TEAM_ID, user_team())) || in_array(MANAGEMENT_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 } ?>
|
||
<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>
|
||
|
||
<!-- 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>
|
||
|
||
<?php } ?>
|
||
<?php if (in_array(get_role_id(), [1, 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/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> Leads </span>
|
||
</a>
|
||
</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">
|
||
|
||
<!-- user pic -->
|
||
<div class="dropdown notification-list topbar-dropdown">
|
||
<a class=" dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
|
||
|
||
<?php
|
||
$profile = get_userProfile();
|
||
$default = base_url('public/assets/images/avatar_2x.png');
|
||
?>
|
||
|
||
<img
|
||
src="<?= (!empty($profile)) ? $profile : $default; ?>"
|
||
onerror="this.onerror=null;this.src='<?= $default ?>';"
|
||
alt="user-image"
|
||
height="40" width="40"
|
||
class="rounded-circle">
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Notification -->
|
||
<div class="dropdown notification-list topbar-dropdown">
|
||
<a class="dropdown-toggle right-bar-toggle waves-effect waves-light"
|
||
style="font-size: 14px; color:#000;background-color:#D4F5F6 !important;
|
||
border-radius:25px!important;padding:7px; position: relative;">
|
||
|
||
<i class="fe-bell noti-icon"></i>
|
||
|
||
<span class="notification-dot"></span>
|
||
</a>
|
||
|
||
</div>
|
||
|
||
<!-- Logout -->
|
||
<div class="dropdown notification-list">
|
||
<a href="<?= base_url('/logout'); ?>" style="font-size: 18px; color:#000;background-color:#D4F5F6 !important;border-radius:25px;padding:7px;margin-top:0px;">
|
||
<i class="ri-logout-box-r-line" style=" color:#000;padding:0px;"></i>
|
||
</a>
|
||
</div>
|
||
</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">
|