diff --git a/Mohem/src/app/absence/absence-confirm/absence-confirm.component.scss b/Mohem/src/app/absence/absence-confirm/absence-confirm.component.scss
index 8cdb50a6..f80316ee 100644
--- a/Mohem/src/app/absence/absence-confirm/absence-confirm.component.scss
+++ b/Mohem/src/app/absence/absence-confirm/absence-confirm.component.scss
@@ -1,285 +1,298 @@
-.imgSize{
- position: absolute;
- right: 15px;
- top: 0;
- bottom: 0;
- margin: auto;
- height:20px;
- width:20px;
+.imgSize {
+ position: absolute;
+ right: 15px;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ height: 20px;
+ width: 20px;
}
+
.rowAH ion-col {
- border: 1px solid #d9d9d9;
- font-size: 13px;
+ border: 1px solid #d9d9d9;
+ font-size: 13px;
}
+
.titleH {
- font-size: 13px;
- border: 1px solid #d9d9d9;
- border-top-right-radius: 5px;
- border-top-left-radius: 5px;
- border-bottom: 0px;
+ font-size: 13px;
+ border: 1px solid #d9d9d9;
+ border-top-right-radius: 5px;
+ border-top-left-radius: 5px;
+ border-bottom: 0px;
}
+
.gridAH {
- text-align: center;
- padding: 5px 5px !important;
- border-radius: 5px;
+ text-align: center;
+ padding: 5px 5px !important;
+ border-radius: 5px;
}
-ion-card-content.confirm-details{
- padding: 0;
+
+ion-card-content.confirm-details {
+ padding: 0;
}
-.confirm-details label{
- font-size: 13px;
+
+.confirm-details label {
+ font-size: 13px;
}
/****************** NEW Design ***************************************/
.footer-button {
- border-radius: 2px;
- padding: 0 1.1em;
- min-height: 45px;
- min-width: 200px;
- }
-
+ border-radius: 2px;
+ padding: 0 1.1em;
+ min-height: 45px;
+ min-width: 200px;
+}
+
+
+
+.Header {
+ font-weight: bold;
+ color: #44A7A1 !important;
+ font-size: 10px;
+}
+
+.tbData {
+ font-size: 10px;
+}
+
+.btnBack {
+ background: transparent;
+ float: right;
+}
+
+.attachmentDiv {
+ background: #ffffff;
+ height: auto;
+ text-align: center;
+ padding-top: 1px;
+ margin: 10px;
+ border-radius: 15px;
+ border: 1px solid grey;
+}
+
+.noDataDiv {
+ background: #ffffff;
+ height: 11%;
+ text-align: center;
+ padding-top: 1px;
+ border-radius: 10px;
+ margin: 10px;
+ border-radius: 5px;
+}
+
+.submitNote {
+ background: #ffffff;
+ height: 80px;
+ padding-top: 1px;
+ margin: 10px;
+ border-radius: 15px;
+ border: 1px solid grey;
+}
+
+.approvalList {
+ --background: #f0efef;
+ height: auto;
+ text-align: center;
+ padding-top: 1px;
+ border-radius: 10px;
+ margin: 10px;
+ border-radius: 5px;
+}
+
+/************************New Design**********************************/
+.notification-list {
+ background: none;
+ background: none;
+ border-radius: 32px;
+
+ ion-item {
+ // margin-top: 5px;
+ // margin-bottom: 5px;
+
+ background-color: transparent;
+
+ .item-date {
+ width: 100%;
+ font-size: 16px;
+ font-weight: bold;
+
+ text-align: start;
+ padding: 0;
+ margin: 0;
+
+ position: absolute;
+ left: 0;
+ top: 12%;
+ }
+
+ ion-label,
+ [item-end] {
+
+ white-space: normal;
+ font-size: 14px;
+ padding-top: 15%;
+ // :root[dir="ltr"]{
+ // margin-left: 10px;
+ // }
+ // :root[dir="rtl"]{
+ // margin-right: 10px;
+ // }
-
- .Header {
- font-weight: bold;
- color: #1a586d !important;
- font-size: 10px;
- }
-
- .tbData {
- font-size: 10px;
- }
-
- .btnBack {
- background: transparent;
- float: right;
- }
-
- .attachmentDiv{
- background: #ffffff;
- height: auto;
- text-align: center;
- padding-top: 1px;
- margin: 10px;
- border-radius: 15px;
- border: 1px solid grey;
- }
-
- .noDataDiv{
- background: #ffffff;
- height: 11%;
- text-align: center;
- padding-top: 1px;
- border-radius: 10px;
- margin: 10px;
- border-radius: 5px;
- }
- .submitNote{
- background: #ffffff;
- height: 80px;
- padding-top: 1px;
- margin: 10px;
- border-radius: 15px;
- border: 1px solid grey;
- }
-
- .approvalList{
- --background: #f0efef;
- height: auto;
- text-align: center;
- padding-top: 1px;
- border-radius: 10px;
- margin: 10px;
- border-radius: 5px;
- }
-
- /************************New Design**********************************/
- .notification-list{
- background: none;
- background: none;
- border-radius: 32px;
- ion-item{
- // margin-top: 5px;
- // margin-bottom: 5px;
-
- background-color: transparent;
- .item-date{
- width: 100%;
- font-size: 16px;
- font-weight: bold;
-
- text-align: start;
- padding: 0;
- margin: 0;
-
- position: absolute;
- left: 0;
- top: 12%;
- }
- ion-label , [item-end]{
-
- white-space: normal;
- font-size: 14px;
- padding-top: 15%;
- // :root[dir="ltr"]{
- // margin-left: 10px;
- // }
- // :root[dir="rtl"]{
- // margin-right: 10px;
- // }
-
- }
-
}
- }
-
-
-
-
-
-
- .timeline {
- position: relative;
- margin: 15px 0 0 0;
- // border-bottom: solid 1px var(--cusgray);
- }
-
- .timeline:before {
-
- content: '';
- position: inherit !important;
- top: 0;
- bottom: 0;
- width: 4px;
- // background: #e4e4e4;
- z-index: 1;
- left: 35px;
- /* margin-left: -10px; */
- /* z-index: 1; */
- }
-
- .timeline .timeline-thumb {
-
- border-radius: 500px;
- width: 70px !important;
- z-index: 2;
- position: absolute;
- left: 0px;
- // :root[dir="ltr"]{
- // left: 37px;
- // }
- // :root[dir="rtl"]{
- // right: 37px;
- // }
- float: right;
- top: 9px;
- }
-
- .timeline .timeline-thumb.timeline-icon {
- height: 70px;
- // text-align: center;
- // color: white;
- // border: 5px solid #CBD0D3;
- // transform: scale(0.2);
- }
-
-
-
- .timeline .timeline-item {
- // width: 40px;
-
- }
-
- .timeline .timeline-stats {
- position: relative;
- font-size: 12px;
- color: var(--darkgray);
-
- }
-
- .empImge{
- border-radius: 50%;
- width:60px;
- height: 60px;
- border: #dedede solid 1px;
-
- }
- .empImgeRep {
- border-radius: 50% !important;
- width: 80px;
- height: 80px;
- border: #dedede solid 1px;
- }
-
- .line{
- padding-bottom:87px;
- }
-
- .attachLable{
- position: absolute;
- top: 0px;
- z-index: 0;
- background: #30b8c6;
- color: #fff;
- border-radius: 50%;
- border: 0px;
- width: 24px;
- height: 24px;
- text-align: center;
- font-size: 5px;
- }
-
- .removeLable{
- top: 0px;
- z-index: 0;
- background: #d8252d;
- color: #fff;
- border-radius: 50%;
- border: 0px;
- width: 20px;
- height: 20px;
- text-align: center;
- font-size: 5px;
- }
-
- .note-modal {
- // width: 90%;
- // height: 50%;
- // top: 20%;
- // left: 5%;
- // right: 5%;
- // bottom: 5%;
- background: rgba(0, 0, 0, 0.5) !important;
- padding: 30% 10% !important;
- --height: 12cm !important;
- // --width: 80% !important;
- --border-radius:20px;
-
- }
- .header-toolbar-new{
- --background: #269DB8;
- }
-
- .confirmEitOkButton{
- white-space: normal !important;
- text-transform: capitalize !important;
- min-height: 45px !important;
- min-width: 5px !important;
- margin: 8px !important;
- --background: #269DB8;
- width: 80% !important;
- color: white!important;
- border-radius: 16px !important;
- }
- .approvalTitle-ar{
- font-weight: bold;
- font-size: 16px;
- text-align: right;
-
}
- .approvalTitle{
- font-weight: bold;
- font-size: 16px;
- text-align: left;
- }
\ No newline at end of file
+}
+
+
+
+
+
+
+.timeline {
+ position: relative;
+ margin: 15px 0 0 0;
+ // border-bottom: solid 1px var(--cusgray);
+}
+
+.timeline:before {
+
+ content: '';
+ position: inherit !important;
+ top: 0;
+ bottom: 0;
+ width: 4px;
+ // background: #e4e4e4;
+ z-index: 1;
+ left: 35px;
+ /* margin-left: -10px; */
+ /* z-index: 1; */
+}
+
+.timeline .timeline-thumb {
+
+ border-radius: 500px;
+ width: 70px !important;
+ z-index: 2;
+ position: absolute;
+ left: 0px;
+ // :root[dir="ltr"]{
+ // left: 37px;
+ // }
+ // :root[dir="rtl"]{
+ // right: 37px;
+ // }
+ float: right;
+ top: 9px;
+}
+
+.timeline .timeline-thumb.timeline-icon {
+ height: 70px;
+ // text-align: center;
+ // color: white;
+ // border: 5px solid #CBD0D3;
+ // transform: scale(0.2);
+}
+
+
+
+.timeline .timeline-item {
+ // width: 40px;
+
+}
+
+.timeline .timeline-stats {
+ position: relative;
+ font-size: 12px;
+ color: var(--darkgray);
+
+}
+
+.empImge {
+ border-radius: 50%;
+ width: 60px;
+ height: 60px;
+ border: #dedede solid 1px;
+
+}
+
+.empImgeRep {
+ border-radius: 50% !important;
+ width: 80px;
+ height: 80px;
+ border: #dedede solid 1px;
+}
+
+.line {
+ padding-bottom: 87px;
+}
+
+.attachLable {
+ position: absolute;
+ top: 0px;
+ z-index: 0;
+ background: #30b8c6;
+ color: #fff;
+ border-radius: 50%;
+ border: 0px;
+ width: 24px;
+ height: 24px;
+ text-align: center;
+ font-size: 5px;
+}
+
+.removeLable {
+ top: 0px;
+ z-index: 0;
+ background: #d8252d;
+ color: #fff;
+ border-radius: 50%;
+ border: 0px;
+ width: 20px;
+ height: 20px;
+ text-align: center;
+ font-size: 5px;
+}
+
+.note-modal {
+ // width: 90%;
+ // height: 50%;
+ // top: 20%;
+ // left: 5%;
+ // right: 5%;
+ // bottom: 5%;
+ background: rgba(0, 0, 0, 0.5) !important;
+ padding: 30% 10% !important;
+ --height: 12cm !important;
+ // --width: 80% !important;
+ --border-radius: 20px;
+
+}
+
+.header-toolbar-new {
+ --background: #004D71;
+}
+
+.confirmEitOkButton {
+ white-space: normal !important;
+ text-transform: capitalize !important;
+ min-height: 45px !important;
+ min-width: 5px !important;
+ margin: 8px !important;
+ --background: #004D71;
+ width: 80% !important;
+ color: white !important;
+ border-radius: 16px !important;
+}
+
+.approvalTitle-ar {
+ font-weight: bold;
+ font-size: 16px;
+ text-align: right;
+
+}
+
+.approvalTitle {
+ font-weight: bold;
+ font-size: 16px;
+ text-align: left;
+}
\ No newline at end of file
diff --git a/Mohem/src/app/absence/home/home.component.html b/Mohem/src/app/absence/home/home.component.html
index 5b60bdc0..4850ad12 100644
--- a/Mohem/src/app/absence/home/home.component.html
+++ b/Mohem/src/app/absence/home/home.component.html
@@ -145,7 +145,7 @@
-
+
@@ -154,7 +154,7 @@
-
+
@@ -163,7 +163,7 @@
-
+
@@ -172,7 +172,7 @@
-
+
@@ -181,7 +181,7 @@
-
+
@@ -190,7 +190,7 @@
-
+
@@ -199,7 +199,7 @@
-
+
@@ -208,7 +208,7 @@
-
+
diff --git a/Mohem/src/app/absence/home/home.component.scss b/Mohem/src/app/absence/home/home.component.scss
index 0e176a32..76f334c6 100644
--- a/Mohem/src/app/absence/home/home.component.scss
+++ b/Mohem/src/app/absence/home/home.component.scss
@@ -1,125 +1,128 @@
-.imgSize{
- position: absolute;
- right: 15px;
- top: 0;
- bottom: 0;
- margin: auto;
- height:20px;
- width:20px;
-}
-
-.addClass{
- background-color: #269DB8;
- width: 80px;
- height: 80px;
- right: 8%;
- position: fixed;
- color: white;
- bottom: 5%;
- border-radius: 50%;
- z-index: 999;
- -webkit-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59);
- -moz-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59);
- box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59);
- }
+.imgSize {
+ position: absolute;
+ right: 15px;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ height: 20px;
+ width: 20px;
+}
- .grids{
- border-radius: 20px !important;
- background: white;
- padding-left: 1px;
- padding-right: 1px;
- margin: 13px;
- padding-top: 0px;
- padding-bottom: 3px;
- padding-left: 13px;
- padding-right: 13px;
- border: 1px solid #cac8c8;
- margin-bottom: 10% !important;
- }
-
- .bgcolor {
-
- color: white;
- border-top-right-radius: 19px;
- border-top-left-radius: 15px;
- padding-top: 1;
- padding-bottom: 0;
- margin-top: 0;
- margin-bottom: 0;
- /* border-radius: 12px !important; */
- background: #269DB8;
- border-bottom: 1px solid #a7a4a4;
- border-top: 1px solid #cac8c8;
- margin-left: -13px;
- margin-right: -13px;
- }
-
-
- .header-div {
- background-color: #269DB8;
- text-transform: capitalize;
- height: 100px;
- }
-
- .header-toolbar-new{
- --background: #269DB8;
- }
-
-
- .hrClass{
- border-width: 0;
- box-sizing: content-box;
- border-bottom: 1px solid #e6e6e6;
- background: #fff !important;
- height: 1px;
- }
+.addClass {
+ background-color: #004D71;
+ width: 80px;
+ height: 80px;
+ right: 8%;
+ position: fixed;
+ color: white;
+ bottom: 5%;
+ border-radius: 50%;
+ z-index: 999;
+ -webkit-box-shadow: 2px -1px 13px 0px rgba(0, 0, 0, 0.59);
+ -moz-box-shadow: 2px -1px 13px 0px rgba(0, 0, 0, 0.59);
+ box-shadow: 2px -1px 13px 0px rgba(0, 0, 0, 0.59);
+}
- //////////////////////////////////////////////down
+.grids {
+ border-radius: 20px !important;
+ background: white;
+ padding-left: 1px;
+ padding-right: 1px;
+ margin: 13px;
+ padding-top: 0px;
+ padding-bottom: 3px;
+ padding-left: 13px;
+ padding-right: 13px;
+ border: 1px solid #cac8c8;
+ margin-bottom: 10% !important;
+}
- .colorBG{
- --background: #f0efef;
- }
+.bgcolor {
+
+ color: white;
+ border-top-right-radius: 19px;
+ border-top-left-radius: 15px;
+ padding-top: 1;
+ padding-bottom: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ /* border-radius: 12px !important; */
+ background: #004D71;
+ border-bottom: 1px solid #a7a4a4;
+ border-top: 1px solid #cac8c8;
+ margin-left: -13px;
+ margin-right: -13px;
+}
+.header-div {
+ background-color: #004D71;
+ text-transform: capitalize;
+ height: 100px;
+}
+.header-toolbar-new {
+ --background: #004D71;
+}
- .Title{
- text-align: center;
- color: white;
- margin-top: -33px;
- font-size: 17px;
- }
- .result-graph{
- font-size: 14px;
- margin-left: -48px;
- margin-right: 3px;
- margin-bottom: -30px;
- }
+.hrClass {
+ border-width: 0;
+ box-sizing: content-box;
+ border-bottom: 1px solid #e6e6e6;
+ background: #fff !important;
+ height: 1px;
+}
- .datetime{
- text-align: center;
- font-family: WorkSans-Bold;
- margin-left: -120px;
- margin-top: -19px;
+//////////////////////////////////////////////down
+
+.colorBG {
+ --background: #f0efef;
+}
+
+
+
+
+.Title {
+ text-align: center;
+ color: white;
+ margin-top: -33px;
+ font-size: 17px;
+}
+
+.result-graph {
+ font-size: 14px;
+ margin-left: -48px;
+ margin-right: 3px;
+ margin-bottom: -30px;
+}
+
+.datetime {
+ text-align: center;
+ font-family: WorkSans-Bold;
+ margin-left: -120px;
+ margin-top: -19px;
+
+}
+
+.datelabel {
+ margin-left: 150px;
+ color: black !important;
+ font-family: WorkSans-Bold;
+}
+
+.iconCalendar {
+ // margin-left: -241px;
+ // margin-top: 5px;
+ margin-left: -12px !important;
+ width: 22% !important;
+ height: 26px !important;
+ margin-top: -50px !important;
+ margin-bottom: 23px !important;
+}
- }
- .datelabel{
- margin-left: 150px;
- color: black !important;
- font-family: WorkSans-Bold;
- }
- .iconCalendar{
- // margin-left: -241px;
- // margin-top: 5px;
- margin-left: -12px !important;
- width: 22% !important;
- height: 26px !important;
- margin-top: -50px !important;
- margin-bottom: 23px !important;
- }
// .today-graph{
-
+
// display: block !important;
// height: 196px;
// width: 385px;
@@ -137,100 +140,104 @@
// margin-bottom: -30px;
// }
- .headerGrid{
- background-color: white !important;
- border: 1px solid #cac8c8 !important;
- border-radius: 20px !important;
- padding-top: 28px;
- padding-bottom: 26px;
- margin-left: 13px;
- margin-right: 13px;
- margin-top: -93px;
- margin-bottom: 10px;
-
- }
- .header{
-
- margin-top: -126px;
- }
- .result-text-container {
- padding: 0;
- margin: 0;
- position: absolute;
- left: 31%;
- top: 23%;
- display: block;
- text-align: center;
- transform: translate(-50%, -50%);
+.headerGrid {
+ background-color: white !important;
+ border: 1px solid #cac8c8 !important;
+ border-radius: 20px !important;
+ padding-top: 28px;
+ padding-bottom: 26px;
+ margin-left: 13px;
+ margin-right: 13px;
+ margin-top: -93px;
+ margin-bottom: 10px;
+
+}
+
+.header {
+
+ margin-top: -126px;
+}
+
+.result-text-container {
+ padding: 0;
+ margin: 0;
+ position: absolute;
+ left: 31%;
+ top: 23%;
+ display: block;
+ text-align: center;
+ transform: translate(-50%, -50%);
- h2 {
+ h2 {
- font-size: 25px;
- font-family: WorkSans-Bold;
- margin: 0 auto;
- // margin-top: 289px;
- line-height: 36px;
+ font-size: 25px;
+ font-family: WorkSans-Bold;
+ margin: 0 auto;
+ // margin-top: 289px;
+ line-height: 36px;
- }
+ }
- span {
+ span {
- width: 125px;
- display: block;
- margin: 0 auto;
- font-size: 12px;
- // margin-top: 289px;
- font-family: workSans-Regular;
- }
+ width: 125px;
+ display: block;
+ margin: 0 auto;
+ font-size: 12px;
+ // margin-top: 289px;
+ font-family: workSans-Regular;
}
-.green-label{
-font-size: 12px;
-margin-top: -13px;
}
-.green-amount{
+.green-label {
+ font-size: 12px;
+ margin-top: -13px;
+}
+
+.green-amount {
font-size: 15px;
font-family: WorkSans-Bold;
margin-top: 0px;
}
-.red-label{
+.red-label {
font-size: 12px;
margin-top: -13px;
- }
-
- .red-amount{
- font-size: 15px;
- font-family: WorkSans-Bold;
- margin-top: 0px;
- }
+}
+
+.red-amount {
+ font-size: 15px;
+ font-family: WorkSans-Bold;
+ margin-top: 0px;
+}
-
- .orng-label{
- font-size: 12px;
- margin-top: -13px;
- }
-
-
- .orng-amount{
- font-size: 15px;
- font-family: WorkSans-Bold;
- margin-top: 0px;
- }
-
- .contentEit:before {
- position: absolute;
+
+.orng-label {
+ font-size: 12px;
+ margin-top: -13px;
+}
+
+
+.orng-amount {
+ font-size: 15px;
+ font-family: WorkSans-Bold;
+ margin-top: 0px;
+}
+
+.contentEit:before {
+ position: absolute;
content: "";
- // background: #269DB8;
+ // background: #004D71;
height: 140px;
width: 100%;
left: 0;
top: 0px;
z-index: 1;
- }
- .div-green{
+}
+
+.div-green {
position: relative;
left: 82%;
bottom: 141px;
@@ -238,9 +245,9 @@ margin-top: -13px;
background-color: #1FA269;
width: 11%;
height: 6px;
- }
+}
- .div-red-ar{
+.div-red-ar {
position: relative;
bottom: 59px;
color: black;
@@ -250,7 +257,8 @@ margin-top: -13px;
height: 6px;
right: 16px;
- }
+}
+
// .div-red-ar{
// position: relative;
// bottom: 131px;
@@ -266,12 +274,12 @@ margin-top: -13px;
// bottom: 146px;
// color: black;
// background-color: #CB3232;
-// // background-color: #269DB8;
+// // background-color: #004D71;
// width: 11%;
// height: 6px;
// }
-
- .div-red{
+
+.div-red {
position: relative;
left: 82%;
bottom: 80px;
@@ -280,8 +288,9 @@ margin-top: -13px;
// background-color: #DDB017;
width: 11%;
height: 6px;
- }
- .div-green-ar{
+}
+
+.div-green-ar {
position: relative;
bottom: 124px;
color: black;
@@ -290,15 +299,16 @@ margin-top: -13px;
width: 11%;
height: 6px;
right: 16px;
- }
-.subTitle{
+}
+
+.subTitle {
margin-top: -10px;
margin-left: 10px;
font-family: WorkSans-Bold;
font-size: 16px;
}
-.subTitle-ar{
+.subTitle-ar {
margin-top: -10px;
margin-right: 10px;
font-family: WorkSans-Bold;
@@ -311,8 +321,8 @@ margin-top: -13px;
height: 102px;
width: 211px;
margin-top: 20px;
-margin-left: -39px;
-max-height: 4cm;
+ margin-left: -39px;
+ max-height: 4cm;
}
.today-graph-ar {
@@ -325,11 +335,12 @@ max-height: 4cm;
margin-right: 105px;
}
-.graph-container{
+.graph-container {
margin-left: 160px;
position: relative;
margin-top: -98px;
}
+
// .label-container{
// position: absolute;
// // width: 20%;
@@ -337,26 +348,31 @@ max-height: 4cm;
// top: 50%;
// margin-top: -27px;
// left: 20px;
-
+
// }
-.green-label-container{
- margin-top: 20px; margin-left: 12px;
-
+.green-label-container {
+ margin-top: 20px;
+ margin-left: 12px;
+
}
-.green-label-container-ar{
- margin-top: 20px; margin-right: 12px;
-
+
+.green-label-container-ar {
+ margin-top: 20px;
+ margin-right: 12px;
+
}
-.black-label-container{
+.black-label-container {
margin-left: 12px;
}
-.black-label-container-ar{
+
+.black-label-container-ar {
margin-right: 12px;
}
-.used-label-container{
+
+.used-label-container {
// border-top: 5px solid #292F42;
// padding: 1px 0px;
// margin: 15px 0px
@@ -367,7 +383,8 @@ max-height: 4cm;
background-color: #b60c0c;
margin-top: 30px;
}
-.current-label-container{
+
+.current-label-container {
width: 12px;
height: 12px;
padding-right: -10px;
@@ -375,51 +392,53 @@ max-height: 4cm;
background-color: black;
margin-top: 21px;
}
-.current-label{
+
+.current-label {
width: 12px;
height: 12px;
padding-right: -10px;
border-radius: 100%;
- background-color: #269DB8;
+ background-color: #004D71;
// margin-top: 30px;
}
-.span-one{
+
+.span-one {
// display: block;
// font-size: 12px;
// color: black;
display: block;
font-size: 12px;
- color: #269DB8;
+ color: #004D71;
margin-left: 6px;
margin-top: -2px;
font-weight: bold;
-
+
}
-.span-one-ar{
+.span-one-ar {
display: block;
font-size: 12px;
- color: #269DB8;
+ color: #004D71;
margin-right: 6px;
margin-top: -2px;
font-weight: bold;
-
+
}
-.span-two{
+.span-two {
// display: block;
// font-size: 22px;
display: block;
font-size: 12px;
- color: #269DB8;
+ color: #004D71;
margin-left: 6px;
margin-top: -2px;
font-weight: bold;
font-family: WorkSans-Bold;
-
+
}
-.black-span1{
+.black-span1 {
// display: block;
// font-size: 12px;
// color: black;
@@ -429,9 +448,10 @@ max-height: 4cm;
margin-left: 6px;
margin-top: 20px;
font-weight: bold;
-
+
}
-.black-span1-ar{
+
+.black-span1-ar {
// display: block;
// font-size: 12px;
// color: black;
@@ -441,9 +461,10 @@ max-height: 4cm;
margin-right: 6px;
margin-top: 20px;
font-weight: bold;
-
+
}
-.black-span2{
+
+.black-span2 {
// display: block;
// font-size: 22px;
display: block;
@@ -453,9 +474,10 @@ max-height: 4cm;
margin-top: 20px;
font-weight: bold;
font-family: WorkSans-Bold;
-
+
}
-.red-span1{
+
+.red-span1 {
// display: block;
// font-size: 12px;
// color: black;
@@ -465,9 +487,10 @@ max-height: 4cm;
margin-left: 6px;
margin-top: 28px;
font-weight: bold;
-
+
}
-.red-span1-ar{
+
+.red-span1-ar {
// display: block;
// font-size: 12px;
// color: black;
@@ -477,9 +500,10 @@ max-height: 4cm;
margin-right: 6px;
margin-top: 28px;
font-weight: bold;
-
+
}
-.red-span2{
+
+.red-span2 {
// display: block;
// font-size: 22px;
display: block;
@@ -489,16 +513,18 @@ max-height: 4cm;
margin-top: 28px;
font-weight: bold;
font-family: WorkSans-Bold;
-
+
}
-.yearLabel{
+
+.yearLabel {
font-size: 13px;
color: gray;
font-family: WorkSans-Bold;
margin-left: 29px;
margin-top: 5px;
}
-.yearLabel-ar{
+
+.yearLabel-ar {
font-size: 13px;
color: gray;
font-family: WorkSans-Bold;
diff --git a/Mohem/src/app/absence/home/home.component.ts b/Mohem/src/app/absence/home/home.component.ts
index f76a31bf..4a3c515a 100644
--- a/Mohem/src/app/absence/home/home.component.ts
+++ b/Mohem/src/app/absence/home/home.component.ts
@@ -118,7 +118,7 @@ export class HomeComponent implements OnInit {
backgroundColor: [
// '#1FA269',
// '#CB3232',],
- '#269DB8',
+ '#004D71',
'#b60c0c',],
borderWidth: 1
}
@@ -276,7 +276,7 @@ export class HomeComponent implements OnInit {
{
data: [this.accrualNet, this.accrualUsed],
backgroundColor: [
- '#269DB8',
+ '#004D71',
'#b60c0c',],
borderWidth: 1
}
diff --git a/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.scss b/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.scss
index 5a81509a..62e3904d 100644
--- a/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.scss
+++ b/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.scss
@@ -1,53 +1,52 @@
-.rowBtn{
+.rowBtn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
-.Header{
+.Header {
color: black !important;
font-size: 25px !important;
- font-weight: bold !important;;
+ font-weight: bold !important;
+ ;
margin: 0;
text-align: center;
margin-bottom: 20px;
}
-.labelRadio{
+.labelRadio {
color: black !important;
font-weight: bold !important;
padding-bottom: 20px;
}
-.labelcheck{
+.labelcheck {
color: red !important;
font-weight: bold !important;
margin-bottom: 10px;
}
-.submitOkButton{
+.submitOkButton {
white-space: normal !important;
text-transform: capitalize !important;
min-height: 45px !important;
min-width: 5px !important;
margin: 8px !important;
- --background:: #269DB8;
+ --background: #004D71;
width: 100% !important;
- color: white!important;
+ color: white !important;
border-radius: 16px !important;
}
-.submitCancelButton{
+
+.submitCancelButton {
white-space: normal !important;
text-transform: capitalize !important;
min-height: 45px !important;
min-width: 5px !important;
margin: 8px !important;
- --background:: #269DB8;
+ --background: #004D71;
width: 100% !important;
- color: white!important;
+ color: white !important;
border-radius: 16px !important;
-}
-
-
-
+}
\ No newline at end of file
diff --git a/Mohem/src/app/absence/submit-absence/submit-absence.component.scss b/Mohem/src/app/absence/submit-absence/submit-absence.component.scss
index 94ac7f71..3a8ed815 100644
--- a/Mohem/src/app/absence/submit-absence/submit-absence.component.scss
+++ b/Mohem/src/app/absence/submit-absence/submit-absence.component.scss
@@ -1,114 +1,114 @@
-.search-button{
- background: transparent;
- font-size: 25px;
- color: #7F8C8D;
+.search-button {
+ background: transparent;
+ font-size: 25px;
+ color: #7F8C8D;
}
-.header-toolbar-new{
- --background: #269DB8;
- }
-
- .confirmEitOkButton{
- white-space: normal !important;
- text-transform: capitalize !important;
- min-height: 45px !important;
- min-width: 5px !important;
- margin: 8px !important;
- --background: #269DB8;
- width: 80% !important;
- color: white!important;
- border-radius: 16px !important;
- }
+.header-toolbar-new {
+ --background: #004D71;
+}
+
+.confirmEitOkButton {
+ white-space: normal !important;
+ text-transform: capitalize !important;
+ min-height: 45px !important;
+ min-width: 5px !important;
+ margin: 8px !important;
+ --background: #004D71;
+ width: 80% !important;
+ color: white !important;
+ border-radius: 16px !important;
+}
- .label-Select{
- color: var(--dark);
- font-size: 15px;
- border: none;
- font-weight: 400;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- width: 80%;
- padding: 1px 0px;
- background-color: var(--light);
- border-bottom: var(--cusgray) solid 1px;
- border-radius: 0px;
- // margin-left: 20px;
- margin-left: 30px;
- // margin-top: -10px;
- // -webkit-appearance: none;
- // -moz-appearance: none;
- text-indent: 1px;
- // text-overflow: '';
- box-shadow: none;
- -webkit-box-shadow:none;
- -moz-box-shadow: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
+.label-Select {
+ color: var(--dark);
+ font-size: 15px;
+ border: none;
+ font-weight: 400;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ width: 80%;
+ padding: 1px 0px;
+ background-color: var(--light);
+ border-bottom: var(--cusgray) solid 1px;
+ border-radius: 0px;
+ // margin-left: 20px;
+ margin-left: 30px;
+ // margin-top: -10px;
+ // -webkit-appearance: none;
+ // -moz-appearance: none;
+ text-indent: 1px;
+ // text-overflow: '';
+ box-shadow: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
- :root[dir="ltr"]{
+ :root[dir="ltr"] {
background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff);
background-position: calc(100% - 14px) calc(1em + 2px), calc(100% - 8px) calc(1em + 2px), 100% 0;
background-size: 6px 6px, 6px 6px, 2.9em 2.9em;
background-repeat: no-repeat;
padding-right: 20px;
- }
- :root[dir="rtl"]{
- background-image: linear-gradient(-135deg, #999 50%, transparent 50%),linear-gradient(-45deg, transparent 50%, #999 50%), linear-gradient(to right, #ffffff, #ffffff);
- background-position: calc(1em - 10px) calc(100% - 8px), calc(1em - 4px) calc(100% - 8px), 0 100%;
- background-size: 6px 6px, 6px 6px, 2.9em 2.9em;
- background-repeat: no-repeat;
- padding-left: 20px;
- }
+ }
+
+ :root[dir="rtl"] {
+ background-image: linear-gradient(-135deg, #999 50%, transparent 50%), linear-gradient(-45deg, transparent 50%, #999 50%), linear-gradient(to right, #ffffff, #ffffff);
+ background-position: calc(1em - 10px) calc(100% - 8px), calc(1em - 4px) calc(100% - 8px), 0 100%;
+ background-size: 6px 6px, 6px 6px, 2.9em 2.9em;
+ background-repeat: no-repeat;
+ padding-left: 20px;
+ }
}
-.label{
- font-size: 16px;
- // margin-left: 15px;
- color: #a2a5a6 !important;
- display: block;
- overflow: hidden;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- /* font-size: inherit; */
- // text-overflow: ellipsis;
- // white-space: nowrap;
- white-space: normal;
- // padding-top: 10px;
- padding: 5px 0px;
- padding-left: 10px !important;
- margin: 10px auto;
- :root[dir="ltr"]{
- font-family: var(--fontFamilySemiBoldEN) !important;
- }
- :root[dir="rtl"]{
- font-family: var(--fontFamilyIOSAR) !important;
- font-weight: bold;
- }
+.label {
+ font-size: 16px;
+ // margin-left: 15px;
+ color: #a2a5a6 !important;
+ display: block;
+ overflow: hidden;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ /* font-size: inherit; */
+ // text-overflow: ellipsis;
+ // white-space: nowrap;
+ white-space: normal;
+ // padding-top: 10px;
+ padding: 5px 0px;
+ padding-left: 10px !important;
+ margin: 10px auto;
+
+ :root[dir="ltr"] {
+ font-family: var(--fontFamilySemiBoldEN) !important;
+ }
+
+ :root[dir="rtl"] {
+ font-family: var(--fontFamilyIOSAR) !important;
+ font-weight: bold;
+ }
}
-.Field-en{
+.Field-en {
border-radius: 30px;
- border: 1px solid #a2a5a6!important;
+ border: 1px solid #a2a5a6 !important;
margin-bottom: 20px;
- padding-left: 20px !important;
+ padding-left: 20px !important;
padding-top: 6px !important;
color: #999999 !important;
}
-.Field-ar{
+.Field-ar {
border-radius: 30px;
- border: 1px solid #a2a5a6!important;
+ border: 1px solid #a2a5a6 !important;
margin-bottom: 20px;
- padding-right: 20px !important;
+ padding-right: 20px !important;
padding-top: 6px !important;
color: #999999 !important;
-}
-
-
-
+}
\ No newline at end of file
diff --git a/Mohem/src/app/absence/view-attachments/view-attachments.component.scss b/Mohem/src/app/absence/view-attachments/view-attachments.component.scss
index 1e941e1b..21bcda4e 100644
--- a/Mohem/src/app/absence/view-attachments/view-attachments.component.scss
+++ b/Mohem/src/app/absence/view-attachments/view-attachments.component.scss
@@ -1,3 +1,3 @@
-.header-toolbar-new{
- --background: #269DB8;
- }
\ No newline at end of file
+.header-toolbar-new {
+ --background: #004D71;
+}
\ No newline at end of file
diff --git a/Mohem/src/app/app.component.html b/Mohem/src/app/app.component.html
index 88a01715..eda3347e 100644
--- a/Mohem/src/app/app.component.html
+++ b/Mohem/src/app/app.component.html
@@ -2,7 +2,7 @@