first commit

public/css/frontend.css

@@ -0,0 +1,90 @@
+.login-form {
+
+    border-top: 10px solid #f47d34;
+    border-bottom: 10px solid #f47d34;
+
+}
+.login-section {
+    /* background-color: #b80056; */
+    padding-bottom: 273px;
+}
+.login_welcome{
+    color:#1b9aa6;
+}
+.btn-login{
+    background-color: #b80056;
+    color: #fff;
+    width: 100%;
+    height: 7vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 5px;
+
+}
+.btn-login:hover {
+    background-color: rgba(184, 0, 86,0.8);
+}
+.login-btn{
+    width: 100px;
+    height: 6vh;
+    border-radius: 5px;
+    background-color: #b80056;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+
+}
+.login-btn button{
+    border: none;
+    outline: none;
+    background-color: transparent;
+    border-radius: 0;
+    color: #ffffff;
+}
+.login-right-para{
+    color: #0c51a1;
+}
+.login-right-title{
+    font-size: 27px;
+    font-weight: bold;
+
+}
+.login-list-icon{
+    font-size: 10px;
+    color: #1b9aa6;
+
+    flex-basis: 5%;
+}
+.login-list{
+    display: flex;
+    align-items: center;
+}
+.list-para{
+    flex-basis: 95%;
+}
+.forget-btn{
+    width: 100%;
+    height: 6vh;
+    border-radius: 5px;
+    background-color: #b80056;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.forget-btn button{
+    border: none;
+    outline: none;
+    background-color: transparent;
+    border-radius: 0;
+    color: #ffffff;
+}
+.login-right{
+    padding-left: 30px;
+}
+.form-control{
+    color: rgb(134, 132, 132);
+    height: 7vh;
+    border-radius: 5px;
+}

public/css/jquery.dataTables.min.css

@@ -0,0 +1,843 @@
+@-webkit-keyframes fadeIn {
+    0% {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+@keyframes fadeIn {
+    0% {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+@-webkit-keyframes zoom-down {
+    0% {
+        -webkit-transform-origin: top;
+        transform-origin: top;
+        -webkit-transform: scale(0);
+        transform: scale(0)
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+@keyframes zoom-down {
+    0% {
+        -webkit-transform-origin: top;
+        transform-origin: top;
+        -webkit-transform: scale(0);
+        transform: scale(0)
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+@-webkit-keyframes zoom-up {
+    0% {
+        -webkit-transform-origin: bottom;
+        transform-origin: bottom;
+        -webkit-transform: scale(0);
+        transform: scale(0)
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+@keyframes zoom-up {
+    0% {
+        -webkit-transform-origin: bottom;
+        transform-origin: bottom;
+        -webkit-transform: scale(0);
+        transform: scale(0)
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+@-webkit-keyframes slide-right {
+    0% {
+        -webkit-transform: translate(-20px);
+        transform: translate(-20px);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translate(0);
+        transform: translate(0);
+        opacity: 1
+    }
+}
+
+@keyframes slide-right {
+    0% {
+        -webkit-transform: translate(-20px);
+        transform: translate(-20px);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translate(0);
+        transform: translate(0);
+        opacity: 1
+    }
+}
+
+@-webkit-keyframes slide-left {
+    0% {
+        -webkit-transform: translate(20px);
+        transform: translate(20px);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translate(0);
+        transform: translate(0);
+        opacity: 1
+    }
+}
+
+@keyframes slide-left {
+    0% {
+        -webkit-transform: translate(20px);
+        transform: translate(20px);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translate(0);
+        transform: translate(0);
+        opacity: 1
+    }
+}
+
+@-webkit-keyframes slide-down {
+    0% {
+        -webkit-transform: translateY(-20px);
+        transform: translateY(-20px);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translate(0);
+        transform: translate(0);
+        opacity: 1
+    }
+}
+
+@keyframes slide-down {
+    0% {
+        -webkit-transform: translateY(-20px);
+        transform: translateY(-20px);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translate(0);
+        transform: translate(0);
+        opacity: 1
+    }
+}
+
+@-webkit-keyframes slide-up {
+    0% {
+        -webkit-transform: translateY(20px);
+        transform: translateY(20px);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translate(0);
+        transform: translate(0);
+        opacity: 1
+    }
+}
+
+@keyframes slide-up {
+    0% {
+        -webkit-transform: translateY(20px);
+        transform: translateY(20px);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translate(0);
+        transform: translate(0);
+        opacity: 1
+    }
+}
+
+table.dataTable {
+    margin: 0 auto;
+    clear: both;
+    width: 100% !important;
+}
+
+table.dataTable thead td:active,
+table.dataTable thead th:active {
+    outline: none
+}
+
+table.dataTable td.center,
+table.dataTable td.dataTables_empty {
+    text-align: center
+}
+
+table.dataTable td.details-control {
+    text-align: center;
+    cursor: pointer
+}
+
+table.dataTable td.details-control:before {
+    font-family: FontAwesome;
+    font-weight: 400;
+    font-style: normal;
+    text-decoration: inherit;
+    -webkit-font-smoothing: antialiased;
+    *margin-right: .3em;
+    content: "\f067"
+}
+
+table.dataTable tr.shown td.details-control:before {
+    content: "\f068"
+}
+
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_desc_disabled {
+    position: relative;
+    cursor: pointer;
+    *cursor: hand
+}
+
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_desc_disabled:before {
+    font: normal normal normal 24px/1 "Material Design Icons";
+    font-weight: 400;
+    font-style: normal;
+    text-decoration: inherit;
+    -webkit-font-smoothing: antialiased;
+    *margin-right: .3em;
+    float: right;
+    content: "\F4BD" !important;
+    font-size: 12px;
+}
+
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_asc_disabled:before {
+    content: "\f0de"
+}
+
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_desc_disabled:before {
+    content: "\f0dd"
+}
+
+table.dataTable thead .sort-numeric.sorting:before,
+table.dataTable thead .sort-numeric.sorting_asc:before,
+table.dataTable thead .sort-numeric.sorting_asc_disabled:before {
+    content: "\f162"
+}
+
+table.dataTable thead .sort-numeric.sorting_desc:before,
+table.dataTable thead .sort-numeric.sorting_desc_disabled:before {
+    content: "\f163"
+}
+
+table.dataTable thead .sort-alpha.sorting:before,
+table.dataTable thead .sort-alpha.sorting_asc:before,
+table.dataTable thead .sort-alpha.sorting_asc_disabled:before {
+    content: "\f15d"
+}
+
+table.dataTable thead .sort-alpha.sorting_desc:before,
+table.dataTable thead .sort-alpha.sorting_desc_disabled:before {
+    content: "\f15e"
+}
+
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_desc:before {
+    color: #0960a5
+}
+
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:before {
+    color: #bfbfbf
+}
+
+table.dataTable tbody tr {
+    background-color: transparent
+}
+
+table.dataTable tbody tr.selected {
+    background-color: #2196f3;
+    color: #fff
+}
+
+table.dataTable tbody td,
+table.dataTable tbody th {
+    padding: 8px 10px
+}
+
+table.dataTable.display tbody td,
+table.dataTable.display tbody th,
+table.dataTable.row-border tbody td,
+table.dataTable.row-border tbody th {
+    border-top: 1px solid #e5e6e6
+}
+
+table.dataTable.display tbody tr:first-child td,
+table.dataTable.display tbody tr:first-child th,
+table.dataTable.row-border tbody tr:first-child td,
+table.dataTable.row-border tbody tr:first-child th {
+    border-top: none
+}
+
+table.dataTable.cell-border tbody td,
+table.dataTable.cell-border tbody th {
+    border-top: 1px solid #e5e6e6;
+    border-right: 1px solid #e5e6e6
+}
+
+table.dataTable.cell-border tbody tr td:first-child,
+table.dataTable.cell-border tbody tr th:first-child {
+    border-left: 1px solid #e5e6e6
+}
+
+table.dataTable.cell-border tbody tr:first-child td,
+table.dataTable.cell-border tbody tr:first-child th {
+    border-top: none
+}
+
+table.dataTable.display tbody tr.odd,
+table.dataTable.stripe tbody tr.odd {
+    background-color: rgba(0, 0, 0, .0235)
+}
+
+table.dataTable.display tbody tr.odd.selected,
+table.dataTable.stripe tbody tr.odd.selected {
+    background-color: #2092ed;
+    color: #fff
+}
+
+table.dataTable.display tbody tr.even:hover,
+table.dataTable.display tbody tr.odd:hover,
+table.dataTable.display tbody tr:hover,
+table.dataTable.hover tbody tr.even:hover,
+table.dataTable.hover tbody tr.odd:hover,
+table.dataTable.hover tbody tr:hover {
+    background-color: rgba(0, 0, 0, .036000000000000004)
+}
+
+table.dataTable.display tbody tr.even:hover.selected,
+table.dataTable.display tbody tr.odd:hover.selected,
+table.dataTable.display tbody tr:hover.selected,
+table.dataTable.hover tbody tr.even:hover.selected,
+table.dataTable.hover tbody tr.odd:hover.selected,
+table.dataTable.hover tbody tr:hover.selected {
+    background-color: #2091ea;
+    color: #fff
+}
+
+table.dataTable.display tbody tr>.sorting_1,
+table.dataTable.display tbody tr>.sorting_2,
+table.dataTable.display tbody tr>.sorting_3,
+table.dataTable.order-column tbody tr>.sorting_1,
+table.dataTable.order-column tbody tr>.sorting_2,
+table.dataTable.order-column tbody tr>.sorting_3 {
+    background-color: rgba(0, 0, 0, .02)
+}
+
+table.dataTable.display tbody tr.selected>.sorting_1,
+table.dataTable.display tbody tr.selected>.sorting_2,
+table.dataTable.display tbody tr.selected>.sorting_3,
+table.dataTable.order-column tbody tr.selected>.sorting_1,
+table.dataTable.order-column tbody tr.selected>.sorting_2,
+table.dataTable.order-column tbody tr.selected>.sorting_3 {
+    background-color: #2093ee;
+    color: #fff
+}
+
+table.dataTable.display tbody tr.odd>.sorting_1,
+table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
+table.dataTable.table-striped tbody tr.odd>.sorting_1 {
+    background-color: rgba(0, 0, 0, .054000000000000006)
+}
+
+table.dataTable.display tbody tr.odd>.sorting_2,
+table.dataTable.order-column.stripe tbody tr.odd>.sorting_2,
+table.dataTable.table-striped tbody tr.odd>.sorting_2 {
+    background-color: rgba(0, 0, 0, .047)
+}
+
+table.dataTable.display tbody tr.odd>.sorting_3,
+table.dataTable.order-column.stripe tbody tr.odd>.sorting_3,
+table.dataTable.table-striped tbody tr.odd>.sorting_3 {
+    background-color: rgba(0, 0, 0, .039)
+}
+
+table.dataTable.display tbody tr.odd.selected>.sorting_1,
+table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1,
+table.dataTable.table-striped tbody tr.odd.selected>.sorting_1 {
+    background-color: #1f8ee6
+}
+
+table.dataTable.display tbody tr.odd.selected>.sorting_2,
+table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2,
+table.dataTable.table-striped tbody tr.odd.selected>.sorting_2 {
+    background-color: #1f8fe8
+}
+
+table.dataTable.display tbody tr.odd.selected>.sorting_3,
+table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3,
+table.dataTable.table-striped tbody tr.odd.selected>.sorting_3 {
+    background-color: #2090ea
+}
+
+table.dataTable.display tbody tr.even>.sorting_1,
+table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
+table.dataTable.table-striped tbody tr.even>.sorting_1 {
+    background-color: rgba(0, 0, 0, .02)
+}
+
+table.dataTable.display tbody tr.even>.sorting_2,
+table.dataTable.order-column.stripe tbody tr.even>.sorting_2,
+table.dataTable.table-striped tbody tr.even>.sorting_2 {
+    background-color: rgba(0, 0, 0, .012)
+}
+
+table.dataTable.display tbody tr.even>.sorting_3,
+table.dataTable.order-column.stripe tbody tr.even>.sorting_3,
+table.dataTable.table-striped tbody tr.even>.sorting_3 {
+    background-color: rgba(0, 0, 0, .004)
+}
+
+table.dataTable.display tbody tr.even.selected>.sorting_1,
+table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1,
+table.dataTable.table-striped tbody tr.even.selected>.sorting_1 {
+    background-color: #2093ee
+}
+
+table.dataTable.display tbody tr.even.selected>.sorting_2,
+table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2,
+table.dataTable.table-striped tbody tr.even.selected>.sorting_2 {
+    background-color: #2194f0
+}
+
+table.dataTable.display tbody tr.even.selected>.sorting_3,
+table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3,
+table.dataTable.table-striped tbody tr.even.selected>.sorting_3 {
+    background-color: #2195f2
+}
+
+table.dataTable.display tbody tr.even:hover>.sorting_1,
+table.dataTable.display tbody tr.odd:hover>.sorting_1,
+table.dataTable.display tbody tr:hover>.sorting_1,
+table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1,
+table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1,
+table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
+    background-color: rgba(0, 0, 0, .08199999999999999)
+}
+
+table.dataTable.display tbody tr.even:hover>.sorting_2,
+table.dataTable.display tbody tr.odd:hover>.sorting_2,
+table.dataTable.display tbody tr:hover>.sorting_2,
+table.dataTable.order-column.hover tbody tr.even:hover>.sorting_2,
+table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_2,
+table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
+    background-color: rgba(0, 0, 0, .075)
+}
+
+table.dataTable.display tbody tr.even:hover>.sorting_3,
+table.dataTable.display tbody tr.odd:hover>.sorting_3,
+table.dataTable.display tbody tr:hover>.sorting_3,
+table.dataTable.order-column.hover tbody tr.even:hover>.sorting_3,
+table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_3,
+table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
+    background-color: rgba(0, 0, 0, .063)
+}
+
+table.dataTable.display tbody tr.even:hover.selected>.sorting_1,
+table.dataTable.display tbody tr.odd:hover.selected>.sorting_1,
+table.dataTable.display tbody tr:hover.selected>.sorting_1,
+table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1,
+table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
+    background-color: #1e8adf
+}
+
+table.dataTable.display tbody tr.even:hover.selected>.sorting_2,
+table.dataTable.display tbody tr.odd:hover.selected>.sorting_2,
+table.dataTable.display tbody tr:hover.selected>.sorting_2,
+table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_2,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_2,
+table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
+    background-color: #1f8be1
+}
+
+table.dataTable.display tbody tr.even:hover.selected>.sorting_3,
+table.dataTable.display tbody tr.odd:hover.selected>.sorting_3,
+table.dataTable.display tbody tr:hover.selected>.sorting_3,
+table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_3,
+table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_3,
+table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
+    background-color: #1f8de4
+}
+
+table.dataTable.nowrap td,
+table.dataTable.nowrap th {
+    white-space: nowrap
+}
+
+table.dataTable.compact thead td,
+table.dataTable.compact thead th {
+    padding: 5px 9px
+}
+
+table.dataTable.compact tfoot td,
+table.dataTable.compact tfoot th {
+    padding: 5px 9px 3px
+}
+
+table.dataTable.compact tbody td,
+table.dataTable.compact tbody th {
+    padding: 4px 5px
+}
+
+table.dataTable td.dt-left,
+table.dataTable th.dt-left {
+    text-align: left
+}
+
+table.dataTable td.dataTables_empty,
+table.dataTable td.dt-center,
+table.dataTable th.dt-center {
+    text-align: center
+}
+
+table.dataTable td.dt-right,
+table.dataTable th.dt-right {
+    text-align: right
+}
+
+table.dataTable td.dt-justify,
+table.dataTable th.dt-justify {
+    text-align: justify
+}
+
+table.dataTable td.dt-nowrap,
+table.dataTable th.dt-nowrap {
+    white-space: nowrap
+}
+
+table.dataTable tfoot td.dt-head-left,
+table.dataTable tfoot th.dt-head-left,
+table.dataTable thead td.dt-head-left,
+table.dataTable thead th.dt-head-left {
+    text-align: left
+}
+
+table.dataTable tfoot td.dt-head-center,
+table.dataTable tfoot th.dt-head-center,
+table.dataTable thead td.dt-head-center,
+table.dataTable thead th.dt-head-center {
+    text-align: center
+}
+
+table.dataTable tfoot td.dt-head-right,
+table.dataTable tfoot th.dt-head-right,
+table.dataTable thead td.dt-head-right,
+table.dataTable thead th.dt-head-right {
+    text-align: right
+}
+
+table.dataTable tfoot td.dt-head-justify,
+table.dataTable tfoot th.dt-head-justify,
+table.dataTable thead td.dt-head-justify,
+table.dataTable thead th.dt-head-justify {
+    text-align: justify
+}
+
+table.dataTable tfoot td.dt-head-nowrap,
+table.dataTable tfoot th.dt-head-nowrap,
+table.dataTable thead td.dt-head-nowrap,
+table.dataTable thead th.dt-head-nowrap {
+    white-space: nowrap
+}
+
+table.dataTable tbody td.dt-body-left,
+table.dataTable tbody th.dt-body-left {
+    text-align: left
+}
+
+table.dataTable tbody td.dt-body-center,
+table.dataTable tbody th.dt-body-center {
+    text-align: center
+}
+
+table.dataTable tbody td.dt-body-right,
+table.dataTable tbody th.dt-body-right {
+    text-align: right
+}
+
+table.dataTable tbody td.dt-body-justify,
+table.dataTable tbody th.dt-body-justify {
+    text-align: justify
+}
+
+table.dataTable tbody td.dt-body-nowrap,
+table.dataTable tbody th.dt-body-nowrap {
+    white-space: nowrap
+}
+
+table.dataTable,
+table.dataTable td,
+table.dataTable th {
+    box-sizing: content-box
+}
+
+.dataTables_wrapper {
+    position: relative;
+    clear: both;
+    zoom: 1
+}
+
+.card-body.no-padding .dataTables_wrapper:after,
+.card-body.no-padding .dataTables_wrapper:before {
+    content: " ";
+    display: table
+}
+
+.card-body.no-padding .dataTables_wrapper:after {
+    clear: both
+}
+
+.dataTables_wrapper .dataTables_length {
+    float: left;
+    margin: 0 0 15px
+}
+
+.dataTables_wrapper .dataTables_length select {
+    height: 35px;
+    padding: 4.5px 14px;
+    font-size: 13px;
+    line-height: 1.846153846;
+    margin-right: 5px;
+    border: none;
+    border-bottom: 1px solid hsla(0, 0%, 5%, .12);
+    background: transparent;
+    color: #0c0c0c
+}
+
+.dataTables_wrapper .dataTables_length select:focus {
+    outline: 0;
+    border-bottom-width: 2px;
+    border-bottom-color: #2196f3
+}
+
+.card-body.no-padding .dataTables_wrapper .dataTables_length {
+    margin: 15px
+}
+
+.dataTables_wrapper .dataTables_filter {
+    float: right;
+    text-align: right;
+    margin: 0 0 15px
+}
+
+.dataTables_wrapper .dataTables_filter label {
+    margin: 0
+}
+
+.dataTables_wrapper .dataTables_filter label i {
+    margin-right: 5px
+}
+
+.dataTables_wrapper .dataTables_filter input {
+    height: 35px;
+    padding: 4.5px 14px;
+    font-size: 13px;
+    line-height: 1.846153846;
+    border: none;
+    border-bottom: 1px solid hsla(0, 0%, 5%, .12);
+    background: transparent;
+    color: #0c0c0c
+}
+
+.dataTables_wrapper .dataTables_filter input:focus {
+    outline: 0;
+    border-bottom-width: 2px;
+    border-bottom-color: #2196f3
+}
+
+.card-body.no-padding .dataTables_wrapper .dataTables_filter {
+    margin: 15px
+}
+
+.dataTables_wrapper .dataTables_info {
+    margin-top: 15px;
+    padding: 6px 0 0;
+    clear: both;
+    float: left
+}
+
+.card-body.no-padding .dataTables_wrapper .dataTables_info {
+    margin: 15px
+}
+
+.dataTables_wrapper .dataTables_paginate {
+    margin-top: 15px;
+    float: right;
+    text-align: right
+}
+
+.card-body.no-padding .dataTables_wrapper .dataTables_paginate {
+    margin: 15px
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+    box-sizing: border-box;
+    display: inline-block;
+    min-width: 1.5em;
+    padding: 6px 12px;
+    margin-left: -1px;
+    text-align: center;
+    text-decoration: none !important;
+    cursor: pointer;
+    *cursor: hand;
+    background-color: #fff;
+    color: #96999c;
+    border: 1px solid #e5e6e6
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.current,
+.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+    background-color: #e5e6e6;
+    color: #313335
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
+    cursor: default;
+    color: #96999c;
+    border: 1px solid transparent;
+    background: transparent;
+    cursor: no-drop
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
+    background-color: #d8d9da;
+    color: #313335
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+    outline: none
+}
+
+.dataTables_wrapper .dataTables_processing {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 40px;
+    margin-left: -50%;
+    margin-top: -25px;
+    padding-top: 20px;
+    text-align: center;
+    font-size: 1.2em;
+    background-color: #fff;
+    background-image: -webkit-linear-gradient(left, transparent, transparent 50%, transparent);
+    background-image: linear-gradient(90deg, transparent, transparent 50%, transparent);
+    background-repeat: no-repeat;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1)
+}
+
+.dataTables_wrapper .dataTables_filter,
+.dataTables_wrapper .dataTables_info,
+.dataTables_wrapper .dataTables_length,
+.dataTables_wrapper .dataTables_paginate,
+.dataTables_wrapper .dataTables_processing {
+    color: #313335
+}
+
+.dataTables_wrapper .dataTables_scroll {
+    clear: both
+}
+
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
+    *margin-top: -1px;
+    -webkit-overflow-scrolling: touch
+}
+
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,
+.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing {
+    height: 0;
+    overflow: hidden;
+    margin: 0 !important;
+    padding: 0 !important
+}
+
+.dataTables_wrapper.no-footer div.dataTables_scrollBody table,
+.dataTables_wrapper.no-footer div.dataTables_scrollHead table {
+    border-bottom: none
+}
+
+.dataTables_wrapper:after {
+    visibility: hidden;
+    display: block;
+    content: "";
+    clear: both;
+    height: 0
+}
+
+@media screen and (max-width:767px) {
+
+    .dataTables_wrapper .dataTables_info,
+    .dataTables_wrapper .dataTables_paginate {
+        float: none;
+        text-align: center
+    }
+
+    .dataTables_wrapper .dataTables_paginate {
+        margin-top: .5em
+    }
+}
+
+@media screen and (max-width:640px) {
+
+    .dataTables_wrapper .dataTables_filter,
+    .dataTables_wrapper .dataTables_length {
+        float: none;
+        text-align: center
+    }
+
+    .dataTables_wrapper .dataTables_filter {
+        margin-top: .5em
+    }
+}

public/css/lightbox.css

@@ -0,0 +1,204 @@
+body.lb-disable-scrolling {
+  overflow: hidden;
+}
+
+.lightboxOverlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  background-color: black;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+  opacity: 0.8;
+  display: none;
+}
+
+.lightbox {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  z-index: 10000;
+  text-align: center;
+  line-height: 0;
+  font-weight: normal;
+  outline: none;
+}
+
+.lightbox .lb-image {
+  display: block;
+  height: auto;
+  max-width: inherit;
+  max-height: none;
+  border-radius: 3px;
+
+  /* Image border */
+  border: 4px solid white;
+}
+
+.lightbox a img {
+  border: none;
+}
+
+.lb-outerContainer {
+  position: relative;
+  *zoom: 1;
+  width: 250px;
+  height: 250px;
+  margin: 0 auto;
+  border-radius: 4px;
+
+  /* Background color behind image.
+     This is visible during transitions. */
+  background-color: white;
+}
+
+.lb-outerContainer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.lb-loader {
+  position: absolute;
+  top: 43%;
+  left: 0;
+  height: 25%;
+  width: 100%;
+  text-align: center;
+  line-height: 0;
+}
+
+.lb-cancel {
+  display: block;
+  width: 32px;
+  height: 32px;
+  margin: 0 auto;
+  background: url(../images/loading.gif) no-repeat;
+}
+
+.lb-nav {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: 10;
+}
+
+.lb-container > .nav {
+  left: 0;
+}
+
+.lb-nav a {
+  outline: none;
+  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
+}
+
+.lb-prev, .lb-next {
+  height: 100%;
+  cursor: pointer;
+  display: block;
+}
+
+.lb-nav a.lb-prev {
+  width: 34%;
+  left: 0;
+  float: left;
+  background: url(../images/prev.png) left 48% no-repeat;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  -webkit-transition: opacity 0.6s;
+  -moz-transition: opacity 0.6s;
+  -o-transition: opacity 0.6s;
+  transition: opacity 0.6s;
+}
+
+.lb-nav a.lb-prev:hover {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}
+
+.lb-nav a.lb-next {
+  width: 64%;
+  right: 0;
+  float: right;
+  background: url(../images/next.png) right 48% no-repeat;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  -webkit-transition: opacity 0.6s;
+  -moz-transition: opacity 0.6s;
+  -o-transition: opacity 0.6s;
+  transition: opacity 0.6s;
+}
+
+.lb-nav a.lb-next:hover {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}
+
+.lb-dataContainer {
+  margin: 0 auto;
+  padding-top: 5px;
+  *zoom: 1;
+  width: 100%;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.lb-dataContainer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.lb-data {
+  padding: 0 4px;
+  color: #ccc;
+}
+
+.lb-data .lb-details {
+  width: 85%;
+  float: left;
+  text-align: left;
+  line-height: 1.1em;
+}
+
+.lb-data .lb-caption {
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 1em;
+}
+
+.lb-data .lb-caption a {
+  color: #4ae;
+}
+
+.lb-data .lb-number {
+  display: block;
+  clear: left;
+  padding-bottom: 1em;
+  font-size: 12px;
+  color: #999999;
+}
+
+.lb-data .lb-close {
+  display: block;
+  float: right;
+  width: 30px;
+  height: 30px;
+  background: url(../images/close.png) top right no-repeat;
+  text-align: right;
+  outline: none;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
+  opacity: 0.7;
+  -webkit-transition: opacity 0.2s;
+  -moz-transition: opacity 0.2s;
+  -o-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+
+.lb-data .lb-close:hover {
+  cursor: pointer;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}

public/css/lightbox.min.css

@@ -0,0 +1 @@
+.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

public/css/style.css

@@ -0,0 +1,212 @@
+.btn-addunit {
+    border: 1px solid #ededed;
+    background: #44a2d2;
+    color: #fff;
+    padding: 7px;
+}
+.logo-lg img {
+    height: 75px;
+    width: 75px;
+}
+.companyname {
+    color: #fff;
+}
+.btn-submit {
+    color: rgb(255, 255, 255) !important;
+    border-width: 2px;
+    border-style: solid;
+    border-color: rgb(248, 134, 0);
+    border-image: initial;
+    padding: 8px 20px;
+    background-color: rgb(248, 134, 0);
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+/* ScroolBar CSS */
+div::-webkit-scrollbar {
+    height: 5px;
+}
+
+div::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    border-radius: 10px;
+}
+
+div::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
+}
+
+/* ScroolBar CSS */
+
+.navbar-header h2 {
+    font-size: 30px;
+    font-weight: 600;
+}
+
+
+
+/* Additional CSS */
+
+:root {
+    --red: #bd2626;
+    --blue: #1b4bdc;
+    --orange: #ff6f00;
+}
+
+.custom-text {
+    color: var(--blue);
+}
+
+.custom-text2 {
+    color: var(--orange);
+}
+.testimonials i{
+    color: var(--blue);
+}
+.navbar-nav li {
+    padding: 0px 5px;
+}
+
+.navbar a {
+    color: #333;
+    text-transform: uppercase;
+    font-weight: 600;
+}
+
+a.custom-btn {
+    background-color: var(--blue);
+    padding: 10px 20px;
+    border-radius: 3px;
+    color: #fff;
+}
+
+a.custom-btn:hover {
+    background-color: var(--red);
+    color: #fff;
+    text-decoration: none;
+}
+
+#logo_main {
+    height: 80px;
+    width: 250px;
+    object-fit: contain;
+}
+
+.section_padding {
+    padding: 50px 0px;
+}
+
+.section_padding2 {
+    padding-top: 150px;
+}
+
+.why-us .owl-nav {
+    display: none;
+}
+
+.shadow-effect {
+    background: #fff;
+    padding: 20px;
+    border-radius: 4px;
+    text-align: center;
+    border: 1px solid #ECECEC;
+    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
+}
+
+#customers-testimonials .shadow-effect p {
+    font-family: inherit;
+    font-size: 17px;
+    line-height: 1.5;
+    font-weight: 300;
+}
+
+#customers-testimonials .item {
+    text-align: center;
+    padding: 10px;
+    margin-bottom: 50px;
+    opacity: .2;
+    -webkit-transform: scale3d(0.8, 0.8, 1);
+    transform: scale3d(0.8, 0.8, 1);
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+}
+
+#customers-testimonials .owl-item.active.center .item {
+    opacity: 1;
+    -webkit-transform: scale3d(1.0, 1.0, 1);
+    transform: scale3d(1.0, 1.0, 1);
+}
+
+.testimonials .owl-carousel .owl-item img {
+    transform-style: preserve-3d;
+    max-width: 90px;
+    margin: 0 auto 17px;
+}
+
+#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
+#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span,
+#why-us.owl-carousel .owl-dots .owl-dot.active span {
+    background: #3190E7;
+    transform: translate3d(0px, -50%, 0px) scale(0.7);
+}
+
+#customers-testimonials.owl-carousel .owl-dots,
+#why-us.owl-carousel .owl-dots {
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+}
+
+#why-us.owl-carousel .owl-dots {
+    margin-top: 30px;
+}
+
+#customers-testimonials.owl-carousel .owl-dots .owl-dot,
+#why-us.owl-carousel .owl-dots .owl-dot {
+    display: inline-block;
+}
+
+#customers-testimonials.owl-carousel .owl-dots .owl-dot span,
+#why-us.owl-carousel .owl-dots .owl-dot span {
+    background: #3190E7;
+    display: inline-block;
+    height: 20px;
+    border-radius: 50%;
+    margin: 0 2px 5px;
+    transform: translate3d(0px, -50%, 0px) scale(0.3);
+    transform-origin: 50% 50% 0;
+    transition: all 250ms ease-out 0s;
+    width: 20px;
+}
+
+.ratings i {
+
+    color: orange;
+}
+
+.card {
+
+    border: none;
+    cursor: pointer;
+    box-shadow: 0 0 40px rgba(51, 51, 51, .1)
+}
+
+.testimonials .card[aria-expanded="true"] {
+    background-color: #3190E7;
+    color: #fff;
+}
+
+.select2-container .select2-selection--single {
+    min-height: 32px !important;
+
+}
+
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+
+    line-height: 30px !important;
+}