diff --git a/Asserts/Forgot_password.png b/Asserts/Forgot_password.png
new file mode 100644
index 0000000..d1ee3d8
Binary files /dev/null and b/Asserts/Forgot_password.png differ
diff --git a/Asserts/High_resolution_wallpaper_background_ID_77701652637.jpg b/Asserts/High_resolution_wallpaper_background_ID_77701652637.jpg
new file mode 100644
index 0000000..d203780
Binary files /dev/null and b/Asserts/High_resolution_wallpaper_background_ID_77701652637.jpg differ
diff --git a/Asserts/abnavod.jpeg b/Asserts/abnavod.jpeg
new file mode 100644
index 0000000..5bf8e07
Binary files /dev/null and b/Asserts/abnavod.jpeg differ
diff --git a/Asserts/close.jpg b/Asserts/close.jpg
new file mode 100644
index 0000000..66eda17
Binary files /dev/null and b/Asserts/close.jpg differ
diff --git a/Asserts/image1.jpg b/Asserts/image1.jpg
new file mode 100644
index 0000000..daf2d41
Binary files /dev/null and b/Asserts/image1.jpg differ
diff --git a/Asserts/image2.jpg b/Asserts/image2.jpg
new file mode 100644
index 0000000..35ae6f7
Binary files /dev/null and b/Asserts/image2.jpg differ
diff --git a/Asserts/image3.jfif b/Asserts/image3.jfif
new file mode 100644
index 0000000..dffd45f
Binary files /dev/null and b/Asserts/image3.jfif differ
diff --git a/Asserts/image4.jpeg b/Asserts/image4.jpeg
new file mode 100644
index 0000000..68c3558
Binary files /dev/null and b/Asserts/image4.jpeg differ
diff --git a/Asserts/image5.jpg b/Asserts/image5.jpg
new file mode 100644
index 0000000..accabdc
Binary files /dev/null and b/Asserts/image5.jpg differ
diff --git a/Asserts/image6.jfif b/Asserts/image6.jfif
new file mode 100644
index 0000000..7584d2f
Binary files /dev/null and b/Asserts/image6.jfif differ
diff --git a/Asserts/image7.jfif b/Asserts/image7.jfif
new file mode 100644
index 0000000..ce08aa3
Binary files /dev/null and b/Asserts/image7.jfif differ
diff --git a/Asserts/images.jpeg b/Asserts/images.jpeg
new file mode 100644
index 0000000..e47b8c3
Binary files /dev/null and b/Asserts/images.jpeg differ
diff --git a/Asserts/images.png b/Asserts/images.png
new file mode 100644
index 0000000..b3c75f6
Binary files /dev/null and b/Asserts/images.png differ
diff --git a/Asserts/reset_password.png b/Asserts/reset_password.png
new file mode 100644
index 0000000..9589fa6
Binary files /dev/null and b/Asserts/reset_password.png differ
diff --git a/Asserts/viewmem.png b/Asserts/viewmem.png
new file mode 100644
index 0000000..b4e89c7
Binary files /dev/null and b/Asserts/viewmem.png differ
diff --git a/README.md b/README.md
index e332a4b..359e1a0 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,14 @@
-# CO-WMS-new
\ No newline at end of file
+# CO-WMS-new
+
+# Project Description
+## An Employee Workflow Managment System
+-2nd Year undergraduates of UCSC (University of Colombo School of Computing), SriLanka - Group CS-41
+
+### An Introduction
+**_Co-WMS_**, an Employee Workflow Management System is the project that our group is currently developing as the 2nd Year Group Project.
+Project Timeline => May 2021 - March 2022
+
+### Main 3 Business Processes Considered
+1. Working hours management
+2. Task management
+3. Leave management
diff --git a/config/DatabaseConf.php b/config/DatabaseConf.php
index 861a430..491807b 100644
--- a/config/DatabaseConf.php
+++ b/config/DatabaseConf.php
@@ -3,5 +3,5 @@
define('DB_TYPE', 'mysql');
define('DB_HOST', 'localhost');
define('DB_USER', 'root');
-define('DB_NAME', 'trialcwms');
+define('DB_NAME', 'cowms');
define('DB_PASSWORD', 'root');
diff --git a/controllers/Department.php b/controllers/Department.php
new file mode 100644
index 0000000..66a5e29
--- /dev/null
+++ b/controllers/Department.php
@@ -0,0 +1,23 @@
+getDepartments();
+ return $res;
+
+ }
+
+
+}
+
diff --git a/controllers/Team.php b/controllers/Team.php
new file mode 100644
index 0000000..c761962
--- /dev/null
+++ b/controllers/Team.php
@@ -0,0 +1,24 @@
+getTeams();
+ return $res;
+
+ }
+
+
+}
+
diff --git a/controllers/admin.php b/controllers/admin.php
new file mode 100644
index 0000000..ac16a55
--- /dev/null
+++ b/controllers/admin.php
@@ -0,0 +1,95 @@
+view->emp=$this->model->searchdata($_POST['empId']);
+ }
+ else{
+ echo "";
+ $this->view->emp=$this->model->getdata();
+ }
+ }else if (isset($_POST['search_all'])){
+ $this->view->emp=$this->model->getdata();
+ }else{
+ $this->view->emp=$this->model->getdata();
+ }
+ $this->view->render('adminHome');
+ }
+
+ function manageAccess(){
+ $this->view->emp=$this->model->searchdata($_GET['empID']);
+ $this->view->res1=$this->model->getaccessdata($_GET['empID']);
+
+ if (isset($_POST['submit_btn'])){
+
+ if (isset($_POST["admin"])){
+ $admin = true;
+ }else{
+ $admin = false;
+ }
+
+ if (isset($_POST["profile"])){
+ $profile = true;
+ }else{
+ $profile = false;
+ }
+
+ if (isset($_POST["login"])){
+ $login = true;
+ }else{
+ $login = false;
+ }
+
+ if (isset($_POST["member"])){
+ $member = true;
+ }else{
+ $member = false;
+ }
+
+ if (isset($_POST["leader"])){
+ $leader = true;
+ }else{
+ $leader = false;
+ }
+
+ if (isset($_POST["manager"])){
+ $manager = true;
+ }else{
+ $manager = false;
+ }
+
+ if (isset($_POST["hr"])){
+ $hr = true;
+ }else{
+ $hr = false;
+ }
+
+ if(count($this->view->res1)>0){
+ $this->view->res=$this->model->updatedata($_GET['empID'],$profile,$login,$admin,$member,$leader,$manager,$hr);
+ echo "";
+ }
+ else{
+ $this->view->res=$this->model->insertdata($_GET['empID'],$profile,$login,$admin,$member,$leader,$manager,$hr);
+ echo "";
+ }
+
+ $this->view->res1=$this->model->getaccessdata($_GET['empID']);
+ }
+ $this->view->render('manageAccess');
+ }
+}
+
+?>
\ No newline at end of file
diff --git a/controllers/adminHome.php b/controllers/adminHome.php
new file mode 100644
index 0000000..3e3c691
--- /dev/null
+++ b/controllers/adminHome.php
@@ -0,0 +1,24 @@
+view->emp=$this->model->searchdata($_POST['empId']);
+ }else if (isset($_POST['search_all'])){
+ $this->view->emp=$this->model->getdata();
+ }else{
+ $this->view->emp=$this->model->getdata();
+ }
+ $this->view->render('adminHome');
+ }
+
+}
+
+?>
\ No newline at end of file
diff --git a/controllers/assignTasksMember.php b/controllers/assignTasksMember.php
new file mode 100644
index 0000000..70536cf
--- /dev/null
+++ b/controllers/assignTasksMember.php
@@ -0,0 +1,30 @@
+view->users = $this->model->getData($_SESSION['teamID']);
+
+ $this->view->render('assignTasksMember');
+
+ }
+
+ function load($teamId){
+
+ $_SESSION['teamID'] = $teamId;
+
+ header('location: http://localhost/CO-WMS/assignTasksMember');
+
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/controllers/assignTasksTeam.php b/controllers/assignTasksTeam.php
new file mode 100644
index 0000000..ff008b6
--- /dev/null
+++ b/controllers/assignTasksTeam.php
@@ -0,0 +1,23 @@
+view->users = $this->model->getData($_SESSION['login_user']);
+ $this->view->render('assignTasksTeam');
+
+ }
+
+ function load(){
+
+ }
+}
\ No newline at end of file
diff --git a/controllers/deptManageTask.php b/controllers/deptManageTask.php
new file mode 100644
index 0000000..b81c837
--- /dev/null
+++ b/controllers/deptManageTask.php
@@ -0,0 +1,28 @@
+view->task = $this->model->getData($_SESSION['login_user']);
+
+ $this->view->render('deptManageTask');
+
+ }
+
+ function addTask(){
+
+ $this->model->insertData();
+
+ header('location: http://localhost/CO-WMS/deptManageTask');
+
+ }
+
+}
+
diff --git a/controllers/employeeWorkProgress.php b/controllers/employeeWorkProgress.php
new file mode 100644
index 0000000..fc792b8
--- /dev/null
+++ b/controllers/employeeWorkProgress.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('employeeWorkProgress');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/forgotPassword.php b/controllers/forgotPassword.php
new file mode 100644
index 0000000..6087b90
--- /dev/null
+++ b/controllers/forgotPassword.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('forgotPassword');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/home.php b/controllers/home.php
new file mode 100644
index 0000000..914639b
--- /dev/null
+++ b/controllers/home.php
@@ -0,0 +1,17 @@
+view->render('home');
+ }
+
+}
+
+?>
\ No newline at end of file
diff --git a/controllers/homepage.php b/controllers/homepage.php
deleted file mode 100644
index 386355d..0000000
--- a/controllers/homepage.php
+++ /dev/null
@@ -1,22 +0,0 @@
-view->render('homepage');
-
- }
-
- function run(){
-
- $this->model->run();
-
- }
-}
\ No newline at end of file
diff --git a/controllers/landingpage.php b/controllers/landingpage.php
index d03004d..63b46ba 100644
--- a/controllers/landingpage.php
+++ b/controllers/landingpage.php
@@ -1,6 +1,6 @@
view->render('depManager');
+ if(empty($_SESSION['login_user'])){
+ echo '';
+ }
+
+ $this->view->data = $this->model->loadData();
+ $this->view->hours = $this->model->loadHours();
+
+ $this->view->render('landingpage');
}
diff --git a/controllers/leaderManageTask.php b/controllers/leaderManageTask.php
new file mode 100644
index 0000000..febdf45
--- /dev/null
+++ b/controllers/leaderManageTask.php
@@ -0,0 +1,20 @@
+view->users = $this->model->getData();
+
+ $this->view->render('leaderManageTask');
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/leave.php b/controllers/leave.php
new file mode 100644
index 0000000..61b5b0e
--- /dev/null
+++ b/controllers/leave.php
@@ -0,0 +1,56 @@
+view->render('myleaveApproved');
+ }
+
+ function myleavePending(){
+ $this->view->render('myleavePending');
+ }
+
+ function myleaveRequest(){
+ if(isset($_POST['request_submit'])){
+ if((!empty($_POST["start"]))&&(!empty($_POST["end"]))&&(!empty($_POST["leavetype"]))){
+ $this->model->insert($_POST["start"],$_POST["end"],$_POST["leavetype"]);
+ echo "";
+ }
+ else{
+ echo "";
+ }
+ }
+ $this->view->render('myleaveRequest');
+ }
+
+ function dptleaveApproved(){
+ $this->view->render('dptleaveApproved');
+ }
+
+ function dptleavePending(){
+ $this->view->render('dptleavePending');
+ }
+
+ function dptleavePendingview(){
+ $this->view->render('dptleavePendingview');
+ }
+
+ function empLeave(){
+ $this->view->render('empLeave');
+ }
+
+ function teamLeave(){
+ $this->view->render('teamLeave');
+ }
+
+}
+?>
\ No newline at end of file
diff --git a/controllers/login.php b/controllers/login.php
index 056d8d9..a0dae3f 100644
--- a/controllers/login.php
+++ b/controllers/login.php
@@ -1,6 +1,7 @@
view->render('login');
+ }
+
+ function showpage_forgotpassword()
+ {
+ $this->view->render('forgotPassword');
}
- function run(){
-
+ function showpage_resetpassword()
+ {
+
+ $this->view->render('resetPassword');
+ }
+
+ function run()
+ {
+
$res = $this->model->login();
-
- echo $res;
-
- if($res=="Team_Member"){
- header('location: http://localhost/CO-WMS/teamMember');
- }
- else if($res=="Team_Leader"){
- header('location: http://localhost/CO-WMS/teamLeader');
- }
- else if($res == "Dept_Manager"){
- header('location: http://localhost/CO-WMS/depManager');
- }
- else if(!$res){
+ echo $_SESSION['msg'];
+
+ if ($res) {
+ if ($_SESSION['emprole'] == "Admin") {
+ header('location: http://localhost/CO-WMS/admin/adminHome');
+ } else {
+ header('location: http://localhost/CO-WMS/landingpage');
+ }
+ } else {
header('location: http://localhost/CO-WMS/login');
}
+ }
+
+ function sendOTP()
+ {
+
+ $user_name = $_POST['username'];
+ $model = new login_Model();
+ $res = $model->doOTP($user_name);
+
+ if ($res) {
+ echo '';
+ $this->view->render('resetPassword');
+ } else {
+ echo '';
+ $this->view->render('forgotPassword');
+ }
}
+ function resetPassword()
+ {
+
+ if ($_SERVER["REQUEST_METHOD"] == "POST") {
+ $otpcode = trim($_POST['otpcode']);
+ $npassword = $_POST['npassword'];
+
+
+ echo $_POST['otpcode'];
+
+ $hash = password_hash($npassword, PASSWORD_DEFAULT);
-
-}
\ No newline at end of file
+ $res = $this->model->resetPassword($otpcode, $hash);
+
+ if ($res) {
+ echo '';
+ header('location: http://localhost/CO-WMS/login');
+ } else {
+ echo '';
+ $this->view->render('forgotPassword');
+ }
+ }
+ }
+}
diff --git a/controllers/logout.php b/controllers/logout.php
new file mode 100644
index 0000000..981aa47
--- /dev/null
+++ b/controllers/logout.php
@@ -0,0 +1,25 @@
+
+ window.location.href="home";
+ ';
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/controllers/manageDepartment.php b/controllers/manageDepartment.php
new file mode 100644
index 0000000..384b076
--- /dev/null
+++ b/controllers/manageDepartment.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('manageDepartment');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/manageDepartmentAdd.php b/controllers/manageDepartmentAdd.php
new file mode 100644
index 0000000..140a863
--- /dev/null
+++ b/controllers/manageDepartmentAdd.php
@@ -0,0 +1,40 @@
+view->department = 0;
+
+ // $this->view->users = $this->model->getData();
+ $this->view->render('manageDepartmentAdd');
+
+
+ }
+ function setData(){
+ $dName = $_POST['dname'];
+ $dId = $_POST['dId'];
+ $dManagerId = NULL;
+
+ if(!empty($_POST['dMId'])){
+ $dManagerId = $_POST['dMId'];
+ }
+ else{
+ $dManagerId = NULL;
+ }
+
+ $this->model->insertDepartment($dName,$dId,$dManagerId);
+
+ header('location: http://localhost/CO-WMS/manageDepartmentAdd');
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/manageDepartmentEditDelete.php b/controllers/manageDepartmentEditDelete.php
new file mode 100644
index 0000000..9dde16a
--- /dev/null
+++ b/controllers/manageDepartmentEditDelete.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('manageDepartmentEditDelete');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/manageEmployee.php b/controllers/manageEmployee.php
new file mode 100644
index 0000000..275c961
--- /dev/null
+++ b/controllers/manageEmployee.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('manageEmployee');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/manageEmployeeAdd.php b/controllers/manageEmployeeAdd.php
new file mode 100644
index 0000000..46c6285
--- /dev/null
+++ b/controllers/manageEmployeeAdd.php
@@ -0,0 +1,80 @@
+view->teams = $team->getTeams();
+ $team = new Department();
+ $this->view->depts = $team->getDepartments();
+ $this->view->render('manageEmployeeAdd');
+
+ }
+
+ function setData(){
+
+ session_start();
+
+ $empid = $_POST['epmId'];
+ $empname= $_POST['Ename'];
+ $empemail = $_POST['email'];
+ $team = $_POST['team'];
+ $dept = $_POST['dept'];
+ $emprole = $_POST['role'];
+ $password = $_POST['password'];
+ $Cpassword = $_POST['Cpassword'];
+
+ if($password == $Cpassword){
+
+ $hash = password_hash($password, PASSWORD_DEFAULT);
+
+ $res = $this->model->insertEmployee($empid,$empname,$empemail,$team,$dept,$emprole,$hash,$password);
+
+ if($res){
+ /*$to = '$empemail';
+ $mail_subject = 'Message from Co-WMS website';
+ $email_body = "Hello {$empname},Welcome to the Co-WMS Company \n" ;
+ $email_body .= "Your User Id : {$empid} \n";
+ $email_body .= "Your Password : {$password} \n";
+ $email_body .= "Thank you.";
+ $from = 'From: cowmsofficial@gmail.com';
+
+ $send_mail_result = mail($empemail, $mail_subject, $email_body, $from);
+
+ if($send_mail_result){
+ $_SESSION['add-emp-msg'] = "New record created successfully and Email sent";
+ }else{
+ $_SESSION['add-emp-msg'] = "New record created successfully and Email was not sent";
+ }*/
+ $_SESSION['add-emp-msg'] = "New record created successfully";
+
+ }else{
+ $_SESSION['add-emp-msg'] = "Fialed to add New Employee";
+ }
+
+ }
+
+ else{
+ $_SESSION['add-emp-msg'] = "Fialed to add New Employee password";
+ }
+
+ echo $_SESSION['add-emp-msg'];
+
+ header('location: http://localhost/CO-WMS/manageEmployeeAdd');
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/manageEmployeeEditDelete.php b/controllers/manageEmployeeEditDelete.php
new file mode 100644
index 0000000..f40b4a7
--- /dev/null
+++ b/controllers/manageEmployeeEditDelete.php
@@ -0,0 +1,45 @@
+view->users = $this->model->getData($_GET['epmId']);
+ $this->view->employee=0;
+ $this->view->render('manageEmployeeEditDelete');
+ }
+ function editData(){
+ // if ($_SERVER["REQUEST_METHOD"] == "POST") {
+
+ $empid = $_POST['epmId'];
+ $empname= $_POST['Ename'];
+ $empemail = $_POST['email'];
+ $emprole = $_POST['role'];
+ // $empstatus=$_POST['Estatus'];
+ // $password = $_POST['password'];
+ // $Cpassword = $_POST['Cpassword'];
+
+ $this->model->editEmployee($empid,$empname,$empemail,$emprole);
+
+ //$this->view->users = $this->model->getData($_POST['epmId']);
+ // $this->view->employee=0;
+ //$this->view->render('manageEmployeeEditDelete');
+ header('location: http://localhost/CO-WMS/manageEmployeeEditDelete');
+
+ // $this->index();
+ //header('location: http://localhost/CO-WMS/manageEmployeeEditDelete');
+
+ // }
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/controllers/manageTeam.php b/controllers/manageTeam.php
new file mode 100644
index 0000000..d9ccc43
--- /dev/null
+++ b/controllers/manageTeam.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('manageTeam');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/manageTeamAdd.php b/controllers/manageTeamAdd.php
new file mode 100644
index 0000000..42a9b3e
--- /dev/null
+++ b/controllers/manageTeamAdd.php
@@ -0,0 +1,35 @@
+view->team=0;
+
+ $this->view->render('manageTeamAdd');
+
+
+ }
+
+ function setData(){
+
+
+ $teamName= $_POST['tname'];
+ $DeptId = $_POST['dId'];
+
+ // $hash = password_hash($password, PASSWORD_DEFAULT);
+
+ $this->model->insertTeam($teamName,$DeptId);
+
+ header('location: http://localhost/CO-WMS/manageTeamAdd');
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/manageTeamEditDelete.php b/controllers/manageTeamEditDelete.php
new file mode 100644
index 0000000..6cb918e
--- /dev/null
+++ b/controllers/manageTeamEditDelete.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('manageTeamEditDelete');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/myprofile.php b/controllers/myprofile.php
index 899f8bb..77a2699 100644
--- a/controllers/myprofile.php
+++ b/controllers/myprofile.php
@@ -17,23 +17,28 @@ function index(){
function saveform(){
+ $pass = $_POST['pass'];
$cpass = $_POST['cpass'];
$npass = $_POST['npass'];
- $hash = password_hash($npass, PASSWORD_DEFAULT);
+ if($pass == $_SESSION['password']){
- if($cpass == $npass){
- $pass = $this->model->setNewPassword($_SESSION['login_user'],$hash);
- if($pass == 1)
- $_SESSION['pass']="yes";
- else
+ $hash = password_hash($npass, PASSWORD_DEFAULT);
+
+ if($cpass == $npass){
+ $pass = $this->model->setNewPassword($_SESSION['login_user'],$hash);
+ if($pass == 1)
+ $_SESSION['pass']="yes";
+ else
+ $_SESSION['pass']="no";
+ }
+ else{
$_SESSION['pass']="no";
- }
- else{
+ }
+ }else{
$_SESSION['pass']="no";
}
- $this->view->users = $this->model->getData($_SESSION['login_user']);
header('location: http://localhost/CO-WMS/myprofile');
}
@@ -54,7 +59,6 @@ function savephoto(){
}
- $this->view->users = $this->model->getData($_SESSION['login_user']);
header('location: http://localhost/CO-WMS/myprofile');
}
diff --git a/controllers/myprogressAccepted.php b/controllers/myprogressAccepted.php
new file mode 100644
index 0000000..271c3d3
--- /dev/null
+++ b/controllers/myprogressAccepted.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('myprogressAccepted');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/myprogressCompleted.php b/controllers/myprogressCompleted.php
new file mode 100644
index 0000000..05e70c4
--- /dev/null
+++ b/controllers/myprogressCompleted.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('myprogressCompleted');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/myprogressInprogressSelect.php b/controllers/myprogressInprogressSelect.php
new file mode 100644
index 0000000..c86b7f8
--- /dev/null
+++ b/controllers/myprogressInprogressSelect.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('myprogressInprogressSelect');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/myprogressOverdue.php b/controllers/myprogressOverdue.php
new file mode 100644
index 0000000..dcc4570
--- /dev/null
+++ b/controllers/myprogressOverdue.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('myprogressOverdue');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/myprogressPending.php b/controllers/myprogressPending.php
new file mode 100644
index 0000000..c0cdc8e
--- /dev/null
+++ b/controllers/myprogressPending.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('myprogressPending');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/progressReport.php b/controllers/progressReport.php
new file mode 100644
index 0000000..b3aa823
--- /dev/null
+++ b/controllers/progressReport.php
@@ -0,0 +1,17 @@
+view->render('progressReport');
+ }
+
+}
+
+?>
\ No newline at end of file
diff --git a/controllers/resetPassword.php b/controllers/resetPassword.php
new file mode 100644
index 0000000..069489c
--- /dev/null
+++ b/controllers/resetPassword.php
@@ -0,0 +1,21 @@
+view->users = $this->model->getData();
+ $this->view->render('resetPassword');
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/controllers/teamProgress.php b/controllers/teamProgress.php
new file mode 100644
index 0000000..9b2352a
--- /dev/null
+++ b/controllers/teamProgress.php
@@ -0,0 +1,34 @@
+view->users = $this->model->getMember();
+ //$this->view->task = $this->model->getTask();
+
+ $this->view->render('teamProgress');
+
+ }
+
+ function getTask (){
+
+ $eid = $_POST['empid'];
+ $task = $this->model->getTask($eid);
+
+ echo json_encode(count($task)==0 ? null : $task);
+
+
+ }
+
+}
\ No newline at end of file
diff --git a/font-awesome-4.7.0/HELP-US-OUT.txt b/font-awesome-4.7.0/HELP-US-OUT.txt
new file mode 100644
index 0000000..83d083d
--- /dev/null
+++ b/font-awesome-4.7.0/HELP-US-OUT.txt
@@ -0,0 +1,7 @@
+I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
+Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
+comprehensive icon sets or copy and paste your own.
+
+Please. Check it out.
+
+-Dave Gandy
diff --git a/font-awesome-4.7.0/css/font-awesome.css b/font-awesome-4.7.0/css/font-awesome.css
new file mode 100644
index 0000000..ee906a8
--- /dev/null
+++ b/font-awesome-4.7.0/css/font-awesome.css
@@ -0,0 +1,2337 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
+ src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+.fa {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+ font-size: 1.33333333em;
+ line-height: 0.75em;
+ vertical-align: -15%;
+}
+.fa-2x {
+ font-size: 2em;
+}
+.fa-3x {
+ font-size: 3em;
+}
+.fa-4x {
+ font-size: 4em;
+}
+.fa-5x {
+ font-size: 5em;
+}
+.fa-fw {
+ width: 1.28571429em;
+ text-align: center;
+}
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14285714em;
+ list-style-type: none;
+}
+.fa-ul > li {
+ position: relative;
+}
+.fa-li {
+ position: absolute;
+ left: -2.14285714em;
+ width: 2.14285714em;
+ top: 0.14285714em;
+ text-align: center;
+}
+.fa-li.fa-lg {
+ left: -1.85714286em;
+}
+.fa-border {
+ padding: .2em .25em .15em;
+ border: solid 0.08em #eeeeee;
+ border-radius: .1em;
+}
+.fa-pull-left {
+ float: left;
+}
+.fa-pull-right {
+ float: right;
+}
+.fa.fa-pull-left {
+ margin-right: .3em;
+}
+.fa.fa-pull-right {
+ margin-left: .3em;
+}
+/* Deprecated as of 4.4.0 */
+.pull-right {
+ float: right;
+}
+.pull-left {
+ float: left;
+}
+.fa.pull-left {
+ margin-right: .3em;
+}
+.fa.pull-right {
+ margin-left: .3em;
+}
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+.fa-rotate-90 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.fa-rotate-180 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.fa-rotate-270 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+.fa-flip-horizontal {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+.fa-flip-vertical {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+ -webkit-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ transform: scale(1, -1);
+}
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+ filter: none;
+}
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.fa-stack-1x,
+.fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.fa-stack-1x {
+ line-height: inherit;
+}
+.fa-stack-2x {
+ font-size: 2em;
+}
+.fa-inverse {
+ color: #ffffff;
+}
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+.fa-glass:before {
+ content: "\f000";
+}
+.fa-music:before {
+ content: "\f001";
+}
+.fa-search:before {
+ content: "\f002";
+}
+.fa-envelope-o:before {
+ content: "\f003";
+}
+.fa-heart:before {
+ content: "\f004";
+}
+.fa-star:before {
+ content: "\f005";
+}
+.fa-star-o:before {
+ content: "\f006";
+}
+.fa-user:before {
+ content: "\f007";
+}
+.fa-film:before {
+ content: "\f008";
+}
+.fa-th-large:before {
+ content: "\f009";
+}
+.fa-th:before {
+ content: "\f00a";
+}
+.fa-th-list:before {
+ content: "\f00b";
+}
+.fa-check:before {
+ content: "\f00c";
+}
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+ content: "\f00d";
+}
+.fa-search-plus:before {
+ content: "\f00e";
+}
+.fa-search-minus:before {
+ content: "\f010";
+}
+.fa-power-off:before {
+ content: "\f011";
+}
+.fa-signal:before {
+ content: "\f012";
+}
+.fa-gear:before,
+.fa-cog:before {
+ content: "\f013";
+}
+.fa-trash-o:before {
+ content: "\f014";
+}
+.fa-home:before {
+ content: "\f015";
+}
+.fa-file-o:before {
+ content: "\f016";
+}
+.fa-clock-o:before {
+ content: "\f017";
+}
+.fa-road:before {
+ content: "\f018";
+}
+.fa-download:before {
+ content: "\f019";
+}
+.fa-arrow-circle-o-down:before {
+ content: "\f01a";
+}
+.fa-arrow-circle-o-up:before {
+ content: "\f01b";
+}
+.fa-inbox:before {
+ content: "\f01c";
+}
+.fa-play-circle-o:before {
+ content: "\f01d";
+}
+.fa-rotate-right:before,
+.fa-repeat:before {
+ content: "\f01e";
+}
+.fa-refresh:before {
+ content: "\f021";
+}
+.fa-list-alt:before {
+ content: "\f022";
+}
+.fa-lock:before {
+ content: "\f023";
+}
+.fa-flag:before {
+ content: "\f024";
+}
+.fa-headphones:before {
+ content: "\f025";
+}
+.fa-volume-off:before {
+ content: "\f026";
+}
+.fa-volume-down:before {
+ content: "\f027";
+}
+.fa-volume-up:before {
+ content: "\f028";
+}
+.fa-qrcode:before {
+ content: "\f029";
+}
+.fa-barcode:before {
+ content: "\f02a";
+}
+.fa-tag:before {
+ content: "\f02b";
+}
+.fa-tags:before {
+ content: "\f02c";
+}
+.fa-book:before {
+ content: "\f02d";
+}
+.fa-bookmark:before {
+ content: "\f02e";
+}
+.fa-print:before {
+ content: "\f02f";
+}
+.fa-camera:before {
+ content: "\f030";
+}
+.fa-font:before {
+ content: "\f031";
+}
+.fa-bold:before {
+ content: "\f032";
+}
+.fa-italic:before {
+ content: "\f033";
+}
+.fa-text-height:before {
+ content: "\f034";
+}
+.fa-text-width:before {
+ content: "\f035";
+}
+.fa-align-left:before {
+ content: "\f036";
+}
+.fa-align-center:before {
+ content: "\f037";
+}
+.fa-align-right:before {
+ content: "\f038";
+}
+.fa-align-justify:before {
+ content: "\f039";
+}
+.fa-list:before {
+ content: "\f03a";
+}
+.fa-dedent:before,
+.fa-outdent:before {
+ content: "\f03b";
+}
+.fa-indent:before {
+ content: "\f03c";
+}
+.fa-video-camera:before {
+ content: "\f03d";
+}
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+ content: "\f03e";
+}
+.fa-pencil:before {
+ content: "\f040";
+}
+.fa-map-marker:before {
+ content: "\f041";
+}
+.fa-adjust:before {
+ content: "\f042";
+}
+.fa-tint:before {
+ content: "\f043";
+}
+.fa-edit:before,
+.fa-pencil-square-o:before {
+ content: "\f044";
+}
+.fa-share-square-o:before {
+ content: "\f045";
+}
+.fa-check-square-o:before {
+ content: "\f046";
+}
+.fa-arrows:before {
+ content: "\f047";
+}
+.fa-step-backward:before {
+ content: "\f048";
+}
+.fa-fast-backward:before {
+ content: "\f049";
+}
+.fa-backward:before {
+ content: "\f04a";
+}
+.fa-play:before {
+ content: "\f04b";
+}
+.fa-pause:before {
+ content: "\f04c";
+}
+.fa-stop:before {
+ content: "\f04d";
+}
+.fa-forward:before {
+ content: "\f04e";
+}
+.fa-fast-forward:before {
+ content: "\f050";
+}
+.fa-step-forward:before {
+ content: "\f051";
+}
+.fa-eject:before {
+ content: "\f052";
+}
+.fa-chevron-left:before {
+ content: "\f053";
+}
+.fa-chevron-right:before {
+ content: "\f054";
+}
+.fa-plus-circle:before {
+ content: "\f055";
+}
+.fa-minus-circle:before {
+ content: "\f056";
+}
+.fa-times-circle:before {
+ content: "\f057";
+}
+.fa-check-circle:before {
+ content: "\f058";
+}
+.fa-question-circle:before {
+ content: "\f059";
+}
+.fa-info-circle:before {
+ content: "\f05a";
+}
+.fa-crosshairs:before {
+ content: "\f05b";
+}
+.fa-times-circle-o:before {
+ content: "\f05c";
+}
+.fa-check-circle-o:before {
+ content: "\f05d";
+}
+.fa-ban:before {
+ content: "\f05e";
+}
+.fa-arrow-left:before {
+ content: "\f060";
+}
+.fa-arrow-right:before {
+ content: "\f061";
+}
+.fa-arrow-up:before {
+ content: "\f062";
+}
+.fa-arrow-down:before {
+ content: "\f063";
+}
+.fa-mail-forward:before,
+.fa-share:before {
+ content: "\f064";
+}
+.fa-expand:before {
+ content: "\f065";
+}
+.fa-compress:before {
+ content: "\f066";
+}
+.fa-plus:before {
+ content: "\f067";
+}
+.fa-minus:before {
+ content: "\f068";
+}
+.fa-asterisk:before {
+ content: "\f069";
+}
+.fa-exclamation-circle:before {
+ content: "\f06a";
+}
+.fa-gift:before {
+ content: "\f06b";
+}
+.fa-leaf:before {
+ content: "\f06c";
+}
+.fa-fire:before {
+ content: "\f06d";
+}
+.fa-eye:before {
+ content: "\f06e";
+}
+.fa-eye-slash:before {
+ content: "\f070";
+}
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+ content: "\f071";
+}
+.fa-plane:before {
+ content: "\f072";
+}
+.fa-calendar:before {
+ content: "\f073";
+}
+.fa-random:before {
+ content: "\f074";
+}
+.fa-comment:before {
+ content: "\f075";
+}
+.fa-magnet:before {
+ content: "\f076";
+}
+.fa-chevron-up:before {
+ content: "\f077";
+}
+.fa-chevron-down:before {
+ content: "\f078";
+}
+.fa-retweet:before {
+ content: "\f079";
+}
+.fa-shopping-cart:before {
+ content: "\f07a";
+}
+.fa-folder:before {
+ content: "\f07b";
+}
+.fa-folder-open:before {
+ content: "\f07c";
+}
+.fa-arrows-v:before {
+ content: "\f07d";
+}
+.fa-arrows-h:before {
+ content: "\f07e";
+}
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+ content: "\f080";
+}
+.fa-twitter-square:before {
+ content: "\f081";
+}
+.fa-facebook-square:before {
+ content: "\f082";
+}
+.fa-camera-retro:before {
+ content: "\f083";
+}
+.fa-key:before {
+ content: "\f084";
+}
+.fa-gears:before,
+.fa-cogs:before {
+ content: "\f085";
+}
+.fa-comments:before {
+ content: "\f086";
+}
+.fa-thumbs-o-up:before {
+ content: "\f087";
+}
+.fa-thumbs-o-down:before {
+ content: "\f088";
+}
+.fa-star-half:before {
+ content: "\f089";
+}
+.fa-heart-o:before {
+ content: "\f08a";
+}
+.fa-sign-out:before {
+ content: "\f08b";
+}
+.fa-linkedin-square:before {
+ content: "\f08c";
+}
+.fa-thumb-tack:before {
+ content: "\f08d";
+}
+.fa-external-link:before {
+ content: "\f08e";
+}
+.fa-sign-in:before {
+ content: "\f090";
+}
+.fa-trophy:before {
+ content: "\f091";
+}
+.fa-github-square:before {
+ content: "\f092";
+}
+.fa-upload:before {
+ content: "\f093";
+}
+.fa-lemon-o:before {
+ content: "\f094";
+}
+.fa-phone:before {
+ content: "\f095";
+}
+.fa-square-o:before {
+ content: "\f096";
+}
+.fa-bookmark-o:before {
+ content: "\f097";
+}
+.fa-phone-square:before {
+ content: "\f098";
+}
+.fa-twitter:before {
+ content: "\f099";
+}
+.fa-facebook-f:before,
+.fa-facebook:before {
+ content: "\f09a";
+}
+.fa-github:before {
+ content: "\f09b";
+}
+.fa-unlock:before {
+ content: "\f09c";
+}
+.fa-credit-card:before {
+ content: "\f09d";
+}
+.fa-feed:before,
+.fa-rss:before {
+ content: "\f09e";
+}
+.fa-hdd-o:before {
+ content: "\f0a0";
+}
+.fa-bullhorn:before {
+ content: "\f0a1";
+}
+.fa-bell:before {
+ content: "\f0f3";
+}
+.fa-certificate:before {
+ content: "\f0a3";
+}
+.fa-hand-o-right:before {
+ content: "\f0a4";
+}
+.fa-hand-o-left:before {
+ content: "\f0a5";
+}
+.fa-hand-o-up:before {
+ content: "\f0a6";
+}
+.fa-hand-o-down:before {
+ content: "\f0a7";
+}
+.fa-arrow-circle-left:before {
+ content: "\f0a8";
+}
+.fa-arrow-circle-right:before {
+ content: "\f0a9";
+}
+.fa-arrow-circle-up:before {
+ content: "\f0aa";
+}
+.fa-arrow-circle-down:before {
+ content: "\f0ab";
+}
+.fa-globe:before {
+ content: "\f0ac";
+}
+.fa-wrench:before {
+ content: "\f0ad";
+}
+.fa-tasks:before {
+ content: "\f0ae";
+}
+.fa-filter:before {
+ content: "\f0b0";
+}
+.fa-briefcase:before {
+ content: "\f0b1";
+}
+.fa-arrows-alt:before {
+ content: "\f0b2";
+}
+.fa-group:before,
+.fa-users:before {
+ content: "\f0c0";
+}
+.fa-chain:before,
+.fa-link:before {
+ content: "\f0c1";
+}
+.fa-cloud:before {
+ content: "\f0c2";
+}
+.fa-flask:before {
+ content: "\f0c3";
+}
+.fa-cut:before,
+.fa-scissors:before {
+ content: "\f0c4";
+}
+.fa-copy:before,
+.fa-files-o:before {
+ content: "\f0c5";
+}
+.fa-paperclip:before {
+ content: "\f0c6";
+}
+.fa-save:before,
+.fa-floppy-o:before {
+ content: "\f0c7";
+}
+.fa-square:before {
+ content: "\f0c8";
+}
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+ content: "\f0c9";
+}
+.fa-list-ul:before {
+ content: "\f0ca";
+}
+.fa-list-ol:before {
+ content: "\f0cb";
+}
+.fa-strikethrough:before {
+ content: "\f0cc";
+}
+.fa-underline:before {
+ content: "\f0cd";
+}
+.fa-table:before {
+ content: "\f0ce";
+}
+.fa-magic:before {
+ content: "\f0d0";
+}
+.fa-truck:before {
+ content: "\f0d1";
+}
+.fa-pinterest:before {
+ content: "\f0d2";
+}
+.fa-pinterest-square:before {
+ content: "\f0d3";
+}
+.fa-google-plus-square:before {
+ content: "\f0d4";
+}
+.fa-google-plus:before {
+ content: "\f0d5";
+}
+.fa-money:before {
+ content: "\f0d6";
+}
+.fa-caret-down:before {
+ content: "\f0d7";
+}
+.fa-caret-up:before {
+ content: "\f0d8";
+}
+.fa-caret-left:before {
+ content: "\f0d9";
+}
+.fa-caret-right:before {
+ content: "\f0da";
+}
+.fa-columns:before {
+ content: "\f0db";
+}
+.fa-unsorted:before,
+.fa-sort:before {
+ content: "\f0dc";
+}
+.fa-sort-down:before,
+.fa-sort-desc:before {
+ content: "\f0dd";
+}
+.fa-sort-up:before,
+.fa-sort-asc:before {
+ content: "\f0de";
+}
+.fa-envelope:before {
+ content: "\f0e0";
+}
+.fa-linkedin:before {
+ content: "\f0e1";
+}
+.fa-rotate-left:before,
+.fa-undo:before {
+ content: "\f0e2";
+}
+.fa-legal:before,
+.fa-gavel:before {
+ content: "\f0e3";
+}
+.fa-dashboard:before,
+.fa-tachometer:before {
+ content: "\f0e4";
+}
+.fa-comment-o:before {
+ content: "\f0e5";
+}
+.fa-comments-o:before {
+ content: "\f0e6";
+}
+.fa-flash:before,
+.fa-bolt:before {
+ content: "\f0e7";
+}
+.fa-sitemap:before {
+ content: "\f0e8";
+}
+.fa-umbrella:before {
+ content: "\f0e9";
+}
+.fa-paste:before,
+.fa-clipboard:before {
+ content: "\f0ea";
+}
+.fa-lightbulb-o:before {
+ content: "\f0eb";
+}
+.fa-exchange:before {
+ content: "\f0ec";
+}
+.fa-cloud-download:before {
+ content: "\f0ed";
+}
+.fa-cloud-upload:before {
+ content: "\f0ee";
+}
+.fa-user-md:before {
+ content: "\f0f0";
+}
+.fa-stethoscope:before {
+ content: "\f0f1";
+}
+.fa-suitcase:before {
+ content: "\f0f2";
+}
+.fa-bell-o:before {
+ content: "\f0a2";
+}
+.fa-coffee:before {
+ content: "\f0f4";
+}
+.fa-cutlery:before {
+ content: "\f0f5";
+}
+.fa-file-text-o:before {
+ content: "\f0f6";
+}
+.fa-building-o:before {
+ content: "\f0f7";
+}
+.fa-hospital-o:before {
+ content: "\f0f8";
+}
+.fa-ambulance:before {
+ content: "\f0f9";
+}
+.fa-medkit:before {
+ content: "\f0fa";
+}
+.fa-fighter-jet:before {
+ content: "\f0fb";
+}
+.fa-beer:before {
+ content: "\f0fc";
+}
+.fa-h-square:before {
+ content: "\f0fd";
+}
+.fa-plus-square:before {
+ content: "\f0fe";
+}
+.fa-angle-double-left:before {
+ content: "\f100";
+}
+.fa-angle-double-right:before {
+ content: "\f101";
+}
+.fa-angle-double-up:before {
+ content: "\f102";
+}
+.fa-angle-double-down:before {
+ content: "\f103";
+}
+.fa-angle-left:before {
+ content: "\f104";
+}
+.fa-angle-right:before {
+ content: "\f105";
+}
+.fa-angle-up:before {
+ content: "\f106";
+}
+.fa-angle-down:before {
+ content: "\f107";
+}
+.fa-desktop:before {
+ content: "\f108";
+}
+.fa-laptop:before {
+ content: "\f109";
+}
+.fa-tablet:before {
+ content: "\f10a";
+}
+.fa-mobile-phone:before,
+.fa-mobile:before {
+ content: "\f10b";
+}
+.fa-circle-o:before {
+ content: "\f10c";
+}
+.fa-quote-left:before {
+ content: "\f10d";
+}
+.fa-quote-right:before {
+ content: "\f10e";
+}
+.fa-spinner:before {
+ content: "\f110";
+}
+.fa-circle:before {
+ content: "\f111";
+}
+.fa-mail-reply:before,
+.fa-reply:before {
+ content: "\f112";
+}
+.fa-github-alt:before {
+ content: "\f113";
+}
+.fa-folder-o:before {
+ content: "\f114";
+}
+.fa-folder-open-o:before {
+ content: "\f115";
+}
+.fa-smile-o:before {
+ content: "\f118";
+}
+.fa-frown-o:before {
+ content: "\f119";
+}
+.fa-meh-o:before {
+ content: "\f11a";
+}
+.fa-gamepad:before {
+ content: "\f11b";
+}
+.fa-keyboard-o:before {
+ content: "\f11c";
+}
+.fa-flag-o:before {
+ content: "\f11d";
+}
+.fa-flag-checkered:before {
+ content: "\f11e";
+}
+.fa-terminal:before {
+ content: "\f120";
+}
+.fa-code:before {
+ content: "\f121";
+}
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+ content: "\f122";
+}
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+ content: "\f123";
+}
+.fa-location-arrow:before {
+ content: "\f124";
+}
+.fa-crop:before {
+ content: "\f125";
+}
+.fa-code-fork:before {
+ content: "\f126";
+}
+.fa-unlink:before,
+.fa-chain-broken:before {
+ content: "\f127";
+}
+.fa-question:before {
+ content: "\f128";
+}
+.fa-info:before {
+ content: "\f129";
+}
+.fa-exclamation:before {
+ content: "\f12a";
+}
+.fa-superscript:before {
+ content: "\f12b";
+}
+.fa-subscript:before {
+ content: "\f12c";
+}
+.fa-eraser:before {
+ content: "\f12d";
+}
+.fa-puzzle-piece:before {
+ content: "\f12e";
+}
+.fa-microphone:before {
+ content: "\f130";
+}
+.fa-microphone-slash:before {
+ content: "\f131";
+}
+.fa-shield:before {
+ content: "\f132";
+}
+.fa-calendar-o:before {
+ content: "\f133";
+}
+.fa-fire-extinguisher:before {
+ content: "\f134";
+}
+.fa-rocket:before {
+ content: "\f135";
+}
+.fa-maxcdn:before {
+ content: "\f136";
+}
+.fa-chevron-circle-left:before {
+ content: "\f137";
+}
+.fa-chevron-circle-right:before {
+ content: "\f138";
+}
+.fa-chevron-circle-up:before {
+ content: "\f139";
+}
+.fa-chevron-circle-down:before {
+ content: "\f13a";
+}
+.fa-html5:before {
+ content: "\f13b";
+}
+.fa-css3:before {
+ content: "\f13c";
+}
+.fa-anchor:before {
+ content: "\f13d";
+}
+.fa-unlock-alt:before {
+ content: "\f13e";
+}
+.fa-bullseye:before {
+ content: "\f140";
+}
+.fa-ellipsis-h:before {
+ content: "\f141";
+}
+.fa-ellipsis-v:before {
+ content: "\f142";
+}
+.fa-rss-square:before {
+ content: "\f143";
+}
+.fa-play-circle:before {
+ content: "\f144";
+}
+.fa-ticket:before {
+ content: "\f145";
+}
+.fa-minus-square:before {
+ content: "\f146";
+}
+.fa-minus-square-o:before {
+ content: "\f147";
+}
+.fa-level-up:before {
+ content: "\f148";
+}
+.fa-level-down:before {
+ content: "\f149";
+}
+.fa-check-square:before {
+ content: "\f14a";
+}
+.fa-pencil-square:before {
+ content: "\f14b";
+}
+.fa-external-link-square:before {
+ content: "\f14c";
+}
+.fa-share-square:before {
+ content: "\f14d";
+}
+.fa-compass:before {
+ content: "\f14e";
+}
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+ content: "\f150";
+}
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+ content: "\f151";
+}
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+ content: "\f152";
+}
+.fa-euro:before,
+.fa-eur:before {
+ content: "\f153";
+}
+.fa-gbp:before {
+ content: "\f154";
+}
+.fa-dollar:before,
+.fa-usd:before {
+ content: "\f155";
+}
+.fa-rupee:before,
+.fa-inr:before {
+ content: "\f156";
+}
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+ content: "\f157";
+}
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+ content: "\f158";
+}
+.fa-won:before,
+.fa-krw:before {
+ content: "\f159";
+}
+.fa-bitcoin:before,
+.fa-btc:before {
+ content: "\f15a";
+}
+.fa-file:before {
+ content: "\f15b";
+}
+.fa-file-text:before {
+ content: "\f15c";
+}
+.fa-sort-alpha-asc:before {
+ content: "\f15d";
+}
+.fa-sort-alpha-desc:before {
+ content: "\f15e";
+}
+.fa-sort-amount-asc:before {
+ content: "\f160";
+}
+.fa-sort-amount-desc:before {
+ content: "\f161";
+}
+.fa-sort-numeric-asc:before {
+ content: "\f162";
+}
+.fa-sort-numeric-desc:before {
+ content: "\f163";
+}
+.fa-thumbs-up:before {
+ content: "\f164";
+}
+.fa-thumbs-down:before {
+ content: "\f165";
+}
+.fa-youtube-square:before {
+ content: "\f166";
+}
+.fa-youtube:before {
+ content: "\f167";
+}
+.fa-xing:before {
+ content: "\f168";
+}
+.fa-xing-square:before {
+ content: "\f169";
+}
+.fa-youtube-play:before {
+ content: "\f16a";
+}
+.fa-dropbox:before {
+ content: "\f16b";
+}
+.fa-stack-overflow:before {
+ content: "\f16c";
+}
+.fa-instagram:before {
+ content: "\f16d";
+}
+.fa-flickr:before {
+ content: "\f16e";
+}
+.fa-adn:before {
+ content: "\f170";
+}
+.fa-bitbucket:before {
+ content: "\f171";
+}
+.fa-bitbucket-square:before {
+ content: "\f172";
+}
+.fa-tumblr:before {
+ content: "\f173";
+}
+.fa-tumblr-square:before {
+ content: "\f174";
+}
+.fa-long-arrow-down:before {
+ content: "\f175";
+}
+.fa-long-arrow-up:before {
+ content: "\f176";
+}
+.fa-long-arrow-left:before {
+ content: "\f177";
+}
+.fa-long-arrow-right:before {
+ content: "\f178";
+}
+.fa-apple:before {
+ content: "\f179";
+}
+.fa-windows:before {
+ content: "\f17a";
+}
+.fa-android:before {
+ content: "\f17b";
+}
+.fa-linux:before {
+ content: "\f17c";
+}
+.fa-dribbble:before {
+ content: "\f17d";
+}
+.fa-skype:before {
+ content: "\f17e";
+}
+.fa-foursquare:before {
+ content: "\f180";
+}
+.fa-trello:before {
+ content: "\f181";
+}
+.fa-female:before {
+ content: "\f182";
+}
+.fa-male:before {
+ content: "\f183";
+}
+.fa-gittip:before,
+.fa-gratipay:before {
+ content: "\f184";
+}
+.fa-sun-o:before {
+ content: "\f185";
+}
+.fa-moon-o:before {
+ content: "\f186";
+}
+.fa-archive:before {
+ content: "\f187";
+}
+.fa-bug:before {
+ content: "\f188";
+}
+.fa-vk:before {
+ content: "\f189";
+}
+.fa-weibo:before {
+ content: "\f18a";
+}
+.fa-renren:before {
+ content: "\f18b";
+}
+.fa-pagelines:before {
+ content: "\f18c";
+}
+.fa-stack-exchange:before {
+ content: "\f18d";
+}
+.fa-arrow-circle-o-right:before {
+ content: "\f18e";
+}
+.fa-arrow-circle-o-left:before {
+ content: "\f190";
+}
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+ content: "\f191";
+}
+.fa-dot-circle-o:before {
+ content: "\f192";
+}
+.fa-wheelchair:before {
+ content: "\f193";
+}
+.fa-vimeo-square:before {
+ content: "\f194";
+}
+.fa-turkish-lira:before,
+.fa-try:before {
+ content: "\f195";
+}
+.fa-plus-square-o:before {
+ content: "\f196";
+}
+.fa-space-shuttle:before {
+ content: "\f197";
+}
+.fa-slack:before {
+ content: "\f198";
+}
+.fa-envelope-square:before {
+ content: "\f199";
+}
+.fa-wordpress:before {
+ content: "\f19a";
+}
+.fa-openid:before {
+ content: "\f19b";
+}
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+ content: "\f19c";
+}
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+ content: "\f19d";
+}
+.fa-yahoo:before {
+ content: "\f19e";
+}
+.fa-google:before {
+ content: "\f1a0";
+}
+.fa-reddit:before {
+ content: "\f1a1";
+}
+.fa-reddit-square:before {
+ content: "\f1a2";
+}
+.fa-stumbleupon-circle:before {
+ content: "\f1a3";
+}
+.fa-stumbleupon:before {
+ content: "\f1a4";
+}
+.fa-delicious:before {
+ content: "\f1a5";
+}
+.fa-digg:before {
+ content: "\f1a6";
+}
+.fa-pied-piper-pp:before {
+ content: "\f1a7";
+}
+.fa-pied-piper-alt:before {
+ content: "\f1a8";
+}
+.fa-drupal:before {
+ content: "\f1a9";
+}
+.fa-joomla:before {
+ content: "\f1aa";
+}
+.fa-language:before {
+ content: "\f1ab";
+}
+.fa-fax:before {
+ content: "\f1ac";
+}
+.fa-building:before {
+ content: "\f1ad";
+}
+.fa-child:before {
+ content: "\f1ae";
+}
+.fa-paw:before {
+ content: "\f1b0";
+}
+.fa-spoon:before {
+ content: "\f1b1";
+}
+.fa-cube:before {
+ content: "\f1b2";
+}
+.fa-cubes:before {
+ content: "\f1b3";
+}
+.fa-behance:before {
+ content: "\f1b4";
+}
+.fa-behance-square:before {
+ content: "\f1b5";
+}
+.fa-steam:before {
+ content: "\f1b6";
+}
+.fa-steam-square:before {
+ content: "\f1b7";
+}
+.fa-recycle:before {
+ content: "\f1b8";
+}
+.fa-automobile:before,
+.fa-car:before {
+ content: "\f1b9";
+}
+.fa-cab:before,
+.fa-taxi:before {
+ content: "\f1ba";
+}
+.fa-tree:before {
+ content: "\f1bb";
+}
+.fa-spotify:before {
+ content: "\f1bc";
+}
+.fa-deviantart:before {
+ content: "\f1bd";
+}
+.fa-soundcloud:before {
+ content: "\f1be";
+}
+.fa-database:before {
+ content: "\f1c0";
+}
+.fa-file-pdf-o:before {
+ content: "\f1c1";
+}
+.fa-file-word-o:before {
+ content: "\f1c2";
+}
+.fa-file-excel-o:before {
+ content: "\f1c3";
+}
+.fa-file-powerpoint-o:before {
+ content: "\f1c4";
+}
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+ content: "\f1c5";
+}
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+ content: "\f1c6";
+}
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+ content: "\f1c7";
+}
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+ content: "\f1c8";
+}
+.fa-file-code-o:before {
+ content: "\f1c9";
+}
+.fa-vine:before {
+ content: "\f1ca";
+}
+.fa-codepen:before {
+ content: "\f1cb";
+}
+.fa-jsfiddle:before {
+ content: "\f1cc";
+}
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+ content: "\f1cd";
+}
+.fa-circle-o-notch:before {
+ content: "\f1ce";
+}
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+ content: "\f1d0";
+}
+.fa-ge:before,
+.fa-empire:before {
+ content: "\f1d1";
+}
+.fa-git-square:before {
+ content: "\f1d2";
+}
+.fa-git:before {
+ content: "\f1d3";
+}
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+ content: "\f1d4";
+}
+.fa-tencent-weibo:before {
+ content: "\f1d5";
+}
+.fa-qq:before {
+ content: "\f1d6";
+}
+.fa-wechat:before,
+.fa-weixin:before {
+ content: "\f1d7";
+}
+.fa-send:before,
+.fa-paper-plane:before {
+ content: "\f1d8";
+}
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+ content: "\f1d9";
+}
+.fa-history:before {
+ content: "\f1da";
+}
+.fa-circle-thin:before {
+ content: "\f1db";
+}
+.fa-header:before {
+ content: "\f1dc";
+}
+.fa-paragraph:before {
+ content: "\f1dd";
+}
+.fa-sliders:before {
+ content: "\f1de";
+}
+.fa-share-alt:before {
+ content: "\f1e0";
+}
+.fa-share-alt-square:before {
+ content: "\f1e1";
+}
+.fa-bomb:before {
+ content: "\f1e2";
+}
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+ content: "\f1e3";
+}
+.fa-tty:before {
+ content: "\f1e4";
+}
+.fa-binoculars:before {
+ content: "\f1e5";
+}
+.fa-plug:before {
+ content: "\f1e6";
+}
+.fa-slideshare:before {
+ content: "\f1e7";
+}
+.fa-twitch:before {
+ content: "\f1e8";
+}
+.fa-yelp:before {
+ content: "\f1e9";
+}
+.fa-newspaper-o:before {
+ content: "\f1ea";
+}
+.fa-wifi:before {
+ content: "\f1eb";
+}
+.fa-calculator:before {
+ content: "\f1ec";
+}
+.fa-paypal:before {
+ content: "\f1ed";
+}
+.fa-google-wallet:before {
+ content: "\f1ee";
+}
+.fa-cc-visa:before {
+ content: "\f1f0";
+}
+.fa-cc-mastercard:before {
+ content: "\f1f1";
+}
+.fa-cc-discover:before {
+ content: "\f1f2";
+}
+.fa-cc-amex:before {
+ content: "\f1f3";
+}
+.fa-cc-paypal:before {
+ content: "\f1f4";
+}
+.fa-cc-stripe:before {
+ content: "\f1f5";
+}
+.fa-bell-slash:before {
+ content: "\f1f6";
+}
+.fa-bell-slash-o:before {
+ content: "\f1f7";
+}
+.fa-trash:before {
+ content: "\f1f8";
+}
+.fa-copyright:before {
+ content: "\f1f9";
+}
+.fa-at:before {
+ content: "\f1fa";
+}
+.fa-eyedropper:before {
+ content: "\f1fb";
+}
+.fa-paint-brush:before {
+ content: "\f1fc";
+}
+.fa-birthday-cake:before {
+ content: "\f1fd";
+}
+.fa-area-chart:before {
+ content: "\f1fe";
+}
+.fa-pie-chart:before {
+ content: "\f200";
+}
+.fa-line-chart:before {
+ content: "\f201";
+}
+.fa-lastfm:before {
+ content: "\f202";
+}
+.fa-lastfm-square:before {
+ content: "\f203";
+}
+.fa-toggle-off:before {
+ content: "\f204";
+}
+.fa-toggle-on:before {
+ content: "\f205";
+}
+.fa-bicycle:before {
+ content: "\f206";
+}
+.fa-bus:before {
+ content: "\f207";
+}
+.fa-ioxhost:before {
+ content: "\f208";
+}
+.fa-angellist:before {
+ content: "\f209";
+}
+.fa-cc:before {
+ content: "\f20a";
+}
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+ content: "\f20b";
+}
+.fa-meanpath:before {
+ content: "\f20c";
+}
+.fa-buysellads:before {
+ content: "\f20d";
+}
+.fa-connectdevelop:before {
+ content: "\f20e";
+}
+.fa-dashcube:before {
+ content: "\f210";
+}
+.fa-forumbee:before {
+ content: "\f211";
+}
+.fa-leanpub:before {
+ content: "\f212";
+}
+.fa-sellsy:before {
+ content: "\f213";
+}
+.fa-shirtsinbulk:before {
+ content: "\f214";
+}
+.fa-simplybuilt:before {
+ content: "\f215";
+}
+.fa-skyatlas:before {
+ content: "\f216";
+}
+.fa-cart-plus:before {
+ content: "\f217";
+}
+.fa-cart-arrow-down:before {
+ content: "\f218";
+}
+.fa-diamond:before {
+ content: "\f219";
+}
+.fa-ship:before {
+ content: "\f21a";
+}
+.fa-user-secret:before {
+ content: "\f21b";
+}
+.fa-motorcycle:before {
+ content: "\f21c";
+}
+.fa-street-view:before {
+ content: "\f21d";
+}
+.fa-heartbeat:before {
+ content: "\f21e";
+}
+.fa-venus:before {
+ content: "\f221";
+}
+.fa-mars:before {
+ content: "\f222";
+}
+.fa-mercury:before {
+ content: "\f223";
+}
+.fa-intersex:before,
+.fa-transgender:before {
+ content: "\f224";
+}
+.fa-transgender-alt:before {
+ content: "\f225";
+}
+.fa-venus-double:before {
+ content: "\f226";
+}
+.fa-mars-double:before {
+ content: "\f227";
+}
+.fa-venus-mars:before {
+ content: "\f228";
+}
+.fa-mars-stroke:before {
+ content: "\f229";
+}
+.fa-mars-stroke-v:before {
+ content: "\f22a";
+}
+.fa-mars-stroke-h:before {
+ content: "\f22b";
+}
+.fa-neuter:before {
+ content: "\f22c";
+}
+.fa-genderless:before {
+ content: "\f22d";
+}
+.fa-facebook-official:before {
+ content: "\f230";
+}
+.fa-pinterest-p:before {
+ content: "\f231";
+}
+.fa-whatsapp:before {
+ content: "\f232";
+}
+.fa-server:before {
+ content: "\f233";
+}
+.fa-user-plus:before {
+ content: "\f234";
+}
+.fa-user-times:before {
+ content: "\f235";
+}
+.fa-hotel:before,
+.fa-bed:before {
+ content: "\f236";
+}
+.fa-viacoin:before {
+ content: "\f237";
+}
+.fa-train:before {
+ content: "\f238";
+}
+.fa-subway:before {
+ content: "\f239";
+}
+.fa-medium:before {
+ content: "\f23a";
+}
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: "\f23b";
+}
+.fa-optin-monster:before {
+ content: "\f23c";
+}
+.fa-opencart:before {
+ content: "\f23d";
+}
+.fa-expeditedssl:before {
+ content: "\f23e";
+}
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+ content: "\f240";
+}
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: "\f241";
+}
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: "\f242";
+}
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: "\f243";
+}
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: "\f244";
+}
+.fa-mouse-pointer:before {
+ content: "\f245";
+}
+.fa-i-cursor:before {
+ content: "\f246";
+}
+.fa-object-group:before {
+ content: "\f247";
+}
+.fa-object-ungroup:before {
+ content: "\f248";
+}
+.fa-sticky-note:before {
+ content: "\f249";
+}
+.fa-sticky-note-o:before {
+ content: "\f24a";
+}
+.fa-cc-jcb:before {
+ content: "\f24b";
+}
+.fa-cc-diners-club:before {
+ content: "\f24c";
+}
+.fa-clone:before {
+ content: "\f24d";
+}
+.fa-balance-scale:before {
+ content: "\f24e";
+}
+.fa-hourglass-o:before {
+ content: "\f250";
+}
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: "\f251";
+}
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: "\f252";
+}
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: "\f253";
+}
+.fa-hourglass:before {
+ content: "\f254";
+}
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: "\f255";
+}
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: "\f256";
+}
+.fa-hand-scissors-o:before {
+ content: "\f257";
+}
+.fa-hand-lizard-o:before {
+ content: "\f258";
+}
+.fa-hand-spock-o:before {
+ content: "\f259";
+}
+.fa-hand-pointer-o:before {
+ content: "\f25a";
+}
+.fa-hand-peace-o:before {
+ content: "\f25b";
+}
+.fa-trademark:before {
+ content: "\f25c";
+}
+.fa-registered:before {
+ content: "\f25d";
+}
+.fa-creative-commons:before {
+ content: "\f25e";
+}
+.fa-gg:before {
+ content: "\f260";
+}
+.fa-gg-circle:before {
+ content: "\f261";
+}
+.fa-tripadvisor:before {
+ content: "\f262";
+}
+.fa-odnoklassniki:before {
+ content: "\f263";
+}
+.fa-odnoklassniki-square:before {
+ content: "\f264";
+}
+.fa-get-pocket:before {
+ content: "\f265";
+}
+.fa-wikipedia-w:before {
+ content: "\f266";
+}
+.fa-safari:before {
+ content: "\f267";
+}
+.fa-chrome:before {
+ content: "\f268";
+}
+.fa-firefox:before {
+ content: "\f269";
+}
+.fa-opera:before {
+ content: "\f26a";
+}
+.fa-internet-explorer:before {
+ content: "\f26b";
+}
+.fa-tv:before,
+.fa-television:before {
+ content: "\f26c";
+}
+.fa-contao:before {
+ content: "\f26d";
+}
+.fa-500px:before {
+ content: "\f26e";
+}
+.fa-amazon:before {
+ content: "\f270";
+}
+.fa-calendar-plus-o:before {
+ content: "\f271";
+}
+.fa-calendar-minus-o:before {
+ content: "\f272";
+}
+.fa-calendar-times-o:before {
+ content: "\f273";
+}
+.fa-calendar-check-o:before {
+ content: "\f274";
+}
+.fa-industry:before {
+ content: "\f275";
+}
+.fa-map-pin:before {
+ content: "\f276";
+}
+.fa-map-signs:before {
+ content: "\f277";
+}
+.fa-map-o:before {
+ content: "\f278";
+}
+.fa-map:before {
+ content: "\f279";
+}
+.fa-commenting:before {
+ content: "\f27a";
+}
+.fa-commenting-o:before {
+ content: "\f27b";
+}
+.fa-houzz:before {
+ content: "\f27c";
+}
+.fa-vimeo:before {
+ content: "\f27d";
+}
+.fa-black-tie:before {
+ content: "\f27e";
+}
+.fa-fonticons:before {
+ content: "\f280";
+}
+.fa-reddit-alien:before {
+ content: "\f281";
+}
+.fa-edge:before {
+ content: "\f282";
+}
+.fa-credit-card-alt:before {
+ content: "\f283";
+}
+.fa-codiepie:before {
+ content: "\f284";
+}
+.fa-modx:before {
+ content: "\f285";
+}
+.fa-fort-awesome:before {
+ content: "\f286";
+}
+.fa-usb:before {
+ content: "\f287";
+}
+.fa-product-hunt:before {
+ content: "\f288";
+}
+.fa-mixcloud:before {
+ content: "\f289";
+}
+.fa-scribd:before {
+ content: "\f28a";
+}
+.fa-pause-circle:before {
+ content: "\f28b";
+}
+.fa-pause-circle-o:before {
+ content: "\f28c";
+}
+.fa-stop-circle:before {
+ content: "\f28d";
+}
+.fa-stop-circle-o:before {
+ content: "\f28e";
+}
+.fa-shopping-bag:before {
+ content: "\f290";
+}
+.fa-shopping-basket:before {
+ content: "\f291";
+}
+.fa-hashtag:before {
+ content: "\f292";
+}
+.fa-bluetooth:before {
+ content: "\f293";
+}
+.fa-bluetooth-b:before {
+ content: "\f294";
+}
+.fa-percent:before {
+ content: "\f295";
+}
+.fa-gitlab:before {
+ content: "\f296";
+}
+.fa-wpbeginner:before {
+ content: "\f297";
+}
+.fa-wpforms:before {
+ content: "\f298";
+}
+.fa-envira:before {
+ content: "\f299";
+}
+.fa-universal-access:before {
+ content: "\f29a";
+}
+.fa-wheelchair-alt:before {
+ content: "\f29b";
+}
+.fa-question-circle-o:before {
+ content: "\f29c";
+}
+.fa-blind:before {
+ content: "\f29d";
+}
+.fa-audio-description:before {
+ content: "\f29e";
+}
+.fa-volume-control-phone:before {
+ content: "\f2a0";
+}
+.fa-braille:before {
+ content: "\f2a1";
+}
+.fa-assistive-listening-systems:before {
+ content: "\f2a2";
+}
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+ content: "\f2a3";
+}
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+ content: "\f2a4";
+}
+.fa-glide:before {
+ content: "\f2a5";
+}
+.fa-glide-g:before {
+ content: "\f2a6";
+}
+.fa-signing:before,
+.fa-sign-language:before {
+ content: "\f2a7";
+}
+.fa-low-vision:before {
+ content: "\f2a8";
+}
+.fa-viadeo:before {
+ content: "\f2a9";
+}
+.fa-viadeo-square:before {
+ content: "\f2aa";
+}
+.fa-snapchat:before {
+ content: "\f2ab";
+}
+.fa-snapchat-ghost:before {
+ content: "\f2ac";
+}
+.fa-snapchat-square:before {
+ content: "\f2ad";
+}
+.fa-pied-piper:before {
+ content: "\f2ae";
+}
+.fa-first-order:before {
+ content: "\f2b0";
+}
+.fa-yoast:before {
+ content: "\f2b1";
+}
+.fa-themeisle:before {
+ content: "\f2b2";
+}
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+ content: "\f2b3";
+}
+.fa-fa:before,
+.fa-font-awesome:before {
+ content: "\f2b4";
+}
+.fa-handshake-o:before {
+ content: "\f2b5";
+}
+.fa-envelope-open:before {
+ content: "\f2b6";
+}
+.fa-envelope-open-o:before {
+ content: "\f2b7";
+}
+.fa-linode:before {
+ content: "\f2b8";
+}
+.fa-address-book:before {
+ content: "\f2b9";
+}
+.fa-address-book-o:before {
+ content: "\f2ba";
+}
+.fa-vcard:before,
+.fa-address-card:before {
+ content: "\f2bb";
+}
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+ content: "\f2bc";
+}
+.fa-user-circle:before {
+ content: "\f2bd";
+}
+.fa-user-circle-o:before {
+ content: "\f2be";
+}
+.fa-user-o:before {
+ content: "\f2c0";
+}
+.fa-id-badge:before {
+ content: "\f2c1";
+}
+.fa-drivers-license:before,
+.fa-id-card:before {
+ content: "\f2c2";
+}
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+ content: "\f2c3";
+}
+.fa-quora:before {
+ content: "\f2c4";
+}
+.fa-free-code-camp:before {
+ content: "\f2c5";
+}
+.fa-telegram:before {
+ content: "\f2c6";
+}
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+ content: "\f2c7";
+}
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+ content: "\f2c8";
+}
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+ content: "\f2c9";
+}
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+ content: "\f2ca";
+}
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+ content: "\f2cb";
+}
+.fa-shower:before {
+ content: "\f2cc";
+}
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+ content: "\f2cd";
+}
+.fa-podcast:before {
+ content: "\f2ce";
+}
+.fa-window-maximize:before {
+ content: "\f2d0";
+}
+.fa-window-minimize:before {
+ content: "\f2d1";
+}
+.fa-window-restore:before {
+ content: "\f2d2";
+}
+.fa-times-rectangle:before,
+.fa-window-close:before {
+ content: "\f2d3";
+}
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+ content: "\f2d4";
+}
+.fa-bandcamp:before {
+ content: "\f2d5";
+}
+.fa-grav:before {
+ content: "\f2d6";
+}
+.fa-etsy:before {
+ content: "\f2d7";
+}
+.fa-imdb:before {
+ content: "\f2d8";
+}
+.fa-ravelry:before {
+ content: "\f2d9";
+}
+.fa-eercast:before {
+ content: "\f2da";
+}
+.fa-microchip:before {
+ content: "\f2db";
+}
+.fa-snowflake-o:before {
+ content: "\f2dc";
+}
+.fa-superpowers:before {
+ content: "\f2dd";
+}
+.fa-wpexplorer:before {
+ content: "\f2de";
+}
+.fa-meetup:before {
+ content: "\f2e0";
+}
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+}
diff --git a/font-awesome-4.7.0/css/font-awesome.min.css b/font-awesome-4.7.0/css/font-awesome.min.css
new file mode 100644
index 0000000..540440c
--- /dev/null
+++ b/font-awesome-4.7.0/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
diff --git a/font-awesome-4.7.0/fonts/FontAwesome.otf b/font-awesome-4.7.0/fonts/FontAwesome.otf
new file mode 100644
index 0000000..401ec0f
Binary files /dev/null and b/font-awesome-4.7.0/fonts/FontAwesome.otf differ
diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.eot b/font-awesome-4.7.0/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..e9f60ca
Binary files /dev/null and b/font-awesome-4.7.0/fonts/fontawesome-webfont.eot differ
diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.svg b/font-awesome-4.7.0/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..855c845
--- /dev/null
+++ b/font-awesome-4.7.0/fonts/fontawesome-webfont.svg
@@ -0,0 +1,2671 @@
+
+
+
diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf b/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..35acda2
Binary files /dev/null and b/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf differ
diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.woff b/font-awesome-4.7.0/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..400014a
Binary files /dev/null and b/font-awesome-4.7.0/fonts/fontawesome-webfont.woff differ
diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2 b/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..4d13fc6
Binary files /dev/null and b/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2 differ
diff --git a/font-awesome-4.7.0/less/animated.less b/font-awesome-4.7.0/less/animated.less
new file mode 100644
index 0000000..66ad52a
--- /dev/null
+++ b/font-awesome-4.7.0/less/animated.less
@@ -0,0 +1,34 @@
+// Animated Icons
+// --------------------------
+
+.@{fa-css-prefix}-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+
+.@{fa-css-prefix}-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
diff --git a/font-awesome-4.7.0/less/bordered-pulled.less b/font-awesome-4.7.0/less/bordered-pulled.less
new file mode 100644
index 0000000..f1c8ad7
--- /dev/null
+++ b/font-awesome-4.7.0/less/bordered-pulled.less
@@ -0,0 +1,25 @@
+// Bordered & Pulled
+// -------------------------
+
+.@{fa-css-prefix}-border {
+ padding: .2em .25em .15em;
+ border: solid .08em @fa-border-color;
+ border-radius: .1em;
+}
+
+.@{fa-css-prefix}-pull-left { float: left; }
+.@{fa-css-prefix}-pull-right { float: right; }
+
+.@{fa-css-prefix} {
+ &.@{fa-css-prefix}-pull-left { margin-right: .3em; }
+ &.@{fa-css-prefix}-pull-right { margin-left: .3em; }
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.@{fa-css-prefix} {
+ &.pull-left { margin-right: .3em; }
+ &.pull-right { margin-left: .3em; }
+}
diff --git a/font-awesome-4.7.0/less/core.less b/font-awesome-4.7.0/less/core.less
new file mode 100644
index 0000000..c577ac8
--- /dev/null
+++ b/font-awesome-4.7.0/less/core.less
@@ -0,0 +1,12 @@
+// Base Class Definition
+// -------------------------
+
+.@{fa-css-prefix} {
+ display: inline-block;
+ font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
+ text-rendering: auto; // optimizelegibility throws things off #1094
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
diff --git a/font-awesome-4.7.0/less/fixed-width.less b/font-awesome-4.7.0/less/fixed-width.less
new file mode 100644
index 0000000..110289f
--- /dev/null
+++ b/font-awesome-4.7.0/less/fixed-width.less
@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.@{fa-css-prefix}-fw {
+ width: (18em / 14);
+ text-align: center;
+}
diff --git a/font-awesome-4.7.0/less/font-awesome.less b/font-awesome-4.7.0/less/font-awesome.less
new file mode 100644
index 0000000..c3677de
--- /dev/null
+++ b/font-awesome-4.7.0/less/font-awesome.less
@@ -0,0 +1,18 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@import "variables.less";
+@import "mixins.less";
+@import "path.less";
+@import "core.less";
+@import "larger.less";
+@import "fixed-width.less";
+@import "list.less";
+@import "bordered-pulled.less";
+@import "animated.less";
+@import "rotated-flipped.less";
+@import "stacked.less";
+@import "icons.less";
+@import "screen-reader.less";
diff --git a/font-awesome-4.7.0/less/icons.less b/font-awesome-4.7.0/less/icons.less
new file mode 100644
index 0000000..159d600
--- /dev/null
+++ b/font-awesome-4.7.0/less/icons.less
@@ -0,0 +1,789 @@
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+
+.@{fa-css-prefix}-glass:before { content: @fa-var-glass; }
+.@{fa-css-prefix}-music:before { content: @fa-var-music; }
+.@{fa-css-prefix}-search:before { content: @fa-var-search; }
+.@{fa-css-prefix}-envelope-o:before { content: @fa-var-envelope-o; }
+.@{fa-css-prefix}-heart:before { content: @fa-var-heart; }
+.@{fa-css-prefix}-star:before { content: @fa-var-star; }
+.@{fa-css-prefix}-star-o:before { content: @fa-var-star-o; }
+.@{fa-css-prefix}-user:before { content: @fa-var-user; }
+.@{fa-css-prefix}-film:before { content: @fa-var-film; }
+.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; }
+.@{fa-css-prefix}-th:before { content: @fa-var-th; }
+.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; }
+.@{fa-css-prefix}-check:before { content: @fa-var-check; }
+.@{fa-css-prefix}-remove:before,
+.@{fa-css-prefix}-close:before,
+.@{fa-css-prefix}-times:before { content: @fa-var-times; }
+.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; }
+.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; }
+.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; }
+.@{fa-css-prefix}-signal:before { content: @fa-var-signal; }
+.@{fa-css-prefix}-gear:before,
+.@{fa-css-prefix}-cog:before { content: @fa-var-cog; }
+.@{fa-css-prefix}-trash-o:before { content: @fa-var-trash-o; }
+.@{fa-css-prefix}-home:before { content: @fa-var-home; }
+.@{fa-css-prefix}-file-o:before { content: @fa-var-file-o; }
+.@{fa-css-prefix}-clock-o:before { content: @fa-var-clock-o; }
+.@{fa-css-prefix}-road:before { content: @fa-var-road; }
+.@{fa-css-prefix}-download:before { content: @fa-var-download; }
+.@{fa-css-prefix}-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; }
+.@{fa-css-prefix}-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; }
+.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; }
+.@{fa-css-prefix}-play-circle-o:before { content: @fa-var-play-circle-o; }
+.@{fa-css-prefix}-rotate-right:before,
+.@{fa-css-prefix}-repeat:before { content: @fa-var-repeat; }
+.@{fa-css-prefix}-refresh:before { content: @fa-var-refresh; }
+.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; }
+.@{fa-css-prefix}-lock:before { content: @fa-var-lock; }
+.@{fa-css-prefix}-flag:before { content: @fa-var-flag; }
+.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; }
+.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; }
+.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; }
+.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; }
+.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; }
+.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; }
+.@{fa-css-prefix}-tag:before { content: @fa-var-tag; }
+.@{fa-css-prefix}-tags:before { content: @fa-var-tags; }
+.@{fa-css-prefix}-book:before { content: @fa-var-book; }
+.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; }
+.@{fa-css-prefix}-print:before { content: @fa-var-print; }
+.@{fa-css-prefix}-camera:before { content: @fa-var-camera; }
+.@{fa-css-prefix}-font:before { content: @fa-var-font; }
+.@{fa-css-prefix}-bold:before { content: @fa-var-bold; }
+.@{fa-css-prefix}-italic:before { content: @fa-var-italic; }
+.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; }
+.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; }
+.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; }
+.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; }
+.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; }
+.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; }
+.@{fa-css-prefix}-list:before { content: @fa-var-list; }
+.@{fa-css-prefix}-dedent:before,
+.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; }
+.@{fa-css-prefix}-indent:before { content: @fa-var-indent; }
+.@{fa-css-prefix}-video-camera:before { content: @fa-var-video-camera; }
+.@{fa-css-prefix}-photo:before,
+.@{fa-css-prefix}-image:before,
+.@{fa-css-prefix}-picture-o:before { content: @fa-var-picture-o; }
+.@{fa-css-prefix}-pencil:before { content: @fa-var-pencil; }
+.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; }
+.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; }
+.@{fa-css-prefix}-tint:before { content: @fa-var-tint; }
+.@{fa-css-prefix}-edit:before,
+.@{fa-css-prefix}-pencil-square-o:before { content: @fa-var-pencil-square-o; }
+.@{fa-css-prefix}-share-square-o:before { content: @fa-var-share-square-o; }
+.@{fa-css-prefix}-check-square-o:before { content: @fa-var-check-square-o; }
+.@{fa-css-prefix}-arrows:before { content: @fa-var-arrows; }
+.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; }
+.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; }
+.@{fa-css-prefix}-backward:before { content: @fa-var-backward; }
+.@{fa-css-prefix}-play:before { content: @fa-var-play; }
+.@{fa-css-prefix}-pause:before { content: @fa-var-pause; }
+.@{fa-css-prefix}-stop:before { content: @fa-var-stop; }
+.@{fa-css-prefix}-forward:before { content: @fa-var-forward; }
+.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; }
+.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; }
+.@{fa-css-prefix}-eject:before { content: @fa-var-eject; }
+.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; }
+.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; }
+.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; }
+.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; }
+.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; }
+.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; }
+.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; }
+.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; }
+.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; }
+.@{fa-css-prefix}-times-circle-o:before { content: @fa-var-times-circle-o; }
+.@{fa-css-prefix}-check-circle-o:before { content: @fa-var-check-circle-o; }
+.@{fa-css-prefix}-ban:before { content: @fa-var-ban; }
+.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; }
+.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; }
+.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; }
+.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; }
+.@{fa-css-prefix}-mail-forward:before,
+.@{fa-css-prefix}-share:before { content: @fa-var-share; }
+.@{fa-css-prefix}-expand:before { content: @fa-var-expand; }
+.@{fa-css-prefix}-compress:before { content: @fa-var-compress; }
+.@{fa-css-prefix}-plus:before { content: @fa-var-plus; }
+.@{fa-css-prefix}-minus:before { content: @fa-var-minus; }
+.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; }
+.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; }
+.@{fa-css-prefix}-gift:before { content: @fa-var-gift; }
+.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; }
+.@{fa-css-prefix}-fire:before { content: @fa-var-fire; }
+.@{fa-css-prefix}-eye:before { content: @fa-var-eye; }
+.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; }
+.@{fa-css-prefix}-warning:before,
+.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }
+.@{fa-css-prefix}-plane:before { content: @fa-var-plane; }
+.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; }
+.@{fa-css-prefix}-random:before { content: @fa-var-random; }
+.@{fa-css-prefix}-comment:before { content: @fa-var-comment; }
+.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; }
+.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; }
+.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; }
+.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; }
+.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; }
+.@{fa-css-prefix}-folder:before { content: @fa-var-folder; }
+.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; }
+.@{fa-css-prefix}-arrows-v:before { content: @fa-var-arrows-v; }
+.@{fa-css-prefix}-arrows-h:before { content: @fa-var-arrows-h; }
+.@{fa-css-prefix}-bar-chart-o:before,
+.@{fa-css-prefix}-bar-chart:before { content: @fa-var-bar-chart; }
+.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; }
+.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; }
+.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; }
+.@{fa-css-prefix}-key:before { content: @fa-var-key; }
+.@{fa-css-prefix}-gears:before,
+.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; }
+.@{fa-css-prefix}-comments:before { content: @fa-var-comments; }
+.@{fa-css-prefix}-thumbs-o-up:before { content: @fa-var-thumbs-o-up; }
+.@{fa-css-prefix}-thumbs-o-down:before { content: @fa-var-thumbs-o-down; }
+.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; }
+.@{fa-css-prefix}-heart-o:before { content: @fa-var-heart-o; }
+.@{fa-css-prefix}-sign-out:before { content: @fa-var-sign-out; }
+.@{fa-css-prefix}-linkedin-square:before { content: @fa-var-linkedin-square; }
+.@{fa-css-prefix}-thumb-tack:before { content: @fa-var-thumb-tack; }
+.@{fa-css-prefix}-external-link:before { content: @fa-var-external-link; }
+.@{fa-css-prefix}-sign-in:before { content: @fa-var-sign-in; }
+.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; }
+.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; }
+.@{fa-css-prefix}-upload:before { content: @fa-var-upload; }
+.@{fa-css-prefix}-lemon-o:before { content: @fa-var-lemon-o; }
+.@{fa-css-prefix}-phone:before { content: @fa-var-phone; }
+.@{fa-css-prefix}-square-o:before { content: @fa-var-square-o; }
+.@{fa-css-prefix}-bookmark-o:before { content: @fa-var-bookmark-o; }
+.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; }
+.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }
+.@{fa-css-prefix}-facebook-f:before,
+.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }
+.@{fa-css-prefix}-github:before { content: @fa-var-github; }
+.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; }
+.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; }
+.@{fa-css-prefix}-feed:before,
+.@{fa-css-prefix}-rss:before { content: @fa-var-rss; }
+.@{fa-css-prefix}-hdd-o:before { content: @fa-var-hdd-o; }
+.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; }
+.@{fa-css-prefix}-bell:before { content: @fa-var-bell; }
+.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; }
+.@{fa-css-prefix}-hand-o-right:before { content: @fa-var-hand-o-right; }
+.@{fa-css-prefix}-hand-o-left:before { content: @fa-var-hand-o-left; }
+.@{fa-css-prefix}-hand-o-up:before { content: @fa-var-hand-o-up; }
+.@{fa-css-prefix}-hand-o-down:before { content: @fa-var-hand-o-down; }
+.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; }
+.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; }
+.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; }
+.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; }
+.@{fa-css-prefix}-globe:before { content: @fa-var-globe; }
+.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; }
+.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; }
+.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }
+.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }
+.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; }
+.@{fa-css-prefix}-group:before,
+.@{fa-css-prefix}-users:before { content: @fa-var-users; }
+.@{fa-css-prefix}-chain:before,
+.@{fa-css-prefix}-link:before { content: @fa-var-link; }
+.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; }
+.@{fa-css-prefix}-flask:before { content: @fa-var-flask; }
+.@{fa-css-prefix}-cut:before,
+.@{fa-css-prefix}-scissors:before { content: @fa-var-scissors; }
+.@{fa-css-prefix}-copy:before,
+.@{fa-css-prefix}-files-o:before { content: @fa-var-files-o; }
+.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; }
+.@{fa-css-prefix}-save:before,
+.@{fa-css-prefix}-floppy-o:before { content: @fa-var-floppy-o; }
+.@{fa-css-prefix}-square:before { content: @fa-var-square; }
+.@{fa-css-prefix}-navicon:before,
+.@{fa-css-prefix}-reorder:before,
+.@{fa-css-prefix}-bars:before { content: @fa-var-bars; }
+.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; }
+.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; }
+.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; }
+.@{fa-css-prefix}-underline:before { content: @fa-var-underline; }
+.@{fa-css-prefix}-table:before { content: @fa-var-table; }
+.@{fa-css-prefix}-magic:before { content: @fa-var-magic; }
+.@{fa-css-prefix}-truck:before { content: @fa-var-truck; }
+.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; }
+.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; }
+.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; }
+.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; }
+.@{fa-css-prefix}-money:before { content: @fa-var-money; }
+.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; }
+.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; }
+.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; }
+.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; }
+.@{fa-css-prefix}-columns:before { content: @fa-var-columns; }
+.@{fa-css-prefix}-unsorted:before,
+.@{fa-css-prefix}-sort:before { content: @fa-var-sort; }
+.@{fa-css-prefix}-sort-down:before,
+.@{fa-css-prefix}-sort-desc:before { content: @fa-var-sort-desc; }
+.@{fa-css-prefix}-sort-up:before,
+.@{fa-css-prefix}-sort-asc:before { content: @fa-var-sort-asc; }
+.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; }
+.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }
+.@{fa-css-prefix}-rotate-left:before,
+.@{fa-css-prefix}-undo:before { content: @fa-var-undo; }
+.@{fa-css-prefix}-legal:before,
+.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; }
+.@{fa-css-prefix}-dashboard:before,
+.@{fa-css-prefix}-tachometer:before { content: @fa-var-tachometer; }
+.@{fa-css-prefix}-comment-o:before { content: @fa-var-comment-o; }
+.@{fa-css-prefix}-comments-o:before { content: @fa-var-comments-o; }
+.@{fa-css-prefix}-flash:before,
+.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; }
+.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; }
+.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; }
+.@{fa-css-prefix}-paste:before,
+.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; }
+.@{fa-css-prefix}-lightbulb-o:before { content: @fa-var-lightbulb-o; }
+.@{fa-css-prefix}-exchange:before { content: @fa-var-exchange; }
+.@{fa-css-prefix}-cloud-download:before { content: @fa-var-cloud-download; }
+.@{fa-css-prefix}-cloud-upload:before { content: @fa-var-cloud-upload; }
+.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; }
+.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; }
+.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; }
+.@{fa-css-prefix}-bell-o:before { content: @fa-var-bell-o; }
+.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; }
+.@{fa-css-prefix}-cutlery:before { content: @fa-var-cutlery; }
+.@{fa-css-prefix}-file-text-o:before { content: @fa-var-file-text-o; }
+.@{fa-css-prefix}-building-o:before { content: @fa-var-building-o; }
+.@{fa-css-prefix}-hospital-o:before { content: @fa-var-hospital-o; }
+.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; }
+.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; }
+.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; }
+.@{fa-css-prefix}-beer:before { content: @fa-var-beer; }
+.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; }
+.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; }
+.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; }
+.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; }
+.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; }
+.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; }
+.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; }
+.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; }
+.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; }
+.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; }
+.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; }
+.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; }
+.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; }
+.@{fa-css-prefix}-mobile-phone:before,
+.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; }
+.@{fa-css-prefix}-circle-o:before { content: @fa-var-circle-o; }
+.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; }
+.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; }
+.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; }
+.@{fa-css-prefix}-circle:before { content: @fa-var-circle; }
+.@{fa-css-prefix}-mail-reply:before,
+.@{fa-css-prefix}-reply:before { content: @fa-var-reply; }
+.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; }
+.@{fa-css-prefix}-folder-o:before { content: @fa-var-folder-o; }
+.@{fa-css-prefix}-folder-open-o:before { content: @fa-var-folder-open-o; }
+.@{fa-css-prefix}-smile-o:before { content: @fa-var-smile-o; }
+.@{fa-css-prefix}-frown-o:before { content: @fa-var-frown-o; }
+.@{fa-css-prefix}-meh-o:before { content: @fa-var-meh-o; }
+.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; }
+.@{fa-css-prefix}-keyboard-o:before { content: @fa-var-keyboard-o; }
+.@{fa-css-prefix}-flag-o:before { content: @fa-var-flag-o; }
+.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; }
+.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; }
+.@{fa-css-prefix}-code:before { content: @fa-var-code; }
+.@{fa-css-prefix}-mail-reply-all:before,
+.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; }
+.@{fa-css-prefix}-star-half-empty:before,
+.@{fa-css-prefix}-star-half-full:before,
+.@{fa-css-prefix}-star-half-o:before { content: @fa-var-star-half-o; }
+.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; }
+.@{fa-css-prefix}-crop:before { content: @fa-var-crop; }
+.@{fa-css-prefix}-code-fork:before { content: @fa-var-code-fork; }
+.@{fa-css-prefix}-unlink:before,
+.@{fa-css-prefix}-chain-broken:before { content: @fa-var-chain-broken; }
+.@{fa-css-prefix}-question:before { content: @fa-var-question; }
+.@{fa-css-prefix}-info:before { content: @fa-var-info; }
+.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; }
+.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; }
+.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; }
+.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; }
+.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; }
+.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; }
+.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; }
+.@{fa-css-prefix}-shield:before { content: @fa-var-shield; }
+.@{fa-css-prefix}-calendar-o:before { content: @fa-var-calendar-o; }
+.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }
+.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; }
+.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; }
+.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; }
+.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; }
+.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; }
+.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }
+.@{fa-css-prefix}-html5:before { content: @fa-var-html5; }
+.@{fa-css-prefix}-css3:before { content: @fa-var-css3; }
+.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; }
+.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; }
+.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }
+.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; }
+.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; }
+.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; }
+.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; }
+.@{fa-css-prefix}-ticket:before { content: @fa-var-ticket; }
+.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; }
+.@{fa-css-prefix}-minus-square-o:before { content: @fa-var-minus-square-o; }
+.@{fa-css-prefix}-level-up:before { content: @fa-var-level-up; }
+.@{fa-css-prefix}-level-down:before { content: @fa-var-level-down; }
+.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; }
+.@{fa-css-prefix}-pencil-square:before { content: @fa-var-pencil-square; }
+.@{fa-css-prefix}-external-link-square:before { content: @fa-var-external-link-square; }
+.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; }
+.@{fa-css-prefix}-compass:before { content: @fa-var-compass; }
+.@{fa-css-prefix}-toggle-down:before,
+.@{fa-css-prefix}-caret-square-o-down:before { content: @fa-var-caret-square-o-down; }
+.@{fa-css-prefix}-toggle-up:before,
+.@{fa-css-prefix}-caret-square-o-up:before { content: @fa-var-caret-square-o-up; }
+.@{fa-css-prefix}-toggle-right:before,
+.@{fa-css-prefix}-caret-square-o-right:before { content: @fa-var-caret-square-o-right; }
+.@{fa-css-prefix}-euro:before,
+.@{fa-css-prefix}-eur:before { content: @fa-var-eur; }
+.@{fa-css-prefix}-gbp:before { content: @fa-var-gbp; }
+.@{fa-css-prefix}-dollar:before,
+.@{fa-css-prefix}-usd:before { content: @fa-var-usd; }
+.@{fa-css-prefix}-rupee:before,
+.@{fa-css-prefix}-inr:before { content: @fa-var-inr; }
+.@{fa-css-prefix}-cny:before,
+.@{fa-css-prefix}-rmb:before,
+.@{fa-css-prefix}-yen:before,
+.@{fa-css-prefix}-jpy:before { content: @fa-var-jpy; }
+.@{fa-css-prefix}-ruble:before,
+.@{fa-css-prefix}-rouble:before,
+.@{fa-css-prefix}-rub:before { content: @fa-var-rub; }
+.@{fa-css-prefix}-won:before,
+.@{fa-css-prefix}-krw:before { content: @fa-var-krw; }
+.@{fa-css-prefix}-bitcoin:before,
+.@{fa-css-prefix}-btc:before { content: @fa-var-btc; }
+.@{fa-css-prefix}-file:before { content: @fa-var-file; }
+.@{fa-css-prefix}-file-text:before { content: @fa-var-file-text; }
+.@{fa-css-prefix}-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; }
+.@{fa-css-prefix}-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; }
+.@{fa-css-prefix}-sort-amount-asc:before { content: @fa-var-sort-amount-asc; }
+.@{fa-css-prefix}-sort-amount-desc:before { content: @fa-var-sort-amount-desc; }
+.@{fa-css-prefix}-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; }
+.@{fa-css-prefix}-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; }
+.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; }
+.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; }
+.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; }
+.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; }
+.@{fa-css-prefix}-xing:before { content: @fa-var-xing; }
+.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; }
+.@{fa-css-prefix}-youtube-play:before { content: @fa-var-youtube-play; }
+.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; }
+.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; }
+.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; }
+.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; }
+.@{fa-css-prefix}-adn:before { content: @fa-var-adn; }
+.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; }
+.@{fa-css-prefix}-bitbucket-square:before { content: @fa-var-bitbucket-square; }
+.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; }
+.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; }
+.@{fa-css-prefix}-long-arrow-down:before { content: @fa-var-long-arrow-down; }
+.@{fa-css-prefix}-long-arrow-up:before { content: @fa-var-long-arrow-up; }
+.@{fa-css-prefix}-long-arrow-left:before { content: @fa-var-long-arrow-left; }
+.@{fa-css-prefix}-long-arrow-right:before { content: @fa-var-long-arrow-right; }
+.@{fa-css-prefix}-apple:before { content: @fa-var-apple; }
+.@{fa-css-prefix}-windows:before { content: @fa-var-windows; }
+.@{fa-css-prefix}-android:before { content: @fa-var-android; }
+.@{fa-css-prefix}-linux:before { content: @fa-var-linux; }
+.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; }
+.@{fa-css-prefix}-skype:before { content: @fa-var-skype; }
+.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; }
+.@{fa-css-prefix}-trello:before { content: @fa-var-trello; }
+.@{fa-css-prefix}-female:before { content: @fa-var-female; }
+.@{fa-css-prefix}-male:before { content: @fa-var-male; }
+.@{fa-css-prefix}-gittip:before,
+.@{fa-css-prefix}-gratipay:before { content: @fa-var-gratipay; }
+.@{fa-css-prefix}-sun-o:before { content: @fa-var-sun-o; }
+.@{fa-css-prefix}-moon-o:before { content: @fa-var-moon-o; }
+.@{fa-css-prefix}-archive:before { content: @fa-var-archive; }
+.@{fa-css-prefix}-bug:before { content: @fa-var-bug; }
+.@{fa-css-prefix}-vk:before { content: @fa-var-vk; }
+.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; }
+.@{fa-css-prefix}-renren:before { content: @fa-var-renren; }
+.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; }
+.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; }
+.@{fa-css-prefix}-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; }
+.@{fa-css-prefix}-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; }
+.@{fa-css-prefix}-toggle-left:before,
+.@{fa-css-prefix}-caret-square-o-left:before { content: @fa-var-caret-square-o-left; }
+.@{fa-css-prefix}-dot-circle-o:before { content: @fa-var-dot-circle-o; }
+.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; }
+.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; }
+.@{fa-css-prefix}-turkish-lira:before,
+.@{fa-css-prefix}-try:before { content: @fa-var-try; }
+.@{fa-css-prefix}-plus-square-o:before { content: @fa-var-plus-square-o; }
+.@{fa-css-prefix}-space-shuttle:before { content: @fa-var-space-shuttle; }
+.@{fa-css-prefix}-slack:before { content: @fa-var-slack; }
+.@{fa-css-prefix}-envelope-square:before { content: @fa-var-envelope-square; }
+.@{fa-css-prefix}-wordpress:before { content: @fa-var-wordpress; }
+.@{fa-css-prefix}-openid:before { content: @fa-var-openid; }
+.@{fa-css-prefix}-institution:before,
+.@{fa-css-prefix}-bank:before,
+.@{fa-css-prefix}-university:before { content: @fa-var-university; }
+.@{fa-css-prefix}-mortar-board:before,
+.@{fa-css-prefix}-graduation-cap:before { content: @fa-var-graduation-cap; }
+.@{fa-css-prefix}-yahoo:before { content: @fa-var-yahoo; }
+.@{fa-css-prefix}-google:before { content: @fa-var-google; }
+.@{fa-css-prefix}-reddit:before { content: @fa-var-reddit; }
+.@{fa-css-prefix}-reddit-square:before { content: @fa-var-reddit-square; }
+.@{fa-css-prefix}-stumbleupon-circle:before { content: @fa-var-stumbleupon-circle; }
+.@{fa-css-prefix}-stumbleupon:before { content: @fa-var-stumbleupon; }
+.@{fa-css-prefix}-delicious:before { content: @fa-var-delicious; }
+.@{fa-css-prefix}-digg:before { content: @fa-var-digg; }
+.@{fa-css-prefix}-pied-piper-pp:before { content: @fa-var-pied-piper-pp; }
+.@{fa-css-prefix}-pied-piper-alt:before { content: @fa-var-pied-piper-alt; }
+.@{fa-css-prefix}-drupal:before { content: @fa-var-drupal; }
+.@{fa-css-prefix}-joomla:before { content: @fa-var-joomla; }
+.@{fa-css-prefix}-language:before { content: @fa-var-language; }
+.@{fa-css-prefix}-fax:before { content: @fa-var-fax; }
+.@{fa-css-prefix}-building:before { content: @fa-var-building; }
+.@{fa-css-prefix}-child:before { content: @fa-var-child; }
+.@{fa-css-prefix}-paw:before { content: @fa-var-paw; }
+.@{fa-css-prefix}-spoon:before { content: @fa-var-spoon; }
+.@{fa-css-prefix}-cube:before { content: @fa-var-cube; }
+.@{fa-css-prefix}-cubes:before { content: @fa-var-cubes; }
+.@{fa-css-prefix}-behance:before { content: @fa-var-behance; }
+.@{fa-css-prefix}-behance-square:before { content: @fa-var-behance-square; }
+.@{fa-css-prefix}-steam:before { content: @fa-var-steam; }
+.@{fa-css-prefix}-steam-square:before { content: @fa-var-steam-square; }
+.@{fa-css-prefix}-recycle:before { content: @fa-var-recycle; }
+.@{fa-css-prefix}-automobile:before,
+.@{fa-css-prefix}-car:before { content: @fa-var-car; }
+.@{fa-css-prefix}-cab:before,
+.@{fa-css-prefix}-taxi:before { content: @fa-var-taxi; }
+.@{fa-css-prefix}-tree:before { content: @fa-var-tree; }
+.@{fa-css-prefix}-spotify:before { content: @fa-var-spotify; }
+.@{fa-css-prefix}-deviantart:before { content: @fa-var-deviantart; }
+.@{fa-css-prefix}-soundcloud:before { content: @fa-var-soundcloud; }
+.@{fa-css-prefix}-database:before { content: @fa-var-database; }
+.@{fa-css-prefix}-file-pdf-o:before { content: @fa-var-file-pdf-o; }
+.@{fa-css-prefix}-file-word-o:before { content: @fa-var-file-word-o; }
+.@{fa-css-prefix}-file-excel-o:before { content: @fa-var-file-excel-o; }
+.@{fa-css-prefix}-file-powerpoint-o:before { content: @fa-var-file-powerpoint-o; }
+.@{fa-css-prefix}-file-photo-o:before,
+.@{fa-css-prefix}-file-picture-o:before,
+.@{fa-css-prefix}-file-image-o:before { content: @fa-var-file-image-o; }
+.@{fa-css-prefix}-file-zip-o:before,
+.@{fa-css-prefix}-file-archive-o:before { content: @fa-var-file-archive-o; }
+.@{fa-css-prefix}-file-sound-o:before,
+.@{fa-css-prefix}-file-audio-o:before { content: @fa-var-file-audio-o; }
+.@{fa-css-prefix}-file-movie-o:before,
+.@{fa-css-prefix}-file-video-o:before { content: @fa-var-file-video-o; }
+.@{fa-css-prefix}-file-code-o:before { content: @fa-var-file-code-o; }
+.@{fa-css-prefix}-vine:before { content: @fa-var-vine; }
+.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; }
+.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; }
+.@{fa-css-prefix}-life-bouy:before,
+.@{fa-css-prefix}-life-buoy:before,
+.@{fa-css-prefix}-life-saver:before,
+.@{fa-css-prefix}-support:before,
+.@{fa-css-prefix}-life-ring:before { content: @fa-var-life-ring; }
+.@{fa-css-prefix}-circle-o-notch:before { content: @fa-var-circle-o-notch; }
+.@{fa-css-prefix}-ra:before,
+.@{fa-css-prefix}-resistance:before,
+.@{fa-css-prefix}-rebel:before { content: @fa-var-rebel; }
+.@{fa-css-prefix}-ge:before,
+.@{fa-css-prefix}-empire:before { content: @fa-var-empire; }
+.@{fa-css-prefix}-git-square:before { content: @fa-var-git-square; }
+.@{fa-css-prefix}-git:before { content: @fa-var-git; }
+.@{fa-css-prefix}-y-combinator-square:before,
+.@{fa-css-prefix}-yc-square:before,
+.@{fa-css-prefix}-hacker-news:before { content: @fa-var-hacker-news; }
+.@{fa-css-prefix}-tencent-weibo:before { content: @fa-var-tencent-weibo; }
+.@{fa-css-prefix}-qq:before { content: @fa-var-qq; }
+.@{fa-css-prefix}-wechat:before,
+.@{fa-css-prefix}-weixin:before { content: @fa-var-weixin; }
+.@{fa-css-prefix}-send:before,
+.@{fa-css-prefix}-paper-plane:before { content: @fa-var-paper-plane; }
+.@{fa-css-prefix}-send-o:before,
+.@{fa-css-prefix}-paper-plane-o:before { content: @fa-var-paper-plane-o; }
+.@{fa-css-prefix}-history:before { content: @fa-var-history; }
+.@{fa-css-prefix}-circle-thin:before { content: @fa-var-circle-thin; }
+.@{fa-css-prefix}-header:before { content: @fa-var-header; }
+.@{fa-css-prefix}-paragraph:before { content: @fa-var-paragraph; }
+.@{fa-css-prefix}-sliders:before { content: @fa-var-sliders; }
+.@{fa-css-prefix}-share-alt:before { content: @fa-var-share-alt; }
+.@{fa-css-prefix}-share-alt-square:before { content: @fa-var-share-alt-square; }
+.@{fa-css-prefix}-bomb:before { content: @fa-var-bomb; }
+.@{fa-css-prefix}-soccer-ball-o:before,
+.@{fa-css-prefix}-futbol-o:before { content: @fa-var-futbol-o; }
+.@{fa-css-prefix}-tty:before { content: @fa-var-tty; }
+.@{fa-css-prefix}-binoculars:before { content: @fa-var-binoculars; }
+.@{fa-css-prefix}-plug:before { content: @fa-var-plug; }
+.@{fa-css-prefix}-slideshare:before { content: @fa-var-slideshare; }
+.@{fa-css-prefix}-twitch:before { content: @fa-var-twitch; }
+.@{fa-css-prefix}-yelp:before { content: @fa-var-yelp; }
+.@{fa-css-prefix}-newspaper-o:before { content: @fa-var-newspaper-o; }
+.@{fa-css-prefix}-wifi:before { content: @fa-var-wifi; }
+.@{fa-css-prefix}-calculator:before { content: @fa-var-calculator; }
+.@{fa-css-prefix}-paypal:before { content: @fa-var-paypal; }
+.@{fa-css-prefix}-google-wallet:before { content: @fa-var-google-wallet; }
+.@{fa-css-prefix}-cc-visa:before { content: @fa-var-cc-visa; }
+.@{fa-css-prefix}-cc-mastercard:before { content: @fa-var-cc-mastercard; }
+.@{fa-css-prefix}-cc-discover:before { content: @fa-var-cc-discover; }
+.@{fa-css-prefix}-cc-amex:before { content: @fa-var-cc-amex; }
+.@{fa-css-prefix}-cc-paypal:before { content: @fa-var-cc-paypal; }
+.@{fa-css-prefix}-cc-stripe:before { content: @fa-var-cc-stripe; }
+.@{fa-css-prefix}-bell-slash:before { content: @fa-var-bell-slash; }
+.@{fa-css-prefix}-bell-slash-o:before { content: @fa-var-bell-slash-o; }
+.@{fa-css-prefix}-trash:before { content: @fa-var-trash; }
+.@{fa-css-prefix}-copyright:before { content: @fa-var-copyright; }
+.@{fa-css-prefix}-at:before { content: @fa-var-at; }
+.@{fa-css-prefix}-eyedropper:before { content: @fa-var-eyedropper; }
+.@{fa-css-prefix}-paint-brush:before { content: @fa-var-paint-brush; }
+.@{fa-css-prefix}-birthday-cake:before { content: @fa-var-birthday-cake; }
+.@{fa-css-prefix}-area-chart:before { content: @fa-var-area-chart; }
+.@{fa-css-prefix}-pie-chart:before { content: @fa-var-pie-chart; }
+.@{fa-css-prefix}-line-chart:before { content: @fa-var-line-chart; }
+.@{fa-css-prefix}-lastfm:before { content: @fa-var-lastfm; }
+.@{fa-css-prefix}-lastfm-square:before { content: @fa-var-lastfm-square; }
+.@{fa-css-prefix}-toggle-off:before { content: @fa-var-toggle-off; }
+.@{fa-css-prefix}-toggle-on:before { content: @fa-var-toggle-on; }
+.@{fa-css-prefix}-bicycle:before { content: @fa-var-bicycle; }
+.@{fa-css-prefix}-bus:before { content: @fa-var-bus; }
+.@{fa-css-prefix}-ioxhost:before { content: @fa-var-ioxhost; }
+.@{fa-css-prefix}-angellist:before { content: @fa-var-angellist; }
+.@{fa-css-prefix}-cc:before { content: @fa-var-cc; }
+.@{fa-css-prefix}-shekel:before,
+.@{fa-css-prefix}-sheqel:before,
+.@{fa-css-prefix}-ils:before { content: @fa-var-ils; }
+.@{fa-css-prefix}-meanpath:before { content: @fa-var-meanpath; }
+.@{fa-css-prefix}-buysellads:before { content: @fa-var-buysellads; }
+.@{fa-css-prefix}-connectdevelop:before { content: @fa-var-connectdevelop; }
+.@{fa-css-prefix}-dashcube:before { content: @fa-var-dashcube; }
+.@{fa-css-prefix}-forumbee:before { content: @fa-var-forumbee; }
+.@{fa-css-prefix}-leanpub:before { content: @fa-var-leanpub; }
+.@{fa-css-prefix}-sellsy:before { content: @fa-var-sellsy; }
+.@{fa-css-prefix}-shirtsinbulk:before { content: @fa-var-shirtsinbulk; }
+.@{fa-css-prefix}-simplybuilt:before { content: @fa-var-simplybuilt; }
+.@{fa-css-prefix}-skyatlas:before { content: @fa-var-skyatlas; }
+.@{fa-css-prefix}-cart-plus:before { content: @fa-var-cart-plus; }
+.@{fa-css-prefix}-cart-arrow-down:before { content: @fa-var-cart-arrow-down; }
+.@{fa-css-prefix}-diamond:before { content: @fa-var-diamond; }
+.@{fa-css-prefix}-ship:before { content: @fa-var-ship; }
+.@{fa-css-prefix}-user-secret:before { content: @fa-var-user-secret; }
+.@{fa-css-prefix}-motorcycle:before { content: @fa-var-motorcycle; }
+.@{fa-css-prefix}-street-view:before { content: @fa-var-street-view; }
+.@{fa-css-prefix}-heartbeat:before { content: @fa-var-heartbeat; }
+.@{fa-css-prefix}-venus:before { content: @fa-var-venus; }
+.@{fa-css-prefix}-mars:before { content: @fa-var-mars; }
+.@{fa-css-prefix}-mercury:before { content: @fa-var-mercury; }
+.@{fa-css-prefix}-intersex:before,
+.@{fa-css-prefix}-transgender:before { content: @fa-var-transgender; }
+.@{fa-css-prefix}-transgender-alt:before { content: @fa-var-transgender-alt; }
+.@{fa-css-prefix}-venus-double:before { content: @fa-var-venus-double; }
+.@{fa-css-prefix}-mars-double:before { content: @fa-var-mars-double; }
+.@{fa-css-prefix}-venus-mars:before { content: @fa-var-venus-mars; }
+.@{fa-css-prefix}-mars-stroke:before { content: @fa-var-mars-stroke; }
+.@{fa-css-prefix}-mars-stroke-v:before { content: @fa-var-mars-stroke-v; }
+.@{fa-css-prefix}-mars-stroke-h:before { content: @fa-var-mars-stroke-h; }
+.@{fa-css-prefix}-neuter:before { content: @fa-var-neuter; }
+.@{fa-css-prefix}-genderless:before { content: @fa-var-genderless; }
+.@{fa-css-prefix}-facebook-official:before { content: @fa-var-facebook-official; }
+.@{fa-css-prefix}-pinterest-p:before { content: @fa-var-pinterest-p; }
+.@{fa-css-prefix}-whatsapp:before { content: @fa-var-whatsapp; }
+.@{fa-css-prefix}-server:before { content: @fa-var-server; }
+.@{fa-css-prefix}-user-plus:before { content: @fa-var-user-plus; }
+.@{fa-css-prefix}-user-times:before { content: @fa-var-user-times; }
+.@{fa-css-prefix}-hotel:before,
+.@{fa-css-prefix}-bed:before { content: @fa-var-bed; }
+.@{fa-css-prefix}-viacoin:before { content: @fa-var-viacoin; }
+.@{fa-css-prefix}-train:before { content: @fa-var-train; }
+.@{fa-css-prefix}-subway:before { content: @fa-var-subway; }
+.@{fa-css-prefix}-medium:before { content: @fa-var-medium; }
+.@{fa-css-prefix}-yc:before,
+.@{fa-css-prefix}-y-combinator:before { content: @fa-var-y-combinator; }
+.@{fa-css-prefix}-optin-monster:before { content: @fa-var-optin-monster; }
+.@{fa-css-prefix}-opencart:before { content: @fa-var-opencart; }
+.@{fa-css-prefix}-expeditedssl:before { content: @fa-var-expeditedssl; }
+.@{fa-css-prefix}-battery-4:before,
+.@{fa-css-prefix}-battery:before,
+.@{fa-css-prefix}-battery-full:before { content: @fa-var-battery-full; }
+.@{fa-css-prefix}-battery-3:before,
+.@{fa-css-prefix}-battery-three-quarters:before { content: @fa-var-battery-three-quarters; }
+.@{fa-css-prefix}-battery-2:before,
+.@{fa-css-prefix}-battery-half:before { content: @fa-var-battery-half; }
+.@{fa-css-prefix}-battery-1:before,
+.@{fa-css-prefix}-battery-quarter:before { content: @fa-var-battery-quarter; }
+.@{fa-css-prefix}-battery-0:before,
+.@{fa-css-prefix}-battery-empty:before { content: @fa-var-battery-empty; }
+.@{fa-css-prefix}-mouse-pointer:before { content: @fa-var-mouse-pointer; }
+.@{fa-css-prefix}-i-cursor:before { content: @fa-var-i-cursor; }
+.@{fa-css-prefix}-object-group:before { content: @fa-var-object-group; }
+.@{fa-css-prefix}-object-ungroup:before { content: @fa-var-object-ungroup; }
+.@{fa-css-prefix}-sticky-note:before { content: @fa-var-sticky-note; }
+.@{fa-css-prefix}-sticky-note-o:before { content: @fa-var-sticky-note-o; }
+.@{fa-css-prefix}-cc-jcb:before { content: @fa-var-cc-jcb; }
+.@{fa-css-prefix}-cc-diners-club:before { content: @fa-var-cc-diners-club; }
+.@{fa-css-prefix}-clone:before { content: @fa-var-clone; }
+.@{fa-css-prefix}-balance-scale:before { content: @fa-var-balance-scale; }
+.@{fa-css-prefix}-hourglass-o:before { content: @fa-var-hourglass-o; }
+.@{fa-css-prefix}-hourglass-1:before,
+.@{fa-css-prefix}-hourglass-start:before { content: @fa-var-hourglass-start; }
+.@{fa-css-prefix}-hourglass-2:before,
+.@{fa-css-prefix}-hourglass-half:before { content: @fa-var-hourglass-half; }
+.@{fa-css-prefix}-hourglass-3:before,
+.@{fa-css-prefix}-hourglass-end:before { content: @fa-var-hourglass-end; }
+.@{fa-css-prefix}-hourglass:before { content: @fa-var-hourglass; }
+.@{fa-css-prefix}-hand-grab-o:before,
+.@{fa-css-prefix}-hand-rock-o:before { content: @fa-var-hand-rock-o; }
+.@{fa-css-prefix}-hand-stop-o:before,
+.@{fa-css-prefix}-hand-paper-o:before { content: @fa-var-hand-paper-o; }
+.@{fa-css-prefix}-hand-scissors-o:before { content: @fa-var-hand-scissors-o; }
+.@{fa-css-prefix}-hand-lizard-o:before { content: @fa-var-hand-lizard-o; }
+.@{fa-css-prefix}-hand-spock-o:before { content: @fa-var-hand-spock-o; }
+.@{fa-css-prefix}-hand-pointer-o:before { content: @fa-var-hand-pointer-o; }
+.@{fa-css-prefix}-hand-peace-o:before { content: @fa-var-hand-peace-o; }
+.@{fa-css-prefix}-trademark:before { content: @fa-var-trademark; }
+.@{fa-css-prefix}-registered:before { content: @fa-var-registered; }
+.@{fa-css-prefix}-creative-commons:before { content: @fa-var-creative-commons; }
+.@{fa-css-prefix}-gg:before { content: @fa-var-gg; }
+.@{fa-css-prefix}-gg-circle:before { content: @fa-var-gg-circle; }
+.@{fa-css-prefix}-tripadvisor:before { content: @fa-var-tripadvisor; }
+.@{fa-css-prefix}-odnoklassniki:before { content: @fa-var-odnoklassniki; }
+.@{fa-css-prefix}-odnoklassniki-square:before { content: @fa-var-odnoklassniki-square; }
+.@{fa-css-prefix}-get-pocket:before { content: @fa-var-get-pocket; }
+.@{fa-css-prefix}-wikipedia-w:before { content: @fa-var-wikipedia-w; }
+.@{fa-css-prefix}-safari:before { content: @fa-var-safari; }
+.@{fa-css-prefix}-chrome:before { content: @fa-var-chrome; }
+.@{fa-css-prefix}-firefox:before { content: @fa-var-firefox; }
+.@{fa-css-prefix}-opera:before { content: @fa-var-opera; }
+.@{fa-css-prefix}-internet-explorer:before { content: @fa-var-internet-explorer; }
+.@{fa-css-prefix}-tv:before,
+.@{fa-css-prefix}-television:before { content: @fa-var-television; }
+.@{fa-css-prefix}-contao:before { content: @fa-var-contao; }
+.@{fa-css-prefix}-500px:before { content: @fa-var-500px; }
+.@{fa-css-prefix}-amazon:before { content: @fa-var-amazon; }
+.@{fa-css-prefix}-calendar-plus-o:before { content: @fa-var-calendar-plus-o; }
+.@{fa-css-prefix}-calendar-minus-o:before { content: @fa-var-calendar-minus-o; }
+.@{fa-css-prefix}-calendar-times-o:before { content: @fa-var-calendar-times-o; }
+.@{fa-css-prefix}-calendar-check-o:before { content: @fa-var-calendar-check-o; }
+.@{fa-css-prefix}-industry:before { content: @fa-var-industry; }
+.@{fa-css-prefix}-map-pin:before { content: @fa-var-map-pin; }
+.@{fa-css-prefix}-map-signs:before { content: @fa-var-map-signs; }
+.@{fa-css-prefix}-map-o:before { content: @fa-var-map-o; }
+.@{fa-css-prefix}-map:before { content: @fa-var-map; }
+.@{fa-css-prefix}-commenting:before { content: @fa-var-commenting; }
+.@{fa-css-prefix}-commenting-o:before { content: @fa-var-commenting-o; }
+.@{fa-css-prefix}-houzz:before { content: @fa-var-houzz; }
+.@{fa-css-prefix}-vimeo:before { content: @fa-var-vimeo; }
+.@{fa-css-prefix}-black-tie:before { content: @fa-var-black-tie; }
+.@{fa-css-prefix}-fonticons:before { content: @fa-var-fonticons; }
+.@{fa-css-prefix}-reddit-alien:before { content: @fa-var-reddit-alien; }
+.@{fa-css-prefix}-edge:before { content: @fa-var-edge; }
+.@{fa-css-prefix}-credit-card-alt:before { content: @fa-var-credit-card-alt; }
+.@{fa-css-prefix}-codiepie:before { content: @fa-var-codiepie; }
+.@{fa-css-prefix}-modx:before { content: @fa-var-modx; }
+.@{fa-css-prefix}-fort-awesome:before { content: @fa-var-fort-awesome; }
+.@{fa-css-prefix}-usb:before { content: @fa-var-usb; }
+.@{fa-css-prefix}-product-hunt:before { content: @fa-var-product-hunt; }
+.@{fa-css-prefix}-mixcloud:before { content: @fa-var-mixcloud; }
+.@{fa-css-prefix}-scribd:before { content: @fa-var-scribd; }
+.@{fa-css-prefix}-pause-circle:before { content: @fa-var-pause-circle; }
+.@{fa-css-prefix}-pause-circle-o:before { content: @fa-var-pause-circle-o; }
+.@{fa-css-prefix}-stop-circle:before { content: @fa-var-stop-circle; }
+.@{fa-css-prefix}-stop-circle-o:before { content: @fa-var-stop-circle-o; }
+.@{fa-css-prefix}-shopping-bag:before { content: @fa-var-shopping-bag; }
+.@{fa-css-prefix}-shopping-basket:before { content: @fa-var-shopping-basket; }
+.@{fa-css-prefix}-hashtag:before { content: @fa-var-hashtag; }
+.@{fa-css-prefix}-bluetooth:before { content: @fa-var-bluetooth; }
+.@{fa-css-prefix}-bluetooth-b:before { content: @fa-var-bluetooth-b; }
+.@{fa-css-prefix}-percent:before { content: @fa-var-percent; }
+.@{fa-css-prefix}-gitlab:before { content: @fa-var-gitlab; }
+.@{fa-css-prefix}-wpbeginner:before { content: @fa-var-wpbeginner; }
+.@{fa-css-prefix}-wpforms:before { content: @fa-var-wpforms; }
+.@{fa-css-prefix}-envira:before { content: @fa-var-envira; }
+.@{fa-css-prefix}-universal-access:before { content: @fa-var-universal-access; }
+.@{fa-css-prefix}-wheelchair-alt:before { content: @fa-var-wheelchair-alt; }
+.@{fa-css-prefix}-question-circle-o:before { content: @fa-var-question-circle-o; }
+.@{fa-css-prefix}-blind:before { content: @fa-var-blind; }
+.@{fa-css-prefix}-audio-description:before { content: @fa-var-audio-description; }
+.@{fa-css-prefix}-volume-control-phone:before { content: @fa-var-volume-control-phone; }
+.@{fa-css-prefix}-braille:before { content: @fa-var-braille; }
+.@{fa-css-prefix}-assistive-listening-systems:before { content: @fa-var-assistive-listening-systems; }
+.@{fa-css-prefix}-asl-interpreting:before,
+.@{fa-css-prefix}-american-sign-language-interpreting:before { content: @fa-var-american-sign-language-interpreting; }
+.@{fa-css-prefix}-deafness:before,
+.@{fa-css-prefix}-hard-of-hearing:before,
+.@{fa-css-prefix}-deaf:before { content: @fa-var-deaf; }
+.@{fa-css-prefix}-glide:before { content: @fa-var-glide; }
+.@{fa-css-prefix}-glide-g:before { content: @fa-var-glide-g; }
+.@{fa-css-prefix}-signing:before,
+.@{fa-css-prefix}-sign-language:before { content: @fa-var-sign-language; }
+.@{fa-css-prefix}-low-vision:before { content: @fa-var-low-vision; }
+.@{fa-css-prefix}-viadeo:before { content: @fa-var-viadeo; }
+.@{fa-css-prefix}-viadeo-square:before { content: @fa-var-viadeo-square; }
+.@{fa-css-prefix}-snapchat:before { content: @fa-var-snapchat; }
+.@{fa-css-prefix}-snapchat-ghost:before { content: @fa-var-snapchat-ghost; }
+.@{fa-css-prefix}-snapchat-square:before { content: @fa-var-snapchat-square; }
+.@{fa-css-prefix}-pied-piper:before { content: @fa-var-pied-piper; }
+.@{fa-css-prefix}-first-order:before { content: @fa-var-first-order; }
+.@{fa-css-prefix}-yoast:before { content: @fa-var-yoast; }
+.@{fa-css-prefix}-themeisle:before { content: @fa-var-themeisle; }
+.@{fa-css-prefix}-google-plus-circle:before,
+.@{fa-css-prefix}-google-plus-official:before { content: @fa-var-google-plus-official; }
+.@{fa-css-prefix}-fa:before,
+.@{fa-css-prefix}-font-awesome:before { content: @fa-var-font-awesome; }
+.@{fa-css-prefix}-handshake-o:before { content: @fa-var-handshake-o; }
+.@{fa-css-prefix}-envelope-open:before { content: @fa-var-envelope-open; }
+.@{fa-css-prefix}-envelope-open-o:before { content: @fa-var-envelope-open-o; }
+.@{fa-css-prefix}-linode:before { content: @fa-var-linode; }
+.@{fa-css-prefix}-address-book:before { content: @fa-var-address-book; }
+.@{fa-css-prefix}-address-book-o:before { content: @fa-var-address-book-o; }
+.@{fa-css-prefix}-vcard:before,
+.@{fa-css-prefix}-address-card:before { content: @fa-var-address-card; }
+.@{fa-css-prefix}-vcard-o:before,
+.@{fa-css-prefix}-address-card-o:before { content: @fa-var-address-card-o; }
+.@{fa-css-prefix}-user-circle:before { content: @fa-var-user-circle; }
+.@{fa-css-prefix}-user-circle-o:before { content: @fa-var-user-circle-o; }
+.@{fa-css-prefix}-user-o:before { content: @fa-var-user-o; }
+.@{fa-css-prefix}-id-badge:before { content: @fa-var-id-badge; }
+.@{fa-css-prefix}-drivers-license:before,
+.@{fa-css-prefix}-id-card:before { content: @fa-var-id-card; }
+.@{fa-css-prefix}-drivers-license-o:before,
+.@{fa-css-prefix}-id-card-o:before { content: @fa-var-id-card-o; }
+.@{fa-css-prefix}-quora:before { content: @fa-var-quora; }
+.@{fa-css-prefix}-free-code-camp:before { content: @fa-var-free-code-camp; }
+.@{fa-css-prefix}-telegram:before { content: @fa-var-telegram; }
+.@{fa-css-prefix}-thermometer-4:before,
+.@{fa-css-prefix}-thermometer:before,
+.@{fa-css-prefix}-thermometer-full:before { content: @fa-var-thermometer-full; }
+.@{fa-css-prefix}-thermometer-3:before,
+.@{fa-css-prefix}-thermometer-three-quarters:before { content: @fa-var-thermometer-three-quarters; }
+.@{fa-css-prefix}-thermometer-2:before,
+.@{fa-css-prefix}-thermometer-half:before { content: @fa-var-thermometer-half; }
+.@{fa-css-prefix}-thermometer-1:before,
+.@{fa-css-prefix}-thermometer-quarter:before { content: @fa-var-thermometer-quarter; }
+.@{fa-css-prefix}-thermometer-0:before,
+.@{fa-css-prefix}-thermometer-empty:before { content: @fa-var-thermometer-empty; }
+.@{fa-css-prefix}-shower:before { content: @fa-var-shower; }
+.@{fa-css-prefix}-bathtub:before,
+.@{fa-css-prefix}-s15:before,
+.@{fa-css-prefix}-bath:before { content: @fa-var-bath; }
+.@{fa-css-prefix}-podcast:before { content: @fa-var-podcast; }
+.@{fa-css-prefix}-window-maximize:before { content: @fa-var-window-maximize; }
+.@{fa-css-prefix}-window-minimize:before { content: @fa-var-window-minimize; }
+.@{fa-css-prefix}-window-restore:before { content: @fa-var-window-restore; }
+.@{fa-css-prefix}-times-rectangle:before,
+.@{fa-css-prefix}-window-close:before { content: @fa-var-window-close; }
+.@{fa-css-prefix}-times-rectangle-o:before,
+.@{fa-css-prefix}-window-close-o:before { content: @fa-var-window-close-o; }
+.@{fa-css-prefix}-bandcamp:before { content: @fa-var-bandcamp; }
+.@{fa-css-prefix}-grav:before { content: @fa-var-grav; }
+.@{fa-css-prefix}-etsy:before { content: @fa-var-etsy; }
+.@{fa-css-prefix}-imdb:before { content: @fa-var-imdb; }
+.@{fa-css-prefix}-ravelry:before { content: @fa-var-ravelry; }
+.@{fa-css-prefix}-eercast:before { content: @fa-var-eercast; }
+.@{fa-css-prefix}-microchip:before { content: @fa-var-microchip; }
+.@{fa-css-prefix}-snowflake-o:before { content: @fa-var-snowflake-o; }
+.@{fa-css-prefix}-superpowers:before { content: @fa-var-superpowers; }
+.@{fa-css-prefix}-wpexplorer:before { content: @fa-var-wpexplorer; }
+.@{fa-css-prefix}-meetup:before { content: @fa-var-meetup; }
diff --git a/font-awesome-4.7.0/less/larger.less b/font-awesome-4.7.0/less/larger.less
new file mode 100644
index 0000000..c9d6467
--- /dev/null
+++ b/font-awesome-4.7.0/less/larger.less
@@ -0,0 +1,13 @@
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.@{fa-css-prefix}-lg {
+ font-size: (4em / 3);
+ line-height: (3em / 4);
+ vertical-align: -15%;
+}
+.@{fa-css-prefix}-2x { font-size: 2em; }
+.@{fa-css-prefix}-3x { font-size: 3em; }
+.@{fa-css-prefix}-4x { font-size: 4em; }
+.@{fa-css-prefix}-5x { font-size: 5em; }
diff --git a/font-awesome-4.7.0/less/list.less b/font-awesome-4.7.0/less/list.less
new file mode 100644
index 0000000..0b44038
--- /dev/null
+++ b/font-awesome-4.7.0/less/list.less
@@ -0,0 +1,19 @@
+// List Icons
+// -------------------------
+
+.@{fa-css-prefix}-ul {
+ padding-left: 0;
+ margin-left: @fa-li-width;
+ list-style-type: none;
+ > li { position: relative; }
+}
+.@{fa-css-prefix}-li {
+ position: absolute;
+ left: -@fa-li-width;
+ width: @fa-li-width;
+ top: (2em / 14);
+ text-align: center;
+ &.@{fa-css-prefix}-lg {
+ left: (-@fa-li-width + (4em / 14));
+ }
+}
diff --git a/font-awesome-4.7.0/less/mixins.less b/font-awesome-4.7.0/less/mixins.less
new file mode 100644
index 0000000..beef231
--- /dev/null
+++ b/font-awesome-4.7.0/less/mixins.less
@@ -0,0 +1,60 @@
+// Mixins
+// --------------------------
+
+.fa-icon() {
+ display: inline-block;
+ font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
+ text-rendering: auto; // optimizelegibility throws things off #1094
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
+
+.fa-icon-rotate(@degrees, @rotation) {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
+ -webkit-transform: rotate(@degrees);
+ -ms-transform: rotate(@degrees);
+ transform: rotate(@degrees);
+}
+
+.fa-icon-flip(@horiz, @vert, @rotation) {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
+ -webkit-transform: scale(@horiz, @vert);
+ -ms-transform: scale(@horiz, @vert);
+ transform: scale(@horiz, @vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+.sr-only() {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+.sr-only-focusable() {
+ &:active,
+ &:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ }
+}
diff --git a/font-awesome-4.7.0/less/path.less b/font-awesome-4.7.0/less/path.less
new file mode 100644
index 0000000..835be41
--- /dev/null
+++ b/font-awesome-4.7.0/less/path.less
@@ -0,0 +1,15 @@
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
+ src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
+ url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
+ url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
+ url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
+ url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
+ // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ font-weight: normal;
+ font-style: normal;
+}
diff --git a/font-awesome-4.7.0/less/rotated-flipped.less b/font-awesome-4.7.0/less/rotated-flipped.less
new file mode 100644
index 0000000..f6ba814
--- /dev/null
+++ b/font-awesome-4.7.0/less/rotated-flipped.less
@@ -0,0 +1,20 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
+.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
+.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
+
+.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
+.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .@{fa-css-prefix}-rotate-90,
+:root .@{fa-css-prefix}-rotate-180,
+:root .@{fa-css-prefix}-rotate-270,
+:root .@{fa-css-prefix}-flip-horizontal,
+:root .@{fa-css-prefix}-flip-vertical {
+ filter: none;
+}
diff --git a/font-awesome-4.7.0/less/screen-reader.less b/font-awesome-4.7.0/less/screen-reader.less
new file mode 100644
index 0000000..11c1881
--- /dev/null
+++ b/font-awesome-4.7.0/less/screen-reader.less
@@ -0,0 +1,5 @@
+// Screen Readers
+// -------------------------
+
+.sr-only { .sr-only(); }
+.sr-only-focusable { .sr-only-focusable(); }
diff --git a/font-awesome-4.7.0/less/stacked.less b/font-awesome-4.7.0/less/stacked.less
new file mode 100644
index 0000000..fc53fb0
--- /dev/null
+++ b/font-awesome-4.7.0/less/stacked.less
@@ -0,0 +1,20 @@
+// Stacked Icons
+// -------------------------
+
+.@{fa-css-prefix}-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.@{fa-css-prefix}-stack-1x { line-height: inherit; }
+.@{fa-css-prefix}-stack-2x { font-size: 2em; }
+.@{fa-css-prefix}-inverse { color: @fa-inverse; }
diff --git a/font-awesome-4.7.0/less/variables.less b/font-awesome-4.7.0/less/variables.less
new file mode 100644
index 0000000..7ddbbc0
--- /dev/null
+++ b/font-awesome-4.7.0/less/variables.less
@@ -0,0 +1,800 @@
+// Variables
+// --------------------------
+
+@fa-font-path: "../fonts";
+@fa-font-size-base: 14px;
+@fa-line-height-base: 1;
+//@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts"; // for referencing Bootstrap CDN font files directly
+@fa-css-prefix: fa;
+@fa-version: "4.7.0";
+@fa-border-color: #eee;
+@fa-inverse: #fff;
+@fa-li-width: (30em / 14);
+
+@fa-var-500px: "\f26e";
+@fa-var-address-book: "\f2b9";
+@fa-var-address-book-o: "\f2ba";
+@fa-var-address-card: "\f2bb";
+@fa-var-address-card-o: "\f2bc";
+@fa-var-adjust: "\f042";
+@fa-var-adn: "\f170";
+@fa-var-align-center: "\f037";
+@fa-var-align-justify: "\f039";
+@fa-var-align-left: "\f036";
+@fa-var-align-right: "\f038";
+@fa-var-amazon: "\f270";
+@fa-var-ambulance: "\f0f9";
+@fa-var-american-sign-language-interpreting: "\f2a3";
+@fa-var-anchor: "\f13d";
+@fa-var-android: "\f17b";
+@fa-var-angellist: "\f209";
+@fa-var-angle-double-down: "\f103";
+@fa-var-angle-double-left: "\f100";
+@fa-var-angle-double-right: "\f101";
+@fa-var-angle-double-up: "\f102";
+@fa-var-angle-down: "\f107";
+@fa-var-angle-left: "\f104";
+@fa-var-angle-right: "\f105";
+@fa-var-angle-up: "\f106";
+@fa-var-apple: "\f179";
+@fa-var-archive: "\f187";
+@fa-var-area-chart: "\f1fe";
+@fa-var-arrow-circle-down: "\f0ab";
+@fa-var-arrow-circle-left: "\f0a8";
+@fa-var-arrow-circle-o-down: "\f01a";
+@fa-var-arrow-circle-o-left: "\f190";
+@fa-var-arrow-circle-o-right: "\f18e";
+@fa-var-arrow-circle-o-up: "\f01b";
+@fa-var-arrow-circle-right: "\f0a9";
+@fa-var-arrow-circle-up: "\f0aa";
+@fa-var-arrow-down: "\f063";
+@fa-var-arrow-left: "\f060";
+@fa-var-arrow-right: "\f061";
+@fa-var-arrow-up: "\f062";
+@fa-var-arrows: "\f047";
+@fa-var-arrows-alt: "\f0b2";
+@fa-var-arrows-h: "\f07e";
+@fa-var-arrows-v: "\f07d";
+@fa-var-asl-interpreting: "\f2a3";
+@fa-var-assistive-listening-systems: "\f2a2";
+@fa-var-asterisk: "\f069";
+@fa-var-at: "\f1fa";
+@fa-var-audio-description: "\f29e";
+@fa-var-automobile: "\f1b9";
+@fa-var-backward: "\f04a";
+@fa-var-balance-scale: "\f24e";
+@fa-var-ban: "\f05e";
+@fa-var-bandcamp: "\f2d5";
+@fa-var-bank: "\f19c";
+@fa-var-bar-chart: "\f080";
+@fa-var-bar-chart-o: "\f080";
+@fa-var-barcode: "\f02a";
+@fa-var-bars: "\f0c9";
+@fa-var-bath: "\f2cd";
+@fa-var-bathtub: "\f2cd";
+@fa-var-battery: "\f240";
+@fa-var-battery-0: "\f244";
+@fa-var-battery-1: "\f243";
+@fa-var-battery-2: "\f242";
+@fa-var-battery-3: "\f241";
+@fa-var-battery-4: "\f240";
+@fa-var-battery-empty: "\f244";
+@fa-var-battery-full: "\f240";
+@fa-var-battery-half: "\f242";
+@fa-var-battery-quarter: "\f243";
+@fa-var-battery-three-quarters: "\f241";
+@fa-var-bed: "\f236";
+@fa-var-beer: "\f0fc";
+@fa-var-behance: "\f1b4";
+@fa-var-behance-square: "\f1b5";
+@fa-var-bell: "\f0f3";
+@fa-var-bell-o: "\f0a2";
+@fa-var-bell-slash: "\f1f6";
+@fa-var-bell-slash-o: "\f1f7";
+@fa-var-bicycle: "\f206";
+@fa-var-binoculars: "\f1e5";
+@fa-var-birthday-cake: "\f1fd";
+@fa-var-bitbucket: "\f171";
+@fa-var-bitbucket-square: "\f172";
+@fa-var-bitcoin: "\f15a";
+@fa-var-black-tie: "\f27e";
+@fa-var-blind: "\f29d";
+@fa-var-bluetooth: "\f293";
+@fa-var-bluetooth-b: "\f294";
+@fa-var-bold: "\f032";
+@fa-var-bolt: "\f0e7";
+@fa-var-bomb: "\f1e2";
+@fa-var-book: "\f02d";
+@fa-var-bookmark: "\f02e";
+@fa-var-bookmark-o: "\f097";
+@fa-var-braille: "\f2a1";
+@fa-var-briefcase: "\f0b1";
+@fa-var-btc: "\f15a";
+@fa-var-bug: "\f188";
+@fa-var-building: "\f1ad";
+@fa-var-building-o: "\f0f7";
+@fa-var-bullhorn: "\f0a1";
+@fa-var-bullseye: "\f140";
+@fa-var-bus: "\f207";
+@fa-var-buysellads: "\f20d";
+@fa-var-cab: "\f1ba";
+@fa-var-calculator: "\f1ec";
+@fa-var-calendar: "\f073";
+@fa-var-calendar-check-o: "\f274";
+@fa-var-calendar-minus-o: "\f272";
+@fa-var-calendar-o: "\f133";
+@fa-var-calendar-plus-o: "\f271";
+@fa-var-calendar-times-o: "\f273";
+@fa-var-camera: "\f030";
+@fa-var-camera-retro: "\f083";
+@fa-var-car: "\f1b9";
+@fa-var-caret-down: "\f0d7";
+@fa-var-caret-left: "\f0d9";
+@fa-var-caret-right: "\f0da";
+@fa-var-caret-square-o-down: "\f150";
+@fa-var-caret-square-o-left: "\f191";
+@fa-var-caret-square-o-right: "\f152";
+@fa-var-caret-square-o-up: "\f151";
+@fa-var-caret-up: "\f0d8";
+@fa-var-cart-arrow-down: "\f218";
+@fa-var-cart-plus: "\f217";
+@fa-var-cc: "\f20a";
+@fa-var-cc-amex: "\f1f3";
+@fa-var-cc-diners-club: "\f24c";
+@fa-var-cc-discover: "\f1f2";
+@fa-var-cc-jcb: "\f24b";
+@fa-var-cc-mastercard: "\f1f1";
+@fa-var-cc-paypal: "\f1f4";
+@fa-var-cc-stripe: "\f1f5";
+@fa-var-cc-visa: "\f1f0";
+@fa-var-certificate: "\f0a3";
+@fa-var-chain: "\f0c1";
+@fa-var-chain-broken: "\f127";
+@fa-var-check: "\f00c";
+@fa-var-check-circle: "\f058";
+@fa-var-check-circle-o: "\f05d";
+@fa-var-check-square: "\f14a";
+@fa-var-check-square-o: "\f046";
+@fa-var-chevron-circle-down: "\f13a";
+@fa-var-chevron-circle-left: "\f137";
+@fa-var-chevron-circle-right: "\f138";
+@fa-var-chevron-circle-up: "\f139";
+@fa-var-chevron-down: "\f078";
+@fa-var-chevron-left: "\f053";
+@fa-var-chevron-right: "\f054";
+@fa-var-chevron-up: "\f077";
+@fa-var-child: "\f1ae";
+@fa-var-chrome: "\f268";
+@fa-var-circle: "\f111";
+@fa-var-circle-o: "\f10c";
+@fa-var-circle-o-notch: "\f1ce";
+@fa-var-circle-thin: "\f1db";
+@fa-var-clipboard: "\f0ea";
+@fa-var-clock-o: "\f017";
+@fa-var-clone: "\f24d";
+@fa-var-close: "\f00d";
+@fa-var-cloud: "\f0c2";
+@fa-var-cloud-download: "\f0ed";
+@fa-var-cloud-upload: "\f0ee";
+@fa-var-cny: "\f157";
+@fa-var-code: "\f121";
+@fa-var-code-fork: "\f126";
+@fa-var-codepen: "\f1cb";
+@fa-var-codiepie: "\f284";
+@fa-var-coffee: "\f0f4";
+@fa-var-cog: "\f013";
+@fa-var-cogs: "\f085";
+@fa-var-columns: "\f0db";
+@fa-var-comment: "\f075";
+@fa-var-comment-o: "\f0e5";
+@fa-var-commenting: "\f27a";
+@fa-var-commenting-o: "\f27b";
+@fa-var-comments: "\f086";
+@fa-var-comments-o: "\f0e6";
+@fa-var-compass: "\f14e";
+@fa-var-compress: "\f066";
+@fa-var-connectdevelop: "\f20e";
+@fa-var-contao: "\f26d";
+@fa-var-copy: "\f0c5";
+@fa-var-copyright: "\f1f9";
+@fa-var-creative-commons: "\f25e";
+@fa-var-credit-card: "\f09d";
+@fa-var-credit-card-alt: "\f283";
+@fa-var-crop: "\f125";
+@fa-var-crosshairs: "\f05b";
+@fa-var-css3: "\f13c";
+@fa-var-cube: "\f1b2";
+@fa-var-cubes: "\f1b3";
+@fa-var-cut: "\f0c4";
+@fa-var-cutlery: "\f0f5";
+@fa-var-dashboard: "\f0e4";
+@fa-var-dashcube: "\f210";
+@fa-var-database: "\f1c0";
+@fa-var-deaf: "\f2a4";
+@fa-var-deafness: "\f2a4";
+@fa-var-dedent: "\f03b";
+@fa-var-delicious: "\f1a5";
+@fa-var-desktop: "\f108";
+@fa-var-deviantart: "\f1bd";
+@fa-var-diamond: "\f219";
+@fa-var-digg: "\f1a6";
+@fa-var-dollar: "\f155";
+@fa-var-dot-circle-o: "\f192";
+@fa-var-download: "\f019";
+@fa-var-dribbble: "\f17d";
+@fa-var-drivers-license: "\f2c2";
+@fa-var-drivers-license-o: "\f2c3";
+@fa-var-dropbox: "\f16b";
+@fa-var-drupal: "\f1a9";
+@fa-var-edge: "\f282";
+@fa-var-edit: "\f044";
+@fa-var-eercast: "\f2da";
+@fa-var-eject: "\f052";
+@fa-var-ellipsis-h: "\f141";
+@fa-var-ellipsis-v: "\f142";
+@fa-var-empire: "\f1d1";
+@fa-var-envelope: "\f0e0";
+@fa-var-envelope-o: "\f003";
+@fa-var-envelope-open: "\f2b6";
+@fa-var-envelope-open-o: "\f2b7";
+@fa-var-envelope-square: "\f199";
+@fa-var-envira: "\f299";
+@fa-var-eraser: "\f12d";
+@fa-var-etsy: "\f2d7";
+@fa-var-eur: "\f153";
+@fa-var-euro: "\f153";
+@fa-var-exchange: "\f0ec";
+@fa-var-exclamation: "\f12a";
+@fa-var-exclamation-circle: "\f06a";
+@fa-var-exclamation-triangle: "\f071";
+@fa-var-expand: "\f065";
+@fa-var-expeditedssl: "\f23e";
+@fa-var-external-link: "\f08e";
+@fa-var-external-link-square: "\f14c";
+@fa-var-eye: "\f06e";
+@fa-var-eye-slash: "\f070";
+@fa-var-eyedropper: "\f1fb";
+@fa-var-fa: "\f2b4";
+@fa-var-facebook: "\f09a";
+@fa-var-facebook-f: "\f09a";
+@fa-var-facebook-official: "\f230";
+@fa-var-facebook-square: "\f082";
+@fa-var-fast-backward: "\f049";
+@fa-var-fast-forward: "\f050";
+@fa-var-fax: "\f1ac";
+@fa-var-feed: "\f09e";
+@fa-var-female: "\f182";
+@fa-var-fighter-jet: "\f0fb";
+@fa-var-file: "\f15b";
+@fa-var-file-archive-o: "\f1c6";
+@fa-var-file-audio-o: "\f1c7";
+@fa-var-file-code-o: "\f1c9";
+@fa-var-file-excel-o: "\f1c3";
+@fa-var-file-image-o: "\f1c5";
+@fa-var-file-movie-o: "\f1c8";
+@fa-var-file-o: "\f016";
+@fa-var-file-pdf-o: "\f1c1";
+@fa-var-file-photo-o: "\f1c5";
+@fa-var-file-picture-o: "\f1c5";
+@fa-var-file-powerpoint-o: "\f1c4";
+@fa-var-file-sound-o: "\f1c7";
+@fa-var-file-text: "\f15c";
+@fa-var-file-text-o: "\f0f6";
+@fa-var-file-video-o: "\f1c8";
+@fa-var-file-word-o: "\f1c2";
+@fa-var-file-zip-o: "\f1c6";
+@fa-var-files-o: "\f0c5";
+@fa-var-film: "\f008";
+@fa-var-filter: "\f0b0";
+@fa-var-fire: "\f06d";
+@fa-var-fire-extinguisher: "\f134";
+@fa-var-firefox: "\f269";
+@fa-var-first-order: "\f2b0";
+@fa-var-flag: "\f024";
+@fa-var-flag-checkered: "\f11e";
+@fa-var-flag-o: "\f11d";
+@fa-var-flash: "\f0e7";
+@fa-var-flask: "\f0c3";
+@fa-var-flickr: "\f16e";
+@fa-var-floppy-o: "\f0c7";
+@fa-var-folder: "\f07b";
+@fa-var-folder-o: "\f114";
+@fa-var-folder-open: "\f07c";
+@fa-var-folder-open-o: "\f115";
+@fa-var-font: "\f031";
+@fa-var-font-awesome: "\f2b4";
+@fa-var-fonticons: "\f280";
+@fa-var-fort-awesome: "\f286";
+@fa-var-forumbee: "\f211";
+@fa-var-forward: "\f04e";
+@fa-var-foursquare: "\f180";
+@fa-var-free-code-camp: "\f2c5";
+@fa-var-frown-o: "\f119";
+@fa-var-futbol-o: "\f1e3";
+@fa-var-gamepad: "\f11b";
+@fa-var-gavel: "\f0e3";
+@fa-var-gbp: "\f154";
+@fa-var-ge: "\f1d1";
+@fa-var-gear: "\f013";
+@fa-var-gears: "\f085";
+@fa-var-genderless: "\f22d";
+@fa-var-get-pocket: "\f265";
+@fa-var-gg: "\f260";
+@fa-var-gg-circle: "\f261";
+@fa-var-gift: "\f06b";
+@fa-var-git: "\f1d3";
+@fa-var-git-square: "\f1d2";
+@fa-var-github: "\f09b";
+@fa-var-github-alt: "\f113";
+@fa-var-github-square: "\f092";
+@fa-var-gitlab: "\f296";
+@fa-var-gittip: "\f184";
+@fa-var-glass: "\f000";
+@fa-var-glide: "\f2a5";
+@fa-var-glide-g: "\f2a6";
+@fa-var-globe: "\f0ac";
+@fa-var-google: "\f1a0";
+@fa-var-google-plus: "\f0d5";
+@fa-var-google-plus-circle: "\f2b3";
+@fa-var-google-plus-official: "\f2b3";
+@fa-var-google-plus-square: "\f0d4";
+@fa-var-google-wallet: "\f1ee";
+@fa-var-graduation-cap: "\f19d";
+@fa-var-gratipay: "\f184";
+@fa-var-grav: "\f2d6";
+@fa-var-group: "\f0c0";
+@fa-var-h-square: "\f0fd";
+@fa-var-hacker-news: "\f1d4";
+@fa-var-hand-grab-o: "\f255";
+@fa-var-hand-lizard-o: "\f258";
+@fa-var-hand-o-down: "\f0a7";
+@fa-var-hand-o-left: "\f0a5";
+@fa-var-hand-o-right: "\f0a4";
+@fa-var-hand-o-up: "\f0a6";
+@fa-var-hand-paper-o: "\f256";
+@fa-var-hand-peace-o: "\f25b";
+@fa-var-hand-pointer-o: "\f25a";
+@fa-var-hand-rock-o: "\f255";
+@fa-var-hand-scissors-o: "\f257";
+@fa-var-hand-spock-o: "\f259";
+@fa-var-hand-stop-o: "\f256";
+@fa-var-handshake-o: "\f2b5";
+@fa-var-hard-of-hearing: "\f2a4";
+@fa-var-hashtag: "\f292";
+@fa-var-hdd-o: "\f0a0";
+@fa-var-header: "\f1dc";
+@fa-var-headphones: "\f025";
+@fa-var-heart: "\f004";
+@fa-var-heart-o: "\f08a";
+@fa-var-heartbeat: "\f21e";
+@fa-var-history: "\f1da";
+@fa-var-home: "\f015";
+@fa-var-hospital-o: "\f0f8";
+@fa-var-hotel: "\f236";
+@fa-var-hourglass: "\f254";
+@fa-var-hourglass-1: "\f251";
+@fa-var-hourglass-2: "\f252";
+@fa-var-hourglass-3: "\f253";
+@fa-var-hourglass-end: "\f253";
+@fa-var-hourglass-half: "\f252";
+@fa-var-hourglass-o: "\f250";
+@fa-var-hourglass-start: "\f251";
+@fa-var-houzz: "\f27c";
+@fa-var-html5: "\f13b";
+@fa-var-i-cursor: "\f246";
+@fa-var-id-badge: "\f2c1";
+@fa-var-id-card: "\f2c2";
+@fa-var-id-card-o: "\f2c3";
+@fa-var-ils: "\f20b";
+@fa-var-image: "\f03e";
+@fa-var-imdb: "\f2d8";
+@fa-var-inbox: "\f01c";
+@fa-var-indent: "\f03c";
+@fa-var-industry: "\f275";
+@fa-var-info: "\f129";
+@fa-var-info-circle: "\f05a";
+@fa-var-inr: "\f156";
+@fa-var-instagram: "\f16d";
+@fa-var-institution: "\f19c";
+@fa-var-internet-explorer: "\f26b";
+@fa-var-intersex: "\f224";
+@fa-var-ioxhost: "\f208";
+@fa-var-italic: "\f033";
+@fa-var-joomla: "\f1aa";
+@fa-var-jpy: "\f157";
+@fa-var-jsfiddle: "\f1cc";
+@fa-var-key: "\f084";
+@fa-var-keyboard-o: "\f11c";
+@fa-var-krw: "\f159";
+@fa-var-language: "\f1ab";
+@fa-var-laptop: "\f109";
+@fa-var-lastfm: "\f202";
+@fa-var-lastfm-square: "\f203";
+@fa-var-leaf: "\f06c";
+@fa-var-leanpub: "\f212";
+@fa-var-legal: "\f0e3";
+@fa-var-lemon-o: "\f094";
+@fa-var-level-down: "\f149";
+@fa-var-level-up: "\f148";
+@fa-var-life-bouy: "\f1cd";
+@fa-var-life-buoy: "\f1cd";
+@fa-var-life-ring: "\f1cd";
+@fa-var-life-saver: "\f1cd";
+@fa-var-lightbulb-o: "\f0eb";
+@fa-var-line-chart: "\f201";
+@fa-var-link: "\f0c1";
+@fa-var-linkedin: "\f0e1";
+@fa-var-linkedin-square: "\f08c";
+@fa-var-linode: "\f2b8";
+@fa-var-linux: "\f17c";
+@fa-var-list: "\f03a";
+@fa-var-list-alt: "\f022";
+@fa-var-list-ol: "\f0cb";
+@fa-var-list-ul: "\f0ca";
+@fa-var-location-arrow: "\f124";
+@fa-var-lock: "\f023";
+@fa-var-long-arrow-down: "\f175";
+@fa-var-long-arrow-left: "\f177";
+@fa-var-long-arrow-right: "\f178";
+@fa-var-long-arrow-up: "\f176";
+@fa-var-low-vision: "\f2a8";
+@fa-var-magic: "\f0d0";
+@fa-var-magnet: "\f076";
+@fa-var-mail-forward: "\f064";
+@fa-var-mail-reply: "\f112";
+@fa-var-mail-reply-all: "\f122";
+@fa-var-male: "\f183";
+@fa-var-map: "\f279";
+@fa-var-map-marker: "\f041";
+@fa-var-map-o: "\f278";
+@fa-var-map-pin: "\f276";
+@fa-var-map-signs: "\f277";
+@fa-var-mars: "\f222";
+@fa-var-mars-double: "\f227";
+@fa-var-mars-stroke: "\f229";
+@fa-var-mars-stroke-h: "\f22b";
+@fa-var-mars-stroke-v: "\f22a";
+@fa-var-maxcdn: "\f136";
+@fa-var-meanpath: "\f20c";
+@fa-var-medium: "\f23a";
+@fa-var-medkit: "\f0fa";
+@fa-var-meetup: "\f2e0";
+@fa-var-meh-o: "\f11a";
+@fa-var-mercury: "\f223";
+@fa-var-microchip: "\f2db";
+@fa-var-microphone: "\f130";
+@fa-var-microphone-slash: "\f131";
+@fa-var-minus: "\f068";
+@fa-var-minus-circle: "\f056";
+@fa-var-minus-square: "\f146";
+@fa-var-minus-square-o: "\f147";
+@fa-var-mixcloud: "\f289";
+@fa-var-mobile: "\f10b";
+@fa-var-mobile-phone: "\f10b";
+@fa-var-modx: "\f285";
+@fa-var-money: "\f0d6";
+@fa-var-moon-o: "\f186";
+@fa-var-mortar-board: "\f19d";
+@fa-var-motorcycle: "\f21c";
+@fa-var-mouse-pointer: "\f245";
+@fa-var-music: "\f001";
+@fa-var-navicon: "\f0c9";
+@fa-var-neuter: "\f22c";
+@fa-var-newspaper-o: "\f1ea";
+@fa-var-object-group: "\f247";
+@fa-var-object-ungroup: "\f248";
+@fa-var-odnoklassniki: "\f263";
+@fa-var-odnoklassniki-square: "\f264";
+@fa-var-opencart: "\f23d";
+@fa-var-openid: "\f19b";
+@fa-var-opera: "\f26a";
+@fa-var-optin-monster: "\f23c";
+@fa-var-outdent: "\f03b";
+@fa-var-pagelines: "\f18c";
+@fa-var-paint-brush: "\f1fc";
+@fa-var-paper-plane: "\f1d8";
+@fa-var-paper-plane-o: "\f1d9";
+@fa-var-paperclip: "\f0c6";
+@fa-var-paragraph: "\f1dd";
+@fa-var-paste: "\f0ea";
+@fa-var-pause: "\f04c";
+@fa-var-pause-circle: "\f28b";
+@fa-var-pause-circle-o: "\f28c";
+@fa-var-paw: "\f1b0";
+@fa-var-paypal: "\f1ed";
+@fa-var-pencil: "\f040";
+@fa-var-pencil-square: "\f14b";
+@fa-var-pencil-square-o: "\f044";
+@fa-var-percent: "\f295";
+@fa-var-phone: "\f095";
+@fa-var-phone-square: "\f098";
+@fa-var-photo: "\f03e";
+@fa-var-picture-o: "\f03e";
+@fa-var-pie-chart: "\f200";
+@fa-var-pied-piper: "\f2ae";
+@fa-var-pied-piper-alt: "\f1a8";
+@fa-var-pied-piper-pp: "\f1a7";
+@fa-var-pinterest: "\f0d2";
+@fa-var-pinterest-p: "\f231";
+@fa-var-pinterest-square: "\f0d3";
+@fa-var-plane: "\f072";
+@fa-var-play: "\f04b";
+@fa-var-play-circle: "\f144";
+@fa-var-play-circle-o: "\f01d";
+@fa-var-plug: "\f1e6";
+@fa-var-plus: "\f067";
+@fa-var-plus-circle: "\f055";
+@fa-var-plus-square: "\f0fe";
+@fa-var-plus-square-o: "\f196";
+@fa-var-podcast: "\f2ce";
+@fa-var-power-off: "\f011";
+@fa-var-print: "\f02f";
+@fa-var-product-hunt: "\f288";
+@fa-var-puzzle-piece: "\f12e";
+@fa-var-qq: "\f1d6";
+@fa-var-qrcode: "\f029";
+@fa-var-question: "\f128";
+@fa-var-question-circle: "\f059";
+@fa-var-question-circle-o: "\f29c";
+@fa-var-quora: "\f2c4";
+@fa-var-quote-left: "\f10d";
+@fa-var-quote-right: "\f10e";
+@fa-var-ra: "\f1d0";
+@fa-var-random: "\f074";
+@fa-var-ravelry: "\f2d9";
+@fa-var-rebel: "\f1d0";
+@fa-var-recycle: "\f1b8";
+@fa-var-reddit: "\f1a1";
+@fa-var-reddit-alien: "\f281";
+@fa-var-reddit-square: "\f1a2";
+@fa-var-refresh: "\f021";
+@fa-var-registered: "\f25d";
+@fa-var-remove: "\f00d";
+@fa-var-renren: "\f18b";
+@fa-var-reorder: "\f0c9";
+@fa-var-repeat: "\f01e";
+@fa-var-reply: "\f112";
+@fa-var-reply-all: "\f122";
+@fa-var-resistance: "\f1d0";
+@fa-var-retweet: "\f079";
+@fa-var-rmb: "\f157";
+@fa-var-road: "\f018";
+@fa-var-rocket: "\f135";
+@fa-var-rotate-left: "\f0e2";
+@fa-var-rotate-right: "\f01e";
+@fa-var-rouble: "\f158";
+@fa-var-rss: "\f09e";
+@fa-var-rss-square: "\f143";
+@fa-var-rub: "\f158";
+@fa-var-ruble: "\f158";
+@fa-var-rupee: "\f156";
+@fa-var-s15: "\f2cd";
+@fa-var-safari: "\f267";
+@fa-var-save: "\f0c7";
+@fa-var-scissors: "\f0c4";
+@fa-var-scribd: "\f28a";
+@fa-var-search: "\f002";
+@fa-var-search-minus: "\f010";
+@fa-var-search-plus: "\f00e";
+@fa-var-sellsy: "\f213";
+@fa-var-send: "\f1d8";
+@fa-var-send-o: "\f1d9";
+@fa-var-server: "\f233";
+@fa-var-share: "\f064";
+@fa-var-share-alt: "\f1e0";
+@fa-var-share-alt-square: "\f1e1";
+@fa-var-share-square: "\f14d";
+@fa-var-share-square-o: "\f045";
+@fa-var-shekel: "\f20b";
+@fa-var-sheqel: "\f20b";
+@fa-var-shield: "\f132";
+@fa-var-ship: "\f21a";
+@fa-var-shirtsinbulk: "\f214";
+@fa-var-shopping-bag: "\f290";
+@fa-var-shopping-basket: "\f291";
+@fa-var-shopping-cart: "\f07a";
+@fa-var-shower: "\f2cc";
+@fa-var-sign-in: "\f090";
+@fa-var-sign-language: "\f2a7";
+@fa-var-sign-out: "\f08b";
+@fa-var-signal: "\f012";
+@fa-var-signing: "\f2a7";
+@fa-var-simplybuilt: "\f215";
+@fa-var-sitemap: "\f0e8";
+@fa-var-skyatlas: "\f216";
+@fa-var-skype: "\f17e";
+@fa-var-slack: "\f198";
+@fa-var-sliders: "\f1de";
+@fa-var-slideshare: "\f1e7";
+@fa-var-smile-o: "\f118";
+@fa-var-snapchat: "\f2ab";
+@fa-var-snapchat-ghost: "\f2ac";
+@fa-var-snapchat-square: "\f2ad";
+@fa-var-snowflake-o: "\f2dc";
+@fa-var-soccer-ball-o: "\f1e3";
+@fa-var-sort: "\f0dc";
+@fa-var-sort-alpha-asc: "\f15d";
+@fa-var-sort-alpha-desc: "\f15e";
+@fa-var-sort-amount-asc: "\f160";
+@fa-var-sort-amount-desc: "\f161";
+@fa-var-sort-asc: "\f0de";
+@fa-var-sort-desc: "\f0dd";
+@fa-var-sort-down: "\f0dd";
+@fa-var-sort-numeric-asc: "\f162";
+@fa-var-sort-numeric-desc: "\f163";
+@fa-var-sort-up: "\f0de";
+@fa-var-soundcloud: "\f1be";
+@fa-var-space-shuttle: "\f197";
+@fa-var-spinner: "\f110";
+@fa-var-spoon: "\f1b1";
+@fa-var-spotify: "\f1bc";
+@fa-var-square: "\f0c8";
+@fa-var-square-o: "\f096";
+@fa-var-stack-exchange: "\f18d";
+@fa-var-stack-overflow: "\f16c";
+@fa-var-star: "\f005";
+@fa-var-star-half: "\f089";
+@fa-var-star-half-empty: "\f123";
+@fa-var-star-half-full: "\f123";
+@fa-var-star-half-o: "\f123";
+@fa-var-star-o: "\f006";
+@fa-var-steam: "\f1b6";
+@fa-var-steam-square: "\f1b7";
+@fa-var-step-backward: "\f048";
+@fa-var-step-forward: "\f051";
+@fa-var-stethoscope: "\f0f1";
+@fa-var-sticky-note: "\f249";
+@fa-var-sticky-note-o: "\f24a";
+@fa-var-stop: "\f04d";
+@fa-var-stop-circle: "\f28d";
+@fa-var-stop-circle-o: "\f28e";
+@fa-var-street-view: "\f21d";
+@fa-var-strikethrough: "\f0cc";
+@fa-var-stumbleupon: "\f1a4";
+@fa-var-stumbleupon-circle: "\f1a3";
+@fa-var-subscript: "\f12c";
+@fa-var-subway: "\f239";
+@fa-var-suitcase: "\f0f2";
+@fa-var-sun-o: "\f185";
+@fa-var-superpowers: "\f2dd";
+@fa-var-superscript: "\f12b";
+@fa-var-support: "\f1cd";
+@fa-var-table: "\f0ce";
+@fa-var-tablet: "\f10a";
+@fa-var-tachometer: "\f0e4";
+@fa-var-tag: "\f02b";
+@fa-var-tags: "\f02c";
+@fa-var-tasks: "\f0ae";
+@fa-var-taxi: "\f1ba";
+@fa-var-telegram: "\f2c6";
+@fa-var-television: "\f26c";
+@fa-var-tencent-weibo: "\f1d5";
+@fa-var-terminal: "\f120";
+@fa-var-text-height: "\f034";
+@fa-var-text-width: "\f035";
+@fa-var-th: "\f00a";
+@fa-var-th-large: "\f009";
+@fa-var-th-list: "\f00b";
+@fa-var-themeisle: "\f2b2";
+@fa-var-thermometer: "\f2c7";
+@fa-var-thermometer-0: "\f2cb";
+@fa-var-thermometer-1: "\f2ca";
+@fa-var-thermometer-2: "\f2c9";
+@fa-var-thermometer-3: "\f2c8";
+@fa-var-thermometer-4: "\f2c7";
+@fa-var-thermometer-empty: "\f2cb";
+@fa-var-thermometer-full: "\f2c7";
+@fa-var-thermometer-half: "\f2c9";
+@fa-var-thermometer-quarter: "\f2ca";
+@fa-var-thermometer-three-quarters: "\f2c8";
+@fa-var-thumb-tack: "\f08d";
+@fa-var-thumbs-down: "\f165";
+@fa-var-thumbs-o-down: "\f088";
+@fa-var-thumbs-o-up: "\f087";
+@fa-var-thumbs-up: "\f164";
+@fa-var-ticket: "\f145";
+@fa-var-times: "\f00d";
+@fa-var-times-circle: "\f057";
+@fa-var-times-circle-o: "\f05c";
+@fa-var-times-rectangle: "\f2d3";
+@fa-var-times-rectangle-o: "\f2d4";
+@fa-var-tint: "\f043";
+@fa-var-toggle-down: "\f150";
+@fa-var-toggle-left: "\f191";
+@fa-var-toggle-off: "\f204";
+@fa-var-toggle-on: "\f205";
+@fa-var-toggle-right: "\f152";
+@fa-var-toggle-up: "\f151";
+@fa-var-trademark: "\f25c";
+@fa-var-train: "\f238";
+@fa-var-transgender: "\f224";
+@fa-var-transgender-alt: "\f225";
+@fa-var-trash: "\f1f8";
+@fa-var-trash-o: "\f014";
+@fa-var-tree: "\f1bb";
+@fa-var-trello: "\f181";
+@fa-var-tripadvisor: "\f262";
+@fa-var-trophy: "\f091";
+@fa-var-truck: "\f0d1";
+@fa-var-try: "\f195";
+@fa-var-tty: "\f1e4";
+@fa-var-tumblr: "\f173";
+@fa-var-tumblr-square: "\f174";
+@fa-var-turkish-lira: "\f195";
+@fa-var-tv: "\f26c";
+@fa-var-twitch: "\f1e8";
+@fa-var-twitter: "\f099";
+@fa-var-twitter-square: "\f081";
+@fa-var-umbrella: "\f0e9";
+@fa-var-underline: "\f0cd";
+@fa-var-undo: "\f0e2";
+@fa-var-universal-access: "\f29a";
+@fa-var-university: "\f19c";
+@fa-var-unlink: "\f127";
+@fa-var-unlock: "\f09c";
+@fa-var-unlock-alt: "\f13e";
+@fa-var-unsorted: "\f0dc";
+@fa-var-upload: "\f093";
+@fa-var-usb: "\f287";
+@fa-var-usd: "\f155";
+@fa-var-user: "\f007";
+@fa-var-user-circle: "\f2bd";
+@fa-var-user-circle-o: "\f2be";
+@fa-var-user-md: "\f0f0";
+@fa-var-user-o: "\f2c0";
+@fa-var-user-plus: "\f234";
+@fa-var-user-secret: "\f21b";
+@fa-var-user-times: "\f235";
+@fa-var-users: "\f0c0";
+@fa-var-vcard: "\f2bb";
+@fa-var-vcard-o: "\f2bc";
+@fa-var-venus: "\f221";
+@fa-var-venus-double: "\f226";
+@fa-var-venus-mars: "\f228";
+@fa-var-viacoin: "\f237";
+@fa-var-viadeo: "\f2a9";
+@fa-var-viadeo-square: "\f2aa";
+@fa-var-video-camera: "\f03d";
+@fa-var-vimeo: "\f27d";
+@fa-var-vimeo-square: "\f194";
+@fa-var-vine: "\f1ca";
+@fa-var-vk: "\f189";
+@fa-var-volume-control-phone: "\f2a0";
+@fa-var-volume-down: "\f027";
+@fa-var-volume-off: "\f026";
+@fa-var-volume-up: "\f028";
+@fa-var-warning: "\f071";
+@fa-var-wechat: "\f1d7";
+@fa-var-weibo: "\f18a";
+@fa-var-weixin: "\f1d7";
+@fa-var-whatsapp: "\f232";
+@fa-var-wheelchair: "\f193";
+@fa-var-wheelchair-alt: "\f29b";
+@fa-var-wifi: "\f1eb";
+@fa-var-wikipedia-w: "\f266";
+@fa-var-window-close: "\f2d3";
+@fa-var-window-close-o: "\f2d4";
+@fa-var-window-maximize: "\f2d0";
+@fa-var-window-minimize: "\f2d1";
+@fa-var-window-restore: "\f2d2";
+@fa-var-windows: "\f17a";
+@fa-var-won: "\f159";
+@fa-var-wordpress: "\f19a";
+@fa-var-wpbeginner: "\f297";
+@fa-var-wpexplorer: "\f2de";
+@fa-var-wpforms: "\f298";
+@fa-var-wrench: "\f0ad";
+@fa-var-xing: "\f168";
+@fa-var-xing-square: "\f169";
+@fa-var-y-combinator: "\f23b";
+@fa-var-y-combinator-square: "\f1d4";
+@fa-var-yahoo: "\f19e";
+@fa-var-yc: "\f23b";
+@fa-var-yc-square: "\f1d4";
+@fa-var-yelp: "\f1e9";
+@fa-var-yen: "\f157";
+@fa-var-yoast: "\f2b1";
+@fa-var-youtube: "\f167";
+@fa-var-youtube-play: "\f16a";
+@fa-var-youtube-square: "\f166";
+
diff --git a/font-awesome-4.7.0/scss/_animated.scss b/font-awesome-4.7.0/scss/_animated.scss
new file mode 100644
index 0000000..8a020db
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_animated.scss
@@ -0,0 +1,34 @@
+// Spinning Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
diff --git a/font-awesome-4.7.0/scss/_bordered-pulled.scss b/font-awesome-4.7.0/scss/_bordered-pulled.scss
new file mode 100644
index 0000000..d4b85a0
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_bordered-pulled.scss
@@ -0,0 +1,25 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+ padding: .2em .25em .15em;
+ border: solid .08em $fa-border-color;
+ border-radius: .1em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix} {
+ &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+ &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$fa-css-prefix} {
+ &.pull-left { margin-right: .3em; }
+ &.pull-right { margin-left: .3em; }
+}
diff --git a/font-awesome-4.7.0/scss/_core.scss b/font-awesome-4.7.0/scss/_core.scss
new file mode 100644
index 0000000..7425ef8
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_core.scss
@@ -0,0 +1,12 @@
+// Base Class Definition
+// -------------------------
+
+.#{$fa-css-prefix} {
+ display: inline-block;
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
+ text-rendering: auto; // optimizelegibility throws things off #1094
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
diff --git a/font-awesome-4.7.0/scss/_fixed-width.scss b/font-awesome-4.7.0/scss/_fixed-width.scss
new file mode 100644
index 0000000..b221c98
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_fixed-width.scss
@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+ width: (18em / 14);
+ text-align: center;
+}
diff --git a/font-awesome-4.7.0/scss/_icons.scss b/font-awesome-4.7.0/scss/_icons.scss
new file mode 100644
index 0000000..e63e702
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_icons.scss
@@ -0,0 +1,789 @@
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+
+.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
+.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
+.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
+.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
+.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
+.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
+.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
+.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
+.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
+.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
+.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
+.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
+.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
+.#{$fa-css-prefix}-remove:before,
+.#{$fa-css-prefix}-close:before,
+.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
+.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
+.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
+.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
+.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
+.#{$fa-css-prefix}-gear:before,
+.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
+.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
+.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
+.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
+.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
+.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
+.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
+.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
+.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
+.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
+.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
+.#{$fa-css-prefix}-rotate-right:before,
+.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
+.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
+.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
+.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
+.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
+.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
+.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
+.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
+.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
+.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
+.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
+.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
+.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
+.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
+.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
+.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
+.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
+.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
+.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
+.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
+.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
+.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
+.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
+.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
+.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
+.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
+.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
+.#{$fa-css-prefix}-dedent:before,
+.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
+.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
+.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
+.#{$fa-css-prefix}-photo:before,
+.#{$fa-css-prefix}-image:before,
+.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
+.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
+.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
+.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
+.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
+.#{$fa-css-prefix}-edit:before,
+.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
+.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
+.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
+.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
+.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
+.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
+.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
+.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
+.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
+.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
+.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
+.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
+.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
+.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
+.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
+.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
+.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
+.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
+.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
+.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
+.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
+.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
+.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
+.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
+.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
+.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
+.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
+.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
+.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
+.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
+.#{$fa-css-prefix}-mail-forward:before,
+.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
+.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
+.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
+.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
+.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
+.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
+.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
+.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
+.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
+.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
+.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
+.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
+.#{$fa-css-prefix}-warning:before,
+.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
+.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
+.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
+.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
+.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
+.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
+.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
+.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
+.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
+.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
+.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
+.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
+.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
+.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
+.#{$fa-css-prefix}-bar-chart-o:before,
+.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
+.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
+.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
+.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
+.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
+.#{$fa-css-prefix}-gears:before,
+.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
+.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
+.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
+.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
+.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
+.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
+.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
+.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
+.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
+.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
+.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
+.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
+.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
+.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
+.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
+.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
+.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
+.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
+.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
+.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
+.#{$fa-css-prefix}-facebook-f:before,
+.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
+.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
+.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
+.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
+.#{$fa-css-prefix}-feed:before,
+.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
+.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
+.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
+.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
+.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
+.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
+.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
+.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
+.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
+.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
+.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
+.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
+.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
+.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
+.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
+.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
+.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
+.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
+.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
+.#{$fa-css-prefix}-group:before,
+.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
+.#{$fa-css-prefix}-chain:before,
+.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
+.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
+.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
+.#{$fa-css-prefix}-cut:before,
+.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
+.#{$fa-css-prefix}-copy:before,
+.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
+.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
+.#{$fa-css-prefix}-save:before,
+.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
+.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
+.#{$fa-css-prefix}-navicon:before,
+.#{$fa-css-prefix}-reorder:before,
+.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
+.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
+.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
+.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
+.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
+.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
+.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
+.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
+.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
+.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
+.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
+.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
+.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
+.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
+.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
+.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
+.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
+.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
+.#{$fa-css-prefix}-unsorted:before,
+.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
+.#{$fa-css-prefix}-sort-down:before,
+.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
+.#{$fa-css-prefix}-sort-up:before,
+.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
+.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
+.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
+.#{$fa-css-prefix}-rotate-left:before,
+.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
+.#{$fa-css-prefix}-legal:before,
+.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
+.#{$fa-css-prefix}-dashboard:before,
+.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
+.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
+.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
+.#{$fa-css-prefix}-flash:before,
+.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
+.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
+.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
+.#{$fa-css-prefix}-paste:before,
+.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
+.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
+.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
+.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
+.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
+.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
+.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
+.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
+.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
+.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
+.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
+.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
+.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
+.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
+.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
+.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
+.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
+.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
+.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
+.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
+.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
+.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
+.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
+.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
+.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
+.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
+.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
+.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
+.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
+.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
+.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
+.#{$fa-css-prefix}-mobile-phone:before,
+.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
+.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
+.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
+.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
+.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
+.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
+.#{$fa-css-prefix}-mail-reply:before,
+.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
+.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
+.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
+.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
+.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
+.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
+.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
+.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
+.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
+.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
+.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
+.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
+.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
+.#{$fa-css-prefix}-mail-reply-all:before,
+.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
+.#{$fa-css-prefix}-star-half-empty:before,
+.#{$fa-css-prefix}-star-half-full:before,
+.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
+.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
+.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
+.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
+.#{$fa-css-prefix}-unlink:before,
+.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
+.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
+.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
+.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
+.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
+.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
+.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
+.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
+.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
+.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
+.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
+.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
+.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
+.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
+.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
+.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
+.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
+.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
+.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
+.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
+.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
+.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
+.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
+.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
+.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
+.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
+.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
+.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
+.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
+.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
+.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
+.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
+.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
+.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
+.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
+.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
+.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
+.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
+.#{$fa-css-prefix}-toggle-down:before,
+.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
+.#{$fa-css-prefix}-toggle-up:before,
+.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
+.#{$fa-css-prefix}-toggle-right:before,
+.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
+.#{$fa-css-prefix}-euro:before,
+.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
+.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
+.#{$fa-css-prefix}-dollar:before,
+.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
+.#{$fa-css-prefix}-rupee:before,
+.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
+.#{$fa-css-prefix}-cny:before,
+.#{$fa-css-prefix}-rmb:before,
+.#{$fa-css-prefix}-yen:before,
+.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
+.#{$fa-css-prefix}-ruble:before,
+.#{$fa-css-prefix}-rouble:before,
+.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
+.#{$fa-css-prefix}-won:before,
+.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
+.#{$fa-css-prefix}-bitcoin:before,
+.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
+.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
+.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
+.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
+.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
+.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
+.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
+.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
+.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
+.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
+.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
+.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
+.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
+.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
+.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
+.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
+.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
+.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
+.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
+.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
+.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
+.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
+.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
+.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
+.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
+.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
+.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
+.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
+.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
+.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
+.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
+.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
+.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
+.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
+.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
+.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
+.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
+.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
+.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
+.#{$fa-css-prefix}-gittip:before,
+.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
+.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
+.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
+.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
+.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
+.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
+.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
+.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
+.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
+.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
+.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
+.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
+.#{$fa-css-prefix}-toggle-left:before,
+.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
+.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
+.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
+.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
+.#{$fa-css-prefix}-turkish-lira:before,
+.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
+.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
+.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
+.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
+.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
+.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
+.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
+.#{$fa-css-prefix}-institution:before,
+.#{$fa-css-prefix}-bank:before,
+.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
+.#{$fa-css-prefix}-mortar-board:before,
+.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
+.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
+.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
+.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
+.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
+.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
+.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
+.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
+.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
+.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
+.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
+.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
+.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
+.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
+.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
+.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
+.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
+.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
+.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
+.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
+.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
+.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
+.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
+.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
+.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
+.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
+.#{$fa-css-prefix}-automobile:before,
+.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
+.#{$fa-css-prefix}-cab:before,
+.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
+.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
+.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
+.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
+.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
+.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
+.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
+.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
+.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
+.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
+.#{$fa-css-prefix}-file-photo-o:before,
+.#{$fa-css-prefix}-file-picture-o:before,
+.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
+.#{$fa-css-prefix}-file-zip-o:before,
+.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
+.#{$fa-css-prefix}-file-sound-o:before,
+.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
+.#{$fa-css-prefix}-file-movie-o:before,
+.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
+.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
+.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
+.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
+.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
+.#{$fa-css-prefix}-life-bouy:before,
+.#{$fa-css-prefix}-life-buoy:before,
+.#{$fa-css-prefix}-life-saver:before,
+.#{$fa-css-prefix}-support:before,
+.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
+.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
+.#{$fa-css-prefix}-ra:before,
+.#{$fa-css-prefix}-resistance:before,
+.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
+.#{$fa-css-prefix}-ge:before,
+.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
+.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
+.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
+.#{$fa-css-prefix}-y-combinator-square:before,
+.#{$fa-css-prefix}-yc-square:before,
+.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
+.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
+.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
+.#{$fa-css-prefix}-wechat:before,
+.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
+.#{$fa-css-prefix}-send:before,
+.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
+.#{$fa-css-prefix}-send-o:before,
+.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
+.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
+.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
+.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
+.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
+.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
+.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
+.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
+.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
+.#{$fa-css-prefix}-soccer-ball-o:before,
+.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
+.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
+.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
+.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
+.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
+.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
+.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
+.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
+.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
+.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
+.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
+.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
+.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
+.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
+.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
+.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
+.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
+.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
+.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
+.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
+.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
+.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
+.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
+.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
+.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
+.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
+.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
+.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
+.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
+.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
+.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
+.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
+.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
+.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
+.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
+.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
+.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
+.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
+.#{$fa-css-prefix}-shekel:before,
+.#{$fa-css-prefix}-sheqel:before,
+.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
+.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
+.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
+.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
+.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
+.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
+.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
+.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
+.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
+.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
+.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
+.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
+.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
+.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
+.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
+.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
+.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
+.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
+.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
+.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
+.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
+.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
+.#{$fa-css-prefix}-intersex:before,
+.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
+.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
+.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
+.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
+.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
+.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
+.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
+.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
+.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
+.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
+.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
+.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
+.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
+.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
+.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
+.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
+.#{$fa-css-prefix}-hotel:before,
+.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
+.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
+.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
+.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
+.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
+.#{$fa-css-prefix}-yc:before,
+.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
+.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
+.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
+.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
+.#{$fa-css-prefix}-battery-4:before,
+.#{$fa-css-prefix}-battery:before,
+.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
+.#{$fa-css-prefix}-battery-3:before,
+.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
+.#{$fa-css-prefix}-battery-2:before,
+.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
+.#{$fa-css-prefix}-battery-1:before,
+.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
+.#{$fa-css-prefix}-battery-0:before,
+.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
+.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
+.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
+.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
+.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
+.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
+.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
+.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
+.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
+.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
+.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
+.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
+.#{$fa-css-prefix}-hourglass-1:before,
+.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
+.#{$fa-css-prefix}-hourglass-2:before,
+.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
+.#{$fa-css-prefix}-hourglass-3:before,
+.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
+.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
+.#{$fa-css-prefix}-hand-grab-o:before,
+.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
+.#{$fa-css-prefix}-hand-stop-o:before,
+.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
+.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
+.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
+.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
+.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
+.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
+.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
+.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
+.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
+.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
+.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
+.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
+.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
+.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
+.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
+.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
+.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
+.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
+.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
+.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
+.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
+.#{$fa-css-prefix}-tv:before,
+.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
+.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
+.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
+.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
+.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
+.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
+.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
+.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
+.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
+.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
+.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
+.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
+.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
+.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
+.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
+.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
+.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
+.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
+.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
+.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
+.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
+.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
+.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
+.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
+.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
+.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
+.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
+.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
+.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
+.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
+.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
+.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
+.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
+.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
+.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
+.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
+.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
+.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
+.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
+.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
+.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
+.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
+.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
+.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
+.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
+.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
+.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
+.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
+.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
+.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
+.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
+.#{$fa-css-prefix}-asl-interpreting:before,
+.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
+.#{$fa-css-prefix}-deafness:before,
+.#{$fa-css-prefix}-hard-of-hearing:before,
+.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
+.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
+.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
+.#{$fa-css-prefix}-signing:before,
+.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
+.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
+.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
+.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
+.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
+.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
+.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
+.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
+.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
+.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
+.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
+.#{$fa-css-prefix}-google-plus-circle:before,
+.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
+.#{$fa-css-prefix}-fa:before,
+.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }
+.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
+.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
+.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
+.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
+.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
+.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
+.#{$fa-css-prefix}-vcard:before,
+.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
+.#{$fa-css-prefix}-vcard-o:before,
+.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
+.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
+.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
+.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
+.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
+.#{$fa-css-prefix}-drivers-license:before,
+.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
+.#{$fa-css-prefix}-drivers-license-o:before,
+.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
+.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
+.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
+.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
+.#{$fa-css-prefix}-thermometer-4:before,
+.#{$fa-css-prefix}-thermometer:before,
+.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
+.#{$fa-css-prefix}-thermometer-3:before,
+.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
+.#{$fa-css-prefix}-thermometer-2:before,
+.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
+.#{$fa-css-prefix}-thermometer-1:before,
+.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
+.#{$fa-css-prefix}-thermometer-0:before,
+.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
+.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
+.#{$fa-css-prefix}-bathtub:before,
+.#{$fa-css-prefix}-s15:before,
+.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
+.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
+.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
+.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
+.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
+.#{$fa-css-prefix}-times-rectangle:before,
+.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
+.#{$fa-css-prefix}-times-rectangle-o:before,
+.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
+.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
+.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
+.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
+.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
+.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
+.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
+.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
+.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
+.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
+.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
+.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }
diff --git a/font-awesome-4.7.0/scss/_larger.scss b/font-awesome-4.7.0/scss/_larger.scss
new file mode 100644
index 0000000..41e9a81
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_larger.scss
@@ -0,0 +1,13 @@
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$fa-css-prefix}-lg {
+ font-size: (4em / 3);
+ line-height: (3em / 4);
+ vertical-align: -15%;
+}
+.#{$fa-css-prefix}-2x { font-size: 2em; }
+.#{$fa-css-prefix}-3x { font-size: 3em; }
+.#{$fa-css-prefix}-4x { font-size: 4em; }
+.#{$fa-css-prefix}-5x { font-size: 5em; }
diff --git a/font-awesome-4.7.0/scss/_list.scss b/font-awesome-4.7.0/scss/_list.scss
new file mode 100644
index 0000000..7d1e4d5
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_list.scss
@@ -0,0 +1,19 @@
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+ padding-left: 0;
+ margin-left: $fa-li-width;
+ list-style-type: none;
+ > li { position: relative; }
+}
+.#{$fa-css-prefix}-li {
+ position: absolute;
+ left: -$fa-li-width;
+ width: $fa-li-width;
+ top: (2em / 14);
+ text-align: center;
+ &.#{$fa-css-prefix}-lg {
+ left: -$fa-li-width + (4em / 14);
+ }
+}
diff --git a/font-awesome-4.7.0/scss/_mixins.scss b/font-awesome-4.7.0/scss/_mixins.scss
new file mode 100644
index 0000000..c3bbd57
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_mixins.scss
@@ -0,0 +1,60 @@
+// Mixins
+// --------------------------
+
+@mixin fa-icon() {
+ display: inline-block;
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
+ text-rendering: auto; // optimizelegibility throws things off #1094
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
+
+@mixin fa-icon-rotate($degrees, $rotation) {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
+ -webkit-transform: rotate($degrees);
+ -ms-transform: rotate($degrees);
+ transform: rotate($degrees);
+}
+
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
+ -webkit-transform: scale($horiz, $vert);
+ -ms-transform: scale($horiz, $vert);
+ transform: scale($horiz, $vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+@mixin sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0,0,0,0);
+ border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+ &:active,
+ &:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ }
+}
diff --git a/font-awesome-4.7.0/scss/_path.scss b/font-awesome-4.7.0/scss/_path.scss
new file mode 100644
index 0000000..bb457c2
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_path.scss
@@ -0,0 +1,15 @@
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+ url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
+ url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+ url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+ url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ font-weight: normal;
+ font-style: normal;
+}
diff --git a/font-awesome-4.7.0/scss/_rotated-flipped.scss b/font-awesome-4.7.0/scss/_rotated-flipped.scss
new file mode 100644
index 0000000..a3558fd
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_rotated-flipped.scss
@@ -0,0 +1,20 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .#{$fa-css-prefix}-rotate-90,
+:root .#{$fa-css-prefix}-rotate-180,
+:root .#{$fa-css-prefix}-rotate-270,
+:root .#{$fa-css-prefix}-flip-horizontal,
+:root .#{$fa-css-prefix}-flip-vertical {
+ filter: none;
+}
diff --git a/font-awesome-4.7.0/scss/_screen-reader.scss b/font-awesome-4.7.0/scss/_screen-reader.scss
new file mode 100644
index 0000000..637426f
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_screen-reader.scss
@@ -0,0 +1,5 @@
+// Screen Readers
+// -------------------------
+
+.sr-only { @include sr-only(); }
+.sr-only-focusable { @include sr-only-focusable(); }
diff --git a/font-awesome-4.7.0/scss/_stacked.scss b/font-awesome-4.7.0/scss/_stacked.scss
new file mode 100644
index 0000000..aef7403
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_stacked.scss
@@ -0,0 +1,20 @@
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
+.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
diff --git a/font-awesome-4.7.0/scss/_variables.scss b/font-awesome-4.7.0/scss/_variables.scss
new file mode 100644
index 0000000..498fc4a
--- /dev/null
+++ b/font-awesome-4.7.0/scss/_variables.scss
@@ -0,0 +1,800 @@
+// Variables
+// --------------------------
+
+$fa-font-path: "../fonts" !default;
+$fa-font-size-base: 14px !default;
+$fa-line-height-base: 1 !default;
+//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix: fa !default;
+$fa-version: "4.7.0" !default;
+$fa-border-color: #eee !default;
+$fa-inverse: #fff !default;
+$fa-li-width: (30em / 14) !default;
+
+$fa-var-500px: "\f26e";
+$fa-var-address-book: "\f2b9";
+$fa-var-address-book-o: "\f2ba";
+$fa-var-address-card: "\f2bb";
+$fa-var-address-card-o: "\f2bc";
+$fa-var-adjust: "\f042";
+$fa-var-adn: "\f170";
+$fa-var-align-center: "\f037";
+$fa-var-align-justify: "\f039";
+$fa-var-align-left: "\f036";
+$fa-var-align-right: "\f038";
+$fa-var-amazon: "\f270";
+$fa-var-ambulance: "\f0f9";
+$fa-var-american-sign-language-interpreting: "\f2a3";
+$fa-var-anchor: "\f13d";
+$fa-var-android: "\f17b";
+$fa-var-angellist: "\f209";
+$fa-var-angle-double-down: "\f103";
+$fa-var-angle-double-left: "\f100";
+$fa-var-angle-double-right: "\f101";
+$fa-var-angle-double-up: "\f102";
+$fa-var-angle-down: "\f107";
+$fa-var-angle-left: "\f104";
+$fa-var-angle-right: "\f105";
+$fa-var-angle-up: "\f106";
+$fa-var-apple: "\f179";
+$fa-var-archive: "\f187";
+$fa-var-area-chart: "\f1fe";
+$fa-var-arrow-circle-down: "\f0ab";
+$fa-var-arrow-circle-left: "\f0a8";
+$fa-var-arrow-circle-o-down: "\f01a";
+$fa-var-arrow-circle-o-left: "\f190";
+$fa-var-arrow-circle-o-right: "\f18e";
+$fa-var-arrow-circle-o-up: "\f01b";
+$fa-var-arrow-circle-right: "\f0a9";
+$fa-var-arrow-circle-up: "\f0aa";
+$fa-var-arrow-down: "\f063";
+$fa-var-arrow-left: "\f060";
+$fa-var-arrow-right: "\f061";
+$fa-var-arrow-up: "\f062";
+$fa-var-arrows: "\f047";
+$fa-var-arrows-alt: "\f0b2";
+$fa-var-arrows-h: "\f07e";
+$fa-var-arrows-v: "\f07d";
+$fa-var-asl-interpreting: "\f2a3";
+$fa-var-assistive-listening-systems: "\f2a2";
+$fa-var-asterisk: "\f069";
+$fa-var-at: "\f1fa";
+$fa-var-audio-description: "\f29e";
+$fa-var-automobile: "\f1b9";
+$fa-var-backward: "\f04a";
+$fa-var-balance-scale: "\f24e";
+$fa-var-ban: "\f05e";
+$fa-var-bandcamp: "\f2d5";
+$fa-var-bank: "\f19c";
+$fa-var-bar-chart: "\f080";
+$fa-var-bar-chart-o: "\f080";
+$fa-var-barcode: "\f02a";
+$fa-var-bars: "\f0c9";
+$fa-var-bath: "\f2cd";
+$fa-var-bathtub: "\f2cd";
+$fa-var-battery: "\f240";
+$fa-var-battery-0: "\f244";
+$fa-var-battery-1: "\f243";
+$fa-var-battery-2: "\f242";
+$fa-var-battery-3: "\f241";
+$fa-var-battery-4: "\f240";
+$fa-var-battery-empty: "\f244";
+$fa-var-battery-full: "\f240";
+$fa-var-battery-half: "\f242";
+$fa-var-battery-quarter: "\f243";
+$fa-var-battery-three-quarters: "\f241";
+$fa-var-bed: "\f236";
+$fa-var-beer: "\f0fc";
+$fa-var-behance: "\f1b4";
+$fa-var-behance-square: "\f1b5";
+$fa-var-bell: "\f0f3";
+$fa-var-bell-o: "\f0a2";
+$fa-var-bell-slash: "\f1f6";
+$fa-var-bell-slash-o: "\f1f7";
+$fa-var-bicycle: "\f206";
+$fa-var-binoculars: "\f1e5";
+$fa-var-birthday-cake: "\f1fd";
+$fa-var-bitbucket: "\f171";
+$fa-var-bitbucket-square: "\f172";
+$fa-var-bitcoin: "\f15a";
+$fa-var-black-tie: "\f27e";
+$fa-var-blind: "\f29d";
+$fa-var-bluetooth: "\f293";
+$fa-var-bluetooth-b: "\f294";
+$fa-var-bold: "\f032";
+$fa-var-bolt: "\f0e7";
+$fa-var-bomb: "\f1e2";
+$fa-var-book: "\f02d";
+$fa-var-bookmark: "\f02e";
+$fa-var-bookmark-o: "\f097";
+$fa-var-braille: "\f2a1";
+$fa-var-briefcase: "\f0b1";
+$fa-var-btc: "\f15a";
+$fa-var-bug: "\f188";
+$fa-var-building: "\f1ad";
+$fa-var-building-o: "\f0f7";
+$fa-var-bullhorn: "\f0a1";
+$fa-var-bullseye: "\f140";
+$fa-var-bus: "\f207";
+$fa-var-buysellads: "\f20d";
+$fa-var-cab: "\f1ba";
+$fa-var-calculator: "\f1ec";
+$fa-var-calendar: "\f073";
+$fa-var-calendar-check-o: "\f274";
+$fa-var-calendar-minus-o: "\f272";
+$fa-var-calendar-o: "\f133";
+$fa-var-calendar-plus-o: "\f271";
+$fa-var-calendar-times-o: "\f273";
+$fa-var-camera: "\f030";
+$fa-var-camera-retro: "\f083";
+$fa-var-car: "\f1b9";
+$fa-var-caret-down: "\f0d7";
+$fa-var-caret-left: "\f0d9";
+$fa-var-caret-right: "\f0da";
+$fa-var-caret-square-o-down: "\f150";
+$fa-var-caret-square-o-left: "\f191";
+$fa-var-caret-square-o-right: "\f152";
+$fa-var-caret-square-o-up: "\f151";
+$fa-var-caret-up: "\f0d8";
+$fa-var-cart-arrow-down: "\f218";
+$fa-var-cart-plus: "\f217";
+$fa-var-cc: "\f20a";
+$fa-var-cc-amex: "\f1f3";
+$fa-var-cc-diners-club: "\f24c";
+$fa-var-cc-discover: "\f1f2";
+$fa-var-cc-jcb: "\f24b";
+$fa-var-cc-mastercard: "\f1f1";
+$fa-var-cc-paypal: "\f1f4";
+$fa-var-cc-stripe: "\f1f5";
+$fa-var-cc-visa: "\f1f0";
+$fa-var-certificate: "\f0a3";
+$fa-var-chain: "\f0c1";
+$fa-var-chain-broken: "\f127";
+$fa-var-check: "\f00c";
+$fa-var-check-circle: "\f058";
+$fa-var-check-circle-o: "\f05d";
+$fa-var-check-square: "\f14a";
+$fa-var-check-square-o: "\f046";
+$fa-var-chevron-circle-down: "\f13a";
+$fa-var-chevron-circle-left: "\f137";
+$fa-var-chevron-circle-right: "\f138";
+$fa-var-chevron-circle-up: "\f139";
+$fa-var-chevron-down: "\f078";
+$fa-var-chevron-left: "\f053";
+$fa-var-chevron-right: "\f054";
+$fa-var-chevron-up: "\f077";
+$fa-var-child: "\f1ae";
+$fa-var-chrome: "\f268";
+$fa-var-circle: "\f111";
+$fa-var-circle-o: "\f10c";
+$fa-var-circle-o-notch: "\f1ce";
+$fa-var-circle-thin: "\f1db";
+$fa-var-clipboard: "\f0ea";
+$fa-var-clock-o: "\f017";
+$fa-var-clone: "\f24d";
+$fa-var-close: "\f00d";
+$fa-var-cloud: "\f0c2";
+$fa-var-cloud-download: "\f0ed";
+$fa-var-cloud-upload: "\f0ee";
+$fa-var-cny: "\f157";
+$fa-var-code: "\f121";
+$fa-var-code-fork: "\f126";
+$fa-var-codepen: "\f1cb";
+$fa-var-codiepie: "\f284";
+$fa-var-coffee: "\f0f4";
+$fa-var-cog: "\f013";
+$fa-var-cogs: "\f085";
+$fa-var-columns: "\f0db";
+$fa-var-comment: "\f075";
+$fa-var-comment-o: "\f0e5";
+$fa-var-commenting: "\f27a";
+$fa-var-commenting-o: "\f27b";
+$fa-var-comments: "\f086";
+$fa-var-comments-o: "\f0e6";
+$fa-var-compass: "\f14e";
+$fa-var-compress: "\f066";
+$fa-var-connectdevelop: "\f20e";
+$fa-var-contao: "\f26d";
+$fa-var-copy: "\f0c5";
+$fa-var-copyright: "\f1f9";
+$fa-var-creative-commons: "\f25e";
+$fa-var-credit-card: "\f09d";
+$fa-var-credit-card-alt: "\f283";
+$fa-var-crop: "\f125";
+$fa-var-crosshairs: "\f05b";
+$fa-var-css3: "\f13c";
+$fa-var-cube: "\f1b2";
+$fa-var-cubes: "\f1b3";
+$fa-var-cut: "\f0c4";
+$fa-var-cutlery: "\f0f5";
+$fa-var-dashboard: "\f0e4";
+$fa-var-dashcube: "\f210";
+$fa-var-database: "\f1c0";
+$fa-var-deaf: "\f2a4";
+$fa-var-deafness: "\f2a4";
+$fa-var-dedent: "\f03b";
+$fa-var-delicious: "\f1a5";
+$fa-var-desktop: "\f108";
+$fa-var-deviantart: "\f1bd";
+$fa-var-diamond: "\f219";
+$fa-var-digg: "\f1a6";
+$fa-var-dollar: "\f155";
+$fa-var-dot-circle-o: "\f192";
+$fa-var-download: "\f019";
+$fa-var-dribbble: "\f17d";
+$fa-var-drivers-license: "\f2c2";
+$fa-var-drivers-license-o: "\f2c3";
+$fa-var-dropbox: "\f16b";
+$fa-var-drupal: "\f1a9";
+$fa-var-edge: "\f282";
+$fa-var-edit: "\f044";
+$fa-var-eercast: "\f2da";
+$fa-var-eject: "\f052";
+$fa-var-ellipsis-h: "\f141";
+$fa-var-ellipsis-v: "\f142";
+$fa-var-empire: "\f1d1";
+$fa-var-envelope: "\f0e0";
+$fa-var-envelope-o: "\f003";
+$fa-var-envelope-open: "\f2b6";
+$fa-var-envelope-open-o: "\f2b7";
+$fa-var-envelope-square: "\f199";
+$fa-var-envira: "\f299";
+$fa-var-eraser: "\f12d";
+$fa-var-etsy: "\f2d7";
+$fa-var-eur: "\f153";
+$fa-var-euro: "\f153";
+$fa-var-exchange: "\f0ec";
+$fa-var-exclamation: "\f12a";
+$fa-var-exclamation-circle: "\f06a";
+$fa-var-exclamation-triangle: "\f071";
+$fa-var-expand: "\f065";
+$fa-var-expeditedssl: "\f23e";
+$fa-var-external-link: "\f08e";
+$fa-var-external-link-square: "\f14c";
+$fa-var-eye: "\f06e";
+$fa-var-eye-slash: "\f070";
+$fa-var-eyedropper: "\f1fb";
+$fa-var-fa: "\f2b4";
+$fa-var-facebook: "\f09a";
+$fa-var-facebook-f: "\f09a";
+$fa-var-facebook-official: "\f230";
+$fa-var-facebook-square: "\f082";
+$fa-var-fast-backward: "\f049";
+$fa-var-fast-forward: "\f050";
+$fa-var-fax: "\f1ac";
+$fa-var-feed: "\f09e";
+$fa-var-female: "\f182";
+$fa-var-fighter-jet: "\f0fb";
+$fa-var-file: "\f15b";
+$fa-var-file-archive-o: "\f1c6";
+$fa-var-file-audio-o: "\f1c7";
+$fa-var-file-code-o: "\f1c9";
+$fa-var-file-excel-o: "\f1c3";
+$fa-var-file-image-o: "\f1c5";
+$fa-var-file-movie-o: "\f1c8";
+$fa-var-file-o: "\f016";
+$fa-var-file-pdf-o: "\f1c1";
+$fa-var-file-photo-o: "\f1c5";
+$fa-var-file-picture-o: "\f1c5";
+$fa-var-file-powerpoint-o: "\f1c4";
+$fa-var-file-sound-o: "\f1c7";
+$fa-var-file-text: "\f15c";
+$fa-var-file-text-o: "\f0f6";
+$fa-var-file-video-o: "\f1c8";
+$fa-var-file-word-o: "\f1c2";
+$fa-var-file-zip-o: "\f1c6";
+$fa-var-files-o: "\f0c5";
+$fa-var-film: "\f008";
+$fa-var-filter: "\f0b0";
+$fa-var-fire: "\f06d";
+$fa-var-fire-extinguisher: "\f134";
+$fa-var-firefox: "\f269";
+$fa-var-first-order: "\f2b0";
+$fa-var-flag: "\f024";
+$fa-var-flag-checkered: "\f11e";
+$fa-var-flag-o: "\f11d";
+$fa-var-flash: "\f0e7";
+$fa-var-flask: "\f0c3";
+$fa-var-flickr: "\f16e";
+$fa-var-floppy-o: "\f0c7";
+$fa-var-folder: "\f07b";
+$fa-var-folder-o: "\f114";
+$fa-var-folder-open: "\f07c";
+$fa-var-folder-open-o: "\f115";
+$fa-var-font: "\f031";
+$fa-var-font-awesome: "\f2b4";
+$fa-var-fonticons: "\f280";
+$fa-var-fort-awesome: "\f286";
+$fa-var-forumbee: "\f211";
+$fa-var-forward: "\f04e";
+$fa-var-foursquare: "\f180";
+$fa-var-free-code-camp: "\f2c5";
+$fa-var-frown-o: "\f119";
+$fa-var-futbol-o: "\f1e3";
+$fa-var-gamepad: "\f11b";
+$fa-var-gavel: "\f0e3";
+$fa-var-gbp: "\f154";
+$fa-var-ge: "\f1d1";
+$fa-var-gear: "\f013";
+$fa-var-gears: "\f085";
+$fa-var-genderless: "\f22d";
+$fa-var-get-pocket: "\f265";
+$fa-var-gg: "\f260";
+$fa-var-gg-circle: "\f261";
+$fa-var-gift: "\f06b";
+$fa-var-git: "\f1d3";
+$fa-var-git-square: "\f1d2";
+$fa-var-github: "\f09b";
+$fa-var-github-alt: "\f113";
+$fa-var-github-square: "\f092";
+$fa-var-gitlab: "\f296";
+$fa-var-gittip: "\f184";
+$fa-var-glass: "\f000";
+$fa-var-glide: "\f2a5";
+$fa-var-glide-g: "\f2a6";
+$fa-var-globe: "\f0ac";
+$fa-var-google: "\f1a0";
+$fa-var-google-plus: "\f0d5";
+$fa-var-google-plus-circle: "\f2b3";
+$fa-var-google-plus-official: "\f2b3";
+$fa-var-google-plus-square: "\f0d4";
+$fa-var-google-wallet: "\f1ee";
+$fa-var-graduation-cap: "\f19d";
+$fa-var-gratipay: "\f184";
+$fa-var-grav: "\f2d6";
+$fa-var-group: "\f0c0";
+$fa-var-h-square: "\f0fd";
+$fa-var-hacker-news: "\f1d4";
+$fa-var-hand-grab-o: "\f255";
+$fa-var-hand-lizard-o: "\f258";
+$fa-var-hand-o-down: "\f0a7";
+$fa-var-hand-o-left: "\f0a5";
+$fa-var-hand-o-right: "\f0a4";
+$fa-var-hand-o-up: "\f0a6";
+$fa-var-hand-paper-o: "\f256";
+$fa-var-hand-peace-o: "\f25b";
+$fa-var-hand-pointer-o: "\f25a";
+$fa-var-hand-rock-o: "\f255";
+$fa-var-hand-scissors-o: "\f257";
+$fa-var-hand-spock-o: "\f259";
+$fa-var-hand-stop-o: "\f256";
+$fa-var-handshake-o: "\f2b5";
+$fa-var-hard-of-hearing: "\f2a4";
+$fa-var-hashtag: "\f292";
+$fa-var-hdd-o: "\f0a0";
+$fa-var-header: "\f1dc";
+$fa-var-headphones: "\f025";
+$fa-var-heart: "\f004";
+$fa-var-heart-o: "\f08a";
+$fa-var-heartbeat: "\f21e";
+$fa-var-history: "\f1da";
+$fa-var-home: "\f015";
+$fa-var-hospital-o: "\f0f8";
+$fa-var-hotel: "\f236";
+$fa-var-hourglass: "\f254";
+$fa-var-hourglass-1: "\f251";
+$fa-var-hourglass-2: "\f252";
+$fa-var-hourglass-3: "\f253";
+$fa-var-hourglass-end: "\f253";
+$fa-var-hourglass-half: "\f252";
+$fa-var-hourglass-o: "\f250";
+$fa-var-hourglass-start: "\f251";
+$fa-var-houzz: "\f27c";
+$fa-var-html5: "\f13b";
+$fa-var-i-cursor: "\f246";
+$fa-var-id-badge: "\f2c1";
+$fa-var-id-card: "\f2c2";
+$fa-var-id-card-o: "\f2c3";
+$fa-var-ils: "\f20b";
+$fa-var-image: "\f03e";
+$fa-var-imdb: "\f2d8";
+$fa-var-inbox: "\f01c";
+$fa-var-indent: "\f03c";
+$fa-var-industry: "\f275";
+$fa-var-info: "\f129";
+$fa-var-info-circle: "\f05a";
+$fa-var-inr: "\f156";
+$fa-var-instagram: "\f16d";
+$fa-var-institution: "\f19c";
+$fa-var-internet-explorer: "\f26b";
+$fa-var-intersex: "\f224";
+$fa-var-ioxhost: "\f208";
+$fa-var-italic: "\f033";
+$fa-var-joomla: "\f1aa";
+$fa-var-jpy: "\f157";
+$fa-var-jsfiddle: "\f1cc";
+$fa-var-key: "\f084";
+$fa-var-keyboard-o: "\f11c";
+$fa-var-krw: "\f159";
+$fa-var-language: "\f1ab";
+$fa-var-laptop: "\f109";
+$fa-var-lastfm: "\f202";
+$fa-var-lastfm-square: "\f203";
+$fa-var-leaf: "\f06c";
+$fa-var-leanpub: "\f212";
+$fa-var-legal: "\f0e3";
+$fa-var-lemon-o: "\f094";
+$fa-var-level-down: "\f149";
+$fa-var-level-up: "\f148";
+$fa-var-life-bouy: "\f1cd";
+$fa-var-life-buoy: "\f1cd";
+$fa-var-life-ring: "\f1cd";
+$fa-var-life-saver: "\f1cd";
+$fa-var-lightbulb-o: "\f0eb";
+$fa-var-line-chart: "\f201";
+$fa-var-link: "\f0c1";
+$fa-var-linkedin: "\f0e1";
+$fa-var-linkedin-square: "\f08c";
+$fa-var-linode: "\f2b8";
+$fa-var-linux: "\f17c";
+$fa-var-list: "\f03a";
+$fa-var-list-alt: "\f022";
+$fa-var-list-ol: "\f0cb";
+$fa-var-list-ul: "\f0ca";
+$fa-var-location-arrow: "\f124";
+$fa-var-lock: "\f023";
+$fa-var-long-arrow-down: "\f175";
+$fa-var-long-arrow-left: "\f177";
+$fa-var-long-arrow-right: "\f178";
+$fa-var-long-arrow-up: "\f176";
+$fa-var-low-vision: "\f2a8";
+$fa-var-magic: "\f0d0";
+$fa-var-magnet: "\f076";
+$fa-var-mail-forward: "\f064";
+$fa-var-mail-reply: "\f112";
+$fa-var-mail-reply-all: "\f122";
+$fa-var-male: "\f183";
+$fa-var-map: "\f279";
+$fa-var-map-marker: "\f041";
+$fa-var-map-o: "\f278";
+$fa-var-map-pin: "\f276";
+$fa-var-map-signs: "\f277";
+$fa-var-mars: "\f222";
+$fa-var-mars-double: "\f227";
+$fa-var-mars-stroke: "\f229";
+$fa-var-mars-stroke-h: "\f22b";
+$fa-var-mars-stroke-v: "\f22a";
+$fa-var-maxcdn: "\f136";
+$fa-var-meanpath: "\f20c";
+$fa-var-medium: "\f23a";
+$fa-var-medkit: "\f0fa";
+$fa-var-meetup: "\f2e0";
+$fa-var-meh-o: "\f11a";
+$fa-var-mercury: "\f223";
+$fa-var-microchip: "\f2db";
+$fa-var-microphone: "\f130";
+$fa-var-microphone-slash: "\f131";
+$fa-var-minus: "\f068";
+$fa-var-minus-circle: "\f056";
+$fa-var-minus-square: "\f146";
+$fa-var-minus-square-o: "\f147";
+$fa-var-mixcloud: "\f289";
+$fa-var-mobile: "\f10b";
+$fa-var-mobile-phone: "\f10b";
+$fa-var-modx: "\f285";
+$fa-var-money: "\f0d6";
+$fa-var-moon-o: "\f186";
+$fa-var-mortar-board: "\f19d";
+$fa-var-motorcycle: "\f21c";
+$fa-var-mouse-pointer: "\f245";
+$fa-var-music: "\f001";
+$fa-var-navicon: "\f0c9";
+$fa-var-neuter: "\f22c";
+$fa-var-newspaper-o: "\f1ea";
+$fa-var-object-group: "\f247";
+$fa-var-object-ungroup: "\f248";
+$fa-var-odnoklassniki: "\f263";
+$fa-var-odnoklassniki-square: "\f264";
+$fa-var-opencart: "\f23d";
+$fa-var-openid: "\f19b";
+$fa-var-opera: "\f26a";
+$fa-var-optin-monster: "\f23c";
+$fa-var-outdent: "\f03b";
+$fa-var-pagelines: "\f18c";
+$fa-var-paint-brush: "\f1fc";
+$fa-var-paper-plane: "\f1d8";
+$fa-var-paper-plane-o: "\f1d9";
+$fa-var-paperclip: "\f0c6";
+$fa-var-paragraph: "\f1dd";
+$fa-var-paste: "\f0ea";
+$fa-var-pause: "\f04c";
+$fa-var-pause-circle: "\f28b";
+$fa-var-pause-circle-o: "\f28c";
+$fa-var-paw: "\f1b0";
+$fa-var-paypal: "\f1ed";
+$fa-var-pencil: "\f040";
+$fa-var-pencil-square: "\f14b";
+$fa-var-pencil-square-o: "\f044";
+$fa-var-percent: "\f295";
+$fa-var-phone: "\f095";
+$fa-var-phone-square: "\f098";
+$fa-var-photo: "\f03e";
+$fa-var-picture-o: "\f03e";
+$fa-var-pie-chart: "\f200";
+$fa-var-pied-piper: "\f2ae";
+$fa-var-pied-piper-alt: "\f1a8";
+$fa-var-pied-piper-pp: "\f1a7";
+$fa-var-pinterest: "\f0d2";
+$fa-var-pinterest-p: "\f231";
+$fa-var-pinterest-square: "\f0d3";
+$fa-var-plane: "\f072";
+$fa-var-play: "\f04b";
+$fa-var-play-circle: "\f144";
+$fa-var-play-circle-o: "\f01d";
+$fa-var-plug: "\f1e6";
+$fa-var-plus: "\f067";
+$fa-var-plus-circle: "\f055";
+$fa-var-plus-square: "\f0fe";
+$fa-var-plus-square-o: "\f196";
+$fa-var-podcast: "\f2ce";
+$fa-var-power-off: "\f011";
+$fa-var-print: "\f02f";
+$fa-var-product-hunt: "\f288";
+$fa-var-puzzle-piece: "\f12e";
+$fa-var-qq: "\f1d6";
+$fa-var-qrcode: "\f029";
+$fa-var-question: "\f128";
+$fa-var-question-circle: "\f059";
+$fa-var-question-circle-o: "\f29c";
+$fa-var-quora: "\f2c4";
+$fa-var-quote-left: "\f10d";
+$fa-var-quote-right: "\f10e";
+$fa-var-ra: "\f1d0";
+$fa-var-random: "\f074";
+$fa-var-ravelry: "\f2d9";
+$fa-var-rebel: "\f1d0";
+$fa-var-recycle: "\f1b8";
+$fa-var-reddit: "\f1a1";
+$fa-var-reddit-alien: "\f281";
+$fa-var-reddit-square: "\f1a2";
+$fa-var-refresh: "\f021";
+$fa-var-registered: "\f25d";
+$fa-var-remove: "\f00d";
+$fa-var-renren: "\f18b";
+$fa-var-reorder: "\f0c9";
+$fa-var-repeat: "\f01e";
+$fa-var-reply: "\f112";
+$fa-var-reply-all: "\f122";
+$fa-var-resistance: "\f1d0";
+$fa-var-retweet: "\f079";
+$fa-var-rmb: "\f157";
+$fa-var-road: "\f018";
+$fa-var-rocket: "\f135";
+$fa-var-rotate-left: "\f0e2";
+$fa-var-rotate-right: "\f01e";
+$fa-var-rouble: "\f158";
+$fa-var-rss: "\f09e";
+$fa-var-rss-square: "\f143";
+$fa-var-rub: "\f158";
+$fa-var-ruble: "\f158";
+$fa-var-rupee: "\f156";
+$fa-var-s15: "\f2cd";
+$fa-var-safari: "\f267";
+$fa-var-save: "\f0c7";
+$fa-var-scissors: "\f0c4";
+$fa-var-scribd: "\f28a";
+$fa-var-search: "\f002";
+$fa-var-search-minus: "\f010";
+$fa-var-search-plus: "\f00e";
+$fa-var-sellsy: "\f213";
+$fa-var-send: "\f1d8";
+$fa-var-send-o: "\f1d9";
+$fa-var-server: "\f233";
+$fa-var-share: "\f064";
+$fa-var-share-alt: "\f1e0";
+$fa-var-share-alt-square: "\f1e1";
+$fa-var-share-square: "\f14d";
+$fa-var-share-square-o: "\f045";
+$fa-var-shekel: "\f20b";
+$fa-var-sheqel: "\f20b";
+$fa-var-shield: "\f132";
+$fa-var-ship: "\f21a";
+$fa-var-shirtsinbulk: "\f214";
+$fa-var-shopping-bag: "\f290";
+$fa-var-shopping-basket: "\f291";
+$fa-var-shopping-cart: "\f07a";
+$fa-var-shower: "\f2cc";
+$fa-var-sign-in: "\f090";
+$fa-var-sign-language: "\f2a7";
+$fa-var-sign-out: "\f08b";
+$fa-var-signal: "\f012";
+$fa-var-signing: "\f2a7";
+$fa-var-simplybuilt: "\f215";
+$fa-var-sitemap: "\f0e8";
+$fa-var-skyatlas: "\f216";
+$fa-var-skype: "\f17e";
+$fa-var-slack: "\f198";
+$fa-var-sliders: "\f1de";
+$fa-var-slideshare: "\f1e7";
+$fa-var-smile-o: "\f118";
+$fa-var-snapchat: "\f2ab";
+$fa-var-snapchat-ghost: "\f2ac";
+$fa-var-snapchat-square: "\f2ad";
+$fa-var-snowflake-o: "\f2dc";
+$fa-var-soccer-ball-o: "\f1e3";
+$fa-var-sort: "\f0dc";
+$fa-var-sort-alpha-asc: "\f15d";
+$fa-var-sort-alpha-desc: "\f15e";
+$fa-var-sort-amount-asc: "\f160";
+$fa-var-sort-amount-desc: "\f161";
+$fa-var-sort-asc: "\f0de";
+$fa-var-sort-desc: "\f0dd";
+$fa-var-sort-down: "\f0dd";
+$fa-var-sort-numeric-asc: "\f162";
+$fa-var-sort-numeric-desc: "\f163";
+$fa-var-sort-up: "\f0de";
+$fa-var-soundcloud: "\f1be";
+$fa-var-space-shuttle: "\f197";
+$fa-var-spinner: "\f110";
+$fa-var-spoon: "\f1b1";
+$fa-var-spotify: "\f1bc";
+$fa-var-square: "\f0c8";
+$fa-var-square-o: "\f096";
+$fa-var-stack-exchange: "\f18d";
+$fa-var-stack-overflow: "\f16c";
+$fa-var-star: "\f005";
+$fa-var-star-half: "\f089";
+$fa-var-star-half-empty: "\f123";
+$fa-var-star-half-full: "\f123";
+$fa-var-star-half-o: "\f123";
+$fa-var-star-o: "\f006";
+$fa-var-steam: "\f1b6";
+$fa-var-steam-square: "\f1b7";
+$fa-var-step-backward: "\f048";
+$fa-var-step-forward: "\f051";
+$fa-var-stethoscope: "\f0f1";
+$fa-var-sticky-note: "\f249";
+$fa-var-sticky-note-o: "\f24a";
+$fa-var-stop: "\f04d";
+$fa-var-stop-circle: "\f28d";
+$fa-var-stop-circle-o: "\f28e";
+$fa-var-street-view: "\f21d";
+$fa-var-strikethrough: "\f0cc";
+$fa-var-stumbleupon: "\f1a4";
+$fa-var-stumbleupon-circle: "\f1a3";
+$fa-var-subscript: "\f12c";
+$fa-var-subway: "\f239";
+$fa-var-suitcase: "\f0f2";
+$fa-var-sun-o: "\f185";
+$fa-var-superpowers: "\f2dd";
+$fa-var-superscript: "\f12b";
+$fa-var-support: "\f1cd";
+$fa-var-table: "\f0ce";
+$fa-var-tablet: "\f10a";
+$fa-var-tachometer: "\f0e4";
+$fa-var-tag: "\f02b";
+$fa-var-tags: "\f02c";
+$fa-var-tasks: "\f0ae";
+$fa-var-taxi: "\f1ba";
+$fa-var-telegram: "\f2c6";
+$fa-var-television: "\f26c";
+$fa-var-tencent-weibo: "\f1d5";
+$fa-var-terminal: "\f120";
+$fa-var-text-height: "\f034";
+$fa-var-text-width: "\f035";
+$fa-var-th: "\f00a";
+$fa-var-th-large: "\f009";
+$fa-var-th-list: "\f00b";
+$fa-var-themeisle: "\f2b2";
+$fa-var-thermometer: "\f2c7";
+$fa-var-thermometer-0: "\f2cb";
+$fa-var-thermometer-1: "\f2ca";
+$fa-var-thermometer-2: "\f2c9";
+$fa-var-thermometer-3: "\f2c8";
+$fa-var-thermometer-4: "\f2c7";
+$fa-var-thermometer-empty: "\f2cb";
+$fa-var-thermometer-full: "\f2c7";
+$fa-var-thermometer-half: "\f2c9";
+$fa-var-thermometer-quarter: "\f2ca";
+$fa-var-thermometer-three-quarters: "\f2c8";
+$fa-var-thumb-tack: "\f08d";
+$fa-var-thumbs-down: "\f165";
+$fa-var-thumbs-o-down: "\f088";
+$fa-var-thumbs-o-up: "\f087";
+$fa-var-thumbs-up: "\f164";
+$fa-var-ticket: "\f145";
+$fa-var-times: "\f00d";
+$fa-var-times-circle: "\f057";
+$fa-var-times-circle-o: "\f05c";
+$fa-var-times-rectangle: "\f2d3";
+$fa-var-times-rectangle-o: "\f2d4";
+$fa-var-tint: "\f043";
+$fa-var-toggle-down: "\f150";
+$fa-var-toggle-left: "\f191";
+$fa-var-toggle-off: "\f204";
+$fa-var-toggle-on: "\f205";
+$fa-var-toggle-right: "\f152";
+$fa-var-toggle-up: "\f151";
+$fa-var-trademark: "\f25c";
+$fa-var-train: "\f238";
+$fa-var-transgender: "\f224";
+$fa-var-transgender-alt: "\f225";
+$fa-var-trash: "\f1f8";
+$fa-var-trash-o: "\f014";
+$fa-var-tree: "\f1bb";
+$fa-var-trello: "\f181";
+$fa-var-tripadvisor: "\f262";
+$fa-var-trophy: "\f091";
+$fa-var-truck: "\f0d1";
+$fa-var-try: "\f195";
+$fa-var-tty: "\f1e4";
+$fa-var-tumblr: "\f173";
+$fa-var-tumblr-square: "\f174";
+$fa-var-turkish-lira: "\f195";
+$fa-var-tv: "\f26c";
+$fa-var-twitch: "\f1e8";
+$fa-var-twitter: "\f099";
+$fa-var-twitter-square: "\f081";
+$fa-var-umbrella: "\f0e9";
+$fa-var-underline: "\f0cd";
+$fa-var-undo: "\f0e2";
+$fa-var-universal-access: "\f29a";
+$fa-var-university: "\f19c";
+$fa-var-unlink: "\f127";
+$fa-var-unlock: "\f09c";
+$fa-var-unlock-alt: "\f13e";
+$fa-var-unsorted: "\f0dc";
+$fa-var-upload: "\f093";
+$fa-var-usb: "\f287";
+$fa-var-usd: "\f155";
+$fa-var-user: "\f007";
+$fa-var-user-circle: "\f2bd";
+$fa-var-user-circle-o: "\f2be";
+$fa-var-user-md: "\f0f0";
+$fa-var-user-o: "\f2c0";
+$fa-var-user-plus: "\f234";
+$fa-var-user-secret: "\f21b";
+$fa-var-user-times: "\f235";
+$fa-var-users: "\f0c0";
+$fa-var-vcard: "\f2bb";
+$fa-var-vcard-o: "\f2bc";
+$fa-var-venus: "\f221";
+$fa-var-venus-double: "\f226";
+$fa-var-venus-mars: "\f228";
+$fa-var-viacoin: "\f237";
+$fa-var-viadeo: "\f2a9";
+$fa-var-viadeo-square: "\f2aa";
+$fa-var-video-camera: "\f03d";
+$fa-var-vimeo: "\f27d";
+$fa-var-vimeo-square: "\f194";
+$fa-var-vine: "\f1ca";
+$fa-var-vk: "\f189";
+$fa-var-volume-control-phone: "\f2a0";
+$fa-var-volume-down: "\f027";
+$fa-var-volume-off: "\f026";
+$fa-var-volume-up: "\f028";
+$fa-var-warning: "\f071";
+$fa-var-wechat: "\f1d7";
+$fa-var-weibo: "\f18a";
+$fa-var-weixin: "\f1d7";
+$fa-var-whatsapp: "\f232";
+$fa-var-wheelchair: "\f193";
+$fa-var-wheelchair-alt: "\f29b";
+$fa-var-wifi: "\f1eb";
+$fa-var-wikipedia-w: "\f266";
+$fa-var-window-close: "\f2d3";
+$fa-var-window-close-o: "\f2d4";
+$fa-var-window-maximize: "\f2d0";
+$fa-var-window-minimize: "\f2d1";
+$fa-var-window-restore: "\f2d2";
+$fa-var-windows: "\f17a";
+$fa-var-won: "\f159";
+$fa-var-wordpress: "\f19a";
+$fa-var-wpbeginner: "\f297";
+$fa-var-wpexplorer: "\f2de";
+$fa-var-wpforms: "\f298";
+$fa-var-wrench: "\f0ad";
+$fa-var-xing: "\f168";
+$fa-var-xing-square: "\f169";
+$fa-var-y-combinator: "\f23b";
+$fa-var-y-combinator-square: "\f1d4";
+$fa-var-yahoo: "\f19e";
+$fa-var-yc: "\f23b";
+$fa-var-yc-square: "\f1d4";
+$fa-var-yelp: "\f1e9";
+$fa-var-yen: "\f157";
+$fa-var-yoast: "\f2b1";
+$fa-var-youtube: "\f167";
+$fa-var-youtube-play: "\f16a";
+$fa-var-youtube-square: "\f166";
+
diff --git a/font-awesome-4.7.0/scss/font-awesome.scss b/font-awesome-4.7.0/scss/font-awesome.scss
new file mode 100644
index 0000000..f1c83aa
--- /dev/null
+++ b/font-awesome-4.7.0/scss/font-awesome.scss
@@ -0,0 +1,18 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "animated";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
+@import "screen-reader";
diff --git a/libs/Database.php b/libs/Database.php
index d0112d4..5e82d19 100644
--- a/libs/Database.php
+++ b/libs/Database.php
@@ -14,14 +14,4 @@ public function runQuery($query){
return $stmt->fetchAll();
}
-
- public function select($query){
-
- $stmt = $this->prepare($query);
-
- $stmt->execute();
-
- return $stmt->fetchAll();
-
- }
}
diff --git a/models/Department_Model.php b/models/Department_Model.php
new file mode 100644
index 0000000..cfde9fb
--- /dev/null
+++ b/models/Department_Model.php
@@ -0,0 +1,17 @@
+db->runQuery($sql);
+ }
+
+}
\ No newline at end of file
diff --git a/models/Team_Model.php b/models/Team_Model.php
new file mode 100644
index 0000000..c27d4f5
--- /dev/null
+++ b/models/Team_Model.php
@@ -0,0 +1,17 @@
+db->runQuery($sql);
+ }
+
+}
\ No newline at end of file
diff --git a/models/adminHome_Model.php b/models/adminHome_Model.php
new file mode 100644
index 0000000..bac197d
--- /dev/null
+++ b/models/adminHome_Model.php
@@ -0,0 +1,24 @@
+db->runQuery($sql);
+ }
+
+ function searchdata($empid)
+ {
+ $sql="SELECT * FROM systemuser WHERE EmpID='$empid'";
+ return $this->db->runQuery($sql);
+
+ }
+}
+
+?>
\ No newline at end of file
diff --git a/models/admin_Model.php b/models/admin_Model.php
new file mode 100644
index 0000000..3c2c138
--- /dev/null
+++ b/models/admin_Model.php
@@ -0,0 +1,42 @@
+db->runQuery($sql);
+ }
+
+ function searchdata($empid)
+ {
+ $sql="SELECT * FROM systemuser WHERE EmpID='$empid'";
+ return $this->db->runQuery($sql);
+ }
+
+ function getaccessdata($empID)
+ {
+ $sql="SELECT * FROM accesslevel WHERE EmpID = '$empID'";
+ return $this->db->runQuery($sql);
+ }
+
+ function insertdata($empID,$MyProfile,$Login,$Admin,$Member,$Leader,$Manager,$HR)
+ {
+ $sql="INSERT INTO accesslevel VALUES ('$empID','$MyProfile','$Login','$Admin','$Member','$Leader','$Manager','HR')";
+
+ return $this->db->runQuery($sql);
+ }
+
+ function updatedata($empID,$MyProfile,$Login,$Admin,$Member,$Leader,$Manager,$HR)
+ {
+ $sql="UPDATE accesslevel SET MyProfile='$MyProfile', LoginAccess='$Login', AdminAccess='$Admin', MemberAccess='$Member', LeaderAccess='$Leader', ManagerAccess='$Manager', HRAccess='$HR' WHERE EmpID='$empID'";
+ return $this->db->runQuery($sql);
+ }
+}
+
+?>
\ No newline at end of file
diff --git a/models/assignTasksMember_Model.php b/models/assignTasksMember_Model.php
new file mode 100644
index 0000000..f25b02d
--- /dev/null
+++ b/models/assignTasksMember_Model.php
@@ -0,0 +1,18 @@
+db->runQuery($sql);
+ }
+
+
+}
\ No newline at end of file
diff --git a/models/assignTasksTeam_Model.php b/models/assignTasksTeam_Model.php
new file mode 100644
index 0000000..2fadb37
--- /dev/null
+++ b/models/assignTasksTeam_Model.php
@@ -0,0 +1,23 @@
+db->runQuery($sql1);
+
+ $dept_ID = $dept[0]['DeptID'];
+
+ $sql2 = "SELECT T.TeamID, T.TeamName, L.EmpID, S.EmpName FROM team T INNER JOIN team_leader L ON T.TeamID = L.TeamID INNER JOIN
+ systemuser S ON S.EmpID = L.EmpID WHERE T.DeptID = ('$dept_ID') ; " ;
+
+ return $this->db->runQuery($sql2);
+
+ }
+}
\ No newline at end of file
diff --git a/models/deptManageTask_Model.php b/models/deptManageTask_Model.php
new file mode 100644
index 0000000..ed92fde
--- /dev/null
+++ b/models/deptManageTask_Model.php
@@ -0,0 +1,70 @@
+db->runQuery($sql1);
+
+ $dept_ID = $dept[0]['DeptID'];
+
+ //$sql = "SELECT tk.TeamID, tm.TeamName, tk.TaskName FROM Team tm INNER JOIN Task tk ON tk.TeamID = tm.TeamID WHERE tm.DeptID = ('$dept_ID') ; " ;
+ $sql = "SELECT tk.TeamID, tm.TeamName, tk.TaskName, tk.TaskID FROM Team tm INNER JOIN Task tk ON tk.TeamID = tm.TeamID
+ WHERE tm.DeptID = ('$dept_ID') AND NOT EXISTS (select 1 FROM task_assign ts WHERE ts.TaskID = tk.TaskID) ; " ;
+
+ return $this->db->runQuery($sql);
+
+ }
+
+ function insertData(){
+
+ $id = $_POST['tid'];
+ $name = $_POST['tname'];
+
+ $sql = "INSERT INTO task (TeamID, TaskName) VALUES ('$id', '$name')" ;
+
+ if ($this->db->query($sql) == TRUE) {
+ $_SESSION['addTask'] = "yes";
+ } else {
+ $_SESSION['addTask'] = "no";
+ }
+
+ $a = array();
+ $sub1 = $_POST['sub1'];
+ $sub2 = $_POST['sub2'];
+ $sub3 = $_POST['sub3'];
+ $sub4 = $_POST['sub4'];
+ array_push($a,$sub1,$sub2,$sub3,$sub4);
+
+
+ for ($i = 0; $i <4; $i++){
+
+ if($a[$i]){
+
+ echo $a[$i];
+
+ $sql = "INSERT INTO subtask (TaskID, SubTaskName) VALUES ('$id', '$a[$i]')" ;
+
+ if ($this->db->query($sql) == TRUE) {
+ $_SESSION['addTask'] = "yes";
+ } else {
+ $_SESSION['addTask'] = "no";
+ }
+
+ }
+
+
+ }
+
+ }
+
+}
\ No newline at end of file
diff --git a/models/employeeWorkProgress_Model.php b/models/employeeWorkProgress_Model.php
new file mode 100644
index 0000000..62292ec
--- /dev/null
+++ b/models/employeeWorkProgress_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ // }
+}
\ No newline at end of file
diff --git a/models/forgotPassword_Model.php b/models/forgotPassword_Model.php
new file mode 100644
index 0000000..fec1dc3
--- /dev/null
+++ b/models/forgotPassword_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ // }
+}
\ No newline at end of file
diff --git a/models/landingpage.php b/models/landingpage.php
deleted file mode 100644
index 628588a..0000000
--- a/models/landingpage.php
+++ /dev/null
@@ -1,25 +0,0 @@
-db->runQuery($sql1);
-
- $dept_ID = $dept[0]['DeptID'];
-
- $sql = "SELECT tk.TeamID, tm.TeamName, tk.TaskName FROM Team tm INNER JOIN Task tk ON tk.TeamID = tm.TeamID WHERE tm.DeptID = ('$dept_ID') ; " ;
-
- return $this->db->runQuery($sql);
-
- }
-}
\ No newline at end of file
diff --git a/models/landingpage_Model.php b/models/landingpage_Model.php
new file mode 100644
index 0000000..d4174df
--- /dev/null
+++ b/models/landingpage_Model.php
@@ -0,0 +1,60 @@
+db->runQuery($sql1);
+
+ }elseif($_SESSION['emprole'] == "Team_Leader" || $_SESSION['emprole'] == "Team_Member" ){
+
+ $sql1 ="SELECT COUNT(CASE WHEN task_assign.TaskStatus = 'InProgress' THEN 1 END) AS inprogress,
+ COUNT(CASE WHEN task_assign.TaskStatus = 'Completed' THEN 1 END) AS completed,
+ COUNT(CASE WHEN task_assign.TaskStatus = 'Approved' THEN 1 END) AS approved,
+ COUNT(CASE WHEN task_assign.TaskStatus = 'Pending' THEN 1 END) AS pending
+ FROM task_assign WHERE task_assign.AssignedTo = '$_SESSION[login_user]' ";
+
+ return $this->db->runQuery($sql1);
+
+ }
+
+ }
+
+ function loadHours(){
+
+ if($_SESSION['emprole'] == "Dept_Manager"){
+
+ $sql2 = "SELECT task_assign.TaskStatus, SUM(task_assign.RequiredTime) AS totaltime FROM task_assign
+ INNER JOIN task ON task_assign.TaskID = task.TaskID INNER JOIN team ON task.TeamID = team.TeamID
+ INNER JOIN dept ON team.DeptID = dept.DeptID WHERE dept.Dept_Manager = '$_SESSION[login_user]' GROUP BY task_assign.TaskStatus ;";
+
+ return $this->db->runQuery($sql2);
+
+ }
+
+ elseif($_SESSION['emprole'] == "Team_Leader" || $_SESSION['emprole'] == "Team_Member" ){
+
+ $sql2 ="SELECT task_assign.TaskStatus, SUM(task_assign.RequiredTime) AS totaltime FROM task_assign
+ WHERE task_assign.AssignedTo = '$_SESSION[login_user]' GROUP BY task_assign.TaskStatus ;" ;
+
+ return $this->db->runQuery($sql2);
+
+ }
+ }
+
+}
diff --git a/models/leaderManageTask_Model.php b/models/leaderManageTask_Model.php
new file mode 100644
index 0000000..792f48d
--- /dev/null
+++ b/models/leaderManageTask_Model.php
@@ -0,0 +1,19 @@
+db->runQuery($sql);
+ }
+
+
+}
\ No newline at end of file
diff --git a/models/leave_Model.php b/models/leave_Model.php
new file mode 100644
index 0000000..866fb52
--- /dev/null
+++ b/models/leave_Model.php
@@ -0,0 +1,50 @@
+db->runQuery($sql);
+
+ /*try{
+ $this->db->exec($sql);
+ $_SESSION['error-msg'] = "New record created successfully";
+ }
+ catch(PDOException $e)
+ {
+
+ $_SESSION['error-msg'] = $e->getMessage();
+ }*/
+
+ }
+
+ function delete($start, $end, $leavetype){
+ /*$sql="INSERT INTO empleave (StartDate,EndDate,Reason,EmpID) VALUES ('$start','$end','$leavetype','$_SESSION['login_user']')";
+ return $this->db->runQuery($sql);
+ echo "";
+
+ /*try{
+ $this->db->exec($sql);
+ $_SESSION['error-msg'] = "New record created successfully";
+ }
+ catch(PDOException $e)
+ {
+
+ $_SESSION['error-msg'] = $e->getMessage();
+ }*/
+
+ }
+
+}
+?>
\ No newline at end of file
diff --git a/models/login_Model.php b/models/login_Model.php
index 8922a31..4424721 100644
--- a/models/login_Model.php
+++ b/models/login_Model.php
@@ -8,7 +8,7 @@ function __construct()
}
function getData(){
- //return $this->db->runQuery("SELECT * from users");
+
}
function setData(){
@@ -20,42 +20,70 @@ function run(){
$user_name=$_POST['user_name'];
$password=$_POST['password'];
- $sql = ("SELECT * FROM SystemUser WHERE EmpID='$user_name' ;");
- $result = $this->db->runQuery($sql);
-
- //echo ($result[0][5]);
+ $sql1 = ("SELECT * FROM SystemUser WHERE EmpID='$user_name' ;");
+ $result1 = $this->db->runQuery($sql1);
- if (count($result) > 0) {
+
+ if (count($result1) >0) {
- $hash = $result[0][5];
+ $sql2 = ("SELECT * FROM accesslevel WHERE EmpID='$user_name' ;");
+ $result2 = $this->db->runQuery($sql2);
- $verify = password_verify($password, $hash);
+ if(count($result2)>0){
+ $_SESSION['myprofile']=$result2[0][1];
+ $_SESSION['loginaccess']=$result2[0][2];
+ $_SESSION['adminaccess']=$result2[0]['AdminAccess'];
+ $_SESSION['memberaccess']= $result2[0]['MemberAccess'] ;
+ $_SESSION['leaderaccess']=$result2[0]['LeaderAccess'];
+ $_SESSION['manageraccess']=$result2[0]['ManagerAccess'];
+ $_SESSION['hraccess']=$result2[0]['HRAccess'];
+
+ }else{
+
+ $_SESSION['myprofile']=false;
+ $_SESSION['loginaccess']=false;
+ $_SESSION['adminaccess']=false;
+ $_SESSION['memberaccess']=false;
+ $_SESSION['leaderaccess']=false;
+ $_SESSION['manageraccess']=false;
+ $_SESSION['hraccess']=false;
+
+ $msg = "You cannot access our system";
+ echo $msg;
+ $_SESSION['msg'] = $msg ;
+
+ return false;
+ }
+ }
+
+ $hash = $result1[0][5];
+ $verify = password_verify($password, $hash);
+
+ if(password_verify($password, $hash)){
- if(password_verify($password, $hash)){
- //echo "hi";
$_SESSION['login_user'] = $user_name;
$_SESSION['password'] = $password;
+ $_SESSION['emprole'] = $result1[0][4];
+ $_SESSION['user_img'] = $result1[0][0];
$_SESSION['num_login_fail']=0;
- //echo $_SESSION['login_user'];
- $msg = "Hello";
+ $msg = "valid";
$_SESSION['msg'] = $msg ;
ob_start();
- return $result[0][4];
- /*header('location: http://localhost/CO-WMS/depManager');*/
- }
+ return true;
+ }
- } else {
-
+ else {
+ if (empty($_SESSION['num_login_fail'])){
+ $_SESSION['num_login_fail'] = 0;
+ }
$msg = "invalid username and password";
$_SESSION['msg'] = $msg ;
- echo $_SESSION['msg'];
- $_SESSION['num_login_fail'] ++;
+ $_SESSION['num_login_fail'] ++;
$_SESSION['last_login_time'] = time();
ob_start();
-
+ echo $_SESSION['msg'];
return false;
- header('location: http://localhost/CO-WMS/login');
}
@@ -63,10 +91,11 @@ function run(){
}
function login(){
- /* if (isset($_SESSION['num_login_fail'])) {
+
+ if (isset($_SESSION['num_login_fail'])) {
if ($_SESSION['num_login_fail'] >= 2) {
if ((time() - $_SESSION['last_login_time']) < (2 * 60)) {
- $_SESSION['msg']="try again after 3 minutes.";
+ $_SESSION['msg']="try again after 2 minutes.";
echo 'alert("wait")' ;
header('location: http://localhost/CO-WMS/login');
@@ -75,15 +104,62 @@ function login(){
}
}else{
- $this->run();
+ return $this->run();
}
}
- else{*/
+ else{
return $this->run();
- //}
+ }
}
-
+ function doOTP($user_name){
+
+
+ $sql = "SELECT * FROM systemuser WHERE EmpID = ('$user_name') ; ";
+ $res = $this->db->runQuery($sql);
+
+ $otp = mt_rand(10000000, 99999999);
+ $_SESSION['otpcode'] = $otp;
+ $_SESSION['user'] = $user_name;
+
+ if(count($res) > 0){
+
+ $email = $res[0][3];
+ $mail_subject = 'Message from Co-WMS website';
+ $email_body = "Hello {$user_name}\n" ;
+ $email_body .= "Your OTP code : {$otp} \n";
+ $email_body .= "Thank you.";
+ $from = 'From: cowmsofficial@gmail.com';
+
+ $send_mail_result = mail($email, $mail_subject, $email_body, $from);
+
+ if($send_mail_result){
+ return true;
+ }else{
+ return false;
+ }
+ }else{
+ return false;
+ }
+
+ }
+
+ function resetPassword($otpcode , $password){
+
+ if($_SESSION['otpcode'] == $otpcode ){
+
+ $empid = $_SESSION['user'];
+ $sql = ("UPDATE systemuser SET PASSWORD = '$password' WHERE EmpID = '$empid' ;");
+
+ if (($this->db->query($sql)) == TRUE) {
+ return true;
+ } else {
+ return false;
+ }
+ }else{
+ return false;
+ }
+ }
}
\ No newline at end of file
diff --git a/models/manageDepartmentAdd_Model.php b/models/manageDepartmentAdd_Model.php
new file mode 100644
index 0000000..84373b3
--- /dev/null
+++ b/models/manageDepartmentAdd_Model.php
@@ -0,0 +1,43 @@
+db->query($sql) == true){
+ $_SESSION['add-department'] = "yes";
+ }else{
+ $_SESSION['add-department'] = "no";
+ }
+
+
+ // try{
+ // $this->db->exec($sql);
+ // $_SESSION['error-msg'] = "New record created successfully";
+ // }
+ // catch(PDOException $e)
+ // {
+
+ // $_SESSION['error-msg'] = $e->getMessage();
+ // }
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/models/manageDepartmentEditDelete_Model.php b/models/manageDepartmentEditDelete_Model.php
new file mode 100644
index 0000000..ffb3611
--- /dev/null
+++ b/models/manageDepartmentEditDelete_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ }
+}
\ No newline at end of file
diff --git a/models/manageDepartment_Model.php b/models/manageDepartment_Model.php
new file mode 100644
index 0000000..32dbd7e
--- /dev/null
+++ b/models/manageDepartment_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ }
+}
\ No newline at end of file
diff --git a/models/manageEmployeeAdd_Model.php b/models/manageEmployeeAdd_Model.php
new file mode 100644
index 0000000..2ea6e61
--- /dev/null
+++ b/models/manageEmployeeAdd_Model.php
@@ -0,0 +1,75 @@
+db->beginTransaction();
+
+ $sql1 = "INSERT INTO systemuser (`EmpID`, `EmpName`, `EmpEmail`, `EmpRole`, `PASSWORD`) VALUES ('$empid','$empname','$empemail','$emprole','$hash') " ;
+ $insert = $this->db->query($sql1);
+
+ if($emprole == "Team_Member"){
+ $sql3 ="INSERT INTO team_member (`EmpID`, `TeamID`,`EndDate` ) VALUES ('$empid','$team', null)";
+ $this->db->query($sql3);
+ }
+ elseif($emprole == "Team_Leader"){
+ $sql3 ="INSERT INTO team_Leader (`EmpID`, `TeamID`,`EndDate` ) VALUES ('$empid','$team', null)";
+ $this->db->query($sql3);
+ }elseif($emprole == "Dept_Manager"){
+ $sql3 ="INSERT INTO dept_manager (`EmpID`, `DeptID`,`EndDate` ) VALUES ('$empid','$dept', null)";
+ $this->db->query($sql3);
+ }
+
+
+ $mail_subject = 'Message from Co-WMS website';
+ $email_body = "Hello {$empname},Welcome to the Co-WMS Company \n" ;
+ $email_body .= "Your User Id : {$empid} \n";
+ $email_body .= "Your Password : {$password} \n";
+ $email_body .= "Thank you.";
+ $from = 'From: cowmsofficial@gmail.com';
+
+ $send_mail_result = mail($empemail, $mail_subject, $email_body, $from);
+
+ if($send_mail_result){
+ $this->db->commit();
+ return true;
+ }
+
+ else{
+ $this->db->rollback();
+ return false;
+ }
+
+ }
+
+ catch(PDOException $e)
+ {
+ $this->db->rollback();
+ $_SESSION['add-emp-msg'] = $e->getMessage();
+ return false;
+ }
+
+ /*try{
+ $this->db->exec($sql);
+ $_SESSION['add-emp-msg'] = "New record created successfully";
+ return true;
+ }
+ catch(PDOException $e)
+ {
+
+ $_SESSION['add-emp-msg'] = $e->getMessage();
+ return false;
+ }*/
+
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/models/manageEmployeeEditDelete_Model.php b/models/manageEmployeeEditDelete_Model.php
new file mode 100644
index 0000000..b942d84
--- /dev/null
+++ b/models/manageEmployeeEditDelete_Model.php
@@ -0,0 +1,36 @@
+db->query($sql);
+
+
+ // if($this->db->query($sql) == true){
+ if($this->db->query($sql)){
+ $_SESSION['edit-employee'] = "yes";
+ }else{
+ $_SESSION['edit-employee'] = "no";
+ }
+
+
+ }
+
+
+ function getData($empId){
+
+ $sql = "SELECT * FROM systemuser WHERE EmpID=('$empId')";
+ return $this->db->runQuery($sql);
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/models/manageEmployee_Model.php b/models/manageEmployee_Model.php
new file mode 100644
index 0000000..e42213c
--- /dev/null
+++ b/models/manageEmployee_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ }
+}
\ No newline at end of file
diff --git a/models/manageTeamAdd_Model.php b/models/manageTeamAdd_Model.php
new file mode 100644
index 0000000..d7fe369
--- /dev/null
+++ b/models/manageTeamAdd_Model.php
@@ -0,0 +1,33 @@
+db->query($sql) == true){
+ $_SESSION['add-team'] = "yes";
+ }else{
+ $_SESSION['add-team'] = "no";
+ }
+
+
+ // try{
+ // $this->db->exec($sql);
+ // $_SESSION['error-msg'] = "New record created successfully";
+ // }
+ // catch(PDOException $e)
+ // {
+
+ // $_SESSION['error-msg'] = $e->getMessage();
+ // }
+
+ }
+}
\ No newline at end of file
diff --git a/models/manageTeamEditDelete_Model.php b/models/manageTeamEditDelete_Model.php
new file mode 100644
index 0000000..51998bf
--- /dev/null
+++ b/models/manageTeamEditDelete_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ }
+}
\ No newline at end of file
diff --git a/models/manageTeam_Model.php b/models/manageTeam_Model.php
new file mode 100644
index 0000000..49ae35a
--- /dev/null
+++ b/models/manageTeam_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ }
+}
\ No newline at end of file
diff --git a/models/myprofile_Model.php b/models/myprofile_Model.php
index b39d1fc..4096e9e 100644
--- a/models/myprofile_Model.php
+++ b/models/myprofile_Model.php
@@ -18,6 +18,7 @@ function setDataPhoto($empID,$Empimg){
$sql = ("UPDATE systemuser SET Userimg = '$Empimg' WHERE EmpID = ('$empID') ;");
if (($this->db->query($sql)) == TRUE) {
+ $_SESSION['user_img'] = $Empimg;
$_SESSION['photo']="yes";
} else {
$_SESSION['photo']="no";
diff --git a/models/myprogressAccepted_Model.php b/models/myprogressAccepted_Model.php
new file mode 100644
index 0000000..497aeba
--- /dev/null
+++ b/models/myprogressAccepted_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ // }
+}
\ No newline at end of file
diff --git a/models/myprogressCompleted_Model.php b/models/myprogressCompleted_Model.php
new file mode 100644
index 0000000..ea82493
--- /dev/null
+++ b/models/myprogressCompleted_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ // }
+}
\ No newline at end of file
diff --git a/models/myprogressInprogressSelect_Model.php b/models/myprogressInprogressSelect_Model.php
new file mode 100644
index 0000000..671e421
--- /dev/null
+++ b/models/myprogressInprogressSelect_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ // }
+}
\ No newline at end of file
diff --git a/models/myprogressOverdue_Model.php b/models/myprogressOverdue_Model.php
new file mode 100644
index 0000000..efe6581
--- /dev/null
+++ b/models/myprogressOverdue_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ // }
+}
\ No newline at end of file
diff --git a/models/myprogressPending_Model.php b/models/myprogressPending_Model.php
new file mode 100644
index 0000000..5e47eaa
--- /dev/null
+++ b/models/myprogressPending_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ // }
+}
\ No newline at end of file
diff --git a/models/resetPassword_Model.php b/models/resetPassword_Model.php
new file mode 100644
index 0000000..09f9883
--- /dev/null
+++ b/models/resetPassword_Model.php
@@ -0,0 +1,16 @@
+db->runQuery($sql);
+
+ // }
+}
\ No newline at end of file
diff --git a/models/teamProgress_Model.php b/models/teamProgress_Model.php
new file mode 100644
index 0000000..ccc44b9
--- /dev/null
+++ b/models/teamProgress_Model.php
@@ -0,0 +1,49 @@
+db->runQuery($sql);
+ }
+
+ elseif($_SESSION['emprole'] == "Team_Leader" || $_SESSION['emprole'] == "Team_Member"){
+
+ $sql = "SELECT task_assign.AssignedTo, SUM(task_assign.RequiredTime ) AS totaltime FROM task_assign
+ INNER JOIN task ON task_assign.TaskID = task.TaskID INNER JOIN team ON task.TeamID = team.TeamID
+ INNER JOIN team_member ON team.TeamID = team_member.TeamID WHERE team_member.EmpID = '$_SESSION[login_user]'GROUP BY task_assign.AssignedTo ;" ;
+
+ return $this->db->runQuery($sql);
+
+ }
+
+
+ }
+
+ function getTask($eid){
+
+ $sql = "SELECT task.TaskName, task_assign.AssignedTo, task_assign.RequiredTime, task_assign.DueDate, task_assign.TaskStatus
+ FROM task_assign INNER JOIN task ON task_assign.TaskID = task.TaskID WHERE task_assign.AssignedTo = '$eid'";
+
+ return $this->db->runQuery($sql);
+
+ }
+}
\ No newline at end of file
diff --git a/style/adminHome.css b/style/adminHome.css
new file mode 100644
index 0000000..553cf8c
--- /dev/null
+++ b/style/adminHome.css
@@ -0,0 +1,176 @@
+main{
+ margin-top: 0px;
+ padding-bottom: var(--footer-height);
+}
+
+.back_arrow{
+ margin-top: 0;
+ grid-area: back_arrow;
+ margin-bottom: 1%;
+ padding: 3% 5% 1% 5%;
+}
+
+.back_arrow i{
+ color: var(--orange);
+}
+
+.item1{
+ grid-area: one;
+ margin-top: 5%;
+ margin-bottom: 1%;
+}
+
+.item2{
+ grid-area: two;
+ margin-top: 2%;
+ margin-bottom: 1%;
+}
+
+.item3{
+ grid-area: three;
+ margin-top: 1%;
+ margin-bottom: 2%;
+}
+
+#emp_search{
+ width: 25%;
+ padding: 1%;
+ border-top-right-radius: 15px;
+ border-bottom-right-radius: 15px;
+ border: 1px solid white;
+ outline: none;
+ background: var(--grey);
+}
+
+#emp_search:focus{
+ border: 1px solid blue;
+}
+
+.fabtn{
+ background: none;
+ padding: 0px;
+ border: none;
+}
+
+.fabtn:hover{
+ cursor: pointer;
+}
+
+#emp_table{
+ border: none;
+ width: 50%;
+ padding-right: 2%;
+}
+
+#emp_table td,th{
+ width: 20%;
+ padding-bottom: 2%;
+ padding-top: 2%;
+ text-align: center;
+ vertical-align: center;
+
+}
+
+#emp_table th{
+ background: var(--blue2);
+ color: var(--blue);
+}
+
+#emp_table tr:hover{
+ background-color: var(--blue);
+ color: white;
+}
+
+#emp_table a{
+ text-decoration: none;
+ color: black;
+}
+
+#emp_table a:active{
+ color: black;
+}
+
+#access_table{
+ font: bold 100% ComicSansMC;
+}
+
+.access_check {
+ width: 20px;
+ height: 20px;
+ margin-top: 5px;
+ margin-bottom: 1px;
+ border-radius: 0px;
+ border: transparent;
+ background-color: #AAAAFF;
+}
+
+/*.submit_btn {
+ width: 15%;
+ margin-top: 25px;
+ font-size: 20px;
+ border-radius: 10px;
+ color: var(--blue);
+ background-color: var(--orange);
+ border: transparent;
+}
+
+.submit_btn:hover{
+ color: var(--orange);
+ background-color: var(--blue);
+ cursor: pointer;
+}*/
+
+.submit_btn{
+ border-radius: 20px;
+ margin-top: 15px;
+ background-color: var(--white);
+ border-color: var(--blue);
+ padding: 10px 20px 10px 20px;
+ font-size: 14px;
+ font-family: Arial;
+ font-weight: normal;
+}
+
+.submit_btn:hover{
+ cursor: pointer;
+ border-color: var(--orange);
+ color: var(--blue);
+ font-weight: bold;
+}
+
+.container{
+ display: grid;
+ grid-template-areas: 'back_arrow' 'one' 'two' 'three';
+ margin-top: 0px;
+ min-height: 450px;
+}
+
+.footer{
+ margin-top: auto;
+}
+
+@media (max-width: 799px){
+ main{
+ padding-left: 0px;
+ padding-right: 0px;
+ }
+
+ #emp_search{
+ width: 80%;
+ padding: 3%;
+ }
+
+ #emp_table{
+ width: 100%;
+ }
+
+ #access_table{
+ font-size: 14px;
+ }
+
+ .submit_btn {
+ width: 50%;
+ font-size: 16px;
+ border-radius: 10px;
+ }
+}
\ No newline at end of file
diff --git a/style/assignTasksMember_style.css b/style/assignTasksMember_style.css
new file mode 100644
index 0000000..5e0efd8
--- /dev/null
+++ b/style/assignTasksMember_style.css
@@ -0,0 +1,514 @@
+table,td,th {
+ border-collapse: collapse;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ padding-left: 10px;
+ text-align: left;
+ border: 1px solid rgb(255, 255, 255);
+}
+
+tr{
+ border-top: 2px solid #ddd;
+ color: black;
+}
+
+.result{
+ width: 100%;
+}
+
+#edit{
+ width: 50px;
+}
+
+.pen{
+ border: none;
+ background-color: transparent;
+}
+
+.pen i{
+ color: rgb(167, 167, 168);
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+#Pending {
+ background: #777676;
+ text-align: center;
+ color: white;
+}
+
+#InProgress {
+ background: #1b80df;
+ text-align: center;
+ color: white;
+}
+
+#Completed {
+ background: #f5e721;
+ text-align: center;
+ color: white;
+}
+
+#Approved {
+ background: #1ab841;
+ text-align: center;
+ color: white;
+}
+
+#Reasigned {
+ background: #d3660d;
+ text-align: center;
+ color: white;
+}
+
+#Overdue {
+ background: #cc3131;
+ text-align: center;
+ color: white;
+}
+
+@media (min-width: 800px) {
+
+ main{
+ margin-top: 50px;
+ }
+
+ .item1{
+ text-align: right;
+ margin-bottom: 30px;
+ padding-right: 50px;
+ }
+
+ .item1 a{
+ display: inline-block;
+ width: 150px;
+ text-decoration: none;
+ text-align: center;
+ }
+
+ .item1 span{
+ font-weight: 500;
+ font-size: 15pt;
+ color: #2B65EC;
+ font-family:sans-serif;
+ }
+
+ .activelink span{
+ font-weight: 550;
+ }
+
+
+ .item1 a:hover{
+ border-bottom:3px solid #7cb3f1;
+ }
+
+ .item2 {grid-area: top;}
+ .item3 {grid-area: bottom;}
+
+ .container {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'top'
+ 'bottom';
+ grid-template-columns: 1fr;
+ grid-gap: 10px;
+ height: max-content;
+ background-color: #ffffff;
+ }
+
+ .containerN {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'top'
+ 'bottom';
+ grid-template-columns: 1fr;
+ grid-gap: 10px;
+ height: max-content;
+ background-color: #ffffff;
+ margin-left: 244px;
+ }
+
+ .item2{
+ display: flex;
+ justify-content: center;
+ }
+
+ .search{
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ height: 30px;
+ width: 180px;
+ border-radius: 5px;
+ }
+
+ .search:focus{
+ outline: none !important;
+ }
+
+ .button{
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ background-color: white;
+ width: 100px;
+ height: 30px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .button:hover{
+ background-color: #2B65EC;
+ color: white;
+ }
+
+ .item3{
+ margin: 0 20px 0 20px;
+ box-shadow: 0 0 5px #d3d2d2;
+ }
+
+ table{
+ border: 1px solid #ccc;
+ border-collapse: collapse;
+ margin: auto;
+ padding: 0;
+ width: 100%;
+ }
+
+ .popup, .viewdata {
+ display: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ background-color: rgba(50, 50, 50, 0.808);
+ }
+
+ .form-popup{
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ padding: 20px;
+ width: max-content;
+ margin: auto;
+ }
+
+ .data {
+ background-color: #e4e3e3;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ padding: 10px;
+ width: 500px;
+ height: fit-content;
+ margin: 100px auto;
+ }
+
+ .data .btn{
+ margin-top: 30px;
+ margin-bottom: 20px;
+ }
+
+ .data progress{
+ width: 400px;
+ }
+
+ .popup label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ }
+
+ .popup input, .popup select{
+ width: 210px;
+ height: 30px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ margin-bottom: 20px;
+ border-radius: 5px;
+ }
+
+ .viewdata textarea{
+ border-radius: 10px;
+ height: 100px;
+ }
+
+ .popup input:focus, .popup select:focus, .viewdata textarea:focus{
+ outline: none !important;
+ }
+
+ .popup .btn{
+ display: flex;
+ justify-content: space-evenly;
+ }
+
+ .popup .button{
+ margin-top: 30px;
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+
+ }
+
+ .viewdata .buttonx{
+ float: right;
+ background-size:cover;
+ width: 25px;
+ height: 25px;
+ font-size: 20[x];
+ cursor:pointer;
+ border: none;
+ background-color: transparent;
+ }
+
+ .remarks{
+ margin-top: 15px;
+ display: flex;
+ justify-content: space-evenly;
+ width: 300px;
+ }
+
+ .remarkd{
+ color: #000000;
+ border: 2px solid #d32727;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ border-radius: 7px;
+ }
+
+ .remarka{
+ color: #000000;
+ border: 2px solid #4ec530;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ border-radius: 7px;
+ }
+
+ .popup .button:hover{
+ background-color: #2B65EC;
+ color: white;
+ }
+
+ .remarkd:hover{
+ background-color: #d32727;
+ color: white;
+ }
+
+ .remarka:hover{
+ background-color: #4ec530;
+ color: white;
+ }
+
+}
+
+@media (max-width: 799px) {
+
+ main{
+ margin-top: 40px;
+ }
+
+ .item2 { grid-area: top; }
+ .item3 { grid-area: bottom;}
+
+ .container {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'top'
+ 'bottom';
+ }
+
+ .item1{
+ justify-content: space-evenly;
+ margin-bottom: 30px;
+ display: flex;
+ }
+
+ .item1 a{
+ text-decoration: none;
+ }
+
+ .item1 span{
+ font-weight: 400;
+ font-size: 11pt;
+ color: #2B65EC;
+ font-family:sans-serif;
+ }
+
+ .activelink span{
+ font-weight: 550;
+ }
+
+ .item2{
+ display: flex;
+ justify-content: center;
+ margin-bottom: 10px;
+ }
+
+ table{
+ border: 1px solid #ccc;
+ border-collapse: collapse;
+ margin: auto;
+ padding: 0;
+ width: 150%;
+ }
+
+ .button{
+ border-radius: 5px;
+ cursor: pointer;
+ width: 70px;
+ height: 30px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ text-align: center;
+ color: white;
+ }
+
+ .search{
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ height: 30px;
+ width: 180px;
+ border-radius: 5px;
+ padding-left: 5px;
+ }
+
+ .search:focus{
+ outline: none !important;
+ }
+
+ .item3{
+ overflow-x: auto;
+ }
+
+ .data-form{
+ padding-left: 7px;
+ padding-right: 7px;
+ justify-content: space-evenly;
+ }
+
+ .popup, .viewdata {
+ display: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ background-color: rgba(50, 50, 50, 0.808);
+ margin-top: 50px;
+ }
+
+ .form-popup, .data {
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ width: max-content;
+ padding: 5px;
+ margin: auto;
+ }
+
+ .popup label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ }
+
+ .popup input{
+ border-radius: 5px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ width: 210px;
+ height: 30px;
+ margin-bottom: 20px;
+ }
+
+ .viewdata textarea{
+ border-radius: 10px;
+ height: 100px;
+ }
+
+ .popup input:focus, .popup select:focus, .viewdata textarea:focus{
+ outline: none !important;
+ }
+
+ .popup .btn{
+ display: flex;
+ justify-content: space-evenly;
+ }
+
+ .popup .button{
+ margin-top: 30px;
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .viewdata .buttonx{
+ float: right;
+ background-size:cover;
+ width: 25px;
+ height: 25px;
+ font-size: 20[x];
+ cursor:pointer;
+ border: none;
+ background-color: transparent;
+ }
+
+ .remarkd{
+ color: #000000;
+ border: 2px solid #d32727;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ border-radius: 7px;
+ }
+
+ .remarka{
+ color: #000000;
+ border: 2px solid #4ec530;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ border-radius: 7px;
+ }
+
+ .popup .button:hover{
+ background-color: #2B65EC;
+ color: white;
+ }
+
+ .remarkd:hover{
+ background-color: #d32727;
+ color: white;
+ }
+
+ .remarka:hover{
+ background-color: #4ec530;
+ color: white;
+ }
+}
\ No newline at end of file
diff --git a/style/assignTasksTeam_style.css b/style/assignTasksTeam_style.css
new file mode 100644
index 0000000..12eea29
--- /dev/null
+++ b/style/assignTasksTeam_style.css
@@ -0,0 +1,165 @@
+table{
+ border-collapse:separate;
+ border-spacing: 0 15px;
+}
+
+th,td{
+ border-top-style: solid;
+ border-top-color: #2B65EC;
+ border-top-width: 3px;
+ padding-left: 15px;
+}
+
+tr{
+ box-shadow: 0 0 5px #d3d2d2;
+ border-radius: 2px;
+ height: 60px;
+}
+
+#add{
+ width: 50px;
+}
+
+.add{
+ border: none;
+ background-color: transparent;
+}
+
+.add i{
+ color: rgb(167, 167, 168);
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+#Pending{
+ color: #f5e721;
+}
+
+@media (min-width: 800px) {
+
+ main{
+ margin-top: 40px;
+ }
+
+ table{
+ width: 85%;
+ }
+
+ .item2 { grid-area: left; }
+
+ .container {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'left';
+ grid-template-columns: 1fr;
+ grid-gap: 10px;
+ height: max-content;
+ background-color: #ffffff;
+ }
+
+ .containerN {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'left';
+ grid-template-columns: 1fr;
+ grid-gap: 10px;
+ height: max-content;
+ background-color: #ffffff;
+ margin-left: 244px;
+ }
+
+ .item1{
+ text-align: right;
+ margin-bottom: 30px;
+ padding-right: 50px;
+ }
+
+ .item1 a{
+ display: inline-block;
+ width: 150px;
+ text-decoration: none;
+ text-align: center;
+ }
+
+ .item1 span{
+ font-weight: 500;
+ font-size: 15pt;
+ color: #2B65EC;
+ font-family:sans-serif;
+ }
+
+ .activelink span{
+ font-weight: 550;
+ }
+
+
+ .item1 a:hover{
+ border-bottom:3px solid #7cb3f1;
+ }
+
+ .item2{
+ display: flex;
+ justify-content: center;
+ margin: 0 15px 0 15px;
+ background-color: rgb(255, 255, 255);
+
+ }
+
+
+}
+
+@media (max-width: 799px) {
+
+ main{
+ margin-top: 75px;
+ }
+
+ table{
+ margin: auto;
+ width: 600px;
+ }
+
+ .item2{
+ overflow-x: auto;
+ }
+
+ .item2 { grid-area: left; }
+
+ .container {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'left';
+ }
+
+ .item1{
+ justify-content: space-evenly;
+ margin-bottom: 30px;
+ display: flex;
+ }
+
+ .item1 a{
+ text-decoration: none;
+ }
+
+ .item1 span{
+ font-family:sans-serif;
+ font-weight: 400;
+ font-size: 11pt;
+ color: #2B65EC;
+ font-family:sans-serif;
+ }
+
+ .activelink span{
+ font-weight: 550;
+ }
+
+ .item2{
+ width: 100%;
+ margin: auto;
+ }
+
+
+}
\ No newline at end of file
diff --git a/style/deptManageTask_style.css b/style/deptManageTask_style.css
new file mode 100644
index 0000000..dca0061
--- /dev/null
+++ b/style/deptManageTask_style.css
@@ -0,0 +1,507 @@
+
+table,td,th {
+
+ border-collapse: collapse;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ padding-left: 10px;
+ text-align: left;
+ border: 1px solid rgb(255, 255, 255);
+}
+
+tr{
+ border-top: 2px solid #ddd;
+ color: black;
+}
+
+
+#del, #edit{
+ width: 70px;
+}
+
+.minus, .pen{
+ border: none;
+ background-color: transparent;
+}
+
+.minus i, .pen i{
+ color: rgb(167, 167, 168);
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+.searching{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ margin-bottom: 30px;
+ padding: 5px;
+}
+
+.searchbar{
+ margin-left: 10px;
+ border: 1px solid #2B65EC;
+}
+
+.searching input{
+ border-radius: 5px;
+ background-color: #ffffff;
+}
+
+.searching input:focus{
+ outline: none !important;
+}
+
+.searching .btn{
+ padding-left: 20px;
+ text-align: right;
+}
+
+.searching .button{
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ width: 100px;
+ height: 30px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+}
+
+.searching .button:hover{
+ background-color: #2B65EC;
+ color: white;
+}
+
+
+.btnd .no:hover{
+ background-color:#db3737;
+ color: #ffffff;
+}
+
+@media (min-width: 800px) {
+
+ table{
+ border: 1px solid #ccc;
+ border-collapse: collapse;
+ margin: auto;
+ padding: 0;
+ width: 100%;
+ }
+
+ main{
+ margin-top: 40px;
+ }
+
+ .item1{
+ text-align: right;
+ margin-bottom: 30px;
+ padding-right: 50px;
+ }
+
+ .item1 a{
+ display: inline-block;
+ width: 150px;
+ text-decoration: none;
+ text-align: center;
+ }
+
+ .item1 span{
+ font-weight: 500;
+ font-size: 15pt;
+ color: #2B65EC;
+ font-family:sans-serif;
+ }
+
+ .activelink span{
+ font-weight: 550;
+ }
+
+
+ .item1 a:hover{
+ border-bottom:3px solid #7cb3f1;
+ }
+
+ .item2 { grid-area: left; }
+ .item3 { grid-area: right; }
+
+ .container {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 150px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'left left right';
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 20px 20px;
+ }
+
+ .containerN {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'left left right';
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 20px 20px;
+ margin-left: 244px;
+ }
+
+ .container > div{
+ border-top-style: solid;
+ border-top-color: #2B65EC;
+ border-top-width: 3px;
+ padding-top: 20px;
+ border-radius: 5px;
+ box-shadow: 0 0 5px #d3d2d2;
+ /*z-index: 4;*/
+ }
+
+ .item2{
+ margin-left: 10px;
+ }
+
+ .item3{
+ margin-right: 10px;
+ }
+
+ h3{
+ padding-left: 20px;
+ }
+
+ .data-form{
+ width: max-content;
+ margin: auto;
+ }
+
+ .popup {
+ display: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ background-color: rgba(50, 50, 50, 0.808);
+ }
+
+ .form-popup {
+ /*position: absolute;*/
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ padding: 20px;
+ width: max-content;
+ margin: 100px auto;
+ top: 10%;
+ }
+
+ .item3 label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ }
+
+ .item3 input{
+ width: 210px;
+ height: 30px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ margin-bottom: 20px;
+ border-radius: 5px;
+ }
+
+ .item3 input:focus{
+ outline: none !important;
+ }
+
+ .item3 .btn{
+ text-align: right;
+ }
+
+ .item3 .button{
+ margin-top: 30px;
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .item3 .button:hover{
+ background-color: #2B65EC;
+ color: white;
+ }
+
+ .popup label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ }
+
+ .popup input{
+ width: 210px;
+ height: 30px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ margin-bottom: 20px;
+ border-radius: 5px;
+ }
+
+ .popup input:focus{
+ outline: none !important;
+ }
+
+ .popup .btn{
+ display: flex;
+ justify-content: space-evenly;
+ }
+
+ .popup .button{
+ margin-top: 30px;
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .popup .button:hover{
+ background-color: #2B65EC;
+ color: white;
+ }
+
+ .btnd{
+ width: 250px;
+ display: flex;
+ justify-content: space-evenly;
+ }
+
+ .btnd .yes{
+ width: 80px;
+ border: 2px solid #19c536;
+ cursor: pointer;
+ }
+
+ .btnd .yes:hover{
+ background-color:#19c536 ;
+ color: #ffffff;
+ }
+
+ .btnd .no{
+ height: 30px;
+ width: 80px;
+ border: 2px solid #db3737;
+ border-radius: 5px;
+ cursor: pointer;
+ }
+
+ .btnd .no:hover{
+ background-color:#db3737;
+ color: #ffffff;
+ }
+
+}
+
+@media (max-width: 799px) {
+
+ main{
+ margin-top: 75px;
+ }
+
+ table{
+ border: 1px solid #ccc;
+ border-collapse: collapse;
+ margin: auto;
+ padding: 0;
+ width: 600px;
+ }
+
+ .item2 { grid-area: left; }
+ .item3 { grid-area: right; }
+
+ .container {
+ display: grid;
+ grid-template-areas:
+ 'right'
+ 'left';
+ grid-gap: 10px;
+ width:100vw;
+ justify-content: center;
+ }
+
+ .item1{
+ justify-content: space-evenly;
+ margin-bottom: 30px;
+ display: flex;
+ }
+
+ .item1 a{
+ width: 150px;
+ text-decoration: none;
+ }
+
+ .item1 span{
+ font-family:sans-serif;
+ font-weight: 400;
+ font-size: 11pt;
+ color: #2B65EC;
+ font-family:sans-serif;
+ }
+
+ .activelink span{
+ font-weight: 550;
+ }
+
+ .item1 a:hover{
+ border-bottom:4px solid #7cb3f1;
+ }
+
+ .item2{
+ width: 100%;
+ margin-bottom: 50px;
+ }
+
+ .item3{
+ width: 100%;
+ text-align: center;
+ }
+
+
+ .data-form{
+ padding-left: 7px;
+ padding-right: 7px;
+ justify-content: space-evenly;
+ }
+
+
+ .popup {
+ display: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ background-color: rgba(50, 50, 50, 0.808);
+ padding-top: 50px;
+ }
+
+ .form-popup {
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ width: max-content;
+ padding: 5px;
+ margin: auto;
+ }
+
+ .item3 label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ }
+
+ .item3 input{
+ border-radius: 5px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ width: 210px;
+ height: 30px;
+ margin-bottom: 20px;
+ }
+
+ .item3 .btn{
+ text-align: center;
+ }
+
+ .item3 .button{
+ margin-top: 20px;
+ border-radius: 20px;
+ padding: 5px;
+ border: 2px solid #2B65EC;
+ color: #000000;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .popup label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ }
+
+ .popup input{
+ border-radius: 5px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ width: 210px;
+ height: 30px;
+ margin-bottom: 20px;
+ }
+
+ .popup .btn{
+ text-align: right;
+ }
+
+ .popup .button{
+ margin-top: 30px;
+ margin-right: 10px;
+ border-radius: 5px;
+ padding: 5px;
+ border: 2px solid #2B65EC;
+ background-color: #ffffff;
+ width: 120px;
+ height: 35px;
+ border: none;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .item2{
+ overflow-x: auto;
+ }
+
+
+ .btnd{
+ width: 250px;
+ display: flex;
+ justify-content: space-evenly;
+ }
+
+ .btnd .yes{
+ width: 80px;
+ border: 2px solid #19c536;
+ cursor: pointer;
+ }
+
+ .btnd .yes:hover{
+ background-color:#19c536 ;
+ color: #ffffff;
+ }
+
+ .btnd .no{
+ height: 30px;
+ width: 80px;
+ border: 2px solid #db3737;
+ border-radius: 5px;
+ cursor: pointer;
+ }
+
+}
+
diff --git a/style/employeeWorkProgress_style.css b/style/employeeWorkProgress_style.css
new file mode 100644
index 0000000..a384855
--- /dev/null
+++ b/style/employeeWorkProgress_style.css
@@ -0,0 +1,418 @@
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .flex-container {
+ display: flex;
+ margin-top: -50px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+ .flex-container1 {
+ display: flex;
+ margin-top: 30px;
+ height: 10%;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1 .text{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ /* sjdsj */
+ margin-top: -10px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container1>*:first-child {
+
+ text-align: left;
+ }
+
+ .flex-container1>*:last-child {
+
+ text-align: right;
+ }
+
+ .flex-container1 input[type=text], select {
+
+ width: 230px;
+ height: 33px;
+
+ /* padding: 13px 20px;
+ margin: 8px 0; */
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+ }
+
+
+
+
+
+
+
+
+ .table{
+ margin-top: -30px;
+ width: 100%;
+ border-collapse: collapse;
+ font-weight: normal;
+ }
+
+ .table td,.table th{
+ padding:12px 15px;
+ border:1px solid rgb(253, 253, 253);
+ text-align: center;
+ font-size:16px;
+ }
+
+ .table th{
+ background-color: #9ac3f8;
+ color:#5a5858;
+ font-weight: normal;
+ }
+
+ .table tbody tr:nth-child(even){
+ background-color: #f5f5f5;
+ }
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 1000px) {
+ .flex-container1 .text{
+ font-size: 20px;
+ }
+
+
+
+ .flex-container1 input[type=text], select {
+
+ width: 180px;
+ height: 31px;
+
+ /* padding: 9px 10px;
+ margin: 8px 0; */
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+
+ }
+}
+
+@media (max-width: 799px) {
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ display: flex;
+ margin-top: 20px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+ .table{
+ margin-left: -23px;
+ }
+
+
+
+}
+
+@media (max-width: 645px) {
+ .flex-container1 .text{
+ font-size: 16px;
+ }
+
+ .flex-container1 .rectan{
+
+ width: 150px;
+ height: 30px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 16px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .flex-container1 input[type=text], select {
+ /* padding: 6px 7px;
+ margin: 8px 0; */
+
+ width: 150px;
+ height: 30px;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+
+ }
+}
+
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+ .table thead{
+ display: none;
+ }
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 100%;
+ }
+ .table tr{
+ margin-bottom:15px;
+ }
+ .table td{
+ text-align: right;
+ padding-left: 50%;
+ text-align: right;
+ position: relative;
+ }
+ .table td::before{
+ content: attr(data-label);
+ position: absolute;
+ left:0;
+ width: 50%;
+ padding-left:15px;
+ font-size:15px;
+ font-weight: bold;
+ text-align: left;
+ }
+
+ .table{
+ margin-left: -23px;
+ }
+
+}
+
+@media (max-width: 530px) {
+ .flex-container1 {
+ width: 140%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+}
+
+
+@media (max-width: 420px) {
+
+ .flex-container1 {
+ width: 90%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 5px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container1>*:first-child {
+
+ text-align: center;
+ }
+
+ .flex-container1>*:last-child {
+
+ text-align: center;
+ }
+
+
+
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 88%;
+ }
+}
+
+
+
+
diff --git a/style/font-awesome.min.css b/style/font-awesome.min.css
new file mode 100644
index 0000000..540440c
--- /dev/null
+++ b/style/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
diff --git a/style/forgotPassword_style.css b/style/forgotPassword_style.css
new file mode 100644
index 0000000..b5a8ea1
--- /dev/null
+++ b/style/forgotPassword_style.css
@@ -0,0 +1,172 @@
+*{
+ margin: 0;
+ padding: 0;
+ border: 0;
+ box-sizing:border-box;
+ font-family: sans-serif;
+}
+.container:after {
+
+ display: table;
+ clear: both;
+ }
+.left {
+ float: left;
+ width: 50%;
+ padding: 10px;
+ height: 100vh; /* Should be removed. Only for demonstration */
+ /* background-color: #c4cde1; */
+ background-color: #ffffff;
+
+ }
+
+.right{
+ float: left;
+ width: 50%;
+ padding: 10px;
+ height: 100vh; /* Should be removed. Only for demonstration */
+ background-color: #ffffff;
+ }
+ .form{
+ text-align: center;
+}
+.form h1{
+ color: #b5720d;
+ margin-bottom: 50px;
+ margin-top: 80px;
+ font-weight: 500;
+ font-size: 30pt;
+ text-align:center;
+
+}
+
+span{
+ color: #265397;
+}
+.username{
+ color:#000;
+ font-size: 18pt;
+ margin-left: -190px;
+ margin-top: 100px;
+
+}
+.email{
+ color:#000;
+ font-size: 18pt;
+ margin-left: -230px;
+ margin-top: 100px;
+
+}
+.input[type="username"]{
+ width: 300px;
+ height: 50px;
+ margin-top: 10px;
+ margin-bottom: 35px;
+ border-radius: 5px;
+ border: transparent;
+ background-color: #eeeeee;
+ padding-left: 10px;
+ font-size:12pt;
+ border: 1px solid #050e91;
+}
+
+input{
+ background-color: #eeeeee;
+}
+
+.button{
+ width: 170px;
+ height: 45px;
+ margin-top: 20px;
+ margin-bottom: 30px;
+ border-radius: 5px;
+ border: transparent;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 15pt;
+ color: #b5720d;
+ background-color: #265397;
+ font-weight: 600;
+ cursor: pointer;
+}
+.button:hover{
+ background-color: #103875;
+}
+h4{
+ color: #000;
+ margin-bottom: 10px;
+}
+a{
+ color:#b5720d;
+ text-decoration:none;
+}
+.right-side{
+ float: left;
+ width: 50%;
+ padding: 10px;
+ height: 100vh;
+ background-color:#ffffff;
+}
+
+.text1{
+ text-align:left;
+ padding: 80px 80px;
+ float:center;
+ font-size:15pt;
+ color: #DFB2B2;
+ margin-right: 80px;;
+
+}
+.text2{
+ text-align:left;
+ font-size:8pt;
+ margin-bottom: 120px;
+ margin-left: 80px;
+ margin-right: 80px;
+ margin-bottom: 50px;
+ color:#fff;
+}
+.image{
+ width: 100%;
+ height:100%;
+
+}
+
+
+ @media screen and (max-width: 800px) {
+ .left{
+ width: 100%;
+ }
+ .right{
+ width: 100%;
+ }
+ }
+ @media screen and (max-width: 420px) {
+ .text1{
+ padding: 30px 30px;
+ margin-right: 30px;
+ }
+ .text2{
+ margin-left: 30px;
+ margin-right: 30px;
+ margin-bottom: 30px;
+ }
+ }
+ @media screen and (max-width: 340px) {
+ .form h1{
+ font-size:28pt;
+ margin-top: 50px;
+
+ }
+ .input[type="email"]{
+ width:80vw;
+ }
+ .email{
+ margin-left: -45px;
+ }
+}
+@media screen and (max-width: 290px) {
+
+ .email{
+ margin-left: -10px;
+ }
+}
\ No newline at end of file
diff --git a/style/home_style.css b/style/home_style.css
new file mode 100644
index 0000000..33341b5
--- /dev/null
+++ b/style/home_style.css
@@ -0,0 +1,149 @@
+
+:root{
+ --blue: #265397;
+ --orange: #DC950B;
+ --white: #fff;
+ --grey: #f5f5f5;
+ --black1: #222;
+ --black2: #999;
+ --blue2: #9ac3f8;
+}
+
+*{
+ box-sizing: border-box;
+ font-family: Arial;
+}
+
+header{
+ background: var(--blue);
+ width: 100%;
+ height: 10%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ border: none;
+ display: flex;
+}
+
+header h2{
+ color: var(--white);
+ position: absolute;
+ right: 35%;
+ font-family: Roboto;
+}
+
+header img{
+ border-bottom-right-radius: 10px;
+ border-top-right-radius: 10px;
+}
+
+.login_btn {
+ color: var(--white);
+ padding: 10px 50px;
+ background: var(--orange);
+ border: none;
+ cursor: pointer;
+ position: absolute;
+ right: 1%;
+ margin-top: 10px;
+ font-size: 20px;
+ border-top-left-radius: 30px;
+ border-bottom-left-radius: 30px;
+ border-top-right-radius: 30px;
+ border-bottom-right-radius: 30px;
+}
+
+.login_btn:hover {
+ color: var(--orange);
+ background: var(--white);
+}
+
+.welcome{
+ position: absolute;
+ top: 10%;
+ left: 10%;
+ font-size: 12px;
+}
+
+.container{
+ display: grid;
+ grid-template-columns: auto auto auto;
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 100px;
+}
+
+.container img{
+ width: 100%;
+ height: 100%;
+}
+
+.company {
+ background: var(--blue);
+ padding-bottom: 1px;
+ padding-top: 1px;
+ margin-top: 5px;
+}
+
+.company h3 , span{
+ font-family: Roboto;
+}
+
+.company span{
+ font-size: 18px;
+}
+
+.company a{
+ text-decoration: none;
+ color: var(--black);
+}
+
+footer {
+ background: var(--blue2);
+ position: fixed;
+ width: 100%;
+ height: 10%;
+ bottom: 0;
+}
+
+footer h3{
+ color: var(--blue);
+ text-align: center;
+ font-family: Roboto;
+ font-size: 14px;
+ margin-top: 1%;
+}
+
+@media (min-width: 800px){
+ .welcome{
+ visibility: hidden;
+ }
+}
+
+@media (max-width: 799px){
+ header h2{
+ visibility: hidden;
+ }
+
+ .login_btn {
+ position: absolute;
+ padding: 5px 10px;
+ }
+
+ .item1{ grid-area: one;}
+ .item2{ grid-area: two;}
+ .item3{ grid-area: three;}
+
+ .container{
+ display: grid;
+ grid-template-areas: 'one' 'two' 'three';
+ }
+
+ .company span{
+ font-size: 12px;
+ }
+
+ footer {
+ visibility: hidden;
+ }
+}
\ No newline at end of file
diff --git a/style/homepage_style.css b/style/homepage_style.css
deleted file mode 100644
index 73524ba..0000000
--- a/style/homepage_style.css
+++ /dev/null
@@ -1,199 +0,0 @@
-body{
- --header-height : 50px;
- --footer-height : 70px;
- margin: var(--header-height) 0 0 var(--footer-height);
- margin: auto;
- font-family: sans-serif;
-
-}
-
-
-.header{
- margin: auto;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: var(--header-height);
- border: none;
- display: flex;
- background: #33628C;
-}
-
-
-@media (min-width: 700px) {
-
- .nav-link{
- display: flex;
- height: 30px;
- align-items: center;
- color: #000000;
- font-size: 14px;
- text-decoration: none;
- padding: 10px 15px;
- background: transform 0.2s;
- margin-left:auto;
-
- }
-
- .nav-link span{
- padding: 10px;
- font-weight: 700;
- font-size: 20px;
- }
-
-
- .container{
- display: block;
- margin: 0 auto;
- margin-top: 50px;
- width: 100vw;
- height: 93.3vh;
- object-fit: cover;
- background-size: cover;
- background-position: center;
- background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.623), rgba(78, 138, 207, 0.5)),
- url('../Asserts/home.png');
- text-align: center;
- overflow: hidden;
- }
-
- .item1 {
- margin-top: 80px;
- font-size: 50px;
- font-weight: 600;
- font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
- color:#0b0977c0;
- }
-
- .item1 span{
- color: rgba(255, 159, 14, 0.699);
- }
-
- .item2 {
- margin-top: 230px;
- display: flex;
- justify-content: center;
- justify-content: space-evenly;
- font-size: 25px;
- font-weight: 400;
- font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
- background-color: #33628c9d;
- height: 260px;
- }
-
- .item2 i{
- padding: 10px;
- color: #2d2d2d;
- }
-
- .card1, .card2, .card3{
- padding-top: 20px;
- width: 300px;
- height: 150px;
- color: #2c2c2c;
- }
-
- .open-img{
- margin-left: 50px;
- width: fit-content;
- }
-
-
- .date{
- padding-top: 15px;
- padding-left: 25px;
- color: #000000;
- font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
- font-style: italic;
- font-weight: 700;
- font-size: 18px;
- }
-
-
-
-}
-
-@media (max-width: 699px) {
-
- .nav-link{
- display: flex;
- height: 30px;
- align-items: center;
- color: #000000;
- text-decoration: none;
- padding: 10px 5px;
- background: transform 0.2s;
- margin-left: auto;
- }
-
- .nav-link span{
- padding: 5px;
- font-weight: 600;
- font-size: 20px;
- }
-
-
- .container{
- display: block;
- margin: 0 auto;
- margin-top: 50px;
- object-fit:scale-down;
- background-size: cover;
- background-position: center;
- background-image: linear-gradient(to bottom, rgba(122, 122, 122, 0.486), rgba(61, 119, 185, 0.5)),
- url('../Asserts/home.png');
- text-align: center;
- overflow: hidden;
- }
-
- .item1 {
- margin-top: 100px;
- font-size: 30px;
- font-weight: 500;
- font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
- color:#0b0977c0;
- }
-
- .item1 span{
- color: rgba(255, 159, 14, 0.699);
- }
-
- .item2 {
- margin-top: 100px;
- display: grid;
- justify-content: center;
- justify-content: space-evenly;
- font-size: 15px;
- font-weight: 300;
- font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
- background-color: #33628c9d;
- height: 200px;
- }
-
- .item2 i{
- padding: 10px;
- color: #2d2d2d;
- }
-
- .card1, .card2, .card3{
- padding-top: 20px;
- color: #2c2c2c;
- }
-
- .card3{
- padding-bottom: 50px;
- }
-
-
- .date{
- visibility: hidden;
- display: none;
- }
-
-
-}
-
-
-
-
diff --git a/style/landingpage_style.css b/style/landingpage_style.css
index 5f43e54..fc8987a 100644
--- a/style/landingpage_style.css
+++ b/style/landingpage_style.css
@@ -18,7 +18,7 @@
grid-template-rows: 1fr 1fr 1fr;
grid-gap: 10px 25px;
background-color: #ffffff;
- height: 90vh;
+ height: 80vh;
}
.containerN {
@@ -33,7 +33,7 @@
grid-gap: 10px 25px;
background-color: #ffffff;
margin-left: 244px;
- height: 90vh;
+ height: 80vh;
}
.container >div{
@@ -41,6 +41,7 @@
font-size: 18px;
box-shadow: 0 0 5px #d3d2d2;
font-weight: 500;
+ line-height: 1.6;
}
.item4, .item5, .item6, .item7{
@@ -48,13 +49,20 @@
border-left-color: #2B65EC;
color: #525C65;
border-left-width: 3px;
- margin-top: 45px;
+ margin-top: 20px;
margin-bottom: 15px;
border-radius: 5px;
padding: 20px;
transition: 0.9s;
}
+ .item4 span, .item5 span, .item6 span, .item7 span{
+ margin-top: 10px;
+ color: #2B65EC;
+ font-size: 28px;
+ font-weight: 600px;
+ }
+
.item4:hover, .item5:hover, .item6:hover, .item7:hover{
transform: scale(1.05);
z-index: 2;
diff --git a/style/leaderManageTask.css b/style/leaderManageTask.css
new file mode 100644
index 0000000..86ba408
--- /dev/null
+++ b/style/leaderManageTask.css
@@ -0,0 +1,366 @@
+table,td,th {
+ border-collapse: collapse;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ padding-left: 10px;
+ text-align: left;
+ border: 1px solid rgb(255, 255, 255);
+}
+
+tr{
+ border-top: 2px solid #ddd;
+ color: black;
+}
+
+.result{
+ width: 100%;
+}
+
+#edit{
+ width: 50px;
+}
+
+.pen{
+ border: none;
+ background-color: transparent;
+}
+
+.pen i{
+ color: rgb(167, 167, 168);
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+#Pending {
+ background: #777676;
+ text-align: center;
+ color: white;
+}
+
+#InProgress {
+ background: #1b80df;
+ text-align: center;
+ color: white;
+}
+
+#Completed {
+ background: #f5e721;
+ text-align: center;
+ color: white;
+}
+
+#Approved {
+ background: #1ab841;
+ text-align: center;
+ color: white;
+}
+
+#Reasigned {
+ background: #d3660d;
+ text-align: center;
+ color: white;
+}
+
+#Overdue {
+ background: #cc3131;
+ text-align: center;
+ color: white;
+}
+
+@media (min-width: 800px) {
+
+ main{
+ margin-top: 50px;
+ }
+
+ .item2 {grid-area: top;}
+ .item3 {grid-area: bottom;}
+
+ .container {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'top'
+ 'bottom';
+ grid-template-columns: 1fr;
+ grid-gap: 10px;
+ height: max-content;
+ background-color: #ffffff;
+ }
+
+ .containerN {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'top'
+ 'bottom';
+ grid-template-columns: 1fr;
+ grid-gap: 10px;
+ height: max-content;
+ background-color: #ffffff;
+ margin-left: 244px;
+ }
+
+ .item2{
+ display: flex;
+ justify-content: center;
+ }
+
+ .search{
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ height: 30px;
+ width: 180px;
+ border-radius: 5px;
+ }
+
+ .search:focus{
+ outline: none !important;
+ }
+
+ .button{
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ background-color: white;
+ width: 100px;
+ height: 30px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .button:hover{
+ background-color: #2B65EC;
+ color: white;
+ }
+
+ .item3{
+ margin: 0 20px 0 20px;
+ box-shadow: 0 0 5px #d3d2d2;
+ }
+
+ table{
+ border: 1px solid #ccc;
+ border-collapse: collapse;
+ margin: auto;
+ padding: 0;
+ width: 100%;
+ }
+
+ .popup, .viewdata {
+ display: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ background-color: rgba(50, 50, 50, 0.808);
+ }
+
+ .form-popup{
+ position: absolute;
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ padding: 10px;
+ width: max-content;
+ margin: 20px;
+ left: 40%;
+ top: 2%;
+ }
+
+ .data {
+ position: absolute;
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ padding: 30px;
+ width: 500px;
+ height: fit-content;
+ margin: 20px;
+ left: 40%;
+ top: 20%;
+ }
+
+ .data .btn{
+ margin-top: 30px;
+ margin-bottom: 20px;
+ }
+
+ .data progress{
+ width: 400px;
+ }
+
+ .popup label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ }
+
+ .popup input{
+ width: 210px;
+ height: 30px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ margin-bottom: 20px;
+ border-radius: 5px;
+ }
+
+ .popup input:focus{
+ outline: none !important;
+ }
+
+ .popup .btn{
+ display: flex;
+ justify-content: space-evenly;
+ }
+
+ .popup .button{
+ margin-top: 30px;
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .popup .button:hover{
+ background-color: #2B65EC;
+ color: white;
+ }
+
+}
+
+@media (max-width: 799px) {
+
+ main{
+ margin-top: 40px;
+ }
+
+ .item2 { grid-area: top; }
+ .item3 { grid-area: bottom;}
+
+ .container {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'top'
+ 'bottom';
+ }
+
+ .item2{
+ display: flex;
+ justify-content: center;
+ margin-bottom: 10px;
+ }
+
+ table{
+ border: 1px solid #ccc;
+ border-collapse: collapse;
+ margin: auto;
+ padding: 0;
+ width: 150%;
+ }
+
+ .button{
+ border-radius: 5px;
+ cursor: pointer;
+ width: 70px;
+ height: 30px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ text-align: center;
+ color: white;
+ }
+
+ .search{
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ height: 30px;
+ width: 180px;
+ border-radius: 5px;
+ padding-left: 5px;
+ }
+
+ .search:focus{
+ outline: none !important;
+ }
+
+ .item3{
+ overflow-x: auto;
+ }
+
+ .data-form{
+ padding-left: 7px;
+ padding-right: 7px;
+ justify-content: space-evenly;
+ }
+
+ .popup, .viewdata {
+ display: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ background-color: rgba(50, 50, 50, 0.808);
+ margin-top: 50px;
+ }
+
+ .form-popup, .data {
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ width: max-content;
+ padding: 5px;
+ margin: auto;
+ }
+
+ .popup label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ }
+
+ .popup input{
+ border-radius: 5px;
+ border: 1px solid #2B65EC;
+ background-color: #ffffff;
+ width: 210px;
+ height: 30px;
+ margin-bottom: 20px;
+ }
+
+ .popup input:focus{
+ outline: none !important;
+ }
+
+ .popup .btn{
+ display: flex;
+ justify-content: space-evenly;
+ }
+
+ .popup .button{
+ margin-top: 30px;
+ border-radius: 20px;
+ padding: 5px;
+ color: #000000;
+ border: 2px solid #2B65EC;
+ width: 120px;
+ height: 35px;
+ font-family: sans-serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .popup .button:hover{
+ background-color: #2B65EC;
+ color: white;
+ }
+}
\ No newline at end of file
diff --git a/style/manageDepartmentAdd_style.css b/style/manageDepartmentAdd_style.css
new file mode 100644
index 0000000..231c8b1
--- /dev/null
+++ b/style/manageDepartmentAdd_style.css
@@ -0,0 +1,447 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+}
+
+nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+}
+nav .links li {
+ list-style: none;
+}
+nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+}
+
+nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+}
+
+#nav-toggle {
+ position: absolute;
+ top: -100px;
+}
+nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+}
+nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+}
+.activelink{
+ font-weight: 550;
+}
+
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 60px;
+ margin-left: 0.1%;
+ margin-right: 3%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+ .flex-container1{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 50px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -10px;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 70%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ margin-left: 200px;
+ }
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+ input[type=text], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ height: 50%;
+ }
+
+
+ /* input[type=submit], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #33628C;
+ border-radius: 4px;
+ box-sizing: border-box;
+ } */
+
+ .rectan{
+
+ width: 30%;
+ height: 48px;
+ cursor: pointer;
+ border-radius: 100px;
+ border: none;
+ background: #5093eb;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+ margin-left: 468px;
+
+ color: #FFFFFF;
+
+ }
+ .rectan:hover{
+ background: #9ac3f8;
+ }
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 1050px) {
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 45%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+ input[type=text], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+
+
+ .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+}
+
+@media (max-width: 799px) {
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 60px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 27px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -30px;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 45%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+
+
+
+
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+
+}
+
+/* @media (max-width: 645px) {
+
+} */
+
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+}
+
+@media (max-width: 530px) {
+ .flex-container1 {
+ width: 140%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -30px;
+ /* margin-bottom: 20px; */
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+}
+
+
+@media (max-width: 420px) {
+
+ .flex-container1 {
+ width: 90%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+}
+
+
+
+
diff --git a/style/manageDepartmentEditDelete_style.css b/style/manageDepartmentEditDelete_style.css
new file mode 100644
index 0000000..e0cf6fe
--- /dev/null
+++ b/style/manageDepartmentEditDelete_style.css
@@ -0,0 +1,582 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+ .activelink{
+ font-weight: 550;
+ }
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ .flex-container {
+ display: flex;
+ margin-top: 45px;
+ margin-left: 0%;
+ margin-right: 0px;
+ flex-wrap: wrap;
+ height:70vh;
+ background-color:#ffffff;
+
+
+
+ }
+ .container{
+ margin:20px;
+ }
+
+
+
+ .heading{
+ font-size: 40px;
+ text-align: center;
+ color: blanchedalmond;
+ margin-bottom: 40px;
+ }
+
+ .left {
+ float: left;
+ width: 39%;
+ padding: 1px;
+ height: 70vh; /* Should be removed. Only for demonstration */
+ background-color:#ffffff;
+ margin-top: 0px;
+
+
+
+
+
+ }
+ .form{
+ text-align: center;
+ }
+ .name-box{
+ width:70%;
+ height:20%;
+ background-color: #33628C;
+ margin-left: 15%;
+
+ }
+ .id-box{
+ width:70%;
+ height:20%;
+ background-color: #33628C;
+ margin-left: 15%;
+ }
+ .manager-box{
+ width:70%;
+ height:20%;
+ background-color: #33628C;
+ margin-left: 15%;
+ }
+ .form h1{
+ /* color: #000000; */
+ /* font-size: 25pt; */
+ margin-bottom: 10px;
+ margin-top: 0%;
+ font-weight: 500;
+ margin-left: 2%;
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+
+ }
+
+
+ .name{
+ color:#000000;
+ font-size: 15pt;
+ margin-left: 15%;
+ margin-top: 10px;
+ float: left;
+
+
+
+ }
+ .id{
+ color:#000000;
+ font-size: 15pt;
+ margin-left: 15%;
+ margin-top: 10px;
+ float: left;
+
+
+ }
+ .selection-box{
+ color:#000000;
+ font-size: 15pt;
+ margin-left: 15%;
+ margin-top: 10px;
+ float: left;
+
+
+ }
+ .manager{
+ color:#000000;
+ font-size: 15pt;
+ margin-left: 15%;
+ margin-top: 100px;
+
+ }
+ .input[type="box"]{
+ width: 60%;
+ height: 50px;
+ margin-top: 10px;
+ margin-bottom: 15px;
+ border-radius: 0px;
+ border: transparent;
+ background-color: rgb(225, 229, 231);
+ border: 1px solid #050e91;
+ padding-left: 10%;
+ font-size:12pt;
+ border-radius: 10px;
+ }
+
+
+
+ a{
+ color:#b5720d;
+ text-decoration:none;
+ }
+
+ select {
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ -ms-appearance:none;
+ appearance:none;
+ outline:0;
+ box-shadow:none;
+ border: 0px solid #050e91;
+
+ background: rgb(225, 229, 231);
+ background-image: none;
+ flex: 1;
+ padding: 0.5em;
+ color:rgb(12, 0, 0);
+ cursor:pointer;
+ font-size: 12pt;
+ font-family: 'Open Sans', sans-serif;
+ }
+ select::-ms-expand {
+ display: none;
+ }
+ .select {
+ margin-top: 10px;
+ position: relative;
+ display: flex;
+ width: 70%;
+ height: 2em;
+ line-height: 3;
+ background: #5c6664;
+ overflow: hidden;
+ margin-left: 15%;
+ border: 1px solid #050e91;
+ border-radius: 10px;
+ }
+ .select::after {
+ content: '\25BC';
+ position: absolute;
+ top: -10px;
+ right: 10px;
+ padding: 0 1em;
+ background: rgb(231, 228, 225);
+ cursor:pointer;
+ pointer-events:none;
+ transition:.25s all ease;
+ width:5px;
+ }
+ .select:hover::after {
+ color: #010c0a;
+ }
+
+
+ .right{
+ float: left;
+ width: 39%;
+ padding: 1px;
+ height: 70vh; /* Should be removed. Only for demonstration */
+ background-color:#ffffff;
+ margin-top: 0px;
+
+
+
+
+
+
+ }
+
+
+ table{
+ border-collapse: collapse;
+
+
+
+
+ }
+ .header_fixed{
+ height: 400px;
+
+ overflow:auto;
+ margin-top: 0px;
+ border:1px solid #dddddd;
+
+ }
+ .header_fixed thead th{
+ position: sticky;
+ top: 0;
+ background-color: #9ac3f8;
+ color: #FFFFFF;
+ font-size: 16px;
+ font-weight: 800;
+ width:100vw
+
+ }
+ th,td{
+ border-bottom: 1px solid #4d0303;
+ padding: 10px 20px;
+ font-size: 14px;
+ font-weight: 800;
+ color: #000000;
+
+ }
+
+ td img{
+ height: 45px;
+ width:45px;
+ border-radius:100%;
+ border: 1px solid #000;
+
+
+ }
+ tr:nth-child(even){
+ background-color: #ffffff;
+ }
+ tr:nth-child(odd){
+ background-color: #ffffff;
+ }
+ tr:hover td{
+ color:#97660a;
+ cursor: pointer;
+ background-color: #FFFFFF;
+ }
+ td button{
+ border:none;
+ padding: 7px 20px;
+ border-radius: 20px;
+ background-color: black;
+ color: #FFFFFF;
+ }
+ ::-webkit-scrollbar{
+ width:6px;
+
+ }
+ ::-webkit-scrollbar-track{
+ webkit-box-shadow:inset 0 0 6px rgb(15, 1, 1);
+
+ }
+ ::-webkit-scrollbar-thumb{
+ webkit-box-shadow:inset 0 0 6px rgb(15, 1, 1);
+
+ }
+ .btn-group .button {
+ background-color: #5093eb;
+ /* Green */
+ border: 1px solid #222221;
+ color: white;
+ padding: 15px 36px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ cursor: pointer;
+ float: left;
+ width:50%;
+ margin-top: 2px;
+ }
+
+ .btn-group .button:not(:last-child) {
+ border-right: none; /* Prevent double borders */
+ }
+
+ .btn-group .button:hover {
+ background-color:#9ac3f8;
+ }
+
+
+
+ @media screen and (max-width: 800px) {
+ .left{
+ width: 100%;
+ height:80vh;
+ border: 2.5px solid #9e0505;
+ margin-left: 2px;
+ margin-top: 40px;
+
+
+ }
+ .form{
+ margin-top: 15%;
+ margin-left: -20px;
+ }
+ .form h1{
+ margin-left: 10px;
+ }
+ .manager{
+ margin-left: -400px;
+ }
+ .selection-box{
+ height: 35px;
+ }
+ .select{
+ height: 50px;
+ }
+ .select::after{
+ content: '\25BC';
+ position: absolute;
+ top: 4px;
+ right: 10px;
+ padding: 0 1em;
+ background: rgb(225, 229, 231);
+ cursor:pointer;
+ pointer-events:none;
+ transition:.25s all ease;
+ width:5px;
+ }
+
+
+ .right{
+ width: 100%;
+ height: 80vh;
+ margin-top: 10px;
+
+ }
+ .form{
+ margin-left: 7px;
+ }
+ .form h1{
+ margin-left: -15px;
+ }
+ .header_fixed{
+ border: 2.5px solid #9e0505;
+
+
+ }
+ table{
+ width: 90vw;
+ font-size: 10pt;
+ }
+ .header_fixed thead th{
+
+ font-size: 12px;
+ font-weight: 800;
+ }
+ th,td{
+
+ font-size: 10px;
+ font-weight: 800;
+
+
+ }
+ .btn-group .button{
+ width:50%;
+ margin-top: 2px;
+ }
+
+
+
+ }
+
+ @media screen and (max-width: 420px) {
+
+ }
+ @media screen and (max-width: 340px) {
+
+ }
+ @media screen and (max-width: 290px) {
+
+
+ }
+
+
+
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+ .flex-container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ .flex-containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ }
+
+ .flex-container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ color: #245bd1;
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+
+@media (max-width: 799px) {
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+
+}
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(0,0,0,.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+
+ }
+ nav .links a {
+ font-size: 20px;
+ color: #ffffff;
+
+
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ display: block;
+ background-color: #265397;
+ margin-top: -40px;
+
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ transform: translateY(10px) rotate(225deg);
+ background-color: #000000;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ transform: translateY(-10px) rotate(-225deg);
+ background-color: #000000;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/style/manageDepartment_style.css b/style/manageDepartment_style.css
new file mode 100644
index 0000000..cdc9501
--- /dev/null
+++ b/style/manageDepartment_style.css
@@ -0,0 +1,526 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+ .activelink{
+ font-weight: 550;
+}
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .flex-container {
+ display: flex;
+ margin-top: -50px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+ .flex-container1 {
+ display: flex;
+ margin-top: 30px;
+ height: 10%;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+ .flex-container1 .text{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ /* sjdsj */
+ margin-top: 20px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+ .flex-container1>*:first-child {
+
+ text-align: left;
+ }
+
+ .flex-container1>*:last-child {
+
+ text-align: right;
+ }
+
+ .flex-container1 input[type=text], select {
+
+ width: 230px;
+ height: 33px;
+
+ /* padding: 13px 20px;
+ margin: 8px 0; */
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+ }
+
+
+
+ .flex-container1 .rectan{
+
+ width: 230px;
+ height: 42px;
+ cursor: pointer;
+ background: #5093eb
+ ;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 20px;
+
+
+ color: #FFFFFF;
+
+ }
+ .rectan:hover{
+ background-color:#9ac3f8;
+ }
+
+
+
+
+
+ .table{
+ margin-top: -30px;
+ width: 100%;
+ border-collapse: collapse;
+ font-weight: normal;
+ }
+
+ .table td,.table th{
+ padding:12px 15px;
+ border:1px solid rgb(253, 253, 253);
+ text-align: center;
+ font-size:16px;
+ }
+
+ .table th{
+ background-color: #9ac3f8;
+ color:#5a5858;
+ font-weight: normal;
+ }
+
+ .table tbody tr:nth-child(even){
+ background-color: #f5f5f5;
+ }
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+ .activelink span{
+ font-weight: 550;
+}
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 1000px) {
+ .flex-container1 .text{
+ font-size: 20px;
+ }
+
+ .flex-container1 .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .flex-container1 input[type=text], select {
+
+ width: 180px;
+ height: 31px;
+
+ /* padding: 9px 10px;
+ margin: 8px 0; */
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+
+ }
+}
+
+@media (max-width: 799px) {
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ display: flex;
+ margin-top: 20px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+ .table{
+ margin-left: -23px;
+ }
+
+
+
+}
+
+@media (max-width: 645px) {
+ .flex-container1 .text{
+ font-size: 16px;
+ }
+
+ .flex-container1 .rectan{
+
+ width: 150px;
+ height: 30px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 16px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .flex-container1 input[type=text], select {
+ /* padding: 6px 7px;
+ margin: 8px 0; */
+
+ width: 150px;
+ height: 30px;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+
+ }
+}
+
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+}
+nav .links a {
+ font-size: 20px;
+}
+nav :checked ~ .links {
+ bottom: 0;
+}
+nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+}
+nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+}
+nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+}
+nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+}
+
+
+ .table thead{
+ display: none;
+}
+
+.table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 100%;
+}
+.table tr{
+ margin-bottom:15px;
+}
+.table td{
+ text-align: right;
+ padding-left: 50%;
+ text-align: right;
+ position: relative;
+}
+.table td::before{
+ content: attr(data-label);
+ position: absolute;
+ left:0;
+ width: 50%;
+ padding-left:15px;
+ font-size:15px;
+ font-weight: bold;
+ text-align: left;
+}
+
+ .table{
+ margin-left: -23px;
+ }
+
+}
+
+@media (max-width: 530px) {
+ .flex-container1 {
+ width: 140%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+}
+
+
+@media (max-width: 420px) {
+
+ .flex-container1 {
+ width: 90%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 5px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container1>*:first-child {
+
+ text-align: center;
+ }
+
+ .flex-container1>*:last-child {
+
+ text-align: center;
+ }
+
+
+
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 88%;
+}
+}
+
+
+
+
diff --git a/style/manageEmployeeAdd_style.css b/style/manageEmployeeAdd_style.css
new file mode 100644
index 0000000..4a31e08
--- /dev/null
+++ b/style/manageEmployeeAdd_style.css
@@ -0,0 +1,520 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+}
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 20px;
+ margin-left: 0.1%;
+ margin-right: 3%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ /* sjdsj */
+ margin-top: 20px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -50px;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 48%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+ input[type=text], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ input[type=email], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+ input[type=password], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ input[type=date], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+ /* input[type=submit], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #33628C;
+ border-radius: 4px;
+ box-sizing: border-box;
+ } */
+
+ input:focus{
+ outline: none !important;
+ }
+
+ .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #5093eb;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .rectan:hover{
+ background-color: #9ac3f8;
+ }
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 1050px) {
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 45%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+ input[type=text], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ input[type=email], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+ input[type=tel], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ input[type=date], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+ /* input[type=submit], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #33628C;
+ border-radius: 4px;
+ box-sizing: border-box;
+ } */
+
+ .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+}
+
+@media (max-width: 799px) {
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 60px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 27px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -30px;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 45%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+
+
+
+
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+
+}
+
+/* @media (max-width: 645px) {
+
+} */
+
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+display: block;
+}
+nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+transform: translateY(10px) rotate(225deg);
+}
+nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+transform: translateY(-10px) rotate(-225deg);
+}
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+}
+
+@media (max-width: 530px) {
+ .flex-container1 {
+ width: 140%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -30px;
+ /* margin-bottom: 20px; */
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+}
+
+
+@media (max-width: 420px) {
+
+ .flex-container1 {
+ width: 90%;
+ display: flex;
+ margin-top: 60px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+}
+
+
+
+
diff --git a/style/manageEmployeeEditDelete_style.css b/style/manageEmployeeEditDelete_style.css
new file mode 100644
index 0000000..1f48c01
--- /dev/null
+++ b/style/manageEmployeeEditDelete_style.css
@@ -0,0 +1,517 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+}
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 20px;
+ margin-left: 0.1%;
+ margin-right: 3%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ /* sjdsj */
+ margin-top: 20px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+
+ .flex-container {
+ margin-top: -50px;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 48%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+ input[type=text], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ input[type=email], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+ input[type=tel], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ input[type=date], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+ /* input[type=submit], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #33628C;
+ border-radius: 4px;
+ box-sizing: border-box;
+ } */
+
+ .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #5093eb;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+ .rectan:hover{
+ background-color: #9ac3f8;
+ }
+
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 1050px) {
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 45%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+ input[type=text], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ input[type=email], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+ input[type=tel], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ input[type=date], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+ /* input[type=submit], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #33628C;
+ border-radius: 4px;
+ box-sizing: border-box;
+ } */
+
+ .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+}
+
+@media (max-width: 799px) {
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 60px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 27px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -30px;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 45%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+
+
+
+
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+
+}
+
+/* @media (max-width: 645px) {
+
+} */
+
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+}
+
+@media (max-width: 530px) {
+ .flex-container1 {
+ width: 140%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -30px;
+ /* margin-bottom: 20px; */
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+}
+
+
+@media (max-width: 420px) {
+
+ .flex-container1 {
+ width: 90%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+}
+
+
+
+
diff --git a/style/manageEmployee_style.css b/style/manageEmployee_style.css
new file mode 100644
index 0000000..eaf8c28
--- /dev/null
+++ b/style/manageEmployee_style.css
@@ -0,0 +1,530 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+ }
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .flex-container {
+ display: flex;
+ /* display: block; */
+ margin-top: -50px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ /* position: absolute; */
+
+ }
+ .flex-container1 {
+ display: flex;
+ /* display: inline-block; */
+ margin-top: 30px;
+ height: 10%;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1 .text{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ /* sjdsj */
+ margin-top: 20px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container1>*:first-child {
+
+ text-align: left;
+ }
+
+ .flex-container1>*:last-child {
+
+ text-align: right;
+ }
+
+ .flex-container1 input[type=text], select {
+
+ width: 230px;
+ height: 33px;
+
+ /* padding: 13px 20px;
+ margin: 8px 0; */
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+ }
+
+
+
+ .flex-container1 .rectan{
+
+ width: 230px;
+ height: 42px;
+ cursor: pointer;
+ background: #5093eb;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 20px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .rectan:hover{
+ background-color: #9ac3f8;
+ }
+
+
+
+
+
+ .table{
+ /* margin-top: -30px; */
+ top: 0;
+ width: 100%;
+ border-collapse: collapse;
+ font-weight: normal;
+ /* position: relative; */
+ }
+
+ .table td,.table th{
+ padding:12px 15px;
+ border:1px solid rgb(253, 253, 253);
+ text-align: center;
+ font-size:16px;
+ }
+
+ .table th{
+ background-color: #9ac3f8;
+ color:#5a5858;
+ font-weight: normal;
+ }
+
+ .table tbody tr:nth-child(even){
+ background-color: #f5f5f5;
+ }
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 1000px) {
+ .flex-container1 .text{
+ font-size: 20px;
+ }
+
+ .flex-container1 .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .flex-container1 input[type=text], select {
+
+ width: 180px;
+ height: 31px;
+
+ /* padding: 9px 10px;
+ margin: 8px 0; */
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+
+ }
+}
+
+@media (max-width: 799px) {
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ display: flex;
+ margin-top: 20px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+ .table{
+ margin-left: -23px;
+ }
+
+
+
+}
+
+@media (max-width: 645px) {
+ .flex-container1 .text{
+ font-size: 16px;
+ }
+
+ .flex-container1 .rectan{
+
+ width: 150px;
+ height: 30px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 16px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .flex-container1 input[type=text], select {
+ /* padding: 6px 7px;
+ margin: 8px 0; */
+
+ width: 150px;
+ height: 30px;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+
+ }
+}
+
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+ .table thead{
+ display: none;
+ }
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 100%;
+ }
+ .table tr{
+ margin-bottom:15px;
+ }
+ .table td{
+ text-align: right;
+ padding-left: 50%;
+ text-align: right;
+ position: relative;
+ }
+ .table td::before{
+ content: attr(data-label);
+ position: absolute;
+ left:0;
+ width: 50%;
+ padding-left:15px;
+ font-size:15px;
+ font-weight: bold;
+ text-align: left;
+ }
+
+ .table{
+ margin-left: -23px;
+ }
+
+}
+
+@media (max-width: 530px) {
+ .flex-container1 {
+ width: 140%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+}
+
+
+@media (max-width: 420px) {
+
+ .flex-container1 {
+ width: 90%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 5px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container1>*:first-child {
+
+ text-align: center;
+ }
+
+ .flex-container1>*:last-child {
+
+ text-align: center;
+ }
+
+
+
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 88%;
+ }
+}
+
+
+
+
diff --git a/style/manageTeamAdd_style.css b/style/manageTeamAdd_style.css
new file mode 100644
index 0000000..a5f873b
--- /dev/null
+++ b/style/manageTeamAdd_style.css
@@ -0,0 +1,469 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+}
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 120px;
+ margin-left: 0.1%;
+ margin-right: 3%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+
+ /* .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 50px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ } */
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ /* sjdsj */
+ margin-top: 20px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: 10px;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 70%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+
+ margin-left: 215px;
+ margin-bottom: 20px;
+
+ }
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+ input[type=text], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ height: 60%;
+ }
+
+
+ /* input[type=submit], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #33628C;
+ border-radius: 4px;
+ box-sizing: border-box;
+ } */
+
+ .rectan{
+ margin-top: 30px;
+ width: 30%;
+ height: 48px;
+ cursor: pointer;
+ background: #5093eb;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ margin-left: 535px;
+
+ }
+
+
+ .rectan:hover{
+ background-color: #9ac3f8;
+ }
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 1050px) {
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 45%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+ input[type=text], select {
+ width: 90%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+
+
+ .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+}
+
+@media (max-width: 799px) {
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 60px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 27px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -30px;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 45%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+
+
+
+
+
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+
+}
+
+/* @media (max-width: 645px) {
+
+} */
+
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+}
+
+@media (max-width: 530px) {
+ .flex-container1 {
+ width: 140%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ margin-top: -30px;
+ /* margin-bottom: 20px; */
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container > div {
+
+ background-color: #ffffff;
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 20px;
+ }
+}
+
+
+@media (max-width: 420px) {
+
+ .flex-container1 {
+ width: 90%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+}
+
+
+
+
diff --git a/style/manageTeamEditDelete_style.css b/style/manageTeamEditDelete_style.css
new file mode 100644
index 0000000..537ac9b
--- /dev/null
+++ b/style/manageTeamEditDelete_style.css
@@ -0,0 +1,593 @@
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+ }
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ .flex-container {
+ display: flex;
+ margin-top: 100px;
+ margin-left: 0%;
+ margin-right: 0px;
+ flex-wrap: wrap;
+ height:70vh;
+ background-color:#ffffff;
+
+
+
+ }
+ .container{
+ margin:20px;
+ }
+
+
+
+ .heading{
+ font-size: 40px;
+ text-align: center;
+ color: blanchedalmond;
+ margin-bottom: 40px;
+ }
+
+ .left {
+ float: left;
+ width: 39%;
+ padding: 1px;
+ height: 70vh; /* Should be removed. Only for demonstration */
+ background-color:#ffffff;
+ margin-top: 0px;
+
+
+
+
+
+ }
+ .form{
+ text-align: center;
+ margin-top: -40px;
+ }
+ .name-box{
+ width:70%;
+ height:20%;
+ background-color: #33628C;
+ margin-left: 15%;
+ }
+ .id-box{
+ width:70%;
+ height:20%;
+ background-color: #33628C;
+ margin-left: 15%;
+ }
+ .manager-box{
+ width:70%;
+ height:20%;
+ background-color: #33628C;
+ margin-left: 15%;
+ }
+ .form h1{
+ /* color: #000000; */
+ /* font-size: 25pt; */
+ margin-bottom: 10px;
+ margin-top: 0%;
+ font-weight: 500;
+ margin-left: 2%;
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+
+ }
+
+
+
+ .name{
+ color:#000000;
+ font-size: 12pt;
+ margin-left: 15%;
+ margin-top: 10px;
+ float: left;
+
+
+ }
+ .id{
+ color:#000000;
+ font-size: 12pt;
+ margin-left: 15%;
+ margin-top: 10px;
+ float: left;
+
+ }
+ .selection-box{
+ color:#000000;
+ font-size: 12pt;
+ margin-left: 15%;
+ margin-top: -5px;
+ float: left;
+
+ }
+ .manager{
+ color:#000000;
+ font-size: 15pt;
+ margin-left: 15%;
+ margin-top: 100px;
+
+ }
+ .input[type="box"]{
+ width: 60%;
+ height: 50px;
+ margin-top: 0px;
+ margin-bottom: 15px;
+ border-radius: 0px;
+ border: transparent;
+ background-color: rgb(225, 229, 231);
+ border: 1px solid #050e91;
+ padding-left: 10%;
+ font-size:12pt;
+ border-radius: 10px;
+
+ }
+ .text1{
+ margin-top: 18px;
+
+ }
+ .text2{
+ margin-top: 18px;
+
+ }
+ .box1{
+ margin-top: -7px;
+ }
+ .box2{
+ margin-top: 4px;
+ }
+
+
+
+ a{
+ color:#b5720d;
+ text-decoration:none;
+ }
+
+ select {
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ -ms-appearance:none;
+ appearance:none;
+ outline:0;
+ box-shadow:none;
+ border: 0px solid #050e91;
+
+ background: rgb(225, 229, 231);
+ background-image: none;
+ flex: 1;
+ padding: 0.5em;
+ color:rgb(12, 0, 0);
+ cursor:pointer;
+ font-size: 12pt;
+ font-family: 'Open Sans', sans-serif;
+
+ }
+ select::-ms-expand {
+ display: none;
+ }
+ .select {
+ margin-top: 10px;
+ position: relative;
+ display: flex;
+ width: 70%;
+ height: 2em;
+ line-height: 3;
+ background: #5c6664;
+ overflow: hidden;
+ margin-left: 15%;
+ border: 1px solid #050e91;
+ border-radius: 10px;
+
+
+ }
+ .select::after {
+ content: '\25BC';
+ position: absolute;
+ top: -10px;
+ right: 10px;
+ padding: 0 1em;
+ background: rgb(231, 228, 225);
+ cursor:pointer;
+ pointer-events:none;
+ transition:.25s all ease;
+ width:5px;
+ }
+ .select:hover::after {
+ color: #010c0a;
+ }
+
+
+ .right{
+ float: left;
+ width: 39%;
+ padding: 1px;
+ height: 70vh; /* Should be removed. Only for demonstration */
+ background-color:#ffffff;
+ margin-top: 0px;
+
+
+ }
+
+
+ table{
+ border-collapse: collapse;
+
+ }
+ .header_fixed{
+ height: 400px;
+
+ overflow:auto;
+ margin-top: 0px;
+ border:1px solid #dddddd;
+
+ }
+ .header_fixed thead th{
+ position: sticky;
+ top: 0;
+ background: #9ac3f8;
+ color: #FFFFFF;
+ font-size: 16px;
+ font-weight: 800;
+ width: 100vw;
+
+ }
+ th,td{
+ border-bottom: 1px solid #4d0303;
+ padding: 10px 20px;
+ font-size: 14px;
+ font-weight: 800;
+ color: #000000;
+
+ }
+
+ td img{
+ height: 45px;
+ width:45px;
+ border-radius:100%;
+ border: 1px solid #000;
+
+
+ }
+ tr:nth-child(even){
+ background-color: #ffffff;
+ }
+ tr:nth-child(odd){
+ background-color: #ffffff;
+ }
+ tr:hover td{
+ color:#97660a;
+ cursor: pointer;
+ background-color: #FFFFFF;
+ }
+ td button{
+ border:none;
+ padding: 7px 20px;
+ border-radius: 20px;
+ background-color: black;
+ color: #FFFFFF;
+ }
+ ::-webkit-scrollbar{
+ width:6px;
+
+ }
+ ::-webkit-scrollbar-track{
+ webkit-box-shadow:inset 0 0 6px rgb(15, 1, 1);
+
+ }
+ ::-webkit-scrollbar-thumb{
+ webkit-box-shadow:inset 0 0 6px rgb(15, 1, 1);
+
+ }
+ .btn-group .button {
+ background-color: #6ea6f0; /* Green */
+ border: 1px solid #222221;
+ color: white;
+ padding: 15px 36px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ cursor: pointer;
+ float: left;
+ width:50%;
+ margin-top: 2px;
+ }
+
+ .btn-group .button:not(:last-child) {
+ border-right: none; /* Prevent double borders */
+ }
+
+ .btn-group .button:hover {
+ background-color: #5299f5;
+ }
+
+
+
+ @media screen and (max-width: 800px) {
+ .left{
+ width: 100%;
+ height:80vh;
+ border: 2.5px solid #9e0505;
+ margin-left: 2px;
+ margin-top: 40px;
+
+
+ }
+ .form{
+ margin-top: 15%;
+ margin-left: -20px;
+ }
+ .form h1{
+ margin-left: 10px;
+ }
+ .manager{
+ margin-left: -400px;
+ }
+ .selection-box{
+ height: 35px;
+ }
+ .select{
+ height: 50px;
+ }
+ .select::after{
+ content: '\25BC';
+ position: absolute;
+ top: 4px;
+ right: 10px;
+ padding: 0 1em;
+ background: rgb(225, 229, 231);
+ cursor:pointer;
+ pointer-events:none;
+ transition:.25s all ease;
+ width:5px;
+ }
+
+
+ .right{
+ width: 100%;
+ height: 80vh;
+ margin-top: 10px;
+
+ }
+ .form{
+ margin-left: 7px;
+ margin-top: -30px;
+ }
+ .form h1{
+ margin-left: -15px;
+ }
+ .header_fixed{
+ border: 2.5px solid #9e0505;
+
+
+ }
+ table{
+ width: 90vw;
+ font-size: 10pt;
+ }
+ .header_fixed thead th{
+
+ font-size: 12px;
+ font-weight: 800;
+ }
+ th,td{
+
+ font-size: 10px;
+ font-weight: 800;
+
+
+ }
+ .btn-group .button{
+ width:50%;
+ margin-top: 2px;
+ }
+ .form{
+ margin-top: 10px;
+ }
+
+
+
+ }
+
+ @media screen and (max-width: 420px) {
+
+ }
+ @media screen and (max-width: 340px) {
+
+ }
+ @media screen and (max-width: 290px) {
+
+
+ }
+
+
+
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+ .flex-container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ .flex-containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ }
+
+ .flex-container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ color: #245bd1;
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+
+@media (max-width: 799px) {
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+
+}
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(0,0,0,.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+
+ }
+ nav .links a {
+ font-size: 20px;
+ color: #ffffff;
+
+
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ display: block;
+ background-color: #265397;
+ margin-top: -40px;
+
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ transform: translateY(10px) rotate(225deg);
+ background-color: #000000;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ transform: translateY(-10px) rotate(-225deg);
+ background-color: #000000;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/style/manageTeam_style.css b/style/manageTeam_style.css
new file mode 100644
index 0000000..6837d36
--- /dev/null
+++ b/style/manageTeam_style.css
@@ -0,0 +1,525 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+}
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .flex-container {
+ display: flex;
+ margin-top: -50px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+ .flex-container1 {
+ display: flex;
+ margin-top: 30px;
+ height: 10%;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1 .text{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ /* sjdsj */
+ margin-top: 20px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container1>*:first-child {
+
+ text-align: left;
+ }
+
+ .flex-container1>*:last-child {
+
+ text-align: right;
+ }
+
+ .flex-container1 input[type=text], select {
+
+ width: 230px;
+ height: 33px;
+
+ /* padding: 13px 20px;
+ margin: 8px 0; */
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+ }
+
+
+
+ .flex-container1 .rectan{
+
+ width: 230px;
+ height: 42px;
+ cursor: pointer;
+ background: #5093eb;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 20px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .rectan:hover{
+ background-color: #9ac3f8;
+ }
+
+
+
+
+
+ .table{
+ margin-top: -30px;
+ width: 100%;
+ border-collapse: collapse;
+ font-weight: normal;
+ }
+
+ .table td,.table th{
+ padding:12px 15px;
+ border:1px solid rgb(253, 253, 253);
+ text-align: center;
+ font-size:16px;
+ }
+
+ .table th{
+ background-color: #9ac3f8;
+ color:#5a5858;
+ font-weight: normal;
+ }
+
+ .table tbody tr:nth-child(even){
+ background-color: #f5f5f5;
+ }
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 1000px) {
+ .flex-container1 .text{
+ font-size: 20px;
+ }
+
+ .flex-container1 .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .flex-container1 input[type=text], select {
+
+ width: 180px;
+ height: 31px;
+
+ /* padding: 9px 10px;
+ margin: 8px 0; */
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+
+ }
+}
+
+@media (max-width: 799px) {
+
+ .flex-container1 {
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container {
+ display: flex;
+ margin-top: 20px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+ .table{
+ margin-left: -23px;
+ }
+
+
+
+}
+
+@media (max-width: 645px) {
+ .flex-container1 .text{
+ font-size: 16px;
+ }
+
+ .flex-container1 .rectan{
+
+ width: 150px;
+ height: 30px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 16px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .flex-container1 input[type=text], select {
+ /* padding: 6px 7px;
+ margin: 8px 0; */
+
+ width: 150px;
+ height: 30px;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 12px;
+
+ }
+}
+
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+ .table thead{
+ display: none;
+ }
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 100%;
+ }
+ .table tr{
+ margin-bottom:15px;
+ }
+ .table td{
+ text-align: right;
+ padding-left: 50%;
+ text-align: right;
+ position: relative;
+ }
+ .table td::before{
+ content: attr(data-label);
+ position: absolute;
+ left:0;
+ width: 50%;
+ padding-left:15px;
+ font-size:15px;
+ font-weight: bold;
+ text-align: left;
+ }
+
+ .table{
+ margin-left: -23px;
+ }
+
+}
+
+@media (max-width: 530px) {
+ .flex-container1 {
+ width: 140%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: row;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 15px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+}
+
+
+@media (max-width: 420px) {
+
+ .flex-container1 {
+ width: 90%;
+ display: flex;
+ margin-top: 100px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-direction: column;
+ background-color: #ffffff;
+
+
+ }
+
+
+ .flex-container1 > div {
+ background-color: #ffffff;
+ width: 100%;
+ margin: 5px;
+ text-align: center;
+ line-height: 60px;
+ font-size: 30px;
+ border-radius: 18px;
+
+ }
+
+ .flex-container1>*:first-child {
+
+ text-align: center;
+ }
+
+ .flex-container1>*:last-child {
+
+ text-align: center;
+ }
+
+
+
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 88%;
+ }
+}
+
+
+
+
diff --git a/style/myleave.css b/style/myleave.css
new file mode 100644
index 0000000..62917ac
--- /dev/null
+++ b/style/myleave.css
@@ -0,0 +1,333 @@
+
+:root{
+ --blue: #265397;
+ --orange: #DC950B;
+ --white: #fff;
+ --grey: #f5f5f5;
+ --grey2: #b2beb5;
+ --black1: #222;
+ --black2: #999;
+ --blue2: #9ac3f8;
+ --header-height : 50px;
+ --footer-height : 70px;
+ --navbarwidth: 244px;
+ --naviconwidth: 58px;
+}
+
+.container{
+ /*overflow: scroll;*/
+ /*scroll-snap-type: y mandatory;
+ overflow-y: scroll;*/
+}
+
+a{
+ text-decoration: none;
+ color: black;
+}
+
+.item1{
+ grid-area: one;
+ padding-top: 1%;
+}
+
+.toplinkbar{
+ margin-top: 1%;
+ float: right;
+ margin-right: 100px;
+}
+
+.toplink{
+ padding-top: 2%;
+ padding-left: 20px;
+ padding-right: 20px;
+ text-decoration: none;
+ color: var(--black);
+ font-size: 20px;
+ margin-bottom: 0px;
+ font-family: Garamond;
+ border:2px solid var(--white);
+}
+
+.toplink:hover{
+ border:2px solid var(--grey2);
+}
+
+.toplink-active{
+ border-bottom: 2px solid black;
+}
+
+.toplink-active:hover{
+ border:2px solid var(--white);
+ border-bottom: 2px solid black;
+}
+
+.item2{
+ grid-area: two;
+ padding-left: 10%;
+ padding-top: 1%;
+ padding-bottom: 1%;
+}
+
+.filter{
+ padding-left: 1%;
+ padding-right: 1%;
+ border-top-left-radius: 10px;
+ border-bottom-left-radius: 10px;
+ border-top-right-radius: 10px;
+ border-bottom-right-radius: 10px;
+ border: 1px solid black;
+ cursor: pointer;
+}
+
+.item3, .item4, .item5{
+ padding: 1% 1% 1% 1%;
+ background: var(--white);
+ margin-left: 1%;
+ margin-right: 1%;
+ margin-bottom: 1%;
+}
+
+.item3{
+ grid-area: three;
+ display: flex;
+ background: var(--blue2);
+}
+
+.item3 canvas{
+ width:80%;
+ max-width:500px;
+ height: 200%;
+}
+
+.item4{
+ grid-area: four;
+}
+
+.item4 table{
+ width: 100%;
+ font-family: Calibri;
+}
+
+.item4 tr{
+ text-align: center;
+ background-color: var(--white);
+}
+
+.item4 td{
+ padding-top: 1%;
+ padding-bottom: 1%;
+ border-top: 2px solid var(--blue);
+ border-bottom: 2px solid var(--blue);
+ padding-right: 0px;
+ padding-left: 0px;
+}
+
+.item4 td:nth-child(1){
+ border-bottom-left-radius: 10px;
+ border-top-left-radius: 10px;
+ border-left: 2px solid var(--blue);
+}
+
+.item4 td:nth-child(3){
+ border-bottom-right-radius: 10px;
+ border-top-right-radius: 10px;
+ border-right: 2px solid var(--blue);
+}
+
+.item4 td:nth-child(4){
+ border-bottom-right-radius: 10px;
+ border-top-right-radius: 10px;
+ border-right: 2px solid var(--blue);
+}
+
+.item4 td:nth-child(5){
+ border-bottom-right-radius: 10px;
+ border-top-right-radius: 10px;
+ width: 80px;
+ border: none;
+}
+
+.item5{
+ grid-area: five;
+ margin-top: 2%;
+ margin-bottom: 2%;
+ padding: 6% 8% 6% 8%;
+ border: 1px solid var(--blue);
+ border-top: 2px solid var(--blue);
+ border-radius: 10px;
+}
+
+.item5 form{
+ font-family: Arial;
+ font-size: 16px;
+}
+
+.item5 form .date_input{
+ border-radius: 5px;
+ border: none;
+ background: var(--grey);
+ padding: 10px;
+}
+
+.item5 form #request_submit{
+ color: var(--black);
+ background: var(--white);
+ font-size: 18px;
+ padding: 5px 5% 5px 5%;
+ border-radius: 20px;
+ font-family: Arial;
+ border-color: var(--blue);
+}
+
+.item5 form #request_submit:hover{
+ cursor: pointer;
+ border-color: var(--orange);
+ color: var(--blue);
+}
+
+.leavetable{
+ width: 50%;
+ font-family: Calibri;
+ font-weight: bold;
+ font-size: 18px;
+}
+
+.leaveview{
+ width: 50%;
+}
+
+.leaveview tr{
+ text-align: center;
+ background-color: var(--white);
+ padding-bottom: 50px;
+}
+
+.leaveview a{
+ color: var(--orange);
+ font-weight: bold;
+}
+
+.leaveview a:hover{
+ color: var(--blue);
+}
+
+.leaveview tr:nth-child(7){
+ background-color: #000039;
+}
+
+#approvebtn, #declinebtn{
+ float: right;
+ margin: 10px;
+}
+
+button{
+ border-radius: 20px;
+ background-color: var(--white);
+ border-color: var(--blue);
+ padding: 10px 20px 10px 20px;
+ font-size: 14px;
+ font-family: Arial;
+ font-weight: bold;
+}
+
+button:hover{
+ cursor: pointer;
+ border-color: var(--orange);
+ color: var(--blue);
+}
+
+.container{
+ display: grid;
+ grid-template-areas: 'one' 'two' 'three' 'four' 'five';
+}
+
+#leavechart{
+ padding-left: 75%;
+}
+
+@media (min-width: 800px) {
+
+ .container{
+ min-height: 455px;
+ }
+
+ .toplinkbar{
+ margin-top: 1%;
+ float: right;
+ margin-right: 100px;
+ }
+
+}
+
+@media (max-width: 799px) {
+
+ .toplink{
+ padding: 0px 12px 2px 12px;
+ font-size: 18px;
+ float: center;
+ text-align: center;
+ }
+
+ #toplink1{ grid-area: link1; }
+ #toplink2{ grid-area: link2; }
+ #toplink3{ grid-area: link3; }
+
+ .toplinkbar{
+ display: grid;
+ grid-template-areas: 'link1' 'link2' 'link3';
+ }
+
+ .item2{
+ padding-top: 4%;
+ padding-bottom: 2%;
+ }
+
+ .item3, .item4{
+ padding: 1% 1% 1% 1%;
+ margin-bottom: 2%;
+ }
+
+ .item4{
+ padding-top: 2%;
+ }
+
+ .item4 table{
+ font-size: 14px;
+ }
+
+ .item4 td:nth-child(3){
+ width: 40%;
+ }
+
+ .item4 td{
+ padding: 3px;
+ }
+
+ .item5{
+ margin-top: 12%;
+ padding: 8% 8% 30% 8%;
+ margin-bottom: 12%;
+ }
+
+ .item5 form{
+ font-size: 12px;
+ }
+
+ .item3{
+ display: block;
+ }
+
+ .item3 canvas{
+ width:80%;
+ max-width:400px;
+ }
+
+ #leavechart{
+ padding-left: 0%;
+ }
+
+ button{
+ padding: 10px 10px 10px 10px;
+ font-size: 12px;
+ }
+}
\ No newline at end of file
diff --git a/style/myprofile_style.css b/style/myprofile_style.css
index 3108130..9cc780b 100644
--- a/style/myprofile_style.css
+++ b/style/myprofile_style.css
@@ -1,232 +1,427 @@
-body{
- --header-height : 50px;
- --footer-height : 70px;
- margin: var(--header-height) 0 0 var(--footer-height);
- margin: auto;
- font-family: sans-serif;
-}
-.preload *{
- transition: none !important;
-}
+@media (min-width: 800px) {
+ .item1 { grid-area: one; }
+ .item2 { grid-area: two; }
+
+ .container {
+ padding: 30px;
+ display: grid;
+ grid-template-areas:
+ 'one two two ' ;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 12px 30px;
+ background: #ffffff;
+ }
-.header , .nav-bar{
- margin: auto;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: var(--header-height);
- border: none;
- display: flex;
-}
+ .containerN {
+ padding: 30px;
+ display: grid;
+ grid-template-areas:
+ 'one two two ' ;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 12px 20px;
+ background-color: #ffffff;
+ margin-left: 244px;
+ }
-.header{
- background: #33628C;
-}
+ .container >div{
+ border-top-style: solid;
+ border-top-color: #2B65EC;
+ border-top-width: 3px;
+ text-align: center;
+ font-size: 18px;
+ padding: 20px;
+ font-weight: 500;
+ background-color: #ffffff;
+ border-radius: 5px;
+ box-shadow: 0 0 5px #d3d2d2;
+ }
-.footer{
- margin: auto;
- position: fixed;
- margin-top: 608px;
- width: 100%;
- height: var(--footer-height);
- border: none;
- display: flex;
- background: #C2D3E2;
- font-size: 14px;
-
-}
+ .item1, .item2{
+ margin-top: 50px;
+ }
-.footer-data{
- width: 100%;
- padding-top: 10px;
- padding-bottom: 10px;
- align-content: center;
- color: #716D6D;
- text-align: center;
-}
+ .img-card{
+ margin: auto;
+ margin-top: 50px;
+ justify-content: center;
+ width: 250px;
+ height: 250px;
+ }
-.nav-bar{
- background: #33628C;
-}
+ #photo{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 50%;
+ }
-.header-button{
- width: var(--header-height);
- height: var(--header-height);
- flex-shrink: 0;
- background: #33628C;
- outline: none;
- border: none;
- color: #ffffff;
- cursor: pointer;
-}
+ #file{
+ justify-content:space-evenly;
+ display: none;
-.date{
- padding-top: 15px;
- padding-left: 25px;
- color: #000000;
- font-family:sans-serif;
- font-style: italic;
- font-weight: 700;
- font-size: 18px;
-}
+ }
-.open-img{
- width: 195px;
-}
+ #sbtbtn{
+ position: relative;
+ margin-top: 50px;
+ border-radius: 5px;
+ padding: 5px;
+ color: #ffffff;
+ background-color: #2B65EC;
+ width: 120px;
+ height: 35px;
+ border: none;
+ font-family: Georgia, 'Times New Roman', Times, serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
-.nav-links{
- margin-top: 50px;
- padding-top: 50px;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 2;
- height: 100vh;
- width: 244px;
- background: #33628C;
- transform: translateX(-244px);
- transition: transform 0.3s;
-
-}
+ #sbtbtn:hover{
+ background-color:#2b65ecad ;
+ }
+ #uploadBtn{
+ position: relative;
+ top: 20px;
+ height: 25px;
+ width: fit-content;
+ padding: 10px;
+ color: white;
+ background-color: #2B65EC;
+ font-size: 11pt;
+ font-family:Georgia, 'Times New Roman', Times, serif;
+ cursor: pointer;
+ border-radius: 5px;
+ margin-bottom: 10px;
+ }
-.nav-links .nav-bar .nav-header-button{
- width: var(--header-height);
- height: var(--header-height);
- flex-shrink: 0;
- background: none;
- outline: none;
- border: none;
- color: #ffffff;
- cursor: pointer;
-}
+ #uploadBtn:hover{
+ background-color:#2b65ecad ;
+ }
-.nav-links .nav-bar .close-img{
- width: fit-content;
- height: 50px;
-}
+ .data-form{
+ justify-content: center;
+ margin-top: 50px;
+ font-family: 'Times New Roman', Times, serif;
+ }
+
+ .data-form label{
+ text-align: left;
+ width: 180px;
+ display: inline-block;
+ margin-bottom: 20px;
+ }
+
+ .input-fields{
+ width: 220px;
+ padding: 7px;
+ font-family: 'Times New Roman', Times, serif;
+ font-size: 12pt;
+ border-radius: 5px;
+ border: 1px solid #c0bfbf;
+ }
+
+ .input-fields:focus{
+ outline: none !important;
+ }
+
+ .button{
+ margin-top: 50px;
+ border-radius: 5px;
+ padding: 5px;
+ color: #ffffff;
+ background-color: #2B65EC;
+ width: 120px;
+ height: 35px;
+ border: none;
+ font-family: Georgia, 'Times New Roman', Times, serif;
+ font-size: 12pt;
+ cursor: pointer;
+ }
+
+ .button:hover{
+ background-color:#2b65ecad ;
+ }
-.nav-open .nav-links{
- transform: translateX(0);
}
-.nav-link{
- display: flex;
- height: 30px;
- align-items: center;
- color: #ffffff;
- font-size: 14px;
- text-decoration: none;
- padding: 12px 15px;
- background: transform 0.2s;
+@media (max-width: 799px) {
-}
+ .item1 { grid-area: one; }
+ .item2 { grid-area: two; }
+
+ .container {
+ padding: 30px;
+ display: grid;
+ grid-template-areas:
+ 'one'
+ 'two' ;
+ background: #eeeeee;
+ justify-content: center;
+ }
-.nav-links > a i::before{
- padding-right: 25px;
-}
+ .container >div{
+ text-align: center;
+ font-size: 16px;
+ padding: 20px;
+ font-weight: 500;
+ background-color: #ffffff;
+ }
-.nav-links span{
- font-size: 16px;
- font-family:sans-serif;
-}
+ .item1, .item2{
+ margin-top: 50px;
+ }
-.nav-link-active{
- color: white;
- background: rgba(255, 253, 253, 0.13);
-}
+ .item1{
+ height: 320px;
+ }
-.nav-link:hover{
- background: rgba(255, 253, 253, 0.363);
-}
+ .item2{
+ height: 500px;
+ }
+ .img-card{
+ margin: auto;
+ margin-top: 20px;
+ justify-content: center;
+ width: 200px;
+ height: 200px;
+ }
-.nav-overlay{
- position: fixed;
- top: 0;
- left:0;
- width: 100%;
- height: 100vh;
- visibility: hidden;
- opacity: 1;
- transition: opacity 0.3s;
-}
+ #photo{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 50%;
+ }
-.nav-open .nav-overlay{
- visibility: visible;
- opacity: 1;
-}
+ #file{
+ justify-content:space-evenly;
+ display: none;
+ }
-@media (min-width: 800px) {
+ #sbtbtn{
+ position: relative;
+ margin-top: 50px;
+ border-radius: 5px;
+ padding: 5px;
+ color: #ffffff;
+ background-color: #2B65EC;
+ width: 120px;
+ height: 35px;
+ border: none;
+ font-family: Georgia, 'Times New Roman', Times, serif;
+ font-size: 11pt;
+ cursor: pointer;
+ }
+ #uploadBtn{
+ position: relative;
+ top: 20px;
+ height: 25px;
+ width: 50px;
+ padding: 10px;
+ color: white;
+ background-color: #2B65EC;
+ font-size: 11pt;
+ font-family:Georgia, 'Times New Roman', Times, serif;
+ cursor: pointer;
+ border-radius: 5px;
+ }
- .notification {
- position: absolute;
- right: 25%;
- padding-top: 15px;
- margin-right: 10px;
+ .data-form{
+ justify-content: center;
+ margin-top: 30px;
+ font-family: 'Times New Roman', Times, serif;
}
-
- .notification i{
- color: #000000;
+
+ .data-form label{
+ text-align: left;
+ width: 170px;
+ display: inline-block;
+ margin-bottom: 20px;
+ font-size: 12pt;
}
-
- .user-login{
- position: absolute;
- right: 16%;
- padding-top: 15px;
- display: flex;
+
+ .input-fields{
+ width: 210px;
+ padding: 7px;
+ font-family: 'Times New Roman', Times, serif;
+ font-size: 11pt;
+ border-radius: 5px;
+ background-color: rgb(225, 229, 231);
+ border: 1px solid #c0bfbf;
}
-
- .img-rounded-circle{
- position: absolute;
- right: 5%;
- border-radius: 50%;
- width:50px;
- height: 50px;
+
+ .input-fields:focus{
+ outline: none !important;
}
+ .button{
+ position: relative;
+ margin-top: 50px;
+ border-radius: 5px;
+ padding: 5px;
+ color: #ffffff;
+ background-color: #2B65EC;
+ width: 120px;
+ height: 35px;
+ border: none;
+ font-family: Georgia, 'Times New Roman', Times, serif;
+ font-size: 12pt;
+ justify-content: center;
+ cursor: pointer;
+ }
+
+
}
-@media (max-width: 799px) {
+@media (max-width: 499px) {
- .open-img{
- visibility: hidden;
+ .item1 { grid-area: one; }
+ .item2 { grid-area: two; }
+
+ .container {
+ padding: 30px;
+ display: grid;
+ grid-template-areas:
+ 'one'
+ 'two' ;
+ background: #ffffff;
+ justify-content: center;
}
- .date{
- visibility: hidden;
+
+ .container >div{
+ text-align: center;
+ font-size: 15px;
+ padding: 20px;
+ font-weight: 500;
+ background-color: #ffffff;
}
- .notification {
- position: absolute;
- right: 70%;
- padding-top: 15px;
+ .item1{
+ margin-top: 30px;
+ height: 300px;
}
- .notification i{
- color: #000000;
+ .item2{
+ margin-top: 20px;
+ height: 600px;
}
-
- .user-login{
- position: absolute;
- right: 40%;
- padding-top: 15px;
- display: flex;
- visibility: hidden;
+
+ .img-card{
+ margin: auto;
+ margin-top: 20px;
+ justify-content: center;
+ width: 200px;
+ height: 200px;
}
-
- .img-rounded-circle{
- position: absolute;
- right: 5%;
+
+ #photo{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
border-radius: 50%;
- width:50px;
- height: 50px;
+ }
+
+ #file{
+ justify-content:space-evenly;
+ display: none;
+
+ }
+
+ #sbtbtn{
+ position: relative;
+ margin-top: 40px;
+ border-radius: 5px;
+ padding: 5px;
+ color: #ffffff;
+ background-color: #2B65EC;
+ width: 120px;
+ height: 35px;
+ border: none;
+ font-family: Georgia, 'Times New Roman', Times, serif;
+ font-size: 11pt;
+ cursor: pointer;
+ }
+
+ #sbtbtn:hover{
+ background-color:#2b65ecad ;
+ }
+
+ #uploadBtn{
+ position: relative;
+ top: 20px;
+ height: 25px;
+ width: 50px;
+ padding: 10px;
+ color: white;
+ background-color: #2B65EC;
+ font-size: 11pt;
+ font-family:Georgia, 'Times New Roman', Times, serif;
+ cursor: pointer;
+ border-radius: 5px;
+ }
+
+ #uploadBtn:hover{
+ background-color:#2b65ecad ;
+ }
+
+ .data-form{
+ justify-content: center;
+ margin-top: 20px;
+ font-family: 'Times New Roman', Times, serif;
+ }
+
+ .data-form label{
+ text-align: left;
+ width: 170px;
+ display: block;
+ font-size: 12pt;
+ margin-bottom: 5px;
+ }
+
+ .input-fields{
+ width: 210px;
+ padding: 7px;
+ margin-bottom: 15px;
+ font-family: 'Times New Roman', Times, serif;
+ font-size: 11pt;
+ border-radius: 5px;
+ border: 1px solid #c0bfbf;
+ }
+
+ .input-fields:focus{
+ outline: none !important;
+ }
+
+ .button{
+ position: relative;
+ margin-top: 20px;
+ border-radius: 5px;
+ padding: 5px;
+ color: #ffffff;
+ background-color: #2B65EC;
+ width: 120px;
+ height: 35px;
+ border: none;
+ font-family: Georgia, 'Times New Roman', Times, serif;
+ font-size: 12pt;
+ justify-content: center;
+ cursor: pointer;
+ }
+
+ .button:hover{
+ background-color:#2b65ecad ;
}
}
+
+
+
+
diff --git a/style/myprogressAccepted_style.css b/style/myprogressAccepted_style.css
new file mode 100644
index 0000000..f353460
--- /dev/null
+++ b/style/myprogressAccepted_style.css
@@ -0,0 +1,364 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+ }
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ .flex-container {
+ display: flex;
+ margin-top: 70px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1 .text{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+
+ .table{
+ margin-top: 40px;
+ width: 100%;
+ border-collapse: collapse;
+ font-weight: normal;
+ }
+
+ .table td,.table th{
+ padding:12px 15px;
+ border:1px solid rgb(253, 253, 253);
+ text-align: center;
+ font-size:16px;
+ }
+
+ .table th{
+ background-color: #9ac3f8;
+ color:#5a5858;
+ font-weight: normal;
+ }
+
+ .table tbody tr:nth-child(even){
+ background-color: #f5f5f5;
+ }
+
+ .modal {
+ margin-top: 70px;
+ display: none;
+ position: fixed;
+ z-index: 8;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ background-color: rgb(0, 0, 0);
+ background-color: rgba(0, 0, 0, 0.4);
+ }
+ .modal-content {
+ margin: 50px auto;
+ border: 1px solid #999;
+ width: 60%;
+ }
+ h3{
+ text-align: left;
+ margin: 0 0 20px;
+ /* font-weight: 100; */
+ font-size: 30px;
+ color: rgb(0, 0, 0);
+ }
+ /* span {
+ text-align: left;
+ font-size: 20px;
+ color: #666;
+ display: block;
+ padding: 0 0 5px;
+ } */
+ .message{
+ text-align: left;
+ font-size: 20px;
+ color: #666;
+ display: block;
+ padding: 0 0 5px;
+ }
+ form {
+ padding: 25px;
+ margin: 25px;
+ box-shadow: 0 2px 5px #f5f5f5;
+ background: #eee;
+ }
+ input,
+ textarea {
+ width: 90%;
+ padding: 10px;
+ margin-bottom: 20px;
+ border: 1px solid #1c87c9;
+ outline: none;
+ }
+ .contact-form button {
+ width: 100%;
+ padding: 10px;
+ border: none;
+ background: #1c87c9;
+ font-size: 16px;
+ font-weight: 400;
+ color: #fff;
+ }
+ button:hover {
+ background: #2371a0;
+ }
+ .close {
+ color: #aaa;
+ float: right;
+ font-size: 28px;
+ font-weight: bold;
+ }
+ .close:hover,
+ .close:focus {
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ button.button {
+ /* background-color: #666; */
+ background: none;
+ /* border-top: none; */
+ outline: none;
+ /* border-right: none; */
+ /* border-left: none; */
+ /* border-bottom: #02274a 1px solid; */
+ padding: 0 0 3px 0;
+ font-size: 16px;
+ cursor: pointer;
+ border: none;
+ }
+ button.button:hover {
+ /* border-bottom: #a99567 1px solid; */
+ color: #a99567;
+ }
+ button.button i {
+ color: #666;
+ }
+
+
+
+@media (min-width: 800px) {
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 799px) {
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+}
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+
+ .table thead{
+ display: none;
+ }
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 100%;
+ }
+ .table tr{
+ margin-bottom:15px;
+ }
+ .table td{
+ text-align: right;
+ padding-left: 50%;
+ text-align: right;
+ position: relative;
+ }
+ .table td::before{
+ content: attr(data-label);
+ position: absolute;
+ left:0;
+ width: 50%;
+ padding-left:15px;
+ font-size:15px;
+ font-weight: bold;
+ text-align: left;
+ }
+ .table{
+ margin-left: -23px;
+ }
+
+}
+
+
+@media (max-width: 400px) {
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 88%;
+ }
+}
+
+
+
+
diff --git a/style/myprogressCompleted_style.css b/style/myprogressCompleted_style.css
new file mode 100644
index 0000000..2e763e6
--- /dev/null
+++ b/style/myprogressCompleted_style.css
@@ -0,0 +1,447 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+ }
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ .flex-container {
+ display: flex;
+ margin-top: 70px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1 {
+ margin-top: -10px;
+ width: 90%;
+ display: flex;
+ flex-wrap: nowrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container1 .text{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+ .flex-container1 > div {
+
+ background-color: #ffffff;
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 70px;
+ }
+ input[type=date], select {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ .flex-container .text{
+ font-size: 30px;
+ }
+
+
+
+ .rectan{
+
+ width: 200px;
+ height: 38px;
+ cursor: pointer;
+ background: #5093eb;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+
+ .rectan:hover{
+ background-color: #9ac3f8;
+ }
+
+
+ /* .rectan:hover{
+ background: #5a91e4;
+ } */
+
+
+ .table{
+ margin-top: 20px;
+ width: 100%;
+ border-collapse: collapse;
+ font-weight: normal;
+ }
+
+ .table td,.table th{
+ padding:12px 15px;
+ border:1px solid rgb(253, 253, 253);
+ text-align: center;
+ font-size:16px;
+ }
+
+ .table th{
+ background-color: #9ac3f8;
+ color:#5a5858;
+ font-weight: normal;
+ }
+
+ .table tbody tr:nth-child(even){
+ background-color: #f5f5f5;
+ }
+
+
+
+
+
+@media (min-width: 800px) {
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 910px) {
+ .flex-container1 {
+ margin-top: -10px;
+ width: 90%;
+ display: flex;
+ flex-wrap: nowrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container1 > div {
+
+ background-color: #ffffff;
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 40px;
+ }
+ input[type=date], select {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ .flex-container .text{
+ font-size: 20px;
+ }
+
+ .rectan{
+
+ width: 150px;
+ height: 38px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 24px;
+
+
+ color: #FFFFFF;
+
+ }
+
+}
+
+@media (max-width: 799px) {
+
+
+
+ .flex-container1 {
+ margin-top: 15px;
+ width: 85%;
+ display: flex;
+ flex-wrap: nowrap;
+ background-color: #ffffff;
+ }
+
+ .flex-container1 > div {
+
+ background-color: #ffffff;
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+ line-height: 33px;
+ font-size: 35px;
+ }
+ input[type=date], select {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ border-color: #33628C;
+ }
+
+ .flex-container .text{
+ font-size: 14px;
+ }
+
+ .rectan{
+
+ width: 70px;
+ height: 34px;
+ cursor: pointer;
+ background: #33628C;
+ border-radius: 100px;
+ border: none;
+
+ font-family: Roboto;
+ font-style: normal;
+ font-size: 20px;
+
+
+ color: #FFFFFF;
+
+ }
+
+
+
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+
+}
+
+@media (max-width: 567px) {
+
+ .flex-container1 {
+ margin-top: 25px;
+ width: 90%;
+ display: flex;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+ }
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+
+ .table thead{
+ display: none;
+ }
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 100%;
+ }
+ .table tr{
+ margin-bottom:15px;
+ }
+ .table td{
+ text-align: right;
+ padding-left: 50%;
+ text-align: right;
+ position: relative;
+ }
+ .table td::before{
+ content: attr(data-label);
+ position: absolute;
+ left:0;
+ width: 50%;
+ padding-left:15px;
+ font-size:15px;
+ font-weight: bold;
+ text-align: left;
+ }
+ .table{
+ margin-left: -23px;
+ }
+
+}
+
+
+@media (max-width: 400px) {
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 88%;
+ }
+}
+
+
+
+
diff --git a/style/myprogressInprogressSelect_style.css b/style/myprogressInprogressSelect_style.css
new file mode 100644
index 0000000..0de48e2
--- /dev/null
+++ b/style/myprogressInprogressSelect_style.css
@@ -0,0 +1,518 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+ .activelink{
+ font-weight: 550;
+}
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ .flex-container {
+ display: flex;
+ margin-top: 73px;
+ margin-left: 90px;
+ margin-right: 40px;
+ flex-wrap: wrap;
+ height : 60vh;
+ /* background-color: #ffffff;
+ border: 1px solid #777ee0; */
+ width: 160vh;
+
+
+ }
+
+ .content{
+ height: 50vh;
+ width: 89vw;
+ background-color: #ffffff;
+ }
+ .progress {
+ position: relative;
+ width: 80%;
+ margin-left: 10%;
+ height: 30px;
+ background: #9cbab4;
+ border-radius: 5px;
+ overflow: hidden;
+ }
+
+ .progress__fill {
+ width: 0%;
+ height: 100%;
+ background: #0c56b6;
+ transition: all 0.2s;
+ }
+
+ .progress__text {
+ position: absolute;
+ top: 50%;
+ right: 5px;
+ transform: translateY(-50%);
+ font: bold 14px "Quicksand", sans-serif;
+ color: #ffffff;
+ }
+ .content h2{
+ color: black;
+ font-size: 12pt;
+ text-align: left;
+ margin-left: 18%;
+ }
+ .tick-box{
+ width:30vw;
+ height: 20vh;
+ background-color: #ffffff;
+ margin-left: 20%;
+ margin-top: -8px;
+ }
+ .box {
+ display: block;
+ position: relative;
+ padding-left: 25px;
+ margin-bottom: 12px;
+ cursor: pointer;
+ font-size: 15px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ color: black;
+ margin-right: 10%;
+
+
+ }
+
+ /* Hide the browser's default checkbox */
+ .box input {
+ position: absolute;
+ opacity: 0;
+ cursor: pointer;
+ height: 0;
+ width: 0;
+
+
+
+
+ }
+
+ /* Create a custom checkbox */
+ .checkmark {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 21px;
+ width: 21px;
+ background-color: #eee;
+ margin-left: 80%;
+ border: 1px solid #00010a;
+
+ }
+
+ /* On mouse-over, add a grey background color */
+ .boxr:hover input ~ .checkmark {
+ background-color: #ccc;
+ }
+
+ /* When the checkbox is checked, add a blue background */
+ .box input:checked ~ .checkmark {
+ background-color: #2196F3;
+ }
+
+ /* Create the checkmark/indicator (hidden when not checked) */
+ .checkmark:after {
+ content: "";
+ position: absolute;
+ display: none;
+ }
+
+ /* Show the checkmark when checked */
+ .box input:checked ~ .checkmark:after {
+ display: block;
+ }
+
+ /* Style the checkmark/indicator */
+ .box .checkmark:after {
+ left: 8px;
+ top: 4px;
+ width: 5px;
+ height: 10px;
+ border: solid white;
+ border-width: 0 3px 3px 0;
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ }
+ .btns{
+ height : 10vh;
+ margin-top: 20px;
+ background-color: #ffffff;
+ width : 90vw;
+ }
+ .button {
+ background-color: #9ac3f8;
+ /* Green */
+ border: none;
+ color: rgb(255, 255, 255);
+ padding: 15px 32px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ margin: 4px 2px;
+ cursor: pointer;
+ border-radius: 5px;
+
+ }
+
+ .button1 {background-color: #9ac3f8;}
+ /* Blue */
+
+
+ .modal {
+ margin-top: 70px;
+ display: none;
+ position: fixed;
+ z-index: 8;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ background-color: rgb(0, 0, 0);
+ background-color: rgba(0, 0, 0, 0.4);
+ }
+ .modal-content {
+ margin: 50px auto;
+ border: 1px solid #999;
+ width: 60%;
+ }
+
+ h3{
+ text-align: left;
+ margin: 0 0 20px;
+ /* font-weight: 100; */
+ font-size: 30px;
+ color: rgb(0, 0, 0);
+ }
+ /* span {
+ text-align: left;
+ font-size: 20px;
+ color: #666;
+ display: block;
+ padding: 0 0 5px;
+ } */
+
+ .message{
+ text-align: left;
+ font-size: 20px;
+ color: #666;
+ display: block;
+ padding: 0 0 5px;
+ }
+
+ form {
+ padding: 25px;
+ margin: 25px;
+ box-shadow: 0 2px 5px #f5f5f5;
+ background: #eee;
+ }
+ input,
+ textarea {
+ width: 90%;
+ padding: 10px;
+ margin-bottom: 20px;
+ border: 1px solid #1c87c9;
+ outline: none;
+ }
+ .contact-form button {
+ width: 100%;
+ padding: 10px;
+ border: none;
+ background: #1c87c9;
+ font-size: 16px;
+ font-weight: 400;
+ color: rgb(255, 255, 255);
+ }
+ button:hover {
+ background: #2371a0;
+ }
+ .close {
+ color: #aaa;
+ float: right;
+ font-size: 28px;
+ font-weight: bold;
+ }
+ .close:hover,
+ .close:focus {
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ button.button {
+ background: none;
+ border-top: none;
+ outline: none;
+ border-right: none;
+ border-left: none;
+ border-bottom: #02274a 1px solid;
+ padding: 0 0 3px 0;
+ font-size: 16px;
+ cursor: pointer;
+ }
+ button.button:hover {
+ border-bottom: #a99567 1px solid;
+ /* color: #398bf7; */
+ background-color: #3389fa;
+ }
+ /* jkfkd */
+ .btns > button{
+ background-color: #62a1f3;
+ width: 100px;
+ height: 30px;
+ }
+
+
+
+
+
+
+
+@media (min-width: 800px) {
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ color: #245bd1;
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 799px) {
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+ .flex-container{
+ margin-top: 100px;
+ height : 71vh;
+ width: 94vw;
+ margin-left: 20px;
+ }
+ .content{
+ height:50vh;
+ margin-top: 10px;
+ margin-left: 12px;
+ }
+ .btns{
+ width : 50vw;
+ margin-left: 100px;
+ margin-top: -60px;
+ }
+ .button{
+ width: 90vw;
+ margin-left: -90px;
+
+ }
+ .progress{
+ margin-top: 10px;
+ }
+
+ .btns > button{
+ background-color: #2371a0;
+ margin: 10px;
+ }
+
+
+
+
+}
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+}
+@media (max-width: 420px){
+ .flex-container{
+ margin-left: 12px;
+ height:72vh;
+
+ }
+ .content{
+ height: 54vh;
+ }
+ .btns{
+ width:70vw;
+ margin-left: 70px;
+ margin-top: -35px;
+ }
+ .button{
+ margin-top: 0px;
+ width:90vw;
+ margin-left: -60px;
+ }
+}
+@media (max-width: 320px){
+ .flex-container{
+ /* margin-left: 5px; */
+ width: 100%;
+ height:80vh;
+
+ }
+ .content{
+ height: 50vh;
+ }
+ .btns{
+ width:70vw;
+ margin-left: 70px;
+ /* baaaaad */
+ margin-top: 5px;
+ }
+ .button{
+ margin-top: 0px;
+ width:90vw;
+ margin-left: -60px;
+
+ }
+}
diff --git a/style/myprogressOverdue_style.css b/style/myprogressOverdue_style.css
new file mode 100644
index 0000000..7a2747d
--- /dev/null
+++ b/style/myprogressOverdue_style.css
@@ -0,0 +1,383 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+ .activelink{
+ font-weight: 550;
+ }
+
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ .flex-container {
+ display: flex;
+ margin-top: 70px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+
+ /* .flex-container1 {
+ margin-top: -10px;
+ width: 90%;
+ display: flex;
+ flex-wrap: nowrap;
+ background-color: #ffffff;
+ }
+
+
+ .flex-container1 > div {
+
+ background-color: #ffffff;
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+ line-height: 35px;
+ font-size: 70px;
+ } */
+ .flex-container1 .text{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+ .table{
+ margin-top: 40px;
+ width: 100%;
+ border-collapse: collapse;
+ font-weight: normal;
+ }
+
+ .table td,.table th{
+ padding:12px 15px;
+ border:1px solid rgb(253, 253, 253);
+ text-align: center;
+ font-size:16px;
+ }
+
+ .table th{
+ background-color: #9ac3f8;
+ color:#5a5858;
+ font-weight: normal;
+ }
+
+ .table tbody tr:nth-child(even){
+ background-color: #f5f5f5;
+ }
+ .modal {
+ margin-top: 70px;
+ display: none;
+ position: fixed;
+ z-index: 8;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ background-color: rgb(0, 0, 0);
+ background-color: rgba(0, 0, 0, 0.4);
+ }
+ .modal-content {
+ margin: 50px auto;
+ border: 1px solid #999;
+ width: 60%;
+ }
+ h3{
+ text-align: left;
+ margin: 0 0 20px;
+ /* font-weight: 100; */
+ font-size: 30px;
+ color: rgb(0, 0, 0);
+ }
+ /* span {
+ text-align: left;
+ font-size: 20px;
+ color: #666;
+ display: block;
+ padding: 0 0 5px;
+ } */
+ .message{
+ text-align: left;
+ font-size: 20px;
+ color: #666;
+ display: block;
+ padding: 0 0 5px;
+ }
+ form {
+ padding: 25px;
+ margin: 25px;
+ box-shadow: 0 2px 5px #f5f5f5;
+ background: #eee;
+ }
+ input,
+ textarea {
+ width: 90%;
+ padding: 10px;
+ margin-bottom: 20px;
+ border: 1px solid #1c87c9;
+ outline: none;
+ }
+ .contact-form button {
+ width: 100%;
+ padding: 10px;
+ border: none;
+ background: #1c87c9;
+ font-size: 16px;
+ font-weight: 400;
+ color: #fff;
+ }
+ button:hover {
+ background: #2371a0;
+ }
+ .close {
+ color: #aaa;
+ float: right;
+ font-size: 28px;
+ font-weight: bold;
+ }
+ .close:hover,
+ .close:focus {
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ button.button {
+ /* background-color: #666; */
+ background: none;
+ /* border-top: none; */
+ outline: none;
+ /* border-right: none; */
+ /* border-left: none; */
+ /* border-bottom: #02274a 1px solid; */
+ padding: 0 0 3px 0;
+ font-size: 16px;
+ cursor: pointer;
+ border: none;
+ }
+
+ button.button:hover {
+ /* border-bottom: #a99567 1px solid; */
+ color: #a99567;
+ }
+
+ button.button i {
+ color: #666;
+ }
+
+
+
+
+@media (min-width: 800px) {
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 799px) {
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+}
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+
+ .table thead{
+ display: none;
+ }
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 100%;
+ }
+ .table tr{
+ margin-bottom:15px;
+ }
+ .table td{
+ text-align: right;
+ padding-left: 50%;
+ text-align: right;
+ position: relative;
+ }
+ .table td::before{
+ content: attr(data-label);
+ position: absolute;
+ left:0;
+ width: 50%;
+ padding-left:15px;
+ font-size:15px;
+ font-weight: bold;
+ text-align: left;
+ }
+ .table{
+ margin-left: -23px;
+ }
+
+}
+
+
+@media (max-width: 400px) {
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 88%;
+ }
+}
+
+
+
+
diff --git a/style/myprogressPending_style.css b/style/myprogressPending_style.css
new file mode 100644
index 0000000..185004f
--- /dev/null
+++ b/style/myprogressPending_style.css
@@ -0,0 +1,384 @@
+
+
+/*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ nav {
+ position: fixed;
+ z-index: 10;
+ left : 245px;
+ /*width: 100%;*/
+ right: 0;
+ top: 50px;
+ font-family: 'Montserrat', sans-serif;
+ padding: 10 5%;
+ padding-top: 20px;
+ height: 40px;
+ background-color: #ffffff;
+ /* visibility: hidden; */
+ }
+
+ nav .links {
+ float: right;
+ padding: 0;
+ margin: 0;
+ width: 600px;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
+ nav .links li {
+ list-style: none;
+ }
+ nav .links a {
+ display: block;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-size: 20px;
+ color: #2B65EC;
+ text-decoration: none;
+ }
+
+ nav .links a:hover{
+ /*color: rgb(0, 255, 106);*/
+ border-bottom: 3px solid #7cb3f1;
+ }
+
+ #nav-toggle {
+ position: absolute;
+ top: -100px;
+ }
+ nav .icon-burger {
+ display: none;
+ position: absolute;
+ right: 5%;
+ top: 50%;
+ transform: translateY(-50%);
+ margin-top: 5px;
+ }
+ nav .icon-burger .line {
+ width: 30px;
+ height: 5px;
+ background-color: #265397;
+ margin: 5px;
+ border-radius: 3px;
+ transition: all .3s ease-in-out;
+
+ }
+
+ .activelink{
+ font-weight: 550;
+}
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+ .flex-container {
+ display: flex;
+ margin-top: 70px;
+ margin-left: 2%;
+ margin-right: 2%;
+ flex-wrap: wrap;
+ background-color: #ffffff;
+
+
+ }
+
+ .flex-container1 .text{
+ color: #5a5858;
+ font-size: 25px;
+ font-weight: 400;
+
+ }
+
+
+ .table{
+ margin-top: 40px;
+ width: 100%;
+ border-collapse: collapse;
+ font-weight: normal;
+ }
+
+ .table td,.table th{
+ padding:12px 15px;
+ border:1px solid rgb(253, 253, 253);
+ text-align: center;
+ font-size:16px;
+ }
+
+ .table th{
+ background-color: #9ac3f8;
+ color:#5a5858;
+ font-weight: normal;
+ }
+
+ .table tbody tr:nth-child(even){
+ background-color: #f5f5f5;
+ }
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+
+
+
+ .modal {
+ margin-top: 70px;
+ display: none;
+ position: fixed;
+ z-index: 8;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ background-color: rgb(0, 0, 0);
+ background-color: rgba(0, 0, 0, 0.4);
+ }
+ .modal-content {
+ margin: 50px auto;
+ border: 1px solid #999;
+ width: 60%;
+ }
+ h3{
+ text-align: left;
+ margin: 0 0 20px;
+ /* font-weight: 100; */
+ font-size: 30px;
+ color: rgb(0, 0, 0);
+ }
+ /* span {
+ text-align: left;
+ font-size: 20px;
+ color: #666;
+ display: block;
+ padding: 0 0 5px;
+ } */
+ .message{
+ text-align: left;
+ font-size: 20px;
+ color: #666;
+ display: block;
+ padding: 0 0 5px;
+ }
+ form {
+ padding: 25px;
+ margin: 25px;
+ box-shadow: 0 2px 5px #f5f5f5;
+ background: #eee;
+ }
+ input,
+ textarea {
+ width: 90%;
+ padding: 10px;
+ margin-bottom: 20px;
+ border: 1px solid #1c87c9;
+ outline: none;
+ }
+ .contact-form button {
+ width: 100%;
+ padding: 10px;
+ border: none;
+ background: #1c87c9;
+ font-size: 16px;
+ font-weight: 400;
+ color: #fff;
+ }
+ button:hover {
+ background: #2371a0;
+ }
+ .close {
+ color: #aaa;
+ float: right;
+ font-size: 28px;
+ font-weight: bold;
+ }
+ .close:hover,
+ .close:focus {
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ button.button {
+ /* background-color: #666; */
+ background: none;
+ /* border-top: none; */
+ outline: none;
+ /* border-right: none; */
+ /* border-left: none; */
+ /* border-bottom: #02274a 1px solid; */
+ padding: 0 0 3px 0;
+ font-size: 16px;
+ cursor: pointer;
+ border: none;
+ }
+ button.button:hover {
+ /* border-bottom: #a99567 1px solid; */
+ color: #a99567;
+ }
+ button.button i {
+ color: #666;
+ }
+
+
+ /*background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);*/
+ .modal-content1{
+ margin: 50px auto;
+ border: 1px solid #999;
+ color: #9da9c2;
+ background-color: #e2eee0;
+ width: 60%;
+ font-weight: 100;
+ }
+
+
+
+
+
+@media (min-width: 800px) {
+
+ .container {
+ padding: 20px;
+
+
+ height: 82vh;
+ }
+
+ /* .containerN {
+ padding: 30px;
+
+
+ height: 82vh;
+ margin-left: 244px;
+ } */
+
+ .container >div{
+
+ text-align: center;
+ font-size: 28px;
+
+ padding: 40px;
+ /*color: #245bd1;*/
+
+ font-weight: 600;
+ }
+
+
+ .open-img{
+ width: 194px;
+ }
+
+}
+
+@media (max-width: 799px) {
+
+
+ .text{
+ font-weight: bold;
+ margin-top: 80px;
+ }
+
+ .open-img{
+ visibility: hidden;
+ }
+
+
+ .date{
+ visibility: hidden;
+ }
+
+
+}
+
+@media (max-width: 567px) {
+
+
+ nav .links {
+ float: none;
+ position: fixed;
+ z-index: 9;
+ left: 60%;
+ right: 0;
+ top: 80px;
+ bottom: 100%;
+ width: auto;
+ height: auto;
+ flex-direction: column;
+ justify-content: space-evenly;
+ background-color: rgba(121, 121, 121, 0.8);
+ overflow: hidden;
+ box-sizing: border-box;
+ transition: all .5s ease-in-out;
+ }
+ nav .links a {
+ font-size: 20px;
+ }
+ nav :checked ~ .links {
+ bottom: 0;
+ }
+ nav .icon-burger {
+ background-color: rgb(255, 255, 255);
+ display: block;
+ }
+ nav :checked ~ .icon-burger .line:nth-child(1) {
+ background-color: #265397;
+ transform: translateY(10px) rotate(225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(3) {
+ background-color: #265397;
+ transform: translateY(-10px) rotate(-225deg);
+ }
+ nav :checked ~ .icon-burger .line:nth-child(2) {
+ opacity: 0;
+ }
+
+
+
+ .table thead{
+ display: none;
+ }
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 100%;
+ }
+ .table tr{
+ margin-bottom:15px;
+ }
+ .table td{
+ text-align: right;
+ padding-left: 50%;
+ text-align: right;
+ position: relative;
+ }
+ .table td::before{
+ content: attr(data-label);
+ position: absolute;
+ left:0;
+ width: 50%;
+ padding-left:15px;
+ font-size:15px;
+ font-weight: bold;
+ text-align: left;
+ }
+ .table{
+ margin-left: -23px;
+ }
+
+}
+
+
+@media (max-width: 400px) {
+
+ .table, .table tbody, .table tr, .table td{
+ display: block;
+ width: 88%;
+ }
+}
+
+
+
+
diff --git a/style/nav_style.css b/style/nav_style.css
new file mode 100644
index 0000000..80eb892
--- /dev/null
+++ b/style/nav_style.css
@@ -0,0 +1,292 @@
+
+:root{
+ --blue: #265397;
+ --orange: #DC950B;
+ --white: #fff;
+ --grey: #f5f5f5;
+ --black1: #222;
+ --black2: #999;
+ --blue2: #9ac3f8;
+ --header-height : 50px;
+ --footer-height : 70px;
+ --navbarwidth: 244px;
+ --naviconwidth: 58px;
+}
+
+body {
+ /*margin: var(--header-height) 0 var(--footer-height) 0;
+ */margin: auto;
+ font-family: Roboto;
+ padding-top: 50px;
+}
+
+.preload *{
+ transition: none !important;
+}
+
+.header , .nav-bar{
+ margin: auto;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: var(--header-height);
+ border: none;
+ display: flex;
+}
+
+.header{
+ background: var(--blue);
+}
+
+.header-button{
+ width: var(--header-height);
+ height: var(--header-height);
+ flex-shrink: 0;
+ background: var(--blue);
+ outline: none;
+ border: none;
+ color: var(--white);
+ cursor: pointer;
+ margin-left: 8px;
+}
+
+.date{
+ padding-top: 15px;
+ padding-left: 25px;
+ color: #000000;
+ font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+ font-style: italic;
+ font-weight: 700;
+ font-size: 18px;
+}
+
+.nav-bar{
+ background: var(--blue);
+}
+
+.nav-links{
+ margin-top: 50px;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ height: 100vh;
+ width: var(--navbarwidth);
+ background: var(--blue);
+ transform: translateX(-244px);
+ transition: transform 0.3s;
+}
+
+.nav-icons{
+ margin-top: 50px;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ height: 100vh;
+ width: var(--naviconwidth);
+ background: var(--blue);
+ transform: translateX(0);
+ transition: transform 0.3s;
+}
+
+.nav-links .nav-bar .nav-header-button{
+ width: var(--header-height);
+ height: var(--header-height);
+ flex-shrink: 0;
+ background: none;
+ outline: none;
+ border: none;
+ color: #ffffff;
+ cursor: pointer;
+}
+
+.nav-links .nav-bar .close-img{
+ width: fit-content;
+ height: 50px;
+}
+
+.nav-open .nav-links{
+ transform: translateX(0);
+}
+
+.nav-link{
+ display: flex;
+ height: 20px;
+ align-items: center;
+ color: #ffffff;
+ font-size: 10px;
+ text-decoration: none;
+ padding: 10px 15px;
+ background: transform 0.2s;
+ margin-left: 8px;
+}
+
+.nav-link:nth-child(1){
+ margin-top: 4px;
+}
+
+.nav-links > a i::before{
+ padding-right: 25px;
+}
+
+.nav-links span{
+ font-size: 16px;
+}
+
+.nav-link-active{
+ color: black;
+ background: var(--white);
+ border-top-left-radius: 30px;
+ border-bottom-left-radius: 30px;
+}
+
+.nav-link:hover{
+ color: black;
+ font-size: 20px;
+ background: var(--blue2);
+ border-top-left-radius: 15px;
+ border-bottom-left-radius: 30px;
+ border-top-right-radius: 30px;
+ border-bottom-right-radius: 0px;
+}
+
+.nav-link-active:hover{
+ background: var(--white);
+ border-top-left-radius: 30px;
+ border-bottom-left-radius: 30px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.nav-overlay{
+ position: fixed;
+ top: 0;
+ left:0;
+ width: var(--navbarwidth);
+ height: 100vh;
+ visibility: hidden;
+ opacity: 1;
+ transition: opacity 0.3s;
+}
+
+.nav-open .nav-overlay {
+ visibility: visible;
+ opacity: 1;
+}
+
+.footer{
+ margin: auto;
+ bottom: 0;
+ width: 100%;
+ height: var(--footer-height);
+ border: none;
+ display: flex;
+ background: var(--blue2);
+ font-size: 14px;
+}
+
+.footer-data{
+ width: 100%;
+ padding-top: 15px;
+ padding-bottom: 10px;
+ align-content: center;
+ color: var(--blue);
+ text-align: center;
+}
+
+/*.notification {
+ position: absolute;
+ right: 20%;
+ padding-top: 15px;
+ display: block;
+ }*/
+
+.notification i{
+ color: #000000;
+ }
+
+.notification i:hover{
+ color: var(--white);
+ }
+
+ .container{
+ display: grid;
+ /*margin-top: var(--header-height);*/
+ /*margin-left: var(--naviconwidth);*/
+}
+
+@media (min-width: 800px) {
+
+ .notification {
+ position: absolute;
+ right: 25%;
+ padding-top: 15px;
+ margin-right: 10px;
+ }
+
+ .open-img{
+ width: 199px;
+ border-bottom-right-radius: 10px;
+ border-top-right-radius: 10px;
+ }
+
+ .user-login{
+ position: absolute;
+ right: 125px;
+ padding-top: 15px;
+ display: flex;
+ }
+
+ .img-rounded-circle{
+ position: absolute;
+ right: 2%;
+ border-radius: 50%;
+ width:50px;
+ height: 50px;
+ }
+
+ .containerN{
+ margin-left: var(--navbarwidth);
+ }
+}
+
+@media (max-width: 799px) {
+ .open-img{
+ visibility: hidden;
+ }
+
+ .date{
+ visibility: hidden;
+ }
+
+ .notification {
+ position: absolute;
+ right: 70%;
+ padding-top: 15px;
+ }
+
+ .user-login{
+ position: absolute;
+ right: 125px;
+ padding-top: 15px;
+ display: flex;
+ visibility: none;
+ }
+
+ .img-rounded-circle{
+ position: absolute;
+ right: 2%;
+ border-radius: 50%;
+ width: 50px;
+ height: 50px;
+ display: block;
+ }
+
+ .nav-overlay{
+ background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);
+ }
+
+}
\ No newline at end of file
diff --git a/style/navbar_style.css b/style/navbar_style.css
index 845517c..2eb0ece 100644
--- a/style/navbar_style.css
+++ b/style/navbar_style.css
@@ -1,16 +1,27 @@
-body{
- --header-height : 50px;
+:root{
+ --blue: #265397;
+ --orange: #DC950B;
+ --white: #fff;
+ --grey: #f5f5f5;
+ --black1: #222;
+ --black2: #999;
+ --blue2: #9ac3f8;
+ --header-height : 50px;
--footer-height : 70px;
+ --navbarwidth: 244px;
+ --naviconwidth: 58px;
+}
+
+body {
margin: var(--header-height) 0 0 var(--footer-height);
margin: auto;
- font-family: sans-serif;
+ font-family: Roboto;
}
.preload *{
transition: none !important;
}
-
.header , .nav-bar{
margin: auto;
position: fixed;
@@ -23,75 +34,60 @@ body{
}
.header{
- background: #33628C;
-}
-
-.footer{
- margin: auto;
- position: fixed;
- margin-top: 608px;
- width: 100%;
- height: var(--footer-height);
- border: none;
- display: flex;
- background: #C2D3E2;
- font-size: 14px;
-
-}
-
-.footer-data{
- width: 100%;
- padding-top: 10px;
- padding-bottom: 10px;
- align-content: center;
- color: #716D6D;
- text-align: center;
-}
-
-.nav-bar{
- background: #33628C;
+ background: var(--blue);
}
.header-button{
width: var(--header-height);
height: var(--header-height);
flex-shrink: 0;
- background: #33628C;
+ background: var(--blue);
outline: none;
border: none;
- color: #ffffff;
+ color: var(--white);
cursor: pointer;
+ margin-left: 8px;
}
.date{
padding-top: 15px;
padding-left: 25px;
color: #000000;
- font-family:sans-serif;
+ font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-style: italic;
font-weight: 700;
font-size: 18px;
}
-.open-img{
- width: 195px;
+.nav-bar{
+ background: var(--blue);
}
.nav-links{
margin-top: 50px;
- padding-top: 50px;
position: fixed;
top: 0;
left: 0;
z-index: 2;
height: 100vh;
- width: 244px;
- background: #33628C;
+ width: var(--navbarwidth);
+ background: var(--blue);
transform: translateX(-244px);
transition: transform 0.3s;
-
}
+.nav-icons{
+ margin-top: 50px;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ height: 100vh;
+ width: var(--naviconwidth);
+ background: var(--blue);
+ transform: translateX(0);
+ transition: transform 0.3s;
+}
.nav-links .nav-bar .nav-header-button{
width: var(--header-height);
@@ -115,16 +111,19 @@ body{
.nav-link{
display: flex;
- height: 30px;
+ height: 20px;
align-items: center;
color: #ffffff;
- font-size: 14px;
+ font-size: 10px;
text-decoration: none;
- padding: 12px 15px;
+ padding: 10px 15px;
background: transform 0.2s;
-
+ margin-left: 8px;
}
+.nav-link:nth-child(1){
+ margin-top: 4px;
+}
.nav-links > a i::before{
padding-right: 25px;
@@ -132,38 +131,91 @@ body{
.nav-links span{
font-size: 16px;
- font-family:sans-serif;
}
.nav-link-active{
- color: white;
- background: rgba(255, 253, 253, 0.13);
+ color: black;
+ background: var(--white);
+ border-top-left-radius: 30px;
+ border-bottom-left-radius: 30px;
}
.nav-link:hover{
- background: rgba(255, 253, 253, 0.363);
+ color: black;
+ font-size: 20px;
+ background: var(--blue2);
+ border-top-left-radius: 15px;
+ border-bottom-left-radius: 30px;
+ border-top-right-radius: 30px;
+ border-bottom-right-radius: 0px;
}
+.nav-link-active:hover{
+ background: var(--white);
+ border-top-left-radius: 30px;
+ border-bottom-left-radius: 30px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
.nav-overlay{
position: fixed;
top: 0;
left:0;
- width: 100%;
+ width: var(--navbarwidth);
height: 100vh;
visibility: hidden;
opacity: 1;
transition: opacity 0.3s;
}
-.nav-open .nav-overlay{
+.nav-open .nav-overlay {
visibility: visible;
opacity: 1;
}
+.footer{
+ margin: auto;
+ bottom: 0;
+ width: 100%;
+ height: var(--footer-height);
+ border: none;
+ display: flex;
+ background: var(--blue2);
+ font-size: 14px;
+}
-@media (min-width: 800px) {
+.footer-data{
+ width: 100%;
+ padding-top: 15px;
+ padding-bottom: 10px;
+ align-content: center;
+ color: var(--blue);
+ text-align: center;
+}
+
+/*.notification {
+ position: absolute;
+ right: 20%;
+ padding-top: 15px;
+ display: block;
+ }*/
+
+.notification i{
+ color: #000000;
+ }
+
+.notification i:hover{
+ color: var(--white);
+ }
+
+ .container{
+ display: grid;
+ /*margin-top: var(--header-height);*/
+ margin-left: var(--naviconwidth);
+}
+@media (min-width: 800px) {
.notification {
position: absolute;
@@ -172,29 +224,34 @@ body{
margin-right: 10px;
}
- .notification i{
- color: #000000;
+
+ .open-img{
+ width: cover;
+ border-bottom-right-radius: 10px;
+ border-top-right-radius: 10px;
}
.user-login{
position: absolute;
- right: 16%;
+ right: 125px;
padding-top: 15px;
display: flex;
}
.img-rounded-circle{
position: absolute;
- right: 5%;
+ right: 2%;
border-radius: 50%;
width:50px;
height: 50px;
}
-
+
+ .containerN{
+ margin-left: var(--navbarwidth);
+ }
}
-@media (max-width: 799px) {
-
+@media (max-width: 799px) {
.open-img{
visibility: hidden;
}
@@ -208,29 +265,27 @@ body{
right: 70%;
padding-top: 15px;
}
-
- .notification i{
- color: #000000;
- }
-
+
.user-login{
position: absolute;
- right: 40%;
+ right: 125px;
padding-top: 15px;
display: flex;
- visibility: hidden;
+ visibility: none;
}
.img-rounded-circle{
position: absolute;
- right: 5%;
+ right: 2%;
border-radius: 50%;
- width:50px;
+ width: 50px;
height: 50px;
+ display: block;
}
-}
-
-
-
-
+ .nav-overlay{
+ background: rgba(87, 87, 87, 0.5);
+ backdrop-filter: blur(1px);
+ }
+
+}
\ No newline at end of file
diff --git a/style/notification_style.css b/style/notification_style.css
new file mode 100644
index 0000000..30ce14c
--- /dev/null
+++ b/style/notification_style.css
@@ -0,0 +1,67 @@
+.notification{
+ display: inline-block;
+}
+
+.icon{
+ padding: 5px;
+ font-size: 16px;
+ background: none;
+ border: transparent;
+ cursor: pointer;
+}
+
+.badge{
+ background-color: var(--grey);
+ border-radius: 50%;
+ padding: 0px 4px;
+ position: absolute;
+ top: 10px;
+ right: -2px;
+ font-size: 12px;
+ font-weight: bold;
+
+}
+
+.list{
+ background: var(--grey);
+ display: none;
+ position: absolute;
+ min-width: 200px;
+ z-index: 1;
+ border-radius: 10px;
+ font-family: Arial;
+ font-size: 14px;
+ right: -80px;
+}
+
+.list a{
+ text-decoration: none;
+ color: var(--black);
+ padding: 12px 16px;
+ display: block;
+ border-radius: 10px;
+}
+
+.list a:hover{
+ background-color: #ddd;
+}
+
+.notification:hover .list{
+ display: block;
+}
+
+.notification:hover .icon{
+ background-color: var(--blue);
+}
+
+@media (min-width: 800px) {
+
+
+
+}
+
+@media (max-width: 799px) {
+
+
+
+}
\ No newline at end of file
diff --git a/style/report_style.css b/style/report_style.css
new file mode 100644
index 0000000..7cf4c1a
--- /dev/null
+++ b/style/report_style.css
@@ -0,0 +1,89 @@
+
+.container{
+ background-color: var(--grey);
+}
+
+.item1{
+ grid-area: one;
+ margin-left: 10px;
+ margin-right: 5px;
+ margin-bottom: 1%;
+ padding: 3% 5% 1% 5%;
+ background-color: var(--white);
+}
+
+.back_arrow{
+ float: left;
+}
+
+.back_arrow i{
+ color: var(--orange);
+}
+
+.right-icons{
+ float: right;
+ margin-right: 1%;
+ margin-top: 0px;
+}
+
+.fabtn{
+ background: transparent;
+ border: transparent;
+ font-size: 18px;
+ padding: 10px;
+}
+
+.fabtn:hover{
+ background-color: var(--black2);
+ border-radius: 50%;
+ padding: 10px;
+}
+
+.item2{
+ grid-area: two;
+ padding: 1% 8% 1% 8%;
+ margin-right: 5px;
+ margin-left: 10px;
+ background-color: var(--white);
+ height: 842px;
+}
+
+.item2 h2{
+ text-align: center;
+}
+
+.item2 span{
+ font-family: Sans-serif;
+ float:right;
+}
+
+.container{
+ display: grid;
+ grid-template-areas: 'one' 'two';
+}
+
+@media (min-width: 800px){
+
+}
+
+@media (max-width: 799px){
+
+}
+
+@media print{
+ .header{
+ display: none;
+ }
+
+ .container .item1{
+ display: none;
+ }
+
+ .footer{
+ display: none;
+ }
+
+ .container{
+ background-color: var(--white);
+ }
+}
\ No newline at end of file
diff --git a/style/resetPassword_style.css b/style/resetPassword_style.css
new file mode 100644
index 0000000..00a6091
--- /dev/null
+++ b/style/resetPassword_style.css
@@ -0,0 +1,202 @@
+*{
+ margin: 0;
+ padding: 0;
+ border: 0;
+ box-sizing:border-box;
+}
+.container:after {
+
+ display: table;
+ clear: both;
+ }
+.left {
+ float: left;
+ width: 50%;
+ padding: 10px;
+ height: 100vh; /* Should be removed. Only for demonstration */
+ background-color: #ffffff;
+ }
+
+.right{
+ float: left;
+ width: 50%;
+ padding: 10px;
+ height: 100vh; /* Should be removed. Only for demonstration */
+ background-color: #ffffff;
+ }
+ .form{
+ text-align: center;
+
+}
+.form h1{
+ color: #b5720d;
+ margin-bottom: 70px;
+ margin-top: 50px;
+ font-weight: 500;
+ font-size: 30pt;
+ text-align:center;
+
+}
+
+span{
+ color: #265397;
+}
+.box{
+ margin-top: -40px;
+}
+.verifi{
+ color:#000;
+ font-size: 15pt;
+ margin-left: -160px;
+ margin-top: 100px;
+}
+.new_pass{
+ color:#000;
+ font-size: 15pt;
+ margin-left: -180px;
+ margin-top: 100px;
+}
+.confirm_pass{
+ color:#000;
+ font-size: 15pt;
+ margin-left: -105px;
+ margin-top: 100px;
+}
+.input[type="password"]{
+ width: 300px;
+ height: 40px;
+ margin-top: 0px;
+ margin-bottom: 35px;
+ border-radius: 5px;
+ border: transparent;
+ background-color: rgb(225, 229, 231);
+ padding-left: 10px;
+ font-size:12pt;
+ /*border: 1px solid #050e91;*/
+}
+.input[type="text"]{
+ width: 300px;
+ height: 40px;
+ margin-top: 5px;
+ margin-bottom: 35px;
+ border-radius: 5px;
+ border: transparent;
+ background-color: rgb(225, 229, 231);
+ padding-left: 10px;
+ font-size:12pt;
+ /*border: 1px solid #050e91;*/
+}
+
+.box input:focus{
+ outline: none !important;
+}
+
+.button{
+ width: 300px;
+ height: 50px;
+ margin-top: 20px;
+ margin-bottom: 30px;
+ border-radius: 5px;
+ border: transparent;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12pt;
+ color: #b5720d;
+ background-color: #265397;
+ font-weight: 600;
+ cursor: pointer;
+}
+
+.button:hover{
+ background-color: #103875;
+}
+h4{
+ color: #fff;
+ margin-bottom: 10px;
+}
+a{
+ color:#b5720d;
+ text-decoration:none;
+}
+.right-side{
+ float: left;
+ width: 50%;
+ padding: 10px;
+ height: 100vh;
+ background-color:#132144;
+}
+
+.text1{
+ text-align:left;
+ padding: 80px 80px;
+ float:center;
+ font-size:15pt;
+ color: #DFB2B2;
+ margin-right: 80px;;
+
+}
+.text2{
+ text-align:left;
+ font-size:8pt;
+ margin-top: 40px;
+ /* margin-bottom: 120px; */
+ margin-left: 80px;
+ margin-right: 80px;
+ /* margin-bottom: 50px; */
+ color:rgb(5, 5, 5);
+}
+ul{
+ font-size: 15pt;
+ margin-left: 40px;
+}
+.image{
+ width: 75%;
+ height:75%;
+ margin-left: 60px;
+
+
+}
+
+
+ @media screen and (max-width: 800px) {
+ .left{
+ width: 100%;
+ }
+ .right{
+ width: 100%;
+ }
+ .image{
+ height: 60%;
+ width: 80%;
+ margin-right: 50px;
+ }
+ }
+ @media screen and (max-width: 420px) {
+ .text1{
+ padding: 30px 30px;
+ margin-right: 30px;
+ }
+ .text2{
+ margin-left: 30px;
+ margin-right: 30px;
+ margin-bottom: 30px;
+ }
+ }
+ @media screen and (max-width: 340px) {
+ .form h1{
+ font-size:28pt;
+ margin-top: 50px;
+
+ }
+ .input[type="email"]{
+ width:80vw;
+ }
+ .email{
+ margin-left: -45px;
+ }
+}
+@media screen and (max-width: 290px) {
+
+ .email{
+ margin-left: -10px;
+ }
+}
\ No newline at end of file
diff --git a/style/teamProgress_style.css b/style/teamProgress_style.css
new file mode 100644
index 0000000..9dd2d7f
--- /dev/null
+++ b/style/teamProgress_style.css
@@ -0,0 +1,246 @@
+table,td,th {
+ border-collapse: collapse;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ padding-left: 10px;
+ text-align: left;
+ border: 1px solid rgb(255, 255, 255);
+}
+
+tr{
+ border-top: 2px solid #ddd;
+ color: black;
+}
+
+#mytable{
+ width: 100%;
+}
+
+#Pending {
+ background: #777676;
+ text-align: center;
+ color: white;
+}
+
+#InProgress {
+ background: #1b80df;
+ text-align: center;
+ color: white;
+}
+
+#Completed {
+ background: #f5e721;
+ text-align: center;
+ color: white;
+}
+
+#Approved {
+ background: #1ab841;
+ text-align: center;
+ color: white;
+}
+
+#ReAssigned {
+ background: #d3660d;
+ text-align: center;
+ color: white;
+}
+
+#Overdue {
+ background: #cc3131;
+ text-align: center;
+ color: white;
+}
+
+#add{
+ width: 50px;
+}
+
+.add{
+ border: none;
+ background-color: transparent;
+}
+
+.add i{
+ color: rgb(167, 167, 168);
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+.member{
+ width: 100%;
+ height: 50px;
+ border-top:2px solid white;
+ border-bottom:2px solid white;
+ display: flex;
+ flex-direction: row;
+ background-color: #9ac3f8;
+ margin: auto;
+}
+
+.member > div {
+ flex: 1 1 0px;
+ text-align: center;
+ padding-top: 15px;
+}
+
+.member:hover{
+ background-color: #9ac3f888;
+}
+
+.view{
+ background-size:cover;
+ width: 25px;
+ height: 25px;
+ background-image: url('../Asserts/avator.jpg');
+ cursor:pointer;
+ border: none;
+ border-radius: 10px;
+}
+
+@media (min-width: 800px) {
+
+ main{
+ margin-top: 75px;
+ }
+
+ table{
+ width: 85%;
+ }
+
+ .item2 { grid-area: left; }
+
+ .container {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'left';
+ height: max-content;
+ background-color: #ffffff;
+ margin-left: 20px;
+ margin-right: 20px;
+ }
+
+ .containerN {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'left';
+ height: max-content;
+ background-color: #ffffff;
+ margin-left: 244px;
+ margin-right: 20px;
+
+ }
+
+ .item2{
+ display: block;
+ width: 80%;
+ border: #d3d2d2;
+ box-shadow: 1px solid #d3d2d2;
+ margin: auto;
+ }
+
+ .popup {
+ display: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ background-color: rgba(50, 50, 50, 0.808);
+ }
+
+ .form-popup {
+ margin:100px auto;
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ padding: 10px;
+ width: 600px;
+ }
+
+ .popup .button{
+ float: right;
+ background-size:cover;
+ width: 25px;
+ height: 25px;
+ /*background-image: url('../Asserts/close.jpg');*/
+ cursor:pointer;
+ border: none;
+ background-color: transparent;
+ }
+
+ .popup .button span{
+ font-size: 18pt;
+ color: gray;
+ }
+}
+
+@media (max-width: 799px) {
+
+ main{
+ margin-top: 75px;
+ }
+
+ table{
+ margin: auto;
+ width: 600px;
+ }
+
+ .item2{
+ overflow-x: auto;
+ }
+
+ .item2 { grid-area: left; }
+
+ .container {
+ margin-bottom: 50px;
+ display: grid;
+ grid-template-areas:
+ 'left';
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+
+ .item2{
+ width: 100%;
+ margin: auto;
+ }
+
+ .popup {
+ display: none;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: fixed;
+ background-color: rgba(50, 50, 50, 0.808);
+ }
+
+ .form-popup {
+ background-color: #f5f5f5;
+ border: 3px solid #f1f1f1;
+ border-radius: 5px;
+ width: fit-content;
+ padding: 5px;
+ margin: 100px auto;
+ }
+
+ .popup .button{
+ float: right;
+ background-size:cover;
+ width: 25px;
+ height: 25px;
+ /*background-image: url('../Asserts/close.jpg');*/
+ cursor:pointer;
+ border: none;
+ background-color: transparent;
+ }
+
+ .popup .button span{
+ font-size: 18pt;
+ color: gray;
+ }
+
+}
\ No newline at end of file
diff --git a/views/adminHome.php b/views/adminHome.php
new file mode 100644
index 0000000..620cc8b
--- /dev/null
+++ b/views/adminHome.php
@@ -0,0 +1,220 @@
+
+
+
+
+
+
+
+
+
+
+
+ Co-WMS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | ID | Name | Role | Action |
+ emp;
+ if(!empty($emp)){
+ foreach($emp as $row){
+ echo '';
+ echo'| '.$row['EmpID'].' | ';
+ echo ''.$row['EmpName'].' | ';
+ echo ''.$row['EmpRole'].' | ';
+ echo ''.''.''.''.' | ';
+ echo'
';
+ }
+ }else{
+ echo "No records found";
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/assignTasksMember.php b/views/assignTasksMember.php
new file mode 100644
index 0000000..bbe92ac
--- /dev/null
+++ b/views/assignTasksMember.php
@@ -0,0 +1,375 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Task ID |
+ Task Name |
+ Assigned Time |
+ Assigned To |
+ Required Time |
+ Due Date |
+ Status |
+ view |
+ Edit |
+
+
+
+
+
+
+
+ users;
+
+
+ foreach ($result as $row) {
+ echo '';
+ echo '| ' . $row['1'] . ' | ';
+ echo '' . $row['0'] . ' | ';
+ echo '' . $row['3'] . ' | ';
+ echo '' . $row['4'] . ' | ';
+ echo '' . $row['5'] . ' | ';
+ echo '' . $row['6'] . ' | ';
+ echo '' . $row['7'] . ' | ';
+ echo '' . $row['8'] . ' | ';
+ echo '' . $row['9'] . ' | ';
+ echo '' . $row['10'] . ' | ';
+ echo '' . $row['11'] . ' | ';
+ echo ' | ';
+ echo ' | ';
+ echo '
';
+ }
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/assignTasksTeam.php b/views/assignTasksTeam.php
new file mode 100644
index 0000000..ef9dd35
--- /dev/null
+++ b/views/assignTasksTeam.php
@@ -0,0 +1,217 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/deptManageTask.php b/views/deptManageTask.php
new file mode 100644
index 0000000..c00f1b1
--- /dev/null
+++ b/views/deptManageTask.php
@@ -0,0 +1,346 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+ task;
+
+ if (!empty($_SESSION['addTask'])) {
+
+ if ($_SESSION['addTask'] == "yes") {
+ echo '';
+ $_SESSION['addTask'] = NULL;
+ } else if ($_SESSION['addTask'] == "no") {
+ echo '';
+ $_SESSION['addTask'] = NULL;
+ }
+ }
+
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Team ID |
+ Team |
+ Tasks |
+ Delete |
+ Edit |
+
+
+
+
+
+
+ ';
+ echo '' . $row['0'] . ' | ';
+ echo '' . $row['1'] . ' | ';
+ echo '' . $row['2'] . ' | ';
+ echo ' | ';
+ echo ' | ';
+ echo '';
+
+ $i=$i+1;
+ }
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/dptleaveApproved.php b/views/dptleaveApproved.php
new file mode 100644
index 0000000..ef12e9f
--- /dev/null
+++ b/views/dptleaveApproved.php
@@ -0,0 +1,222 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ CO-WMS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | EmpID | Casual Leave | 05/10/2021 - 10/10/2021 | Approved |
+ | EmpID | Sick Leave | 12/10/2021 - 13/10/2021 | Approved |
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/dptleavePending.php b/views/dptleavePending.php
new file mode 100644
index 0000000..3c41771
--- /dev/null
+++ b/views/dptleavePending.php
@@ -0,0 +1,193 @@
+
+
+
+
+
+
+
+
+
+
+
+ CO-WMS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | EmpID | Annual Leave | 15/12/2021 - 16/12/2021 | Pending | |
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/dptleavePendingview.php b/views/dptleavePendingview.php
new file mode 100644
index 0000000..76102ad
--- /dev/null
+++ b/views/dptleavePendingview.php
@@ -0,0 +1,198 @@
+
+
+
+
+
+
+
+
+
+
+
+ CO-WMS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | EmpID : | IT-TM-002 |
+ | EmpName : | D K Ruwan |
+ | Leave Type : | Annual Leave |
+ | Duration : | 15/12/2021 - 16/12/2021 |
+ | Pending Tasks : | None |
+ | Ongoing Tasks : | 5 |
+ | More Task Details |
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/empLeave.php b/views/empLeave.php
new file mode 100644
index 0000000..a83709d
--- /dev/null
+++ b/views/empLeave.php
@@ -0,0 +1,187 @@
+
+
+
+
+
+
+
+
+
+
+
+ CO-WMS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | EmpID | Annual Leave | 15/12/2021 - 16/12/2021 | Pending |
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/employeeWorkProgress.php b/views/employeeWorkProgress.php
new file mode 100644
index 0000000..1cd0d10
--- /dev/null
+++ b/views/employeeWorkProgress.php
@@ -0,0 +1,263 @@
+
+
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Profile |
+ Employee |
+ Employee Id |
+ Team Id |
+ View |
+
+
+
+
+ |
+ Kamal Silva |
+ AC-TM-004 |
+ 1 |
+ |
+
+
+
+
+ |
+ Visal Rajapaksha |
+ AC-TM-007 |
+ 2 |
+ |
+
+
+
+
+ |
+ T.R.A. Kaluvitharana |
+ AC-DM-002 |
+ 4 |
+ |
+
+
+
+
+
+ |
+ A.R.A. Silva |
+ AC-TL-001 |
+ 12 |
+ |
+
+
+
+ |
+ S.S. Munasinha |
+ AC-DM-002 |
+ 9 |
+ |
+
+
+
+
+ |
+ Binod Karunarathna |
+ AC-DM-002 |
+ 5 |
+ |
+
+
+ |
+ S.M. Abewardhana |
+ AC-TM-007 |
+ 3 |
+ |
+
+
+
+ |
+ A.A Fernando |
+ AC-TM-010 |
+ 5 |
+ |
+
+
+
+
+ |
+ S.S. Vihansa |
+ AC-TM-007 |
+ 5 |
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/forgotPassword.php b/views/forgotPassword.php
new file mode 100644
index 0000000..50b77f8
--- /dev/null
+++ b/views/forgotPassword.php
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+

+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/home.php b/views/home.php
new file mode 100644
index 0000000..95ab09c
--- /dev/null
+++ b/views/home.php
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+ Welcome to CO-WMS
+
+
+
+
Welcome to the Home page of CO-WMS
+
+
+
CO-WMS
No: 23, Flower Avenue, Colombo 7, Sri Lanka.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/homepage.php b/views/homepage.php
deleted file mode 100644
index bb16ce0..0000000
--- a/views/homepage.php
+++ /dev/null
@@ -1,65 +0,0 @@
-
-
-
-
-
-
-
-
-
- Document
-
-
-
-
-
-
-
-
-
-
-
-
-
Location
ABC IT No XX, ReidCon Avenue, Colombo
-
Contact
+94 11 2355789
-
Email
officialmail@abcit.com
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/views/landingpage.php b/views/landingpage.php
index 0feca3a..9f673b2 100644
--- a/views/landingpage.php
+++ b/views/landingpage.php
@@ -1,164 +1,245 @@
-
-
-
-
-
-
-
-
-
-
- Document
-
-
-
-
-
-
-
-
-
-
-
-
Assigned Tasks
-
Completed Tasks
-
Approved Tasks
-
Pending Tasks
-
Total hours the month 160 hrs
-
-
-
Tasks vs Hours
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+ data;
+ $hours = $this->hours;
+
+ $a = 0;
+ $b = 0;
+ $c = 0;
+ $d = 0;
+
+ for ($i = 0; $i < count($hours); $i++) {
+
+ if ($hours[$i][0] == "Approved")
+ $a = $hours[$i][1];
+ elseif ($hours[$i][0] == "Completed")
+ $b = $hours[$i][1];
+ elseif ($hours[$i][0] == "InProgress")
+ $c = $hours[$i][1];
+ elseif ($hours[$i][0] == "Pending")
+ $d = $hours[$i][1];
+ }
+
+ ?>
+
+
InProgress Tasks
+
Completed Tasks
+
Approved Tasks
+
Pending Tasks
+
Total hours the month 160 hrs
+
+
+
Tasks vs Hours
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/leaderManageTask.php b/views/leaderManageTask.php
new file mode 100644
index 0000000..22a6e6e
--- /dev/null
+++ b/views/leaderManageTask.php
@@ -0,0 +1,349 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Task ID |
+ Task Name |
+ Assigned Time |
+ Assigned To |
+ Required Time |
+ Due Date |
+ Status |
+ view |
+ Edit |
+
+
+
+
+
+
+
+ users;
+
+ if ($result != NULL) {
+
+
+ foreach ($result as $row) {
+ echo '';
+ echo '| ' . $row['1'] . ' | ';
+ echo '' . $row['0'] . ' | ';
+ echo '' . $row['3'] . ' | ';
+ echo '' . $row['4'] . ' | ';
+ echo '' . $row['5'] . ' | ';
+ echo '' . $row['6'] . ' | ';
+ echo '' . $row['7'] . ' | ';
+ echo '' . $row['8'] . ' | ';
+ echo '' . $row['9'] . ' | ';
+ echo '' . $row['10'] . ' | ';
+ echo '' . $row['11'] . ' | ';
+ echo ' | ';
+ echo ' | ';
+ echo '
';
+ }
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/login.php b/views/login.php
index 40ce497..b046f68 100644
--- a/views/login.php
+++ b/views/login.php
@@ -21,9 +21,9 @@
Get Started
-
diff --git a/views/manageAccess.php b/views/manageAccess.php
new file mode 100644
index 0000000..75f3127
--- /dev/null
+++ b/views/manageAccess.php
@@ -0,0 +1,251 @@
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | ID | Name | Role |
+ emp;
+ if(!empty($emp)){
+ foreach($emp as $row){
+ echo '';
+ echo'| '.$row['EmpID'].' | ';
+ echo ''.$row['EmpName'].' | ';
+ echo ''.$row['EmpRole'].' | ';
+ }
+ }else{
+ echo "No records found";
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageDepartment.php b/views/manageDepartment.php
new file mode 100644
index 0000000..61d10c9
--- /dev/null
+++ b/views/manageDepartment.php
@@ -0,0 +1,222 @@
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+
+
+
+
All Departments
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Department Id |
+ Department Name |
+ Department Manager ID |
+ Edit |
+
+
+
+
+
+ users;
+ // print_r($result);
+ foreach ($result as $row){
+ echo '';
+ echo '| ' . $row['DeptID'] . ' | ';
+ echo '' . $row['DeptName'] . ' | ';
+ echo '' . $row['Dept_Manager'] . ' | ';
+ echo ' | ';
+ // echo ' | ';
+ echo '
';
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageDepartmentAdd.php b/views/manageDepartmentAdd.php
new file mode 100644
index 0000000..cd913a3
--- /dev/null
+++ b/views/manageDepartmentAdd.php
@@ -0,0 +1,192 @@
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+ department;
+ if (!empty($_SESSION['add-department'])) {
+ if ($_SESSION['add-department'] == "yes") {
+ echo '';
+ $_SESSION['add-department'] = null;
+ } else if ($_SESSION['add-department'] == "no") {
+ echo '';
+ $_SESSION['add-department'] = null;
+ }
+ }
+
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageDepartmentEditDelete.php b/views/manageDepartmentEditDelete.php
new file mode 100644
index 0000000..8bbc752
--- /dev/null
+++ b/views/manageDepartmentEditDelete.php
@@ -0,0 +1,301 @@
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageEmployee.php b/views/manageEmployee.php
new file mode 100644
index 0000000..c02b704
--- /dev/null
+++ b/views/manageEmployee.php
@@ -0,0 +1,225 @@
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
All Employees
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Employee Id |
+ Employee Name |
+ Email |
+ Role |
+ Edit |
+ Terminate |
+
+
+
+
+ users;
+ // print_r($result);
+ foreach ($result as $row) {
+ echo '';
+ echo '| ' . $row['EmpID'] . ' | ';
+ echo '' . $row['EmpName'] . ' | ';
+ echo '' . $row['EmpEmail'] . ' | ';
+ echo '' . $row['EmpRole'] . ' | ';
+ // echo ' | ';
+ echo ' | ';
+ echo ' | ';
+ echo '
';
+ }
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageEmployeeAdd.php b/views/manageEmployeeAdd.php
new file mode 100644
index 0000000..fdbe66d
--- /dev/null
+++ b/views/manageEmployeeAdd.php
@@ -0,0 +1,316 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+ swal("Success!", "New record created successfully and Email sent", "success")';
+ $_SESSION['add-emp-msg'] = null;
+ } else if ($_SESSION['add-emp-msg'] == "Fialed to add New Employee password") {
+ echo '';
+ $_SESSION['add-emp-msg'] = null;
+ } else if ($_SESSION['add-emp-msg'] == "Fialed to add New Employee") {
+ echo '';
+ $_SESSION['add-emp-msg'] = null;
+ }
+ }
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageEmployeeEditDelete.php b/views/manageEmployeeEditDelete.php
new file mode 100644
index 0000000..3e9f1d8
--- /dev/null
+++ b/views/manageEmployeeEditDelete.php
@@ -0,0 +1,239 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+ employee;
+ if (!empty($_SESSION['edit-employee'])) {
+ if ($_SESSION['edit-employee'] == "yes") {
+ echo '';
+ $_SESSION['edit-employee'] = null;
+ } else if ($_SESSION['edit-employee'] == "no") {
+ echo '';
+ $_SESSION['edit-employee'] = null;
+ }
+ }
+
+
+ ?>
+
+
+
+
+
Edit Employee Details
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageTeam.php b/views/manageTeam.php
new file mode 100644
index 0000000..41bc856
--- /dev/null
+++ b/views/manageTeam.php
@@ -0,0 +1,215 @@
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+
+
+
+
All Teams
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Team ID |
+ Team Name |
+ Department ID |
+ Edit |
+
+
+
+
+ users;
+ // print_r($result);
+ foreach ($result as $row){
+ echo '';
+ echo '| ' . $row['TeamID'] . ' | ';
+ echo '' . $row['TeamName'] . ' | ';
+ echo '' . $row['DeptID'] . ' | ';
+ echo ' | ';
+ // echo ' | ';
+ echo '
';
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageTeamAdd.php b/views/manageTeamAdd.php
new file mode 100644
index 0000000..2cf5b74
--- /dev/null
+++ b/views/manageTeamAdd.php
@@ -0,0 +1,201 @@
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+ team;
+ if (!empty($_SESSION['add-team'])) {
+ if ($_SESSION['add-team'] == "yes") {
+ echo '';
+ $_SESSION['add-team'] = null;
+ } else if ($_SESSION['add-team'] == "no") {
+ echo '';
+ $_SESSION['add-team'] = null;
+ }
+ }
+
+
+ ?>
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/manageTeamEditDelete.php b/views/manageTeamEditDelete.php
new file mode 100644
index 0000000..9b63c04
--- /dev/null
+++ b/views/manageTeamEditDelete.php
@@ -0,0 +1,313 @@
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/myleaveApproved.php b/views/myleaveApproved.php
new file mode 100644
index 0000000..8a0c5b5
--- /dev/null
+++ b/views/myleaveApproved.php
@@ -0,0 +1,272 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
CO-WMS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Casual Leave | 05/10/2021 - 10/10/2021 | Approved |
+ | Sick Leave | 12/10/2021 - 13/10/2021 | Approved |
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/myleavePending.php b/views/myleavePending.php
new file mode 100644
index 0000000..785376d
--- /dev/null
+++ b/views/myleavePending.php
@@ -0,0 +1,206 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
CO-WMS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Annual Leave | 15/12/2021 - 16/12/2021 | Pending | |
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/myleaveRequest.php b/views/myleaveRequest.php
new file mode 100644
index 0000000..9c8d718
--- /dev/null
+++ b/views/myleaveRequest.php
@@ -0,0 +1,220 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
CO-WMS
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/views/myprofile.php b/views/myprofile.php
index a685c93..41abd02 100644
--- a/views/myprofile.php
+++ b/views/myprofile.php
@@ -1,126 +1,173 @@
-
+
-
+
+
+
Document
-
+
- users;
- //echo $_SESSION['password'];
+ $result = $this->users;
+ //echo $_SESSION['password'];
- if(! empty($_SESSION['photo'])){
- if($_SESSION['photo']=="yes"){
- echo '';
- $_SESSION['photo']=null;
- }
- else if($_SESSION['photo']=="no") {
- echo '';
- $_SESSION['photo']=null;
- }
-
+ if (!empty($_SESSION['photo'])) {
+ if ($_SESSION['photo'] == "yes") {
+ echo '';
+ $_SESSION['photo'] = null;
+ } else if ($_SESSION['photo'] == "no") {
+ echo '';
+ $_SESSION['photo'] = null;
}
-
- if(! empty($_SESSION['pass'])){
- if($_SESSION['pass']=="yes"){
- echo '';
- $_SESSION['pass']=null;
- }
- else if($_SESSION['pass']=="no") {
- echo '';
- $_SESSION['pass']=null;
- }
-
+ }
+
+ if (!empty($_SESSION['pass'])) {
+ if ($_SESSION['pass'] == "yes") {
+ echo '';
+ $_SESSION['pass'] = null;
+ } else if ($_SESSION['pass'] == "no") {
+ echo '';
+ $_SESSION['pass'] = null;
}
-
- ?>
+ }
+
+ ?>
-
+
-
+