thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Jun 19 : [FIX] Bug Fixed 'dashboard_pos'

pull/259/head
AjmalCybro 2 years ago
parent
c7e9ebd509
commit
d7f823b0da
1 changed files with 644 additions and 668 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 298
      dashboard_pos/static/src/css/pos_dashboard.css

298
dashboard_pos/static/src/css/pos_dashboard.css
View File

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

Write Preview
Loading…
Cancel
Save