add new module

ohrms_overtime/README.rst

@@ -0,0 +1,35 @@
+Open HRMS Overtime v13
+======================
+Helps you to manage Employee Overtime.
+
+Tech
+====
+* [Python] - Models
+* [XML] - Odoo views
+
+Installation
+============
+- www.odoo.com/documentation/13.0/setup/install.html
+- Install our custom addon
+
+
+Bug Tracker
+===========
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Credits
+=======
+* Cybrosys Techno Solutions <https://www.cybrosys.com>
+
+Author
+------
+
+Developer: Ijaz, Tintuk @ Cybrosys
+
+
+Maintainer
+----------
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com.

ohrms_overtime/__init__.py

@@ -0,0 +1 @@
+from . import models

ohrms_overtime/__manifest__.py

@@ -0,0 +1,56 @@
+# -*- coding: utf-8 -*-
+###################################################################################
+#    A part of OpenHRMS Project <https://www.openhrms.com>
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2018-TODAY Cybrosys Technologies (<https://www.cybrosys.com>).
+#    Author: Ijaz Ahammed (<https://www.cybrosys.com>)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+###################################################################################
+{
+    'name': 'Open HRMS Overtime',
+    'version': '13.0.1.0.0',
+    'summary': 'Manage Employee Overtime',
+    'description': """
+        Helps you to manage Employee Overtime.
+        """,
+    'category': 'Generic Modules/Human Resources',
+    'author': "Cybrosys Techno Solutions",
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.openhrms.com",
+    'depends': [
+        'base', 'hr', 'hr_contract','hr_attendance', 'hr_holidays', 'project'
+    ],
+    'external_dependencies': {
+        'python': ['pandas'],
+    },
+    'data': [
+
+        'data/data.xml',
+        'views/overtime_request_view.xml',
+        'views/overtime_type.xml',
+        'views/hr_contract.xml',
+        'views/hr_payslip.xml',
+        'security/ir.model.access.csv',
+    ],
+    'demo': ['data/hr_overtime_demo.xml'],
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

ohrms_overtime/data/data.xml

@@ -0,0 +1,16 @@
+<odoo>
+    <data>
+
+        <record id="hr_salary_rule_overtime" model="hr.salary.rule">
+            <field name="name">Overtime</field>
+            <field name="code">OT100</field>
+            <field name="sequence" eval="100"/>
+            <field name="category_id" ref="hr_payroll_community.ALW"/>
+            <field name="condition_select">python</field>
+            <field name="condition_python">result = inputs.OT100</field>
+            <field name="amount_select">code</field>
+            <field name="amount_python_compute">result = inputs.OT100.amount</field>
+        </record>
+
+    </data>
+</odoo>

ohrms_overtime/data/hr_overtime_demo.xml

@@ -0,0 +1,82 @@
+<odoo>
+    <data>
+        <record id="hr_payroll_community.structure_base" model="hr.payroll.structure">
+            <field eval="[(4, ref('hr_salary_rule_overtime'))]"
+                   name="rule_ids"/>
+        </record>
+
+        <record id="hr_overtime_type_demo_01" model="overtime.type">
+            <field name="name">Leave Hour</field>
+            <field name="type">leave</field>
+            <field name="duration_type">hours</field>
+            <field name="leave_type" ref="hr_holidays.holiday_status_cl"/>
+        </record>
+
+        <record id="hr_overtime_type_demo_02" model="overtime.type">
+            <field name="name">Leave Day</field>
+            <field name="type">leave</field>
+            <field name="duration_type">days</field>
+            <field name="leave_type" ref="hr_holidays.holiday_status_sl"/>
+        </record>
+
+        <record id="hr_overtime_type_demo_03" model="overtime.type">
+            <field name="name">Cash Hour</field>
+            <field name="type">cash</field>
+            <field name="duration_type">hours</field>
+            <field name="leave_type" ref="hr_holidays.holiday_status_cl"/>
+        </record>
+
+        <record id="hr_overtime_type_demo_04" model="overtime.type">
+            <field name="name">Cash Day</field>
+            <field name="type">cash</field>
+            <field name="duration_type">days</field>
+            <field name="leave_type" ref="hr_holidays.holiday_status_sl"/>
+        </record>
+
+        <record id="hr_overtime_type_line_demo_03" model="overtime.type.rule">
+            <field name="type_line_id" ref="hr_overtime_type_demo_03"/>
+            <field name="name">First Category</field>
+            <field name="from_hrs" eval="0"/>
+            <field name="to_hrs" eval="5"/>
+            <field name="hrs_amount" eval="2.0"/>
+        </record>
+
+        <record id="hr_overtime_type_line_demo_04" model="overtime.type.rule">
+            <field name="type_line_id" ref="hr_overtime_type_demo_04"/>
+            <field name="name">First Category</field>
+            <field name="from_hrs" eval="0"/>
+            <field name="to_hrs" eval="5"/>
+            <field name="hrs_amount" eval="2.0"/>
+        </record>
+
+
+        <record id="hr_over_time_request_demo_04" model="hr.overtime">
+            <field name="name">Overtime Request 01</field>
+            <field name="employee_id" ref="hr.employee_admin"/>
+            <field name="type">leave</field>
+            <field name="duration_type">hours</field>
+            <field name="job_id" model="hr.job"
+                   eval="obj().env.ref('hr.employee_admin').job_id.id"/>
+            <field name="department_id" model="hr.department"
+                   eval="obj().env.ref('hr.employee_admin').department_id.id"/>
+            <field name="date_from" eval="time.strftime('%Y-01-01 10:00:00')"/>
+            <field name="date_to" eval="time.strftime('%Y-01-01 12:00:00')"/>
+            <field name="contract_id" ref="hr_contract.hr_contract_admin"/>
+        </record>
+
+        <record id="hr_over_time_request_demo_05" model="hr.overtime">
+            <field name="name">Overtime Request 02</field>
+            <field name="employee_id" ref="hr.employee_qdp"/>
+            <field name="type">cash</field>
+            <field name="duration_type">days</field>
+            <field name="job_id" model="hr.job"
+                   eval="obj().env.ref('hr.employee_qdp').job_id.id"/>
+            <field name="department_id" model="hr.department"
+                   eval="obj().env.ref('hr.employee_qdp').department_id.id"/>
+            <field name="date_from" eval="time.strftime('%Y-01-01 10:00:00')"/>
+            <field name="date_to" eval="time.strftime('%Y-01-03 10:00:00')"/>
+            <field name="contract_id" ref="hr_contract.hr_contract_qdp"/>
+        </record>
+
+    </data>
+</odoo>

ohrms_overtime/doc/RELEASE_NOTES.md

@@ -0,0 +1,7 @@
+## Module <ohrms_overtime>
+
+#### 27.02.2020
+#### Version 13.0.1.0.0
+##### ADD
+- Initial commit for Open HRMS Project
+

ohrms_overtime/models/__init__.py

@@ -0,0 +1,3 @@
+from . import overtime_request
+from . import hr_contract
+from . import hr_payslip

ohrms_overtime/models/hr_contract.py

@@ -0,0 +1,8 @@
+from odoo import models, fields
+
+
+class HrContractOvertime(models.Model):
+    _inherit = 'hr.contract'
+
+    over_hour = fields.Monetary('Hour Wage')
+    over_day = fields.Monetary('Day Wage')

ohrms_overtime/models/hr_payslip.py

@@ -0,0 +1,45 @@
+from odoo import models, api, fields
+
+
+class PayslipOverTime(models.Model):
+    _inherit = 'hr.payslip'
+
+    overtime_ids = fields.Many2many('hr.overtime')
+
+    @api.model
+    def get_inputs(self, contracts, date_from, date_to):
+        """
+        function used for writing overtime record in payslip
+        input tree.
+
+        """
+        res = super(PayslipOverTime, self).get_inputs(contracts, date_to, date_from)
+        overtime_type = self.env.ref('ohrms_overtime.hr_salary_rule_overtime')
+        contract = self.contract_id
+        overtime_id = self.env['hr.overtime'].search([('employee_id', '=', self.employee_id.id),
+                                                      ('contract_id', '=', self.contract_id.id),
+                                                      ('state', '=', 'approved'), ('payslip_paid', '=', False)])
+        hrs_amount = overtime_id.mapped('cash_hrs_amount')
+        day_amount = overtime_id.mapped('cash_day_amount')
+        cash_amount = sum(hrs_amount) + sum(day_amount)
+        if overtime_id:
+            self.overtime_ids = overtime_id
+            input_data = {
+                'name': overtime_type.name,
+                'code': overtime_type.code,
+                'amount': cash_amount,
+                'contract_id': contract.id,
+            }
+            res.append(input_data)
+        return res
+
+    def action_payslip_done(self):
+        """
+        function used for marking paid overtime
+        request.
+
+        """
+        for recd in self.overtime_ids:
+            if recd.type == 'cash':
+                recd.payslip_paid = True
+        return super(PayslipOverTime, self).action_payslip_done()

ohrms_overtime/models/overtime_request.py

@@ -0,0 +1,328 @@
+# -*- coding: utf-8 -*-
+
+from dateutil import relativedelta
+import pandas as pd
+from odoo import api, fields, models, _
+from odoo.exceptions import UserError, ValidationError
+from odoo.addons.resource.models.resource import HOURS_PER_DAY
+
+
+class HrOverTime(models.Model):
+    _name = 'hr.overtime'
+    _description = "HR Overtime"
+    _inherit = ['mail.thread']
+
+    def _get_employee_domain(self):
+        employee = self.env['hr.employee'].search(
+            [('user_id', '=', self.env.user.id)], limit=1)
+        domain = [('id', '=', employee.id)]
+        if self.env.user.has_group('hr.group_hr_user'):
+            domain = []
+        return domain
+
+    def _default_employee(self):
+        return self.env['hr.employee'].search([('user_id', '=', self.env.uid)], limit=1)
+
+    @api.onchange('days_no_tmp')
+    def _onchange_days_no_tmp(self):
+        self.days_no = self.days_no_tmp
+
+    name = fields.Char('Name', readonly=True)
+    employee_id = fields.Many2one('hr.employee', string='Employee',
+                                  domain=_get_employee_domain, default=lambda self: self.env.user.employee_id.id, required=True)
+    department_id = fields.Many2one('hr.department', string="Department",
+                                    related="employee_id.department_id")
+    job_id = fields.Many2one('hr.job', string="Job", related="employee_id.job_id")
+    manager_id = fields.Many2one('res.users', string="Manager",
+                                 related="employee_id.parent_id.user_id", store=True)
+    current_user = fields.Many2one('res.users', string="Current User",
+                                   related='employee_id.user_id',
+                                   default=lambda self: self.env.uid,
+                                   store=True)
+    current_user_boolean = fields.Boolean()
+    project_id = fields.Many2one('project.project', string="Project")
+    project_manager_id = fields.Many2one('res.users', string="Project Manager")
+    contract_id = fields.Many2one('hr.contract', string="Contract",
+                                  related="employee_id.contract_id",
+                                  )
+    date_from = fields.Datetime('Date From')
+    date_to = fields.Datetime('Date to')
+    days_no_tmp = fields.Float('Hours', compute="_get_days", store=True)
+    days_no = fields.Float('No. of Days', store=True)
+    desc = fields.Text('Description')
+    state = fields.Selection([('draft', 'Draft'),
+                              ('f_approve', 'Waiting'),
+                              ('approved', 'Approved'),
+                              ('refused', 'Refused')], string="state",
+                             default="draft")
+    cancel_reason = fields.Text('Refuse Reason')
+    leave_id = fields.Many2one('hr.leave.allocation',
+                               string="Leave ID")
+    attchd_copy = fields.Binary('Attach A File')
+    attchd_copy_name = fields.Char('File Name')
+    type = fields.Selection([('cash', 'Cash'), ('leave', 'leave')], default="leave", required=True, string="Type")
+    overtime_type_id = fields.Many2one('overtime.type', domain="[('type','=',type),('duration_type','=', "
+                                                               "duration_type)]")
+    public_holiday = fields.Char(string='Public Holiday', readonly=True)
+    attendance_ids = fields.Many2many('hr.attendance', string='Attendance')
+    work_schedule = fields.One2many(
+        related='employee_id.resource_calendar_id.attendance_ids')
+    global_leaves = fields.One2many(
+        related='employee_id.resource_calendar_id.global_leave_ids')
+    duration_type = fields.Selection([('hours', 'Hour'), ('days', 'Days')], string="Duration Type", default="hours",
+                                     required=True)
+    cash_hrs_amount = fields.Float(string='Overtime Amount', readonly=True)
+    cash_day_amount = fields.Float(string='Overtime Amount', readonly=True)
+    payslip_paid = fields.Boolean('Paid in Payslip', readonly=True)
+
+    # @api.depends('current_user')
+    # def check_current_user(self):
+    # for i in self:
+    # if self.env.user.id == self.employee_id.user_id.id:
+    #     i.update({
+    #         'current_user_boolean': True,
+    #     })
+
+    @api.onchange('employee_id')
+    def _get_defaults(self):
+        for sheet in self:
+            if sheet.employee_id:
+                sheet.update({
+                    'department_id': sheet.employee_id.department_id.id,
+                    'job_id': sheet.employee_id.job_id.id,
+                    'manager_id': sheet.sudo().employee_id.parent_id.user_id.id,
+                })
+
+    @api.depends('project_id')
+    def _get_project_manager(self):
+        for sheet in self:
+            if sheet.project_id:
+                sheet.update({
+                    'project_manager_id': sheet.project_id.user_id.id,
+                })
+
+    @api.depends('date_from', 'date_to')
+    def _get_days(self):
+        for recd in self:
+            if recd.date_from and recd.date_to:
+                if recd.date_from > recd.date_to:
+                    raise ValidationError('Start Date must be less than End Date')
+        for sheet in self:
+            if sheet.date_from and sheet.date_to:
+                start_dt = fields.Datetime.from_string(sheet.date_from)
+                finish_dt = fields.Datetime.from_string(sheet.date_to)
+                s = finish_dt - start_dt
+                difference = relativedelta.relativedelta(finish_dt, start_dt)
+                hours = difference.hours
+                minutes = difference.minutes
+                days_in_mins = s.days * 24 * 60
+                hours_in_mins = hours * 60
+                days_no = ((days_in_mins + hours_in_mins + minutes) / (24 * 60))
+
+                diff = sheet.date_to - sheet.date_from
+                days, seconds = diff.days, diff.seconds
+                hours = days * 24 + seconds // 3600
+                sheet.update({
+                    'days_no_tmp': hours if sheet.duration_type == 'hours' else days_no,
+                })
+
+    @api.onchange('overtime_type_id')
+    def _get_hour_amount(self):
+        if self.overtime_type_id.rule_line_ids and self.duration_type == 'hours':
+            for recd in self.overtime_type_id.rule_line_ids:
+                if recd.from_hrs < self.days_no_tmp <= recd.to_hrs and self.contract_id:
+                    if self.contract_id.over_hour:
+                        cash_amount = self.contract_id.over_hour * recd.hrs_amount
+                        self.cash_hrs_amount = cash_amount
+                    else:
+                        raise UserError(_("Hour Overtime Needs Hour Wage in Employee Contract."))
+        elif self.overtime_type_id.rule_line_ids and self.duration_type == 'days':
+            for recd in self.overtime_type_id.rule_line_ids:
+                if recd.from_hrs < self.days_no_tmp <= recd.to_hrs and self.contract_id:
+                    if self.contract_id.over_day:
+                        cash_amount = self.contract_id.over_day * recd.hrs_amount
+                        self.cash_day_amount = cash_amount
+                    else:
+                        raise UserError(_("Day Overtime Needs Day Wage in Employee Contract."))
+
+
+    def submit_to_f(self):
+        # notification to employee
+        recipient_partners = [(4, self.current_user.partner_id.id)]
+        body = "Your OverTime Request Waiting Finance Approve .."
+        msg = _(body)
+        # if self.current_user:
+        #     self.message_post(body=msg, partner_ids=recipient_partners)
+
+        # notification to finance :
+        group = self.env.ref('account.group_account_invoice', False)
+        recipient_partners = []
+        # for recipient in group.users:
+        #     recipient_partners.append((4, recipient.partner_id.id))
+
+        body = "You Get New Time in Lieu Request From Employee : " + str(
+            self.employee_id.name)
+        msg = _(body)
+        # self.message_post(body=msg, partner_ids=recipient_partners)
+        return self.sudo().write({
+            'state': 'f_approve'
+        })
+
+    # def approve(self):
+    #     return self.sudo().write({
+    #         'state': 'approved',
+    #     })
+
+    def approve(self):
+        if self.overtime_type_id.type == 'leave':
+            if self.duration_type == 'days':
+                holiday_vals = {
+                    'name': 'Overtime',
+                    'holiday_status_id': self.overtime_type_id.leave_type.id,
+                    'number_of_days': self.days_no_tmp,
+                    'notes': self.desc,
+                    'holiday_type': 'employee',
+                    'employee_id': self.employee_id.id,
+                    'state': 'validate',
+                }
+            else:
+                day_hour = self.days_no_tmp / HOURS_PER_DAY
+                holiday_vals = {
+                    'name': 'Overtime',
+                    'holiday_status_id': self.overtime_type_id.leave_type.id,
+                    'number_of_days': day_hour,
+                    'notes': self.desc,
+                    'holiday_type': 'employee',
+                    'employee_id': self.employee_id.id,
+                    'state': 'validate',
+                }
+            holiday = self.env['hr.leave.allocation'].sudo().create(
+                holiday_vals)
+            self.leave_id = holiday.id
+
+        # notification to employee :
+        recipient_partners = [(4, self.current_user.partner_id.id)]
+        body = "Your Time In Lieu Request Has been Approved ..."
+        msg = _(body)
+        # self.message_post(body=msg, partner_ids=recipient_partners)
+        return self.sudo().write({
+            'state': 'approved',
+
+        })
+
+        # return {
+        #     'name': _('Leave Adjust'),
+        #     'context': {'default_til_id': self.id},
+        #     'type': 'ir.actions.act_window',
+        #     'res_model': 'leave.adjust',
+        #     'view_id': self.env.ref('leave_management.leave_adjust_wizard_view',
+        #                             False).id,
+        #     'view_type': 'form',
+        #     'view_mode': 'form',
+        #     'target': 'new',
+        # }
+
+    def reject(self):
+
+        self.state = 'refused'
+        # return {
+        #     'name': _('Refuse Business Trip'),
+        #     'context': {'default_overtime_id': self.id},
+        #     'type': 'ir.actions.act_window',
+        #     'res_model': 'refuse.wzrd',
+        #     'view_id': self.env.ref('leave_management.refuse_wzrd_view',
+        #                             False).id,
+        #     'view_type': 'form',
+        #     'view_mode': 'form',
+        #     'target': 'new',
+        # }
+
+    @api.constrains('date_from', 'date_to')
+    def _check_date(self):
+        for req in self:
+            domain = [
+                ('date_from', '<=', req.date_to),
+                ('date_to', '>=', req.date_from),
+                ('employee_id', '=', req.employee_id.id),
+                ('id', '!=', req.id),
+                ('state', 'not in', ['refused']),
+            ]
+            nholidays = self.search_count(domain)
+            if nholidays:
+                raise ValidationError(_(
+                    'You can not have 2 Overtime requests that overlaps on same day!'))
+
+    @api.model
+    def create(self, values):
+        seq = self.env['ir.sequence'].next_by_code('hr.overtime') or '/'
+        values['name'] = seq
+        return super(HrOverTime, self.sudo()).create(values)
+
+    def unlink(self):
+        for overtime in self.filtered(
+                lambda overtime: overtime.state != 'draft'):
+            raise UserError(
+                _('You cannot delete TIL request which is not in draft state.'))
+        return super(HrOverTime, self).unlink()
+
+    @api.onchange('date_from', 'date_to', 'employee_id')
+    def _onchange_date(self):
+        holiday = False
+        if self.contract_id and self.date_from and self.date_to:
+            for leaves in self.contract_id.resource_calendar_id.global_leave_ids:
+                leave_dates = pd.date_range(leaves.date_from, leaves.date_to).date
+                overtime_dates = pd.date_range(self.date_from, self.date_to).date
+                for over_time in overtime_dates:
+                    for leave_date in leave_dates:
+                        if leave_date == over_time:
+                            holiday = True
+            if holiday:
+                self.write({
+                    'public_holiday': 'You have Public Holidays in your Overtime request.'})
+            else:
+                self.write({'public_holiday': ' '})
+            hr_attendance = self.env['hr.attendance'].search(
+                [('check_in', '>=', self.date_from),
+                 ('check_in', '<=', self.date_to),
+                 ('employee_id', '=', self.employee_id.id)])
+            self.update({
+                'attendance_ids': [(6, 0, hr_attendance.ids)]
+            })
+
+
+class HrOverTimeType(models.Model):
+    _name = 'overtime.type'
+
+    name = fields.Char('Name')
+    type = fields.Selection([('cash', 'Cash'),
+                             ('leave', 'Leave ')])
+
+    duration_type = fields.Selection([('hours', 'Hour'), ('days', 'Days')], string="Duration Type", default="hours",
+                                     required=True)
+    leave_type = fields.Many2one('hr.leave.type', string='Leave Type', domain="[('id', 'in', leave_compute)]")
+    leave_compute = fields.Many2many('hr.leave.type', compute="_get_leave_type")
+    rule_line_ids = fields.One2many('overtime.type.rule', 'type_line_id')
+
+    @api.onchange('duration_type')
+    def _get_leave_type(self):
+        dur = ''
+        ids = []
+        if self.duration_type:
+            if self.duration_type == 'days':
+                dur = 'day'
+            else:
+                dur = 'hour'
+            leave_type = self.env['hr.leave.type'].search([('request_unit', '=', dur)])
+            for recd in leave_type:
+                ids.append(recd.id)
+            self.leave_compute = ids
+
+
+class HrOverTimeTypeRule(models.Model):
+    _name = 'overtime.type.rule'
+
+    type_line_id = fields.Many2one('overtime.type', string='Over Time Type')
+    name = fields.Char('Name', required=True)
+    from_hrs = fields.Float('From', required=True)
+    to_hrs = fields.Float('To', required=True)
+    hrs_amount = fields.Float('Rate', required=True)

ohrms_overtime/security/ir.model.access.csv

@@ -0,0 +1,4 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_hr_overtime_user,hr.overtime.user,model_hr_overtime,base.group_user,1,1,1,1
+access_overtime_type,overtime.type,model_overtime_type,base.group_user,1,1,1,1
+access_overtime_type_rule,overtime.type.rule,model_overtime_type_rule,base.group_user,1,1,1,1

ohrms_overtime/static/description/index.html

@@ -0,0 +1,516 @@
+<div class="row" style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">  <a  href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png" style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="cybrosys-logo"></a> </div>
+<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
+   <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
+      <div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
+         <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">OHRMS Overtime</h1>
+         <h3 style="font-size: 21px;margin-top: 8px;position: relative;">A Module For Requesting Overtime Work.</h3>
+      </div>
+      <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
+      <ul style=" padding: 0 1px; list-style: none; ">
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Employee Overtime request could be create using this module.</li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Overtime can be utilise as leave allocation or cash payment.</li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Overtime request could be create for hours and days.</li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Overtime request can configure using Overtime types.</li>
+      </ul>
+   </div>
+   <div class="col-md-5 col-sm-12 col-xs-12"> <img src="images/overtime-main.gif" class="img-responsive" alt=""> </div>
+</div>
+<div>
+   <section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
+      <div class="row py-4 px-3">
+         <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
+            <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab" style="border: none;background: unset;">
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link active show" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;text-align: center;
+                  color: #fff;">Overview </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link " style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;" >Features </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;">Screenshots </a> </li>
+
+            </ul>
+            <div class="tab-content" id="pills-tabContent"
+               style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
+               <div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- Overview-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <h3 class="oe_slogan" style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
+                     This module OHRMS overtime could be useful for create overtime request based on days and hours. These overtime could
+                     be utilise as leave allocation or cash payment.<br>
+                     There is a python dependency for this module called 'pandas'. You have to install the pandas python dependency before installing this module.
+                     You can use <strong style="font-family:">sudo pip3 install pandas</strong> for installing pandas in ubuntu by running the command in terminal.
+                  </h3>
+               </div>
+               <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- feature tab-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">OHRMS Overtime</h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <ul>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Employee Can request for there overtime.
+                     </li>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Overtime can be create based on hours and days.
+                     </li>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Overtime can utilise as leave allocation or cash payment.
+                     </li>
+                  </ul>
+               </div>
+               <!-- Screenshot tab-->
+               <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" >
+                  <div class="tab-pane">
+                     <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
+                     <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                     <div>
+                        <section class="oe_container">
+                           <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
+                              <div class="carousel-inner">
+                                 <div class="carousel-item active" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> After Installation Open Overtime Request Module in the menu.</h3>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> In That Module Can see overtime types menu like below.</h3>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> In this menu user can create overtime types by clicking Create button.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/overtime_type_tree.png"> </div>
+                                    </div>
+                                 </div>
+                                 
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> In the below overtime type form view we can see some fields.</h3>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> In Reference field user can give name fore the overtime type.</h3>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> In Type filed we have two types Cash and Leave.</h3>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> In Duration Type filed we have two types Hours and Days.</h3>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> User can create overtime type in needed specification.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/overtime_type_form.png"> </div>
+                                    </div>
+                                 </div>
+                                 
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">When selecting Type as Leave a new field Leave Type will be visible like below.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/leave_type.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">This Leave type field is filtered basis of Duration type.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">This Leave type can be set for days and hours in the leave type form view.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/leave_type_search.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">When selecting Type as Cash a Tree view will be visible like below.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/cash_tree.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Payment Rules Can be Set like below.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/cash_rules.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After creating Overtime Type's we can create a Overtime Request.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In Overtime Request menu we can see a Create button for creating a Request.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/overtime_tree.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In Overtime Request form view we have to set some required field.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Employee field we can set requesting employee and other department, job and manager field will be automatically fill based on employee.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Type and Duration Type can set as needed and also need to set date field.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/overtime_form.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Here we can see hours field it will automatically computed on basis of date.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In the Case of days type hours field change to days and compute days.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/hours_compute.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After setting these fields employee want submit the request.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Request will be submit using Submit To Finance button.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/submit_button.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After Submit It need to approve by manager.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Before Approving need to select Overtime Type For Computation.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Overtime Type Filtered using Type field and Duration Type field.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/overtime_type_request.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In overtime type is based on leave it could have leave type.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">leave allocation will be create on this leave type.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/type_leave_type.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After selecting Overtime Type manager can approve the overtime request.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Approve button will approve the request.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/approve_button.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">When request change to approve state leave allocation will be done.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">This allocated leave record can be see in Leave ID field in the request.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/leave_id.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">When the Type is in Cash and Duration Type set as Days.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/cash_based.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After submitting we need to check the employee contract.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In the case of cash we have to set hour wage and day wage for the overtime.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">These wage fields are included in the contract.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/request_contract.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In Contract can see Salary Information page view.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Here we can see two filed's Day Wage and Hour Wage.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">The Overtime wage is calculated from these field's.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/contract_from.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">We can set values like below.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/wage_value.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After setting the values we can select Overtime Type in the request.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">It will compute the overtime amount based on wage on contact and rule's in the operation type.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/overtime_amount.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">If any Public Holiday comes between selected days it will be shown like below.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/public_holiday.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">By approving the Request It could be seen in the payslip.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In payslip we have a tree view Other inputs like below.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Here the Overtime will be show.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/payslip_view.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">If you need to compute overtime in the salary you need to add overtime salary rule in the salary structure.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In below you can see the salary structure you need to open it for adding the overtime salary rule.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/salary_structure.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">By opening salary structure it looks like below.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Here we can see add a line button here we can add new salary rule.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/salary_add.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">By clicking Add a line it will redirect to the salary rule's.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In below we can see all salary rule's.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">In there we have overtime salary rule it need to select for the computation.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/overtime_rule.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">By selecting it comes in the salary structure like below.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Then need to save the salary structure.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/overtime_structure.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After you need to compute the salary.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Salary will compute using compute sheet button like below.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/compute_sheet.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">By clicking compute button salary will be compute under salary computation page like below.</h3>
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Here we can see the overtime salary will be computed.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/salary_compute.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After computation need to confirm the payslip by clicking confirm button.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/payslip_confirm.png"> </div>
+                                    </div>
+                                 </div>
+
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">After confirming the payslip we can see the paid overtime request will be marked as paid like below.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/paid_request.png"> </div>
+                                    </div>
+                                 </div>
+
+
+
+                              </div>
+                              <a class="carousel-control-prev" href="#demo" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> 
+                           </div>
+                        </section>
+                     </div>
+                  </div>
+               </div>
+
+               <!-- faq tab-->
+               <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
+                  <ul class="list-unstyled">
+                  </ul>
+               </div>
+            </div>
+         </div>
+      </div>
+   </section>
+   <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+      <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+      <div id="demo1" class="row carousel slide" data-ride="carousel">
+         <!-- The slideshow -->
+         <div class="carousel-inner">
+            <div class="carousel-item active" style="min-height: 0px;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/oh_hr_zk_attendance/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/module_biometric.jpeg"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/oh_appraisal/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/module_appraisal.jpeg"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/ohrms_loan/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/module_loan.jpeg"> </div>
+                  </a>
+               </div>
+            </div>
+            <div class="carousel-item" style="min-height: 0px;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/ohrms_salary_advance/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/module_salary.jpeg"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/hr_employee_updation/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/module_info.jpeg"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/oh_employee_documents_expiry/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/module_docs.jpeg"> </div>
+                  </a>
+               </div>
+            </div>
+         </div>
+         <!-- Left and right controls --> 
+         <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> 
+      </div>
+   </section>
+   <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
+      <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+      <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
+         <!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Customization </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Implementation </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Integration </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Support</a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"> <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hire Odoo Developers</a> </h3>
+            </a> 
+         </div>
+         <!-- </div> --> 
+      </div>
+   </section>
+   <section class="row"  style="padding: 2rem 3rem 1rem;margin:0px">
+      <div class="row" style="margin: 0">
+         <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Industries</h2>
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+         <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
+         <div class="row" style="width: 100%">
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Trading </a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Easily procure and sell your products. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;" style=" margin-bottom: 10px; ">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Manufacturing</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Plan, track and schedule your operations. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Restaurant</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Run your bar or restaurant methodical. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> POS</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Easy configuring and convivial selling. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> E-commerce & Website</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Mobile friendly, awe-inspiring product pages. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hotel Management</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> An all-inclusive hotel management application. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Education</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> A Collaborative platform for educational management. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Service Management</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Keep track of services and invoice accordingly. </h3>
+               </div>
+            </div>
+         </div>
+      </div>
+</div>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+   <center>
+      <div class="col-md-12" style="margin: auto !important;
+         width: 70%;
+         padding: 30px;">
+         <h2 style="font-weight: 600;text-align: center;width: 100%;">Need Any Help?</h2>
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+         <h4 style="font-size:16px;"> If you have anything to share with us based on your use of this module, please let us know. We are ready to offer our support. </h4>
+         <div class="col-md-6" style="float:left; padding:20px;">
+            <h4><i class="fa fa-envelope"></i>Email us </h4>
+            <p>odoo@cybrosys.com  / info@cybrosys.com</p>
+         </div>
+         <div class="col-md-6" style="float:left; padding:20px;">
+            <h4><i class="fa fa-phone"></i> Contact Us </h4>
+            <a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com</a>
+         </div>
+      </div>
+   </center>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+   <div class="oe_slogan" style="margin-bottom: 0px;">
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; ">
+      </div>
+      <br>
+      <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; "> <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;  height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+      </div>
+   </div>
+</section>
+</div>

ohrms_overtime/views/hr_contract.xml

@@ -0,0 +1,25 @@
+<odoo>
+    <data>
+        <record model="ir.ui.view" id="hr_contract_overtime_view">
+            <field name="name">hr.contract.overtime.form.inherit.view</field>
+            <field name="model">hr.contract</field>
+            <field name="inherit_id" ref="hr_contract.hr_contract_view_form"/>
+            <field name="arch" type="xml">
+                <xpath expr="//group[@name='allowances']" position="after">
+                    <group string="Overtime">
+                        <label for="over_day"/>
+                        <div class="o_row" name="day_wage">
+                            <field name="over_day"/>
+                            <span>/day</span>
+                        </div>
+                        <label for="over_hour"/>
+                        <div class="o_row" name="hour_wage">
+                            <field name="over_hour"/>
+                            <span>/hour</span>
+                        </div>
+                    </group>
+                </xpath>
+            </field>
+        </record>
+    </data>
+</odoo>

ohrms_overtime/views/hr_payslip.xml

@@ -0,0 +1,16 @@
+<odoo>
+    <data>
+
+        <record id="hr_payslip_inherited_view_overtime" model="ir.ui.view">
+            <field name="name">Overtime.Inherited.View</field>
+            <field name="model">hr.payslip</field>
+            <field name="inherit_id" ref="hr_payroll_community.view_hr_payslip_form"/>
+            <field name="arch" type="xml">
+                <field name="name" position="after">
+                    <field name="overtime_ids" invisible="1"/>
+                </field>
+            </field>
+        </record>
+
+    </data>
+</odoo>

ohrms_overtime/views/overtime_request_view.xml

@@ -0,0 +1,164 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data noupdate="1">
+        <record id="seq_overtime_req" model="ir.sequence">
+            <field name="name">Overtime Sequencer</field>
+            <field name="code">hr.overtime</field>
+            <field name="prefix">OVT-</field>
+            <field eval="1" name="number_next"/>
+            <field eval="1" name="number_increment"/>
+            <field name="padding">5</field>
+        </record>
+    </data>
+    <data>
+        <!-- Views -->
+        <!-- Form View -->
+        <record id="hr_overtime_form_view" model="ir.ui.view">
+            <field name="name">Time In Lieu</field>
+            <field name="model">hr.overtime</field>
+            <field name="arch" type="xml">
+                <form string="Overtime Request">
+                    <header>
+                        <field name="state" widget="statusbar"
+                               statusbar_visible="f_approve,approved,done"/>
+                        <button name="submit_to_f" string="Submit To Finance"
+                                type="object" class="btn-primary"
+                                attrs="{'invisible': [('state', '!=', 'draft')]}"/>
+                        <button name="approve" string="Approve" type="object"
+                                class="btn-primary"
+                                attrs="{'invisible': [('state', '!=', 'f_approve')]}"
+                                groups="hr_holidays.group_hr_holidays_user"/>
+                        <button name="reject" string="Refuse" type="object"
+                                class="btn-primary"
+                                attrs="{'invisible': ['|',('state', 'not in', ['f_approve']),('current_user_boolean', '=', True)]}"/>
+                    </header>
+                    <sheet>
+                        <div class="oe_title">
+                            <h1>
+                                <field name="name" required="0"
+                                       placeholder="Reference ...."/>
+                            </h1>
+                        </div>
+                        <group>
+                            <group>
+                                <field name='employee_id'
+                                       options="{'no_quick_create': True, 'no_create_edit' : True}" attrs="{'readonly': [('state', '!=', 'draft')]}"/>
+                                <field name='department_id'/>
+                                <field name='job_id'/>
+                                <field name='manager_id'/>
+                                <field name="duration_type" attrs="{'readonly': [('state', '!=', 'draft')]}"/>
+                                <field name="current_user_boolean"
+                                       invisible="1"/>
+                            </group>
+                            <group>
+                                <field name='current_user' invisible="1"/>
+                                <field name="contract_id"/>
+                                <field name='attchd_copy'
+                                       filename="attchd_copy_name"
+                                       attrs="{'readonly': [('state', '!=', 'draft')]}"/>
+                                <field name='type'  attrs="{'readonly': [('state', '!=', 'draft')]}"/>
+                                <field name='overtime_type_id' groups="hr.group_hr_user"  attrs="{'readonly': [('state', '!=', 'f_approve')],
+                                 'invisible': [('state', '=', 'draft')], 'required': [('state', '=', 'f_approve')]}"/>
+                                <field name="cash_hrs_amount" force_save="1" attrs="{'invisible': ['|','|',('state', '=', 'draft'),('type','!=', 'cash'),('duration_type','!=','hours')]}"/>
+                                <field name="cash_day_amount" force_save="1" attrs="{'invisible': ['|','|',('state', '=', 'draft'),('type','!=', 'cash'),('duration_type','!=','days')]}"/>
+                                <field name="attchd_copy_name" invisible="1"/>
+                                <field name="leave_id"
+                                       attrs="{'invisible': [('leave_id', '=', False)],'readonly': [('state', '!=', 'draft')]}"/>
+                            </group>
+                        </group>
+                        <group>
+                            <group>
+                                <field name="date_from" required="1"
+                                       class="oe_inline"
+                                       attrs="{'readonly': [('state', '!=', 'draft')]}"/>
+                                <field name="date_to" required="1"
+                                       class="oe_inline"
+                                       attrs="{'readonly': [('state', '!=', 'draft')]}"/>
+                                <field name="days_no_tmp" string="Hours" attrs="{'invisible': [('duration_type', '=', 'days')]}"/>
+                                <field name="days_no_tmp" string="Days" attrs="{'invisible': [('duration_type', '=', 'hours')]}"/>
+                                <field name="payslip_paid"  readonly="1" attrs="{'invisible': [('type','!=', 'cash')]}" widget="toggle_button" groups="hr.group_hr_manager"/>
+                                <field name="days_no" readonly="1"
+                                       invisible="1"/>
+                            </group>
+                            <group>
+                                <div>
+                                    <separator string="Public Holiday"/>
+                                    <field name="public_holiday"
+                                           force_save="1"/>
+                                </div>
+                            </group>
+                        </group>
+                        <notebook>
+                            <page string="Work Description" name="work_description">
+                                <field name="desc"
+                                       attrs="{'readonly': [('state', '!=', 'draft')]}"/>
+                            </page>
+                            <page string="Attendance">
+                                <field name="attendance_ids" readonly="1"/>
+                            </page>
+                            <page string="Work Schedule">
+                                <field name="work_schedule" readonly="1"/>
+                            </page>
+                            <page string="Global Leaves">
+                                <field name="global_leaves"/>
+                            </page>
+                        </notebook>
+
+<!--                        <group string="Refuse Reason"-->
+<!--                               attrs="{'invisible': [('cancel_reason', '=', False)]}">-->
+<!--                            <field name="cancel_reason" readonly="1"/>-->
+<!--                        </group>-->
+                    </sheet>
+                    <div class="oe_chatter">
+                        <field name="message_follower_ids"
+                               widget="mail_followers"
+                               groups="base.group_user"/>
+                        <field name="message_ids" widget="mail_thread"/>
+                    </div>
+                </form>
+            </field>
+        </record>
+
+        <!-- Tree View -->
+        <record id="hr_overtime_tree_view" model="ir.ui.view">
+            <field name="name">Overtime</field>
+            <field name="model">hr.overtime</field>
+            <field name="arch" type="xml">
+                <tree string="Overtime Request">
+                    <field name="employee_id"/>
+                    <field name="project_id"/>
+                    <field name="date_from"/>
+                    <field name="date_to"/>
+                    <field name="days_no_tmp"/>
+                    <field name="state"/>
+                    <field name="type" invisible="1"/>
+                    <field name="payslip_paid" groups="hr.group_hr_manager" readonly="1" attrs="{'invisible': [('type','!=', 'cash')]}" widget="toggle_button"/>
+                </tree>
+            </field>
+        </record>
+
+        <!-- Actions -->
+        <!-- overtime -->
+        <record id="hr_overtime_action" model="ir.actions.act_window">
+            <field name="name">Overtime Request</field>
+            <field name="res_model">hr.overtime</field>
+            <field name="view_mode">tree,form</field>
+            <field name="help" type="html">
+                <p class="oe_view_nocontent_create">
+                    Click to create new Pre Approval Overtime Request.
+                </p>
+            </field>
+        </record>
+
+
+        <!-- MenuItems -->
+        <menuitem id="overtime_submenu" name="Overtime Request"
+                  groups="base.group_user" web_icon="ohrms_overtime,static/description/overtime_icon.png"/>
+        <menuitem id="overtime" name="Overtime Request"
+                  parent="overtime_submenu"
+                  action="hr_overtime_action"
+                  groups="base.group_user"/>
+
+
+    </data>
+</odoo>

ohrms_overtime/views/overtime_type.xml

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <record id="hr_overtime_type_form_view" model="ir.ui.view">
+            <field name="name">Overtime Type</field>
+            <field name="model">overtime.type</field>
+            <field name="arch" type="xml">
+                <form string="Overtime Type">
+                    <sheet>
+                        <div class="oe_title">
+                            <h1>
+                                <field name="name" required="0"
+                                       placeholder="Reference ...."/>
+                            </h1>
+                            <group>
+                                <group>
+                                    <field name="type"/>
+<!--                                    <field name="rate"/>-->
+                                </group>
+                                <group>
+                                    <field name="duration_type"/>
+                                    <field name="leave_compute" invisible="1"/>
+                                </group>
+                                <group>
+                                    <field name="leave_type"
+                                           attrs="{'invisible': [('type','!=','leave')]}"/>
+                                </group>
+                            </group>
+                        </div>
+                        <notebook attrs="{'invisible': [('type','!=','cash')]}">
+                            <page string="Rules" name="cash_rules">
+                                <field name="rule_line_ids">
+                                    <tree string="Rules" editable="bottom">
+                                        <field name="name"/>
+                                        <field name="from_hrs"/>
+                                        <field name="to_hrs"/>
+                                        <field name="hrs_amount"/>
+                                    </tree>
+                                </field>
+                            </page>
+                        </notebook>
+                    </sheet>
+                </form>
+            </field>
+        </record>
+
+        <record id="hr_overtime_type_tree_view" model="ir.ui.view">
+            <field name="name">Overtime Type</field>
+            <field name="model">overtime.type</field>
+            <field name="arch" type="xml">
+                <tree string="Overtime Type">
+                    <field name="name"/>
+                </tree>
+            </field>
+        </record>
+
+        <record id="hr_overtime_type_action" model="ir.actions.act_window">
+            <field name="name">Overtime Types</field>
+            <field name="res_model">overtime.type</field>
+            <field name="view_mode">tree,form</field>
+            <field name="help" type="html">
+                <p class="oe_view_nocontent_create">
+                    Click to create new Approval Type.
+                </p>
+            </field>
+        </record>
+
+
+        <!-- MenuItems -->
+        <menuitem id="overtime_type_submenu" name="Overtime Types"
+                  parent="overtime_submenu"
+                  groups="hr_holidays.group_hr_holidays_user"
+                  action="hr_overtime_type_action"/>
+
+    </data>
+</odoo>