|
|
|
@ -1,5 +1,5 @@ |
|
|
|
.oh_dashboards{ |
|
|
|
padding-top :15px; |
|
|
|
.oh_dashboards { |
|
|
|
padding-top: 15px; |
|
|
|
background-color: #f8faff !important; |
|
|
|
} |
|
|
|
|
|
|
|
@ -11,19 +11,21 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.buttons button { |
|
|
|
margin: 2px 0; } |
|
|
|
margin: 2px 0; |
|
|
|
} |
|
|
|
|
|
|
|
/* Button Reset */ |
|
|
|
.btn, .button { |
|
|
|
.btn, |
|
|
|
.button { |
|
|
|
display: inline-block; |
|
|
|
font-weight: 400; |
|
|
|
text-align: center; |
|
|
|
white-space: nowrap; |
|
|
|
vertical-align: middle; |
|
|
|
transition: all .15s ease-in-out; |
|
|
|
transition: all 0.15s ease-in-out; |
|
|
|
border-radius: 0; |
|
|
|
cursor: pointer; } |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
/* Widget One |
|
|
|
---------------------------*/ |
|
|
|
@ -31,7 +33,7 @@ |
|
|
|
display: inline-block; |
|
|
|
width: 66%; |
|
|
|
} |
|
|
|
.stat-icon{ |
|
|
|
.stat-icon { |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
|
|
|
|
@ -46,7 +48,8 @@ |
|
|
|
font-size: 30px; |
|
|
|
font-weight: 900; |
|
|
|
display: inline-block; |
|
|
|
color: #01c490;} |
|
|
|
color: #01c490; |
|
|
|
} |
|
|
|
|
|
|
|
.stat-widget-one .stat-text { |
|
|
|
font-size: 14px; |
|
|
|
@ -56,19 +59,22 @@ |
|
|
|
|
|
|
|
.stat-widget-one .stat-digit { |
|
|
|
font-size: 24px; |
|
|
|
color: #02448b; } |
|
|
|
color: #02448b; |
|
|
|
} |
|
|
|
|
|
|
|
.stat-count { |
|
|
|
font-size: 20px; |
|
|
|
text-align: center; |
|
|
|
color: #00438b;} |
|
|
|
color: #00438b; |
|
|
|
} |
|
|
|
|
|
|
|
.stat-title { |
|
|
|
font-size: 17px; |
|
|
|
text-align: center; |
|
|
|
color: #00438b; } |
|
|
|
color: #00438b; |
|
|
|
} |
|
|
|
|
|
|
|
.mb-0{ |
|
|
|
.mb-0 { |
|
|
|
font-size: 20px; |
|
|
|
position: relative; |
|
|
|
text-align: center; |
|
|
|
@ -95,12 +101,24 @@ body .text-color { |
|
|
|
|
|
|
|
/* Leave graph */ |
|
|
|
|
|
|
|
path { stroke: #fff; } |
|
|
|
path:hover { opacity:0.9; } |
|
|
|
rect:hover { fill:#934da5; } |
|
|
|
.axis { font: 10px sans-serif; } |
|
|
|
.legend tr{ border-bottom:1px solid grey; } |
|
|
|
.legend tr:first-child{ border-top:1px solid grey; } |
|
|
|
path { |
|
|
|
stroke: #fff; |
|
|
|
} |
|
|
|
path:hover { |
|
|
|
opacity: 0.9; |
|
|
|
} |
|
|
|
rect:hover { |
|
|
|
fill: #934da5; |
|
|
|
} |
|
|
|
.axis { |
|
|
|
font: 10px sans-serif; |
|
|
|
} |
|
|
|
.legend tr { |
|
|
|
border-bottom: 1px solid grey; |
|
|
|
} |
|
|
|
.legend tr:first-child { |
|
|
|
border-top: 1px solid grey; |
|
|
|
} |
|
|
|
|
|
|
|
.axis path, |
|
|
|
.axis line { |
|
|
|
@ -109,19 +127,23 @@ rect:hover { fill:#934da5; } |
|
|
|
shape-rendering: crispEdges; |
|
|
|
} |
|
|
|
|
|
|
|
.x.axis path { display: none; } |
|
|
|
.legend{ |
|
|
|
.x.axis path { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.legend { |
|
|
|
border-collapse: collapse; |
|
|
|
border-spacing: 0px; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
.legend td, .legend .legend_col{ |
|
|
|
padding:4px 5px; |
|
|
|
vertical-align:bottom; |
|
|
|
.legend td, |
|
|
|
.legend .legend_col { |
|
|
|
padding: 4px 5px; |
|
|
|
vertical-align: bottom; |
|
|
|
} |
|
|
|
.legendFreq, .legendPerc{ |
|
|
|
align:right; |
|
|
|
width:50px; |
|
|
|
.legendFreq, |
|
|
|
.legendPerc { |
|
|
|
align: right; |
|
|
|
width: 50px; |
|
|
|
} |
|
|
|
|
|
|
|
/* Leave broadfactor graph */ |
|
|
|
@ -143,21 +165,21 @@ rect:hover { fill:#934da5; } |
|
|
|
-o-transition: all 0.3s; |
|
|
|
transition: all 0.3s; |
|
|
|
} |
|
|
|
.broad_factor_graph rect:hover{ |
|
|
|
.broad_factor_graph rect:hover { |
|
|
|
fill: #ff618a; |
|
|
|
} |
|
|
|
|
|
|
|
#broad_factor_pdf { |
|
|
|
background-color: #ffffff; |
|
|
|
border: 0; |
|
|
|
color : #000000; |
|
|
|
color: #000000; |
|
|
|
float: right; |
|
|
|
} |
|
|
|
#broad_factor_pdf i { |
|
|
|
color: red; |
|
|
|
} |
|
|
|
|
|
|
|
.leave_broad_factor{ |
|
|
|
.leave_broad_factor { |
|
|
|
overflow-x: auto !important; |
|
|
|
overflow-y: hidden !important; |
|
|
|
height: auto; |
|
|
|
@ -168,32 +190,23 @@ rect:hover { fill:#934da5; } |
|
|
|
.oh_dashboards { |
|
|
|
background-color: #f8faff !important; |
|
|
|
padding: 0px !important; |
|
|
|
|
|
|
|
} |
|
|
|
.container-fluid.o_pos_dashboard { |
|
|
|
padding: 0px !important; |
|
|
|
} |
|
|
|
.employee-prof { |
|
|
|
|
|
|
|
padding: 0px; |
|
|
|
height: 100%; |
|
|
|
background-color: #3e6282; |
|
|
|
/*background-image: linear-gradient(180deg, #3e6282, #41666f);*/ |
|
|
|
position: fixed; |
|
|
|
z-index: 999; |
|
|
|
} |
|
|
|
.employee-prof .oh-card:hover { |
|
|
|
|
|
|
|
transform:none !important; |
|
|
|
transform: none !important; |
|
|
|
box-shadow: none !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/*.dummy{ |
|
|
|
height:130vh; |
|
|
|
}*/ |
|
|
|
.oh-card { |
|
|
|
|
|
|
|
padding-top: 0px; |
|
|
|
padding: 0px; |
|
|
|
margin-bottom: 1.5rem; |
|
|
|
@ -202,31 +215,25 @@ rect:hover { fill:#934da5; } |
|
|
|
background: none; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
|
|
|
|
} |
|
|
|
.oh-card:hover { |
|
|
|
|
|
|
|
transform: translateY(-2px) translateZ(0) !important; |
|
|
|
box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important; |
|
|
|
|
|
|
|
} |
|
|
|
.employee-prof .employee-icon { |
|
|
|
|
|
|
|
float: left; |
|
|
|
padding-right: 0px; |
|
|
|
width: 100%; |
|
|
|
height: 185px; |
|
|
|
overflow: hidden; |
|
|
|
background: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
.employee-prof .employee-icon img{ |
|
|
|
.employee-prof .employee-icon img { |
|
|
|
width: 100%; |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.employee-prof .employee-name h2 { |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
font-weight: 300; |
|
|
|
text-transform: uppercase; |
|
|
|
@ -234,23 +241,18 @@ rect:hover { fill:#934da5; } |
|
|
|
margin-top: 12px; |
|
|
|
margin-bottom: 2px; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
.media-body.employee-name { |
|
|
|
|
|
|
|
background: #466b8d; |
|
|
|
float: left; |
|
|
|
margin: 0; |
|
|
|
width: 100% |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.employee-prof .employee-name p { |
|
|
|
|
|
|
|
margin: 0 0 9px; |
|
|
|
text-align: center; |
|
|
|
font-size: 12px; |
|
|
|
color: #f3f3f3; |
|
|
|
|
|
|
|
} |
|
|
|
.employee-prof p { |
|
|
|
margin: 0 0 9px; |
|
|
|
@ -284,13 +286,11 @@ rect:hover { fill:#934da5; } |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.employee-experience { |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
padding-top: 8%; |
|
|
|
float: left; |
|
|
|
padding-bottom: 3%; |
|
|
|
|
|
|
|
} |
|
|
|
.employee-country { |
|
|
|
width: 40%; |
|
|
|
@ -301,7 +301,6 @@ rect:hover { fill:#934da5; } |
|
|
|
margin-top: 2%; |
|
|
|
float: left; |
|
|
|
border-top: 1px solid #4d769b; |
|
|
|
|
|
|
|
} |
|
|
|
.employee-country p { |
|
|
|
margin: 0px 0 1px !important; |
|
|
|
@ -321,12 +320,9 @@ rect:hover { fill:#934da5; } |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.oh-payslip { |
|
|
|
|
|
|
|
margin-top: 4.5%; |
|
|
|
|
|
|
|
} |
|
|
|
.oh-payslip .stat-icon { |
|
|
|
|
|
|
|
width: 30%; |
|
|
|
height: 85px; |
|
|
|
text-align: center; |
|
|
|
@ -335,63 +331,53 @@ rect:hover { fill:#934da5; } |
|
|
|
width: 32%; |
|
|
|
padding-top: 2%; |
|
|
|
font-size: xxx-large; |
|
|
|
|
|
|
|
} |
|
|
|
.oh-payslip .oh-card { |
|
|
|
|
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
|
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
} |
|
|
|
.stat-widget-one .stat-text { |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
color: #ff8762; |
|
|
|
margin-top: 2.3rem; |
|
|
|
margin-left: 1rem; |
|
|
|
|
|
|
|
} |
|
|
|
.stat-widget-one .stat-digit { |
|
|
|
font-size: 26px; |
|
|
|
color:#993232; |
|
|
|
color: #993232; |
|
|
|
margin-left: 1rem; |
|
|
|
margin-top: -1px; |
|
|
|
font-family: initial |
|
|
|
font-family: initial; |
|
|
|
} |
|
|
|
|
|
|
|
.stat-widget-one .stat-icon i { |
|
|
|
|
|
|
|
font-size: 25px; |
|
|
|
font-weight: 900; |
|
|
|
display: inline-block; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
.stat-widget-one { |
|
|
|
|
|
|
|
background-color: white; |
|
|
|
text-align: left; |
|
|
|
|
|
|
|
} |
|
|
|
.stat-widget-one { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.oh-payslip .stat-icon { |
|
|
|
|
|
|
|
width: 30%; |
|
|
|
height: 85px; |
|
|
|
text-align: center; |
|
|
|
padding-top: 2%; |
|
|
|
|
|
|
|
} |
|
|
|
.oh-timesheets .stat-icon{ |
|
|
|
.oh-timesheets .stat-icon { |
|
|
|
background: #5ebade !important; |
|
|
|
} |
|
|
|
.oh-contracts .stat-icon{ |
|
|
|
.oh-contracts .stat-icon { |
|
|
|
background: #b298e1 !important; |
|
|
|
} |
|
|
|
.oh-broad-factor .stat-icon{ |
|
|
|
.oh-broad-factor .stat-icon { |
|
|
|
background: #70cac1 !important; |
|
|
|
} |
|
|
|
.oh-timesheets .stat-widget-one .stat-text { |
|
|
|
@ -404,14 +390,13 @@ rect:hover { fill:#934da5; } |
|
|
|
color: #70cac1; |
|
|
|
} |
|
|
|
.leave-manager { |
|
|
|
|
|
|
|
background-color: #fff; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
padding: 0px; |
|
|
|
margin: 15px; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_leave_request_approve { |
|
|
|
padding: 0; |
|
|
|
@ -430,15 +415,16 @@ rect:hover { fill:#934da5; } |
|
|
|
will-change: transform, box-shadow; |
|
|
|
border-bottom: 1px solid #f1f1f133; |
|
|
|
} |
|
|
|
.leaves_request_today{ |
|
|
|
.leaves_request_today { |
|
|
|
padding: 0; |
|
|
|
padding-bottom: 0em; |
|
|
|
padding-top: 0em; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_leave_request_approve:hover, .leaves_request_month:hover, .leaves_request_today:hover{ |
|
|
|
.hr_leave_request_approve:hover, |
|
|
|
.leaves_request_month:hover, |
|
|
|
.leaves_request_today:hover { |
|
|
|
transform: translateY(-2px) translateZ(0) !important; |
|
|
|
box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important; |
|
|
|
} |
|
|
|
@ -458,18 +444,18 @@ rect:hover { fill:#934da5; } |
|
|
|
margin-left: 1rem; |
|
|
|
margin-bottom: 0px; |
|
|
|
text-align: left; |
|
|
|
width:64%; |
|
|
|
float:left; |
|
|
|
width: 64%; |
|
|
|
float: left; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.leaves_request_month p{ |
|
|
|
.leaves_request_month p { |
|
|
|
font-size: 14px; |
|
|
|
color: #b298e1; |
|
|
|
margin-left: 1rem; |
|
|
|
margin-bottom:0px; |
|
|
|
margin-bottom: 0px; |
|
|
|
text-align: left; |
|
|
|
width:64%; |
|
|
|
float:left; |
|
|
|
width: 64%; |
|
|
|
float: left; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
h4 .stat-count { |
|
|
|
@ -484,35 +470,29 @@ h4 .stat-count { |
|
|
|
.leave-manager h4 { |
|
|
|
float: left; |
|
|
|
width: 23%; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_leave_request_approve h4 { |
|
|
|
|
|
|
|
padding: 5.2rem 0; |
|
|
|
margin: 0; |
|
|
|
background: #ff8762; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
.leaves_request_today h4 { |
|
|
|
|
|
|
|
padding: 2.2rem 0; |
|
|
|
margin: 0 !important; |
|
|
|
background: #5ebade; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
.leaves_request_month h4 { |
|
|
|
|
|
|
|
padding: 2.1rem 0; |
|
|
|
margin: 0 !important; |
|
|
|
background: #b298e1; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
.leaves_request_today h4 .stat-count ,.leaves_request_month h4 .stat-count , .hr_leave_request_approve h4 .stat-count |
|
|
|
{ |
|
|
|
color:#fff !important; |
|
|
|
.leaves_request_today h4 .stat-count, |
|
|
|
.leaves_request_month h4 .stat-count, |
|
|
|
.hr_leave_request_approve h4 .stat-count { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
.graph_view .legend { |
|
|
|
margin-bottom: 27px; |
|
|
|
@ -521,15 +501,16 @@ h4 .stat-count { |
|
|
|
border-spacing: 0px; |
|
|
|
margin-left: 29px; |
|
|
|
} |
|
|
|
.hr-chart-1{ |
|
|
|
.hr-chart-1 { |
|
|
|
margin: 15px 0px; |
|
|
|
background: #fff; |
|
|
|
padding: 0px !important; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
} |
|
|
|
.hr-chart-1:hover{ |
|
|
|
.hr-chart-1:hover { |
|
|
|
transform: translateY(-2px) translateZ(0) !important; |
|
|
|
box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important; |
|
|
|
} |
|
|
|
@ -558,7 +539,6 @@ h4 .stat-count { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.hr_leave_allocations_approve h4 { |
|
|
|
|
|
|
|
padding: 2.5rem 0; |
|
|
|
margin: 0; |
|
|
|
background: #ff8762; |
|
|
|
@ -567,7 +547,6 @@ h4 .stat-count { |
|
|
|
float: left; |
|
|
|
} |
|
|
|
.hr_leave_allocations_approve .stat-count { |
|
|
|
|
|
|
|
font-size: 17px; |
|
|
|
text-align: center; |
|
|
|
color: #fff !important; |
|
|
|
@ -575,39 +554,36 @@ h4 .stat-count { |
|
|
|
width: 100%; |
|
|
|
float: left; |
|
|
|
margin: 0; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_leave_allocations_approve { |
|
|
|
|
|
|
|
padding: 0; |
|
|
|
padding-top: 0px; |
|
|
|
padding-bottom: 0px; |
|
|
|
padding-bottom: 0em; |
|
|
|
padding-top: 0em; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
background: #fff; |
|
|
|
height: 80px; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_leave_allocations_approve:hover{ |
|
|
|
.hr_leave_allocations_approve:hover { |
|
|
|
transform: translateY(-2px) translateZ(0) !important; |
|
|
|
box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important; |
|
|
|
} |
|
|
|
.leave-manager { |
|
|
|
|
|
|
|
background-color: #fff; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
padding: 0px; |
|
|
|
margin: 15px; |
|
|
|
margin-right: 15px; |
|
|
|
margin-right: 0px; |
|
|
|
width: 95% !important; |
|
|
|
padding: 0; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_job_application_approve { |
|
|
|
padding: 0; |
|
|
|
@ -619,13 +595,13 @@ h4 .stat-count { |
|
|
|
padding-bottom: 0px; |
|
|
|
padding-bottom: 0em; |
|
|
|
padding-top: 0em; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
background: #fff; |
|
|
|
margin-top: 15px; |
|
|
|
height: 80px; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_job_application_approve p { |
|
|
|
font-size: 14px; |
|
|
|
@ -638,17 +614,14 @@ h4 .stat-count { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.hr_job_application_approve h4 { |
|
|
|
|
|
|
|
padding: 2.5rem 0; |
|
|
|
margin: 0; |
|
|
|
background: #70cac1; |
|
|
|
color: #fff; |
|
|
|
width: 26%; |
|
|
|
float: left; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_job_application_approve .stat-count { |
|
|
|
|
|
|
|
font-size: 17px !important; |
|
|
|
color: #fff !important; |
|
|
|
margin-top: 0px !important; |
|
|
|
@ -658,9 +631,8 @@ h4 .stat-count { |
|
|
|
margin: 0px !important; |
|
|
|
text-align: center !important; |
|
|
|
width: 100% !important; |
|
|
|
|
|
|
|
} |
|
|
|
.hr_job_application_approve:hover{ |
|
|
|
.hr_job_application_approve:hover { |
|
|
|
transform: translateY(-2px) translateZ(0) !important; |
|
|
|
box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important; |
|
|
|
} |
|
|
|
@ -672,7 +644,8 @@ h4 .stat-count { |
|
|
|
padding-bottom: 7px; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
} |
|
|
|
.hr_attendance_login .stat-widget-one { |
|
|
|
background: none; |
|
|
|
@ -707,7 +680,8 @@ h4 .stat-count { |
|
|
|
background: #fff; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
padding: 15px; |
|
|
|
} |
|
|
|
.broad_factor_graph .oh-card { |
|
|
|
@ -715,7 +689,8 @@ h4 .stat-count { |
|
|
|
background: #fff; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
padding: 15px; |
|
|
|
} |
|
|
|
.leave_broad_factor { |
|
|
|
@ -726,20 +701,19 @@ h4 .stat-count { |
|
|
|
padding-left: 0px; |
|
|
|
} |
|
|
|
#broad_factor_pdf { |
|
|
|
|
|
|
|
background-color: #ffffff; |
|
|
|
float: right; |
|
|
|
border-radius: 30px; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
border: 1px solid #4ec3b7; |
|
|
|
color: #757575; |
|
|
|
padding-top: 9px; |
|
|
|
color: #4ec3b7; |
|
|
|
|
|
|
|
} |
|
|
|
#broad_factor_pdf:hover{ |
|
|
|
#broad_factor_pdf:hover { |
|
|
|
transform: translateY(-2px) translateZ(0) !important; |
|
|
|
box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important; |
|
|
|
} |
|
|
|
@ -759,7 +733,8 @@ h4 .stat-count { |
|
|
|
background: #fff; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
height: 316px; |
|
|
|
overflow-y: auto; |
|
|
|
margin-bottom: 15px; |
|
|
|
@ -787,7 +762,7 @@ h4 .stat-count { |
|
|
|
background: #de6a5e; |
|
|
|
margin-bottom: 9px; |
|
|
|
} |
|
|
|
.monthly_leave_trend .oh-card{ |
|
|
|
.monthly_leave_trend .oh-card { |
|
|
|
background: #fff; |
|
|
|
transition: none !important; |
|
|
|
will-change: none !important; |
|
|
|
@ -808,7 +783,7 @@ h4 .stat-count { |
|
|
|
stroke-width: 1; |
|
|
|
shape-rendering: crispEdges; |
|
|
|
} |
|
|
|
.monthly_leave_trend circle{ |
|
|
|
.monthly_leave_trend circle { |
|
|
|
fill: #ffffff; |
|
|
|
stroke: #44b7ac; |
|
|
|
stroke-width: 1.5; |
|
|
|
@ -820,23 +795,23 @@ h4 .stat-count { |
|
|
|
padding-top: 0px; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
padding-top: 3px !important; |
|
|
|
} |
|
|
|
.monthly_leave_trend { |
|
|
|
background: #fff; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
} |
|
|
|
.monthly_leave_trend:hover{ |
|
|
|
.monthly_leave_trend:hover { |
|
|
|
transform: translateY(-2px) translateZ(0) !important; |
|
|
|
box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/*----------------------*/ |
|
|
|
.monthly_join_resign_trend{ |
|
|
|
.monthly_join_resign_trend { |
|
|
|
padding-right: 0px !important; |
|
|
|
} |
|
|
|
|
|
|
|
@ -844,7 +819,8 @@ h4 .stat-count { |
|
|
|
background: #fff; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
padding: 15px; |
|
|
|
} |
|
|
|
|
|
|
|
@ -852,27 +828,23 @@ h4 .stat-count { |
|
|
|
.monthly_join_resign_trend .axis line { |
|
|
|
fill: none; |
|
|
|
shape-rendering: crispEdges; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.monthly_join_resign_trend .line { |
|
|
|
fill: none; |
|
|
|
stroke-width: 3px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.monthly_join_resign_trend .area { |
|
|
|
fill: steelblue; |
|
|
|
opacity: 0.5; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.monthly_join_resign_trend .dot { |
|
|
|
fill: steelblue; |
|
|
|
stroke: steelblue; |
|
|
|
stroke-width: 1.5px; |
|
|
|
} |
|
|
|
|
|
|
|
/*----------------------------------------*/ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.monthly_attrition_rate path { |
|
|
|
stroke: #70cac1; |
|
|
|
@ -887,7 +859,7 @@ h4 .stat-count { |
|
|
|
stroke-width: 1; |
|
|
|
shape-rendering: crispEdges; |
|
|
|
} |
|
|
|
.monthly_attrition_rate circle{ |
|
|
|
.monthly_attrition_rate circle { |
|
|
|
fill: #ffffff; |
|
|
|
stroke: #44b7ac; |
|
|
|
stroke-width: 1.5; |
|
|
|
@ -897,18 +869,18 @@ h4 .stat-count { |
|
|
|
background: #fff; |
|
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease; |
|
|
|
will-change: transform, box-shadow; |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); |
|
|
|
box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), |
|
|
|
0 2px 9px 0 rgba(62, 57, 107, 0.06); |
|
|
|
padding: 15px; |
|
|
|
} |
|
|
|
|
|
|
|
.monthly_attrition_rate .oh-card:hover{ |
|
|
|
.monthly_attrition_rate .oh-card:hover { |
|
|
|
transform: translateY(-2px) translateZ(0) !important; |
|
|
|
box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.row.main-section { |
|
|
|
margin-right: 0px; !important; |
|
|
|
margin-right: 0px !important; |
|
|
|
} |
|
|
|
/* width */ |
|
|
|
.hr_notification::-webkit-scrollbar { |
|
|
|
@ -938,16 +910,18 @@ h4 .stat-count { |
|
|
|
|
|
|
|
.oh-ribbon { |
|
|
|
position: absolute; |
|
|
|
left: -5px; top: -5px; |
|
|
|
left: -5px; |
|
|
|
top: -5px; |
|
|
|
z-index: 1; |
|
|
|
overflow: hidden; |
|
|
|
width: 150px; height: 150px; |
|
|
|
width: 150px; |
|
|
|
height: 150px; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.oh-ribbon span { |
|
|
|
font-size: 10px; |
|
|
|
font-weight: bold; |
|
|
|
color: #FFF; |
|
|
|
color: #fff; |
|
|
|
text-transform: uppercase; |
|
|
|
text-align: center; |
|
|
|
line-height: 20px; |
|
|
|
@ -955,7 +929,7 @@ h4 .stat-count { |
|
|
|
-webkit-transform: rotate(-45deg); |
|
|
|
width: 200px; |
|
|
|
display: block; |
|
|
|
background: #79A70A; |
|
|
|
background: #79a70a; |
|
|
|
background: linear-gradient(#2989d8 0%, #1e5799 100%); |
|
|
|
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); |
|
|
|
position: absolute; |
|
|
|
@ -964,7 +938,9 @@ h4 .stat-count { |
|
|
|
} |
|
|
|
.oh-ribbon span::before { |
|
|
|
content: ""; |
|
|
|
position: absolute; left: 0px; top: 100%; |
|
|
|
position: absolute; |
|
|
|
left: 0px; |
|
|
|
top: 100%; |
|
|
|
z-index: -1; |
|
|
|
border-left: 3px solid #1e5799; |
|
|
|
border-right: 3px solid transparent; |
|
|
|
@ -973,7 +949,9 @@ h4 .stat-count { |
|
|
|
} |
|
|
|
.oh-ribbon span::after { |
|
|
|
content: ""; |
|
|
|
position: absolute; right: 0px; top: 100%; |
|
|
|
position: absolute; |
|
|
|
right: 0px; |
|
|
|
top: 100%; |
|
|
|
z-index: -1; |
|
|
|
border-left: 3px solid transparent; |
|
|
|
border-right: 3px solid #1e5799; |
|
|
|
@ -981,23 +959,21 @@ h4 .stat-count { |
|
|
|
border-top: 3px solid #1e5799; |
|
|
|
} |
|
|
|
|
|
|
|
.o_action_manager{ |
|
|
|
.o_action_manager { |
|
|
|
overflow-y: scroll !important; |
|
|
|
max-width:100%; |
|
|
|
} |
|
|
|
|
|
|
|
.hr_notification { |
|
|
|
max-width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.hr_notification { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.stat_count{ |
|
|
|
.stat_count { |
|
|
|
margin-top: -111px; |
|
|
|
margin-left: 35px; |
|
|
|
font-size: 48px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.stat-head { |
|
|
|
text-align: left !important; |
|
|
|
font-weight: 300; |
|
|
|
|
AjmalCybro
2 years ago