changed MOE design

MOE_DEV_NEW_TEMPORARY_DESIGN
umasoodch 3 years ago
parent 0623a6c3ea
commit 00a2eb881d

@ -257,7 +257,7 @@ ion-card-content.confirm-details{
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.confirmEitOkButton{ .confirmEitOkButton{
@ -266,7 +266,7 @@ ion-card-content.confirm-details{
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background: #269DB8; --background: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -145,7 +145,7 @@
<div> <div>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','startDate')}} </label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','startDate')}} </label>
<br> <br>
<label class="label" style="color:black;" for=""> {{item.START_DATE}}</label> <label class="label" style="color:black;" for=""> {{item.START_DATE}}</label>
<br> <br>
@ -154,7 +154,7 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','endDate')}}</label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','endDate')}}</label>
<br> <br>
<label class="label" style="color:black;" for=""> {{item.END_DATE}}</label> <label class="label" style="color:black;" for=""> {{item.END_DATE}}</label>
<br> <br>
@ -163,7 +163,7 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','absenceType')}} </label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','absenceType')}} </label>
<br> <br>
<label class="label" style="color:black;" for="">{{item.ABSENCE_TYPE}}</label> <label class="label" style="color:black;" for="">{{item.ABSENCE_TYPE}}</label>
<br> <br>
@ -172,7 +172,7 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','absenceCategory')}}</label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','absenceCategory')}}</label>
<br> <br>
<label class="label" style="color:black;" for="">{{item.ABSENCE_CATEGORY}}</label> <label class="label" style="color:black;" for="">{{item.ABSENCE_CATEGORY}}</label>
<br> <br>
@ -181,7 +181,7 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','days')}}</label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','days')}}</label>
<br> <br>
<label class="label" style="color:black;" for="">{{item.ABSENCE_DAYS}}</label> <label class="label" style="color:black;" for="">{{item.ABSENCE_DAYS}}</label>
<br> <br>
@ -190,7 +190,7 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','hours')}}</label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{ts.trPK('absenceList','hours')}}</label>
<br> <br>
<label class="label" style="color:black;" for="">{{item.ABSENCE_HOURS}}</label> <label class="label" style="color:black;" for="">{{item.ABSENCE_HOURS}}</label>
<br> <br>
@ -199,7 +199,7 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" for="">{{ts.trPK('absenceList','approvalStatus')}}</label> <label style="color:#024d71;font-weight: bold;" for="">{{ts.trPK('absenceList','approvalStatus')}}</label>
<br> <br>
<label class="label" style="color:black;" for="">{{item.APPROVAL_STATUS}}</label> <label class="label" style="color:black;" for="">{{item.APPROVAL_STATUS}}</label>
<br> <br>
@ -208,7 +208,7 @@
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" for="">{{ts.trPK('absenceList','absenceStatus')}}</label> <label style="color:#024d71;font-weight: bold;" for="">{{ts.trPK('absenceList','absenceStatus')}}</label>
<br> <br>
<label class="label" style="color:black;" for="">{{item.ABSENCE_STATUS}}</label> <label class="label" style="color:black;" for="">{{item.ABSENCE_STATUS}}</label>
<br> <br>

@ -9,7 +9,7 @@
} }
.addClass{ .addClass{
background-color: #269DB8; background-color: #024d71;
width: 80px; width: 80px;
height: 80px; height: 80px;
right: 8%; right: 8%;
@ -47,7 +47,7 @@
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
/* border-radius: 12px !important; */ /* border-radius: 12px !important; */
background: #269DB8; background: #024d71;
border-bottom: 1px solid #a7a4a4; border-bottom: 1px solid #a7a4a4;
border-top: 1px solid #cac8c8; border-top: 1px solid #cac8c8;
margin-left: -13px; margin-left: -13px;
@ -56,13 +56,13 @@
.header-div { .header-div {
background-color: #269DB8; background-color: #024d71;
text-transform: capitalize; text-transform: capitalize;
height: 100px; height: 100px;
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
@ -223,7 +223,7 @@ margin-top: -13px;
.contentEit:before { .contentEit:before {
position: absolute; position: absolute;
content: ""; content: "";
// background: #269DB8; // background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -266,7 +266,7 @@ margin-top: -13px;
// bottom: 146px; // bottom: 146px;
// color: black; // color: black;
// background-color: #CB3232; // background-color: #CB3232;
// // background-color: #269DB8; // // background-color: #024d71;
// width: 11%; // width: 11%;
// height: 6px; // height: 6px;
// } // }
@ -380,7 +380,7 @@ max-height: 4cm;
height: 12px; height: 12px;
padding-right: -10px; padding-right: -10px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
// margin-top: 30px; // margin-top: 30px;
} }
.span-one{ .span-one{
@ -389,7 +389,7 @@ max-height: 4cm;
// color: black; // color: black;
display: block; display: block;
font-size: 12px; font-size: 12px;
color: #269DB8; color: #024d71;
margin-left: 6px; margin-left: 6px;
margin-top: -2px; margin-top: -2px;
font-weight: bold; font-weight: bold;
@ -399,7 +399,7 @@ max-height: 4cm;
.span-one-ar{ .span-one-ar{
display: block; display: block;
font-size: 12px; font-size: 12px;
color: #269DB8; color: #024d71;
margin-right: 6px; margin-right: 6px;
margin-top: -2px; margin-top: -2px;
font-weight: bold; font-weight: bold;
@ -411,7 +411,7 @@ max-height: 4cm;
// font-size: 22px; // font-size: 22px;
display: block; display: block;
font-size: 12px; font-size: 12px;
color: #269DB8; color: #024d71;
margin-left: 6px; margin-left: 6px;
margin-top: -2px; margin-top: -2px;
font-weight: bold; font-weight: bold;

@ -118,7 +118,7 @@ export class HomeComponent implements OnInit {
backgroundColor: [ backgroundColor: [
// '#1FA269', // '#1FA269',
// '#CB3232',], // '#CB3232',],
'#269DB8', '#024d71',
'#b60c0c',], '#b60c0c',],
borderWidth: 1 borderWidth: 1
} }
@ -276,7 +276,7 @@ export class HomeComponent implements OnInit {
{ {
data: [this.accrualNet, this.accrualUsed], data: [this.accrualNet, this.accrualUsed],
backgroundColor: [ backgroundColor: [
'#269DB8', '#024d71',
'#b60c0c',], '#b60c0c',],
borderWidth: 1 borderWidth: 1
} }

@ -32,7 +32,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background:: #269DB8; --background:: #024d71;
width: 100% !important; width: 100% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;
@ -43,7 +43,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background:: #269DB8; --background:: #024d71;
width: 100% !important; width: 100% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -5,7 +5,7 @@
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.confirmEitOkButton{ .confirmEitOkButton{
@ -14,7 +14,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background: #269DB8; --background: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -1,3 +1,3 @@
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }

@ -114,8 +114,9 @@
</ion-list> </ion-list>
<div class="" style="text-align:center"> <div class="" style="text-align:center">
<img src="{{companyUrl}}" class="CompanyImg logoImg"> <!-- <img src="{{companyUrl}}" class="CompanyImg logoImg"> -->
<!-- <p class="companyTxt">{{companyDesc}}</p> --> <img src="../assets/icon/new-design/moe-logo.png" class="CompanyImg logoImg">
</div> </div>
<div class="menuFooter" > <div class="menuFooter" >
<div> <img src="../assets/imgs/CSLogo.png" class="CompanyImg" ></div> <div> <img src="../assets/imgs/CSLogo.png" class="CompanyImg" ></div>
@ -258,7 +259,8 @@
</ion-list> </ion-list>
<div class="" style="text-align:center"> <div class="" style="text-align:center">
<img src="{{companyUrl}}" class="CompanyImg" [ngClass]="TeamFlag!='true'? 'logoImg':'logoImgWithMyTeam'"> <!-- <img src="{{companyUrl}}" class="CompanyImg" [ngClass]="TeamFlag!='true'? 'logoImg':'logoImgWithMyTeam'"> -->
<img src="../assets/icon/new-design/moe-logo.png" class="CompanyImg" [ngClass]="TeamFlag!='true'? 'logoImg':'logoImgWithMyTeam'">
<!-- <p class="companyTxt">{{companyDesc}}</p> --> <!-- <p class="companyTxt">{{companyDesc}}</p> -->
</div> </div>
<div class="menuFooter"> <div class="menuFooter">

@ -77,7 +77,7 @@ header
.logout { .logout {
background-color: #269DB8; background-color: #024d71;
border: none; border: none;
color: white; color: white;
// padding: 20px; // padding: 20px;
@ -96,7 +96,7 @@ header
} }
.logout-ar { .logout-ar {
background-color: #269DB8; background-color: #024d71;
border: none; border: none;
color: white; color: white;
text-align: center; text-align: center;
@ -341,17 +341,13 @@ button.menu-item.item.item-block.item-ios {
// } // }
.logoImgWithMyTeam { .logoImgWithMyTeam {
width: 77px;
// position: relative;
margin-top: -1px;
margin-bottom: 70px; margin-bottom: 70px;
width: 250px;
} }
.logoImg { .logoImg {
width: 77px;
// position: relative;
margin-top: -1px;
margin-bottom: 180px; margin-bottom: 180px;
width: 250px;
} }
.companyTxt { .companyTxt {

@ -44,14 +44,14 @@
left: 79%; left: 79%;
bottom: 35px; bottom: 35px;
color: black; color: black;
background-color: #269DB8; background-color: #024d71;
width: 20%; height: 6px;"> width: 20%; height: 6px;">
</div> </div>
<div style="position: relative; <div style="position: relative;
left: 79%; left: 79%;
bottom: 20px; bottom: 20px;
color: black; color: black;
background-color: #269DB8; background-color: #024d71;
width: 20%; height: 6px;"> width: 20%; height: 6px;">
</div> </div>

@ -2,7 +2,7 @@
--background: #f0efef; --background: #f0efef;
} }
.header-div { .header-div {
background: #269DB8; background: #024d71;
color: var(--light); color: var(--light);
text-transform: capitalize; text-transform: capitalize;
display: block; display: block;
@ -24,7 +24,7 @@
.navbar{ .navbar{
font-size: 10px !important; font-size: 10px !important;
--background: #269DB8 !important; --background: #024d71 !important;
color: aliceblue !important; color: aliceblue !important;
// margin-top: 10px !important; // margin-top: 10px !important;
@ -34,7 +34,7 @@
// margin-left:330px !important; // margin-left:330px !important;
margin-top: 0px !important; margin-top: 0px !important;
font-size: 35px !important; font-size: 35px !important;
background: #269DB8; background: #024d71;
color: aliceblue; color: aliceblue;
margin-left: 0px !important; margin-left: 0px !important;
@ -45,7 +45,7 @@
margin-left:100px !important; margin-left:100px !important;
margin-top: 0px !important; margin-top: 0px !important;
font-size: 23px !important; font-size: 23px !important;
background: #269DB8 !important; background: #024d71 !important;
color: aliceblue !important; color: aliceblue !important;
} }
@ -139,7 +139,7 @@ height: 250px !important;
background:var(--primary); background:var(--primary);
background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
background: -webkit-linear-gradient(45deg, (--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); background: -webkit-linear-gradient(45deg, (--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
background: #269DB8; background: #024d71;
// background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%); // background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%);
color:var(--light); color:var(--light);
text-transform: capitalize; text-transform: capitalize;

@ -50,9 +50,9 @@ public data = {
backgroundColor: [ backgroundColor: [
'#269DB8', '#024d71',
'#269DB8', '#024d71',
], ],
borderWidth: 2 borderWidth: 2

@ -170,7 +170,7 @@ img.centerDiv {
} }
.first-circle { .first-circle {
background: var(--newgreen) !important; background: #024d71 !important;
border-radius: 50%; border-radius: 50%;
height: 292px; height: 292px;
width: 288px; width: 288px;
@ -182,7 +182,7 @@ img.centerDiv {
.middle-circle { .middle-circle {
position: relative; position: relative;
background: #1a586d !important; background: #387c84 !important;
border-radius: 50%; border-radius: 50%;
height: 160px; height: 160px;
width: 170px; width: 170px;
@ -191,7 +191,7 @@ img.centerDiv {
.last-circle { .last-circle {
position: inherit; position: inherit;
background: #65C399 !important; background: #15b6df !important;
border-radius: 50%; border-radius: 50%;
height: 166px; height: 166px;
width: 140px; width: 140px;

@ -25,7 +25,7 @@
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.addEitOkButton{ .addEitOkButton{
white-space: normal !important; white-space: normal !important;
@ -33,7 +33,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #024d71;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -25,7 +25,7 @@ ion-label {
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.addEitOkButton{ .addEitOkButton{
white-space: normal !important; white-space: normal !important;
@ -33,7 +33,7 @@ ion-label {
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -63,7 +63,7 @@
<!-- <ion-footer style="background: #f5f5f5 !important;"> <!-- <ion-footer style="background: #f5f5f5 !important;">
<div class="centerDiv" (click)="gotoTransactionsPage()"> <div class="centerDiv" (click)="gotoTransactionsPage()">
<ion-button ion-button style="background: #269db8 !important; --background: #269db8"> <ion-button ion-button style="background: #024d71 !important; --background: #024d71">
{{'vacation-rule, next-label' | translate}}</ion-button> {{'vacation-rule, next-label' | translate}}</ion-button>
</div> </div>
</ion-footer> --> </ion-footer> -->

@ -22,7 +22,7 @@
<div *ngFor="let item of EITTransactionList.Collection_Transaction"> <div *ngFor="let item of EITTransactionList.Collection_Transaction">
<ion-row *ngIf="item.DISPLAY_FLAG != 'N' " class=""> <ion-row *ngIf="item.DISPLAY_FLAG != 'N' " class="">
<ion-col class="" *ngIf="item.SEGMENT_PROMPT!=''"> <ion-col class="" *ngIf="item.SEGMENT_PROMPT!=''">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{item.SEGMENT_PROMPT}} </label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{item.SEGMENT_PROMPT}} </label>
<br> <br>
<label class="label" style="color:black;" for="">{{item.SEGMENT_VALUE_DSP}} </label> <label class="label" style="color:black;" for="">{{item.SEGMENT_VALUE_DSP}} </label>
<br> <br>

@ -47,7 +47,7 @@
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
/* border-radius: 12px !important; */ /* border-radius: 12px !important; */
background: #269DB8; background: #024d71;
border-bottom: 1px solid #a7a4a4; border-bottom: 1px solid #a7a4a4;
border-top: 1px solid #cac8c8; border-top: 1px solid #cac8c8;
margin-left: -13px; margin-left: -13px;
@ -64,7 +64,7 @@
.header-div { .header-div {
background-color: #269DB8; background-color: #024d71;
text-transform: capitalize; text-transform: capitalize;
height: 160px; height: 160px;
// position: relative; // position: relative;
@ -73,11 +73,11 @@
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.addClass{ .addClass{
background-color: #269DB8; background-color: #024d71;
width: 80px; width: 80px;
height: 80px; height: 80px;
right: 8%; right: 8%;
@ -94,7 +94,7 @@
.contentEit:before { .contentEit:before {
position: absolute; position: absolute;
content: ""; content: "";
// background: #269DB8; // background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -114,7 +114,7 @@
.content:before { .content:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -205,7 +205,7 @@
} }
.blue-dote{ .blue-dote{
background-color: #269DB8; background-color: #024d71;
width: 12px; width: 12px;
height: 12px; height: 12px;
border-radius: 50% !important; border-radius: 50% !important;
@ -278,7 +278,7 @@
} }
.child-dote{ .child-dote{
background-color: #269DB8; background-color: #024d71;
width: 15px; width: 15px;
height: 15px; height: 15px;
border-radius: 50% !important; border-radius: 50% !important;
@ -287,7 +287,7 @@
margin-right: 5px; margin-right: 5px;
} }
.child-dote-ar{ .child-dote-ar{
background-color: #269DB8; background-color: #024d71;
width: 15px; width: 15px;
height: 15px; height: 15px;
border-radius: 50% !important; border-radius: 50% !important;
@ -321,7 +321,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #024d71;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -227,7 +227,7 @@
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.title{ .title{
margin-top: -37px; margin-top: -37px;
@ -243,7 +243,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -227,7 +227,7 @@
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.title{ .title{
margin-top: -37px; margin-top: -37px;
@ -243,7 +243,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -223,7 +223,7 @@
<ion-row *ngIf="item.DISPLAY_FLAG != 'N' " class=""> <ion-row *ngIf="item.DISPLAY_FLAG != 'N' " class="">
<ion-col class="" *ngIf="item.SEGMENT_PROMPT!=''"> <ion-col class="" *ngIf="item.SEGMENT_PROMPT!=''">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{item.SEGMENT_PROMPT}} </label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{item.SEGMENT_PROMPT}} </label>
<br> <br>
<label class="label" style="color:black;" for="">{{item.SEGMENT_VALUE_DSP}} </label> <label class="label" style="color:black;" for="">{{item.SEGMENT_VALUE_DSP}} </label>
<br> <br>

@ -52,7 +52,7 @@ h4 {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
/* border-radius: 12px !important; */ /* border-radius: 12px !important; */
background: #269DB8; background: #024d71;
border-bottom: 1px solid #a7a4a4; border-bottom: 1px solid #a7a4a4;
border-top: 1px solid #cac8c8; border-top: 1px solid #cac8c8;
margin-left: -13px; margin-left: -13px;
@ -69,7 +69,7 @@ h4 {
.header-div { .header-div {
background-color: #269DB8; background-color: #024d71;
text-transform: capitalize; text-transform: capitalize;
height: 160px; height: 160px;
// position: relative; // position: relative;
@ -78,11 +78,11 @@ h4 {
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.addClass{ .addClass{
background-color: #269DB8; background-color: #024d71;
width: 80px; width: 80px;
height: 80px; height: 80px;
right: 8%; right: 8%;
@ -99,7 +99,7 @@ h4 {
.contentEit:before { .contentEit:before {
position: absolute; position: absolute;
content: ""; content: "";
// background: #269DB8; // background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -119,7 +119,7 @@ z-index: 1;
.content:before { .content:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -221,7 +221,7 @@ z-index: 1;
} }
.blue-dote{ .blue-dote{
background-color: #269DB8; background-color: #024d71;
width: 12px; width: 12px;
height: 12px; height: 12px;
border-radius: 50% !important; border-radius: 50% !important;
@ -294,7 +294,7 @@ z-index: 1;
} }
.child-dote{ .child-dote{
background-color: #269DB8; background-color: #024d71;
width: 15px; width: 15px;
height: 15px; height: 15px;
border-radius: 50% !important; border-radius: 50% !important;
@ -303,7 +303,7 @@ z-index: 1;
margin-right: 5px; margin-right: 5px;
} }
.child-dote-ar{ .child-dote-ar{
background-color: #269DB8; background-color: #024d71;
width: 15px; width: 15px;
height: 15px; height: 15px;
border-radius: 50% !important; border-radius: 50% !important;

@ -100,7 +100,7 @@ export class EitListComponent implements OnInit {
{ data: [this.accrualNetInfants, this.accrualUNetChild, this.accrualNetAdult], { data: [this.accrualNetInfants, this.accrualUNetChild, this.accrualNetAdult],
backgroundColor: [ backgroundColor: [
'#1FA269', '#1FA269',
'#269DB8', '#024d71',
'#3CB9D5', ], '#3CB9D5', ],
borderWidth: 2 borderWidth: 2
} }

@ -29,7 +29,7 @@
<div *ngFor="let notificationBody of item.Collection_Notification "> <div *ngFor="let notificationBody of item.Collection_Notification ">
<ion-row *ngIf=" notificationBody.DISPLAY_FLAG != 'N' "> <ion-row *ngIf=" notificationBody.DISPLAY_FLAG != 'N' ">
<ion-col class="colBold"> <ion-col class="colBold">
<label style="color:#269DB8;font-weight: bold;" class="label" for="">{{notificationBody.SEGMENT_PROMPT}}</label> <label style="color:#024d71;font-weight: bold;" class="label" for="">{{notificationBody.SEGMENT_PROMPT}}</label>
<!-- </ion-col> <!-- </ion-col>
<ion-col class="colBold"> --> <ion-col class="colBold"> -->
<br> <br>

@ -4,7 +4,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #024d71;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -13,7 +13,7 @@ ion-item.custCollabs.item.item-block.item-ios {
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
ion-item.item.item-block { ion-item.item.item-block {

@ -32,7 +32,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background:: #269DB8; --background:: #024d71;
width: 100% !important; width: 100% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;
@ -43,7 +43,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background:: #269DB8; --background:: #024d71;
width: 100% !important; width: 100% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -33,6 +33,9 @@ export class ConnectorService {
public static host = 'http://riyt-mohemm1.mopm.gov.sa:1010/' // MOE vpn public static host = 'http://riyt-mohemm1.mopm.gov.sa:1010/' // MOE vpn
// public static host = 'http://mohemm-app-test.srca.org.sa:1010/' // SRCA // public static host = 'http://mohemm-app-test.srca.org.sa:1010/' // SRCA
// public static host = 'http://10.254.212.41:1010/' // public static host = 'http://10.254.212.41:1010/'
// public static host = 'http://riyz-mohemm1.mopm.gov.sa:1010/'
// public static host = 'https://erpuat.sfh.med.sa/' // MOE vpn

@ -2,5 +2,5 @@
<div class="main-container" [ngStyle]="active === true ? {'color': color} : {}"> <div class="main-container" [ngStyle]="active === true ? {'color': color} : {}">
<div class="main-container-radius" [ngStyle]="active === true ? {'color': '#ffffff'} : {'color': color}"></div> <div class="main-container-radius" [ngStyle]="active === true ? {'color': '#ffffff'} : {'color': color}"></div>
<span class="text-span" [ngStyle]="active === true ? {'color': '#269DB8'} : {}">{{text}}</span> <span class="text-span" [ngStyle]="active === true ? {'color': '#024d71'} : {}">{{text}}</span>
</div> </div>

@ -8,14 +8,14 @@
.navbar{ .navbar{
font-size: 10px !important; font-size: 10px !important;
--background: #269DB8 !important; --background: #024d71 !important;
color: aliceblue !important; color: aliceblue !important;
} }
.menu { .menu {
margin-top: 0px !important; margin-top: 0px !important;
font-size: 35px !important; font-size: 35px !important;
background: #269DB8; background: #024d71;
color: aliceblue; color: aliceblue;
margin-left: 0px !important; margin-left: 0px !important;
@ -25,7 +25,7 @@
margin-left:100px !important; margin-left:100px !important;
margin-top: 0px !important; margin-top: 0px !important;
font-size: 23px !important; font-size: 23px !important;
background: #269DB8 !important; background: #024d71 !important;
color: aliceblue !important; color: aliceblue !important;
} }
@ -92,7 +92,7 @@
background:var(--primary); background:var(--primary);
background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
background: -webkit-linear-gradient(45deg, (--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); background: -webkit-linear-gradient(45deg, (--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
background: #269DB8; background: #024d71;
// background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%); // background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%);
color:var(--light); color:var(--light);
text-transform: capitalize; text-transform: capitalize;

@ -191,7 +191,7 @@ height: 360px !important;
.p5{ .p5{
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
background-color: #269DB8; background-color: #024d71;
color: white; color: white;
margin-top: -13px; margin-top: -13px;
margin-bottom: -3px; margin-bottom: -3px;

@ -94,7 +94,7 @@ export class DateInfoModalComponent implements OnInit {
{ {
data: [this.percChart], data: [this.percChart],
backgroundColor: [ backgroundColor: [
'#269DB8' '#024d71'
], ],
borderWidth: 2 borderWidth: 2
}] }]

@ -10,8 +10,8 @@
.btnImge{ .btnImge{
// button{ // button{
border-color:transparent !important; border-color:transparent !important;
--background: #269DB8 !important; --background: #024d71 !important;
background: #269DB8 !important; background: #024d71 !important;
height: 57px !important; height: 57px !important;
width: 60px !important; width: 60px !important;
@ -21,7 +21,7 @@
} }
//test //test
.changeIcon{ .changeIcon{
background: #269DB8 !important; background: #024d71 !important;
border-radius: 50% !important; border-radius: 50% !important;
width: 73px; width: 73px;
height: 55px; height: 55px;

@ -22,7 +22,7 @@
line-height: 46px; line-height: 46px;
} }
.header-toolbar-new { .header-toolbar-new {
--background: #269DB8; --background: #024d71;
} }
.setting-conatainer{ .setting-conatainer{
height: 40px !important; height: 40px !important;

@ -4,6 +4,6 @@
ion-menu-button { ion-menu-button {
font-size: 0.8cm; font-size: 0.8cm;
color: white; color: white;
background: #269DB8; background: #024d71;
margin: 0 auto; margin: 0 auto;
} }

@ -16,7 +16,7 @@
position: static; position: static;
} }
.iconBox img{ .iconBox img{
margin: 0px auto 10px; margin: 0px auto 10px !important;
display: block; display: block;
width: 35px; width: 35px;
// max-width: 35%; // max-width: 35%;

@ -6,7 +6,7 @@
<ion-icon class="iconFab" name="finger-print"></ion-icon> <ion-icon class="iconFab" name="finger-print"></ion-icon>
</div> </div>
<div class="titleBox" [ngStyle]="link === '0' ? {'margin-left': '5px'} : {}"> <div class="titleBox" [ngStyle]="link === '0' ? {'margin-left': '5px'} : {}">
<span>{{statsValue}}</span> <span [ngStyle]="link === '4' ? {'visibility': 'hidden'} : {}">{{statsValue}}</span>
<p class="pClass" [ngStyle]="link === '0' ? {'width': '105%', 'margin-top': '12px'} : {}">{{returnTitle(title)}}</p> <p class="pClass" [ngStyle]="link === '0' ? {'width': '105%', 'margin-top': '12px'} : {}">{{returnTitle(title)}}</p>
</div> </div>
</div> </div>

@ -4,7 +4,7 @@ ion-row {
} }
.header-toolbar-new { .header-toolbar-new {
--background: #269DB8; --background: #024d71;
} }
.profile-image-container { .profile-image-container {
@ -56,7 +56,7 @@ ion-label {
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 100px; height: 100px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -72,36 +72,32 @@ ion-label {
padding-bottom: 130px; padding-bottom: 130px;
} }
.attendance-module { .attendance-module{
border-radius: 20px; border-radius: 20px;
background-color: #292F42; background-color: #387c84;
padding: 10px; padding: 10px;
color: white; color: white;
width: 100%; width: 100%;
margin-top: 25px; margin-top: 25px;
margin-bottom: 0px; margin-bottom: 0px;
h3{
h3 {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin: 0; margin: 0;
} }
span{
span {
font-size: 13px; font-size: 13px;
display: block; display: block;
} }
img{
img {
display: block; display: block;
margin: 10px auto; margin: 10px auto;
width: 80%; width: 80%;
} }
ion-button{
ion-button {
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
background: #269db8; background: rgba(0,0,0,.3);
--background: transparent; --background: transparent;
--box-shadow: none !important; --box-shadow: none !important;
height: auto; height: auto;
@ -149,7 +145,7 @@ ion-label {
// z-index: 2; // z-index: 2;
// height: 112px; // height: 112px;
// width: 112px; // width: 112px;
// background-color: #269DB8; // background-color: #024d71;
// border-radius: 50%; // border-radius: 50%;
// display: inline-block; // display: inline-block;
// img { // img {

@ -98,14 +98,14 @@ export class HomePage implements OnInit {
icon: 'assets/icon/new-design/leave_balance.png', icon: 'assets/icon/new-design/leave_balance.png',
link: '3', link: '3',
show: true, show: true,
},
{
title: this.ts.trPK('absenceList', 'my-request'),
statsValue: 0,
icon: 'assets/icon/new-design/ticket_balance.png',
link: '4',
show: true
} }
// {
// title: this.ts.trPK('absenceList', 'tickets-balance'),
// statsValue: 0,
// icon: 'assets/icon/new-design/ticket_balance.png',
// link: '4',
// show: this.isShow
// }
]; ];
public slideOptsOne = {}; public slideOptsOne = {};
@ -309,7 +309,7 @@ export class HomePage implements OnInit {
if (servicePrivilage.Previlege === false) { if (servicePrivilage.Previlege === false) {
if (servicePrivilage.ServiceName === 'accrualBalance') { if (servicePrivilage.ServiceName === 'accrualBalance') {
this.statsButtons[3].show = false; this.statsButtons[3].show = false;
this.statsButtons[4].show = false; // this.statsButtons[4].show = false;
} }
if (servicePrivilage.ServiceName === 'vacationRule') { if (servicePrivilage.ServiceName === 'vacationRule') {
this.showVcationRule = false; this.showVcationRule = false;
@ -867,7 +867,12 @@ export class HomePage implements OnInit {
this.openPage(this.leaveRequestObject); this.openPage(this.leaveRequestObject);
// tslint:disable-next-line: triple-equals // tslint:disable-next-line: triple-equals
} else if (link == '4') { } else if (link == '4') {
this.openPage(this.ticketRequestObject); // this.openPage(this.ticketRequestObject);
this.common.openConcurrentTransactionsHome();
// if (this.menuList) {
// }
} }
} }

@ -1,7 +1,7 @@
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.contentBg{ .contentBg{
@ -11,7 +11,7 @@
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -137,7 +137,7 @@
} }
.sendCodeBtn{ .sendCodeBtn{
--background: #269DB8; --background: #024d71;
color: white; color: white;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
@ -197,7 +197,7 @@ ion-input {
} }
.sendVerifyBtn{ .sendVerifyBtn{
--background: #269DB8; --background: #024d71;
color: white; color: white;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;

@ -1,7 +1,7 @@
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
ion-content { ion-content {
--ion-background-color: whitesmoke; --ion-background-color: whitesmoke;
@ -13,7 +13,7 @@
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -257,7 +257,7 @@
} }
.sendCodeBtn{ .sendCodeBtn{
--background: #269DB8; --background: #024d71;
color: white; color: white;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
@ -317,7 +317,7 @@ ion-input {
} }
.sendVerifyBtn{ .sendVerifyBtn{
--background: #269DB8; --background: #024d71;
color: white; color: white;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;

@ -4,7 +4,7 @@
} }
.sendCodeBtn{ .sendCodeBtn{
--background: #269DB8; --background: #024d71;
color: white; color: white;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
@ -205,7 +205,7 @@
border-radius: 50%; border-radius: 50%;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-color: #269db8; background-color: #024d71;
top: 1px; top: 1px;
} }
@ -228,7 +228,7 @@
border-radius: 50%; border-radius: 50%;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-color: #269db8; background-color: #024d71;
top: 1px; top: 1px;
} }
@ -371,7 +371,7 @@
// font-weight: 600; // font-weight: 600;
line-height: 16px; line-height: 16px;
font-size: 10px; font-size: 10px;
color: #269db8; color: #024d71;
} }
.postedDate{ .postedDate{
text-align: left !important; text-align: left !important;

@ -20,7 +20,7 @@ ion-title{
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -111,7 +111,7 @@ ion-title{
border-radius: $actionBtnSize; border-radius: $actionBtnSize;
margin: 0 auto; margin: 0 auto;
display: block; display: block;
background-color: #269DB8; background-color: #024d71;
line-height: $actionBtnSize; line-height: $actionBtnSize;
margin-bottom: 3px; margin-bottom: 3px;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilyPoppins-SemiBold, inherit);
@ -180,15 +180,15 @@ ion-title{
border-radius: 50% !important; border-radius: 50% !important;
// margin-right: 22px; // margin-right: 22px;
// margin-left: 22px; // margin-left: 22px;
margin-left: 19px; margin-left: 30px;
background-color: #269DB8; background-color: #024d71;
display: flex; display: flex;
} }
} }
@media screen and (min-width: 768px) and (max-width:1024px){ @media screen and (min-width: 768px) and (max-width:1024px){
.active-Segment{ .active-Segment{
background: #269DB8 !important; background: #024d71 !important;
// padding-left: 17px; // padding-left: 17px;
// display: flex; // display: flex;
width: 11%; width: 11%;
@ -217,7 +217,7 @@ ion-title{
border-radius: 50% !important; border-radius: 50% !important;
// margin-right: 22px; // margin-right: 22px;
// margin-left: 22px; // margin-left: 22px;
margin-left: 15px; margin-left: 30px;
background: #414040 !important; background: #414040 !important;
display: flex; display: flex;
@ -285,7 +285,7 @@ ion-title{
} }
.search-dropdown{ .search-dropdown{
background: #269DB8; background: #024d71;
ion-select { ion-select {
.select-text{ .select-text{
margin-left: -10px; margin-left: -10px;
@ -347,7 +347,7 @@ ion-title{
.activeArrow{ .activeArrow{
height: 20px; height: 20px;
width: 20px; width: 20px;
color: #269DB8; color: #024d71;
} }
.disabledArrow{ .disabledArrow{
height: 20px; height: 20px;
@ -358,7 +358,7 @@ ion-title{
.activeArrow-ar{ .activeArrow-ar{
height: 20px; height: 20px;
width: 20px; width: 20px;
color: #269DB8; color: #024d71;
margin-right: 275px; margin-right: 275px;
} }
.disabledArrow-ar{ .disabledArrow-ar{
@ -603,14 +603,14 @@ ion-title{
} }
.green-label-container{ .green-label-container{
// border-top: 5px solid #269DB8; // border-top: 5px solid #024d71;
// padding: 1px 0px; // padding: 1px 0px;
// margin: 15px 0px // margin: 15px 0px
width: 12px; width: 12px;
height: 12px; height: 12px;
padding-right: -10px; padding-right: -10px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
} }
@ -807,7 +807,7 @@ ion-title{
width: 22px; width: 22px;
height: 20px; height: 20px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
padding-left: 4px; padding-left: 4px;
@ -817,7 +817,7 @@ ion-title{
width: 22px; width: 22px;
height: 20px; height: 20px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
padding-right: 4px; padding-right: 4px;
@ -977,7 +977,7 @@ opacity: 1;
width: 23px; width: 23px;
height: 23px; height: 23px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */ /* padding-left: 4px; */
@ -995,7 +995,7 @@ opacity: 1;
width: 23px; width: 23px;
height: 23px; height: 23px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */ /* padding-left: 4px; */

@ -449,7 +449,7 @@ export class DetailsComponent implements OnInit {
data: [this.absentDays, this.attendedDays], data: [this.absentDays, this.attendedDays],
backgroundColor: [ backgroundColor: [
'black', 'black',
'#269DB8' '#024d71'
], ],
borderWidth: 1, borderWidth: 1,
// cutoutPrecentage:20 , // cutoutPrecentage:20 ,

@ -23,7 +23,7 @@ ion-title{
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -125,7 +125,7 @@ ion-content {
} }
} }
.search-dropdown{ .search-dropdown{
background: #269DB8; background: #024d71;
ion-select { ion-select {
.select-text{ .select-text{
margin-left: -10px; margin-left: -10px;
@ -289,7 +289,7 @@ ion-content {
// height: 21px; // height: 21px;
// padding-right: -10px; // padding-right: -10px;
// border-radius: 100%; // border-radius: 100%;
// background-color: #269DB8; // background-color: #024d71;
// z-index: 9; // z-index: 9;
// margin-top: 26px; // margin-top: 26px;
// } // }
@ -305,7 +305,7 @@ ion-content {
width: 22px; width: 22px;
height: 20px; height: 20px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
padding-left: 4px; padding-left: 4px;
@ -314,7 +314,7 @@ ion-content {
width: 22px; width: 22px;
height: 20px; height: 20px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
padding-right: 4px; padding-right: 4px;
@ -329,7 +329,7 @@ ion-content {
width: 23px; width: 23px;
height: 23px; height: 23px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */ /* padding-left: 4px; */
@ -346,7 +346,7 @@ ion-content {
width: 23px; width: 23px;
height: 23px; height: 23px;
border-radius: 100%; border-radius: 100%;
background-color: #269DB8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */ /* padding-left: 4px; */

@ -44,7 +44,7 @@ export class HomeComponent implements OnInit {
{ {
data: [100], data: [100],
backgroundColor: [ backgroundColor: [
'#269DB8' '#024d71'
], ],
borderWidth: 5 borderWidth: 5
}] }]
@ -111,7 +111,7 @@ export class HomeComponent implements OnInit {
} }
toggleColor() { toggleColor() {
this.myColor = 'secondary'; this.myColor = 'secondary';
// this.myColor = '#269DB8' // this.myColor = '#024d71'
} }
// activeFilter(index: number) { // activeFilter(index: number) {

@ -4,7 +4,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background: #269DB8; --background: #024d71;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -270,7 +270,7 @@ ion-title {
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -423,7 +423,7 @@ ion-content {
border-radius: 50%; border-radius: 50%;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-color: #269db8; background-color: #024d71;
top: 1px; top: 1px;
} }
@ -498,7 +498,7 @@ ion-content {
.text-span-active { .text-span-active {
font-size: 12px; font-size: 12px;
color: white; color: white;
background-color: #269DB8; background-color: #024d71;
width: auto; width: auto;
height: 40px; height: 40px;
border: 1px solid; border: 1px solid;

@ -1,3 +1,3 @@
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }

@ -154,7 +154,7 @@
<ion-col size='3'> <ion-col size='3'>
<button [disabled]='searchKey == undefined || 1 > searchKey.length' (click)='onChangeInput()' <button [disabled]='searchKey == undefined || 1 > searchKey.length' (click)='onChangeInput()'
style="--background: white; background: transparent; margin-top: 4px; --background-hover: transparent !important;"> style="--background: white; background: transparent; margin-top: 4px; --background-hover: transparent !important;">
<ion-label><p style="color: #269db8;">{{"general, search" | translate}}</p></ion-label> <ion-label><p style="color: #024d71;">{{"general, search" | translate}}</p></ion-label>
</button> </button>
</ion-col> </ion-col>
</ion-row> </ion-row>

@ -9,7 +9,7 @@
} }
ion-radio { ion-radio {
--color-checked: #269db8; --color-checked: #024d71;
} }
.center { .center {
@ -247,7 +247,7 @@ button.item-button.button.button-md.button-clear.button-clear-md {
} }
ion-radio { ion-radio {
--color-checked: #269db8; --color-checked: #024d71;
} }
.center { .center {
@ -313,7 +313,7 @@ ion-radio {
} }
.isFavLetterActive { .isFavLetterActive {
color: #269db8; color: #024d71;
display: block; display: block;
width: 60%; width: 60%;
float: right; float: right;
@ -328,7 +328,7 @@ ion-radio {
.searchText { .searchText {
background: transparent; background: transparent;
color: #269db8; color: #024d71;
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
} }

@ -73,7 +73,7 @@
</ion-col> </ion-col>
<ion-col size='3'> <ion-col size='3'>
<button [disabled]='inputSearch == undefined || inputSearch.length < 1' (click)='onChangeInput()' style="--background: white;background: transparent;--background-hover: transparent !important; margin-top: 4px;"> <button [disabled]='inputSearch == undefined || inputSearch.length < 1' (click)='onChangeInput()' style="--background: white;background: transparent;--background-hover: transparent !important; margin-top: 4px;">
<ion-label><p style="color: #269db8;">{{"general, search" | translate}}</p></ion-label> <ion-label><p style="color: #024d71;">{{"general, search" | translate}}</p></ion-label>
</button> </button>
</ion-col> </ion-col>
</ion-row> </ion-row>

@ -160,7 +160,7 @@ button.item-button.button.button-md.button-clear.button-clear-md {
} }
ion-radio { ion-radio {
--color-checked: #269db8; --color-checked: #024d71;
} }
.center { .center {
@ -228,10 +228,10 @@ ion-radio {
} }
.isFavLetterActive { .isFavLetterActive {
// background: #269db8; // background: #024d71;
// width: 55px; // width: 55px;
// border-radius: 60px; // border-radius: 60px;
color: #269db8; color: #024d71;
display: block; display: block;
width: 60%; width: 60%;
float: right; float: right;
@ -253,7 +253,7 @@ ion-radio {
.searchText { .searchText {
background: transparent; background: transparent;
color: #269db8; color: #024d71;
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
} }

@ -9,7 +9,7 @@
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #269DB8 !important; background: #024d71 !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;

@ -8,7 +8,7 @@
@media only screen and (max-width: 320px) { @media only screen and (max-width: 320px) {
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #269DB8 !important; background: #024d71 !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;
@ -31,7 +31,7 @@
} }
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #269DB8 !important; background: #024d71 !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;

@ -10,7 +10,7 @@
@media only screen and (max-width: 320px) { @media only screen and (max-width: 320px) {
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #269DB8 !important; background: #024d71 !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;
@ -34,7 +34,7 @@
.active-Segment { .active-Segment {
font-size: 0.3cm; font-size: 0.3cm;
background: #269DB8 ; background: #024d71 ;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;

@ -9,7 +9,7 @@
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #269DB8 !important; background: #024d71 !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;

@ -315,12 +315,12 @@
<ion-card-content> <ion-card-content>
<div> <div>
<ion-row> <ion-row>
<ion-col class="rowBorder" style="background: #269db8;"> <ion-col class="rowBorder" style="background: #024d71;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'general, current' | translate}}</p> <p style="color: white;">{{ 'general, current' | translate}}</p>
</ion-label> </ion-label>
</ion-col> </ion-col>
<ion-col class="rowBorder" style="background: #269db8;"> <ion-col class="rowBorder" style="background: #024d71;">
<ion-label> <ion-label>
<p style="color: white;">{{ 'general, proposed' | translate}}</p> <p style="color: white;">{{ 'general, proposed' | translate}}</p>
</ion-label> </ion-label>

@ -331,7 +331,7 @@ ion-card{
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #269DB8 !important; background: #024d71 !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;

@ -1,7 +1,7 @@
.header-toolbar{ .header-toolbar{
--background: #269DB8; --background: #024d71;
} }
ion-toggle{ ion-toggle{
--background-checked: #269DB8; --background-checked: #024d71;
} }

@ -75,7 +75,7 @@
} }
.header-toolbar-new { .header-toolbar-new {
--background: #269DB8; --background: #024d71;
} }
.colorBG { .colorBG {
@ -83,7 +83,7 @@
} }
.header-div { .header-div {
background-color: #269DB8; background-color: #024d71;
text-transform: capitalize; text-transform: capitalize;
height: 119px; height: 119px;
position: relative; position: relative;
@ -323,7 +323,7 @@
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
/* border-radius: 12px !important; */ /* border-radius: 12px !important; */
background: #269DB8; background: #024d71;
border-bottom: 1px solid #a7a4a4; border-bottom: 1px solid #a7a4a4;
border-top: 1px solid #cac8c8; border-top: 1px solid #cac8c8;
margin-left: -13px; margin-left: -13px;
@ -377,7 +377,7 @@
left: 83%; left: 83%;
bottom: 117px; bottom: 117px;
color: black; color: black;
background-color: #269DB8; background-color: #024d71;
width: 16%; width: 16%;
height: 6px; height: 6px;
} }
@ -387,13 +387,13 @@
// left: 77%; // left: 77%;
// bottom: 117px; // bottom: 117px;
// color: black; // color: black;
// background-color: #269DB8; // background-color: #024d71;
// width: 20%; height: 6px; // width: 20%; height: 6px;
position: relative; position: relative;
left: 4%; left: 4%;
bottom: 117px; bottom: 117px;
color: black; color: black;
background-color: #269DB8; background-color: #024d71;
width: 15%; width: 15%;
height: 6px; height: 6px;
} }
@ -405,7 +405,7 @@
left: 83%; left: 83%;
bottom: 67px; bottom: 67px;
color: black; color: black;
background-color: #269DB8; background-color: #024d71;
width: 16%; width: 16%;
height: 6px; height: 6px;
} }
@ -415,13 +415,13 @@
// left: 77%; // left: 77%;
// bottom: 67px; // bottom: 67px;
// color: black; // color: black;
// background-color: #269DB8; // background-color: #024d71;
// width: 20%; height: 6px; // width: 20%; height: 6px;
position: relative; position: relative;
left: 4%; left: 4%;
bottom: 67px; bottom: 67px;
color: black; color: black;
background-color: #269DB8; background-color: #024d71;
width: 15%; width: 15%;
height: 6px; height: 6px;
} }

@ -185,8 +185,8 @@ slidePrev(object, slideView) {
datasets: [ datasets: [
{ data: [this.earingTotal,this.deductionTotal], { data: [this.earingTotal,this.deductionTotal],
backgroundColor: [ backgroundColor: [
'#269DB8', '#024d71',
'#269DB8', ], '#024d71', ],
borderWidth: 2 borderWidth: 2
} }
] ]

@ -25,7 +25,7 @@
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.addEitOkButton{ .addEitOkButton{
white-space: normal !important; white-space: normal !important;
@ -33,7 +33,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #024d71;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -25,7 +25,7 @@
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.addEitOkButton{ .addEitOkButton{
white-space: normal !important; white-space: normal !important;
@ -33,7 +33,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #024d71;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -227,7 +227,7 @@
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.title{ .title{
margin-top: -37px; margin-top: -37px;
@ -243,7 +243,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -273,7 +273,8 @@ export class ConfirmAddressComponent implements OnInit {
this.cs.sharedService.setSharedData(true, HomeComponent.COUNT_CHANGED); this.cs.sharedService.setSharedData(true, HomeComponent.COUNT_CHANGED);
// this.cs.openHome(); // this.cs.openHome();
//this.cs.setTotalNumberOfWorklistRequest(true); //this.cs.setTotalNumberOfWorklistRequest(true);
this.cs.openProfile('sideMenu'); // this.cs.openProfile('sideMenu');
this.cs.openHome();
//this.cs.openNotificationPage(); //this.cs.openNotificationPage();
} }
} }

@ -227,7 +227,7 @@
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.title{ .title{
margin-top: -37px; margin-top: -37px;
@ -243,7 +243,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -196,7 +196,8 @@ export class ConfirmBasicDetailsComponent implements OnInit {
// this.cs.presentAlert(msg); // this.cs.presentAlert(msg);
this.cs.greenToastPK("eit", "approval-message-success"); this.cs.greenToastPK("eit", "approval-message-success");
this.cs.sharedService.setSharedData(true, HomeComponent.COUNT_CHANGED); this.cs.sharedService.setSharedData(true, HomeComponent.COUNT_CHANGED);
this.cs.openProfile('sideMenu'); // this.cs.openProfile('sideMenu');
this.cs.openHome();
//this.cs.openNotificationPage(); //this.cs.openNotificationPage();
} }
} }

@ -227,7 +227,7 @@
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.title{ .title{
margin-top: -37px; margin-top: -37px;
@ -243,7 +243,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -197,7 +197,8 @@ export class ConfirmContactComponent implements OnInit {
// this.cs.presentAlert(msg); // this.cs.presentAlert(msg);
this.cs.greenToastPK("eit", "approval-message-success"); this.cs.greenToastPK("eit", "approval-message-success");
this.cs.sharedService.setSharedData(true, HomeComponent.COUNT_CHANGED); this.cs.sharedService.setSharedData(true, HomeComponent.COUNT_CHANGED);
this.cs.openProfile('sideMenu'); // this.cs.openProfile('sideMenu');
this.cs.openHome();
//this.cs.openNotificationPage(); //this.cs.openNotificationPage();
} }
} }

@ -7,7 +7,7 @@ ion-col.colBold, ion-col.colBold > label{
} }
.header-div{ .header-div{
text-transform: capitalize; text-transform: capitalize;
background: #269DB8; background: #024d71;
display: block; display: block;
position: relative; position: relative;
height: 160px; height: 160px;

@ -15,14 +15,14 @@
} }
.header-toolbar-new { .header-toolbar-new {
--background: #269db8; --background: #024d71;
} }
.colorBG { .colorBG {
--background: #f0efef; --background: #f0efef;
} }
.header-div { .header-div {
text-transform: capitalize; text-transform: capitalize;
background: #269db8; background: #024d71;
display: block; display: block;
position: relative; position: relative;
height: 113px; height: 113px;
@ -225,7 +225,7 @@ ion-title {
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269db8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -350,7 +350,7 @@ $actionBtnSize: 36px;
border-radius: $actionBtnSize; border-radius: $actionBtnSize;
margin: 0 auto; margin: 0 auto;
display: block; display: block;
background-color: #269db8; background-color: #024d71;
line-height: $actionBtnSize; line-height: $actionBtnSize;
margin-bottom: 3px; margin-bottom: 3px;
img { img {
@ -405,7 +405,7 @@ $actionBtnSize: 36px;
border-radius: 50% !important; border-radius: 50% !important;
margin-right: 22px; margin-right: 22px;
margin-left: 22px; margin-left: 22px;
background-color: #269db8; background-color: #024d71;
} }
} }
@media screen and (min-width: 768px) and (max-width: 1024px) { @media screen and (min-width: 768px) and (max-width: 1024px) {
@ -419,7 +419,7 @@ $actionBtnSize: 36px;
border-radius: 50% !important; border-radius: 50% !important;
margin-right: 62px; margin-right: 62px;
margin-left: 45px; margin-left: 45px;
background: #269db8 !important; background: #024d71 !important;
padding-left: 17px; padding-left: 17px;
} }
} }
@ -509,7 +509,7 @@ $actionBtnSize: 36px;
} }
.search-dropdown { .search-dropdown {
background: #269db8; background: #024d71;
ion-select { ion-select {
.select-text { .select-text {
margin-left: -10px; margin-left: -10px;
@ -570,7 +570,7 @@ $actionBtnSize: 36px;
.activeArrow { .activeArrow {
height: 20px; height: 20px;
width: 20px; width: 20px;
color: #269db8; color: #024d71;
} }
.disabledArrow { .disabledArrow {
height: 20px; height: 20px;
@ -581,7 +581,7 @@ $actionBtnSize: 36px;
.activeArrow-ar { .activeArrow-ar {
height: 20px; height: 20px;
width: 20px; width: 20px;
color: #269db8; color: #024d71;
margin-right: 275px; margin-right: 275px;
} }
.disabledArrow-ar { .disabledArrow-ar {
@ -815,14 +815,14 @@ $actionBtnSize: 36px;
} }
.green-label-container { .green-label-container {
// border-top: 5px solid #269DB8; // border-top: 5px solid #024d71;
// padding: 1px 0px; // padding: 1px 0px;
// margin: 15px 0px // margin: 15px 0px
width: 12px; width: 12px;
height: 12px; height: 12px;
padding-right: -10px; padding-right: -10px;
border-radius: 100%; border-radius: 100%;
background-color: #269db8; background-color: #024d71;
} }
.blue-label-container { .blue-label-container {
@ -977,7 +977,7 @@ $actionBtnSize: 36px;
height: 20px; height: 20px;
padding-right: -10px; padding-right: -10px;
border-radius: 100%; border-radius: 100%;
background-color: #269db8; background-color: #024d71;
z-index: 9; z-index: 9;
margin-top: 26px; margin-top: 26px;
} }
@ -1005,7 +1005,7 @@ $actionBtnSize: 36px;
.header-background-style-card { .header-background-style-card {
padding-top: 1px; padding-top: 1px;
background: #269db8; background: #024d71;
height: 115px; height: 115px;
} }

@ -135,7 +135,7 @@ export class HomeComponent implements OnInit {
//if (this.targetValue === 'sideMenu') { //if (this.targetValue === 'sideMenu') {
for (let i = 0; i < this.menuEntries.length; i++) { for (let i = 0; i < this.menuEntries.length; i++) {
if (this.menuEntries[i].MENU_NAME === 'MBL_EMP_PROFILE') { if (this.menuEntries[i].MENU_NAME === 'XXX_EMP_PROFILE_SS') {
personalInformationChildren = this.menuEntries[i].children; personalInformationChildren = this.menuEntries[i].children;
for (let j = 0; j < personalInformationChildren.length; j++) { for (let j = 0; j < personalInformationChildren.length; j++) {
if (personalInformationChildren[j].REQUEST_TYPE === 'BASIC_DETAILS') { if (personalInformationChildren[j].REQUEST_TYPE === 'BASIC_DETAILS') {

@ -34,7 +34,7 @@
</ion-col> </ion-col>
<ion-col> <ion-col>
<ion-button style=" width: 90%; background: white; --background: #269db8" (click)="dismiss('next')" [disabled]="!isChange">{{ts.trPK('general','next')}}</ion-button> <ion-button style=" width: 90%; background: white; --background: #024d71" (click)="dismiss('next')" [disabled]="!isChange">{{ts.trPK('general','next')}}</ion-button>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>

@ -16,7 +16,7 @@ export class EditDetailProfileComponent implements OnInit {
public ts: TranslatorService, public ts: TranslatorService,
) { } ) { }
colorRadio = "#269db8" colorRadio = "#024d71"
ngOnInit() { ngOnInit() {
console.log(this.sourceName); console.log(this.sourceName);

@ -6,7 +6,7 @@
} }
.header-div{ .header-div{
text-transform: capitalize; text-transform: capitalize;
background: #269DB8; background: #024d71;
display: block; display: block;
position: relative; position: relative;
height: 160px; height: 160px;

@ -48,7 +48,7 @@ export class PerformanceEvaluationComponent implements OnInit {
colorScheme = { colorScheme = {
domain: ['#269DB8', '#269DB8', '#3CB9D5', '#1FA269', '#0D155E'] domain: ['#024d71', '#024d71', '#3CB9D5', '#1FA269', '#0D155E']
}; };
ngOnInit() { ngOnInit() {

@ -9,7 +9,7 @@
// border-radius: 50% !important; // border-radius: 50% !important;
// } // }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.imgCircle{ .imgCircle{
@ -50,5 +50,5 @@ width: 234px;
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }

@ -32,7 +32,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background:: #269DB8; --background:: #024d71;
width: 100% !important; width: 100% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;
@ -43,7 +43,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
--background:: #269DB8; --background:: #024d71;
width: 100% !important; width: 100% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -227,7 +227,7 @@
} }
.header-toolbar-new{ .header-toolbar-new{
--background: #269DB8; --background: #024d71;
} }
.title{ .title{
margin-top: -37px; margin-top: -37px;
@ -243,7 +243,7 @@
min-height: 45px !important; min-height: 45px !important;
min-width: 5px !important; min-width: 5px !important;
margin: 8px !important; margin: 8px !important;
background-color: #269DB8; background-color: #0ca2de;
width: 80% !important; width: 80% !important;
color: white!important; color: white!important;
border-radius: 16px !important; border-radius: 16px !important;

@ -185,7 +185,7 @@
// .header-div { // .header-div {
// background-color: #269DB8; // background-color: #024d71;
// text-transform: capitalize; // text-transform: capitalize;
// height: 180px; // height: 180px;
// position: relative; // position: relative;
@ -214,7 +214,7 @@
// .navbar{ // .navbar{
// font-size: 10px !important; // font-size: 10px !important;
// --background: #269DB8 !important; // --background: #024d71 !important;
// color: aliceblue !important; // color: aliceblue !important;
// // margin-top: 10px !important; // // margin-top: 10px !important;
@ -224,7 +224,7 @@
// // margin-left:330px !important; // // margin-left:330px !important;
// margin-top: 0px !important; // margin-top: 0px !important;
// font-size: 35px !important; // font-size: 35px !important;
// background: #269DB8; // background: #024d71;
// color: aliceblue; // color: aliceblue;
// margin-left: 0px !important; // margin-left: 0px !important;
@ -235,7 +235,7 @@
// margin-left:100px !important; // margin-left:100px !important;
// margin-top: 0px !important; // margin-top: 0px !important;
// font-size: 23px !important; // font-size: 23px !important;
// background: #269DB8 !important; // background: #024d71 !important;
// color: aliceblue !important; // color: aliceblue !important;
// } // }
@ -374,7 +374,7 @@
// background:var(--primary); // background:var(--primary);
// background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); // background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
// background: -webkit-linear-gradient(45deg, (--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%); // background: -webkit-linear-gradient(45deg, (--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
// background: #269DB8; // background: #024d71;
// // background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%); // // background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%);
// color:var(--light); // color:var(--light);
// text-transform: capitalize; // text-transform: capitalize;
@ -508,7 +508,7 @@ ion-title{
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #024d71;
height: 140px; height: 140px;
width: 100%; width: 100%;
left: 0; left: 0;
@ -577,7 +577,7 @@ $actionBtnSize : 36px;
border-radius: $actionBtnSize; border-radius: $actionBtnSize;
margin: 0 auto; margin: 0 auto;
display: block; display: block;
background-color: #269DB8; background-color: #024d71;
line-height: $actionBtnSize; line-height: $actionBtnSize;
margin-bottom: 3px; margin-bottom: 3px;
img{ img{
@ -617,7 +617,7 @@ $actionBtnSize : 36px;
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #269DB8 !important; background: #024d71 !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;
@ -649,7 +649,7 @@ $actionBtnSize : 36px;
} }
.search-dropdown{ .search-dropdown{
background: #269DB8; background: #024d71;
ion-select { ion-select {
.select-text{ .select-text{
margin-left: -10px; margin-left: -10px;
@ -864,7 +864,7 @@ $actionBtnSize : 36px;
} }
.green-label-container{ .green-label-container{
border-top: 5px solid #269DB8; border-top: 5px solid #024d71;
padding: 1px 0px; padding: 1px 0px;
margin: 15px 0px margin: 15px 0px
} }

@ -185,7 +185,7 @@ export class TimeCardDetailsComponent implements OnInit {
data: [this.absentDays, this.attendedDays], data: [this.absentDays, this.attendedDays],
backgroundColor: [ backgroundColor: [
'#292F42', '#292F42',
'#269DB8' '#024d71'
], ],
borderWidth: 2 borderWidth: 2
}] }]

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

@ -1951,6 +1951,10 @@
"en": "Ticket Balance", "en": "Ticket Balance",
"ar": "رصيد التذاكر" "ar": "رصيد التذاكر"
}, },
"my-request": {
"en": "My Requests",
"ar": "طلباتي"
},
"selectType": { "selectType": {
"en": "Select Type", "en": "Select Type",
"ar": "اختر النوع" "ar": "اختر النوع"

@ -1481,7 +1481,7 @@ div.no-dataDiv {
} }
.header-toolbar-new { .header-toolbar-new {
--background: #269DB8; --background: #024d71;
} }
@ -1501,7 +1501,7 @@ div.no-dataDiv {
// margin-left:0; // margin-left:0;
// } // }
// .search-dropdown{ // .search-dropdown{
// background: #269DB8; // background: #024d71;
// ion-select { // ion-select {
// .select-text{ // .select-text{
// margin-left: -10px; // margin-left: -10px;
@ -1591,7 +1591,7 @@ div.no-dataDiv {
color: #fff !important; color: #fff !important;
&:before { &:before {
background-color: #269DB8 !important; background-color: #024d71 !important;
} }
} }
@ -1655,7 +1655,7 @@ div.no-dataDiv {
// border-radius: 50%; // border-radius: 50%;
// } // }
// .absent::after{ // .absent::after{
// background: #269DB8; // background: #024d71;
// } // }
// .present::after{ // .present::after{
@ -1705,7 +1705,7 @@ table.monthview-datetable th small {
bottom: -8px; bottom: -8px;
.swiper-pagination-bullet-active { .swiper-pagination-bullet-active {
background: #269DB8; background: #024d71;
} }
} }

@ -89,8 +89,8 @@
--red:#BE1E2D; --red:#BE1E2D;
--blue:#223262; --blue:#223262;
--cyanblue:#1b75bc; --cyanblue:#1b75bc;
--newgreen:#269DB8; --newgreen:#0ca2de;
--darkblue:#269DB8; --darkblue:#024d71;
--lightblue:#3cb9d5; --lightblue:#3cb9d5;
--newred:#cb3232; --newred:#cb3232;
--fontFamilyPoppins-SemiBold: 'Poppins-SemiBold'; --fontFamilyPoppins-SemiBold: 'Poppins-SemiBold';

Loading…
Cancel
Save