changed colors for sfh

MOHEMM-SFH-COLORS
umasoodch 4 years ago
parent dba1286f42
commit ef2be68c02

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

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

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

@ -117,7 +117,7 @@ export class HomeComponent implements OnInit {
backgroundColor: [
// '#1FA269',
// '#CB3232',],
'#269DB8',
'#29B5BF',
'#b60c0c',],
borderWidth: 1
}
@ -275,7 +275,7 @@ export class HomeComponent implements OnInit {
{
data: [this.accrualNet, this.accrualUsed],
backgroundColor: [
'#269DB8',
'#29B5BF',
'#b60c0c',],
borderWidth: 1
}

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

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

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

@ -76,7 +76,7 @@ header
.logout{
background-color:#269DB8;
background-color:#c2a16b;
border: none;
color:white;
// padding: 20px;
@ -95,7 +95,7 @@ padding: 6px 24px;
}
.logout-ar{
background-color: #269DB8;
background-color: #c2a16b;
border: none;
color: white;
text-align: center;

@ -5,13 +5,13 @@ ion-grid {
padding:30px 15px;
}
.timer-chart{
background: #094773;
background: #6d6e71;
text-align: center;
line-height: .7cm;
}
.tracking-content{
background: #053c63;
background: #6d6e71;
min-height: 50%;
}

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

@ -2,7 +2,7 @@
--background: #f0efef;
}
.header-div {
background: #269DB8;
background: #29B5BF;
color: var(--light);
text-transform: capitalize;
display: block;
@ -24,7 +24,7 @@
.navbar{
font-size: 10px !important;
--background: #269DB8 !important;
--background: #29B5BF !important;
color: aliceblue !important;
// margin-top: 10px !important;
@ -34,7 +34,7 @@
// margin-left:330px !important;
margin-top: 0px !important;
font-size: 35px !important;
background: #269DB8;
background: #29B5BF;
color: aliceblue;
margin-left: 0px !important;
@ -45,7 +45,7 @@
margin-left:100px !important;
margin-top: 0px !important;
font-size: 23px !important;
background: #269DB8 !important;
background: #29B5BF !important;
color: aliceblue !important;
}
@ -139,7 +139,7 @@ height: 250px !important;
background:var(--primary);
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: #269DB8;
background: #29B5BF;
// background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%);
color:var(--light);
text-transform: capitalize;

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

@ -174,7 +174,7 @@ img.centerDiv {
}
.middle-circle {
position: relative;
background:#1a586d !important;
background:#6d6e71 !important;
border-radius: 50%;
height: 160px;
width: 170px;
@ -182,7 +182,7 @@ img.centerDiv {
}
.last-circle {
position: inherit;
background: #65C399 !important;
background: #c2a16b !important;
border-radius: 50%;
height: 166px;
width: 140px;

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

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

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

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

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

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

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

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

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

@ -36,9 +36,9 @@ margin-right:20px;
margin: 5px;
}
ion-footer .footer-button{
--background: #259CB8;
--background: #29B5BF;
width: 80%;
background: #259CB8;
background: #29B5BF;
border-radius: 10px;
}
.skip-btn{

@ -2,5 +2,5 @@
<div class="main-container" [ngStyle]="active === true ? {'color': color} : {}">
<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': '#29B5BF'} : {}">{{text}}</span>
</div>

@ -8,14 +8,14 @@
.navbar{
font-size: 10px !important;
--background: #269DB8 !important;
--background: #29B5BF !important;
color: aliceblue !important;
}
.menu {
margin-top: 0px !important;
font-size: 35px !important;
background: #269DB8;
background: #29B5BF;
color: aliceblue;
margin-left: 0px !important;
@ -25,7 +25,7 @@
margin-left:100px !important;
margin-top: 0px !important;
font-size: 23px !important;
background: #269DB8 !important;
background: #29B5BF !important;
color: aliceblue !important;
}
@ -92,7 +92,7 @@
background:var(--primary);
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: #269DB8;
background: #29B5BF;
// background: linear-gradient(90deg, #85C48D 0%, #85C48D 13%, #2BB5C6 98%, #2BB5C6 100%);
color:var(--light);
text-transform: capitalize;

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

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

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

@ -22,5 +22,5 @@
line-height: 46px;
}
.header-toolbar-new {
--background: #269DB8;
--background: #29B5BF;
}

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

@ -89,7 +89,7 @@
<div class="fixed-shift-timer" [ngClass]=" direction === 'en' ? 'fixed-shift-time-en' : 'fixed-shift-time-ar'" *ngIf="isCheckedIn" (click)="openattentracking()">
<span class="subTitle"> {{'home,time-left' | translate}} </span>
<circle-progress
[backgroundColor]= "'#292F42'"
[backgroundColor]= "'#6d6e71'"
[percent]="percent"
[radius]="50"
[outerStrokeWidth]="2"

@ -4,7 +4,7 @@ ion-row {
}
.header-toolbar-new{
--background: #269DB8;
--background: #29B5BF;
}
.profile-image-container{
position: relative;
@ -50,7 +50,7 @@ ion-label{
.contentBg:before {
position: absolute;
content: "";
background: #269DB8;
background: #29B5BF;
height: 100px;
width: 100%;
left: 0;
@ -66,7 +66,7 @@ ion-label{
}
.attendance-module{
border-radius: 20px;
background-color: #292F42;
background-color: #c2a16b;
padding: 10px;
color: white;
width: 100%;
@ -89,7 +89,7 @@ ion-label{
ion-button{
border-radius: 10px;
padding: 10px;
background: #269db8;
background: rgba(0,0,0,.3);
--background: transparent;
--box-shadow: none !important;
height: auto;
@ -134,7 +134,7 @@ ion-label{
// z-index: 2;
// height: 112px;
// width: 112px;
// background-color: #269DB8;
// background-color: #29B5BF;
// border-radius: 50%;
// display: inline-block;
// img {

@ -129,11 +129,11 @@ font-weight: bold;
height: 15%;
width: 100%;
position: absolute;
background: #259CB8;
background: #29B5BF;
top: 0;
}
.header-toolbar{
--background: #259CB8 !important;
--background: #29B5BF !important;
}
.bottom{
height: 85%;
@ -317,7 +317,7 @@ ion-footer{
}
.uploader-box{
border-width: 2px;
border-color: #259CB8;
border-color: #29B5BF;
border-style: dotted;
border-radius: 10px;
left: 10px;
@ -335,7 +335,7 @@ ion-footer{
right: 0;
top: 60px;
bottom: 0;
color: #259CB8;
color: #29B5BF;
}
.top img{
position: absolute;

@ -3,11 +3,11 @@
width: 100%;
position: absolute;
background: #259CB8;
background: #29B5BF;
top: 0;
}
.header-toolbar{
--background: #259CB8 !important;
--background: #29B5BF !important;
}
.bottom{
height: 88%;
@ -65,7 +65,7 @@ ion-avatar p{
color:#000;
}
ion-avatar a{
color:#259CB8;
color:#29B5BF;
text-decoration: underline;
}
ion-footer{

@ -4,11 +4,11 @@
width: 100%;
position: absolute;
background: #259CB8;
background: #29B5BF;
top: 0;
}
.header-toolbar{
--background: #259CB8 !important;
--background: #29B5BF !important;
}
.bottom{
height: 100%;
@ -152,16 +152,16 @@ ion-item .icon{
right: 10%;
}
.fab-button ion-fab-button{
--background: #259CB8;
--background: #29B5BF;
}
ion-footer{
position: absolute;
bottom: 0;
}
ion-footer .footer-button{
--background: #259CB8;
--background: #29B5BF;
width: 80%;
background: #259CB8;
background: #29B5BF;
border-radius: 10px;
}
ion-segment{
@ -182,7 +182,7 @@ ion-card{
margin: 5px 5px 0px 5px;
}
.forward-arrow{
color:#259CB8;
color:#29B5BF;
font-size: 26px;
}
ion-card-content{

@ -3,9 +3,9 @@
width: 100%;
position: absolute;
background: #259CB8;
background: #29B5BF;
top: 0;
}
.header-toolbar{
--background: #259CB8 !important;
--background: #29B5BF !important;
}

@ -1,7 +1,7 @@
.header-toolbar-new{
--background: #269DB8;
--background: #29B5BF;
}
.contentBg{
@ -11,7 +11,7 @@
.contentBg:before {
position: absolute;
content: "";
background: #269DB8;
background: #29B5BF;
height: 140px;
width: 100%;
left: 0;
@ -137,7 +137,7 @@
}
.sendCodeBtn{
--background: #269DB8;
--background: #29B5BF;
color: white;
text-align: center;
text-decoration: none;
@ -197,7 +197,7 @@ ion-input {
}
.sendVerifyBtn{
--background: #269DB8;
--background: #29B5BF;
color: white;
text-align: center;
text-decoration: none;
@ -461,7 +461,7 @@ ion-input {
}
ion-footer .footer-button{
--background: #259CB8;
--background: #29B5BF;
width: 80%;
}
@media screen and (min-width: 325px){

@ -1,7 +1,7 @@
.header-toolbar-new{
--background: #269DB8;
--background: #29B5BF;
}
ion-content {
--ion-background-color: whitesmoke;
@ -13,7 +13,7 @@
.contentBg:before {
position: absolute;
content: "";
background: #269DB8;
background: #29B5BF;
height: 140px;
width: 100%;
left: 0;
@ -256,7 +256,7 @@
}
.sendCodeBtn{
--background: #269DB8;
--background: #29B5BF;
color: white;
text-align: center;
text-decoration: none;
@ -316,7 +316,7 @@ ion-input {
}
.sendVerifyBtn{
--background: #269DB8;
--background: #29B5BF;
color: white;
text-align: center;
text-decoration: none;
@ -589,7 +589,7 @@ ion-input {
}
ion-footer .footer-button{
--background: #259CB8;
--background: #29B5BF;
width: 80%;
}

@ -106,7 +106,7 @@ ion-content {
line-height: 16px;
}
.status{
color: #259CB8;
color: #29B5BF;
width: 75px;
height: 15px;
text-align: left;
@ -170,10 +170,10 @@ ion-content {
color: #1FA169;
font-family:'WorkSans-bold';}
.AssToManager{ margin-top: 5px;
color: #259CB8;
color: #29B5BF;
font-family:'WorkSans-bold';}
.AssToSpec{ margin-top: 5px;
color: #259CB8;
color: #29B5BF;
font-family:'WorkSans-bold';}
.Pending{ margin-top: 5px;
color: #E29D03;
@ -188,7 +188,7 @@ ion-content {
color: #3A476E;
font-family:'WorkSans-bold';}
.AssignedToHR{ margin-top: 5px;
color: #259CB8;
color: #29B5BF;
font-family:'WorkSans-bold';}
.empty-en{

@ -4,7 +4,7 @@
}
.sendCodeBtn{
--background: #269DB8;
--background: #29B5BF;
color: white;
text-align: center;
text-decoration: none;
@ -205,7 +205,7 @@
border-radius: 50%;
width: 15px;
height: 15px;
background-color: #269db8;
background-color: #29B5BF;
top: 1px;
}
@ -228,7 +228,7 @@
border-radius: 50%;
width: 15px;
height: 15px;
background-color: #269db8;
background-color: #29B5BF;
top: 1px;
}
@ -333,10 +333,10 @@
color: #1FA169;
}
.AssToManager{ margin-top: 5px;
color: #259CB8;
color: #29B5BF;
}
.AssToSpec{ margin-top: 5px;
color: #259CB8;
color: #29B5BF;
}
.Pending{ margin-top: 5px;
color: #E29D03;
@ -351,7 +351,7 @@
color: #3A476E;
}
.AssignedToHR{ margin-top: 5px;
color: #259CB8;
color: #29B5BF;
}
// .card-content{
@ -371,7 +371,7 @@
// font-weight: 600;
line-height: 16px;
font-size: 10px;
color: #269db8;
color: #29B5BF;
}
.postedDate{
text-align: left !important;

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

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

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

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

@ -246,7 +246,7 @@ height: 100%;
.contentBg:before {
position: absolute;
content: "";
background: #269DB8;
background: #29B5BF;
height: 140px;
width: 100%;
left: 0;
@ -382,7 +382,7 @@ left: -35px;
border-radius: 50%;
width: 15px;
height: 15px;
background-color: #269db8;
background-color: #29B5BF;
top: 1px;
}
@ -450,7 +450,7 @@ padding: 10px 30px;
.text-span-active{
font-size: 12px;
color:white;
background-color:#269DB8;
background-color:#29B5BF;
width: auto;
height: 40px;
border: 1px solid;

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

@ -119,7 +119,7 @@
<ion-col size='3'>
<button [disabled]='searchKey == undefined || 1 > searchKey.length' (click)='onChangeInput()'
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: #29B5BF;">{{"general, search" | translate}}</p></ion-label>
</button>
</ion-col>
</ion-row>

@ -10,7 +10,7 @@
bottom: 4px;
}
ion-radio{
--color-checked: #269db8;
--color-checked: #29B5BF;
}
.center{text-align: center;}
.boldTxtNav{
@ -229,7 +229,7 @@
bottom: 4px;
}
ion-radio{
--color-checked: #269db8;
--color-checked: #29B5BF;
}
.center{text-align: center;padding: 5px;}
.boldTxtNav{

@ -70,7 +70,7 @@
</ion-col>
<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;">
<ion-label><p style="color: #269db8;">{{"general, search" | translate}}</p></ion-label>
<ion-label><p style="color: #29B5BF;">{{"general, search" | translate}}</p></ion-label>
</button>
</ion-col>
</ion-row>

@ -161,7 +161,7 @@ button.item-button.button.button-md.button-clear.button-clear-md {
bottom: 4px;
}
ion-radio{
--color-checked: #269db8;
--color-checked: #29B5BF;
}
.center{text-align: center;padding: 5px;}
.boldTxtNav{

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

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

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

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

@ -128,12 +128,12 @@
<ion-card-content>
<div>
<ion-row>
<ion-col class="rowBorder" style="background: #269db8;">
<ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label>
<p style="color: white;">Current</p>
</ion-label>
</ion-col>
<ion-col class="rowBorder" style="background: #269db8;">
<ion-col class="rowBorder" style="background: #29B5BF;">
<ion-label>
<p style="color: white;">Proposed</p>
</ion-label>

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

@ -4,11 +4,11 @@
width: 100%;
position: absolute;
background: #259CB8;
background: #29B5BF;
top: 0;
}
.header-toolbar{
--background: #259CB8 !important;
--background: #29B5BF !important;
}
.bottom{
height: 100%;

@ -3,11 +3,11 @@
width: 100%;
position: absolute;
background: #259CB8;
background: #29B5BF;
top: 0;
}
.header-toolbar{
--background: #259CB8 !important;
--background: #29B5BF !important;
}
.bottom{
height: 88%;

@ -70,14 +70,14 @@
}
.header-toolbar-new{
--background: #269DB8;
--background: #29B5BF;
}
.colorBG{
--background: #f0efef;
}
.header-div {
background-color: #269DB8;
background-color: #29B5BF;
text-transform: capitalize;
height: 119px;
position: relative;
@ -320,7 +320,7 @@
margin-top: 0;
margin-bottom: 0;
/* border-radius: 12px !important; */
background: #269DB8;
background: #29B5BF;
border-bottom: 1px solid #a7a4a4;
border-top: 1px solid #cac8c8;
margin-left: -13px;
@ -368,7 +368,7 @@
left: 83%;
bottom: 117px;
color: black;
background-color: #269DB8;
background-color: #29B5BF;
width: 16%;
height: 6px;
}
@ -377,13 +377,13 @@
// left: 77%;
// bottom: 117px;
// color: black;
// background-color: #269DB8;
// background-color: #29B5BF;
// width: 20%; height: 6px;
position: relative;
left: 4%;
bottom: 117px;
color: black;
background-color: #269DB8;
background-color: #29B5BF;
width: 15%;
height: 6px;
}
@ -394,7 +394,7 @@
left: 83%;
bottom: 67px;
color: black;
background-color: #269DB8;
background-color: #29B5BF;
width: 16%;
height: 6px;
}
@ -403,13 +403,13 @@
// left: 77%;
// bottom: 67px;
// color: black;
// background-color: #269DB8;
// background-color: #29B5BF;
// width: 20%; height: 6px;
position: relative;
left: 4%;
bottom: 67px;
color: black;
background-color: #269DB8;
background-color: #29B5BF;
width: 15%;
height: 6px;
}

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

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

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

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

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

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

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

@ -34,7 +34,7 @@
</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: #29B5BF" (click)="dismiss('next')" [disabled]="!isChange">{{ts.trPK('general','next')}}</ion-button>
</ion-col>
</ion-row>
</ion-grid>

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

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

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

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

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

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

@ -184,8 +184,8 @@ export class TimeCardDetailsComponent implements OnInit {
{
data: [this.absentDays, this.attendedDays],
backgroundColor: [
'#269DB8',
'#269DB8'
'#29B5BF',
'#29B5BF'
],
borderWidth: 2
}]

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -1327,10 +1327,10 @@ border:0px
display: none !important;
}
.attendance-home .header-toolbar-new {
--background: #094773 !important;
--background: #6d6e71 !important;
}
.header-toolbar-new {
--background: #269DB8;
--background: #29B5BF;
}
@ -1348,7 +1348,7 @@ border:0px
// margin-left:0;
// }
// .search-dropdown{
// background: #269DB8;
// background: #29B5BF;
// ion-select {
// .select-text{
// margin-left: -10px;
@ -1433,7 +1433,7 @@ border:0px
&.present {
color:#fff !important;
&:before {
background-color: #269DB8 !important;
background-color: #29B5BF !important;
}
}
@ -1441,7 +1441,7 @@ border:0px
&.absent {
color:#fff !important;
&:before {
background-color:#292F42 !important;
background-color:#c2a16b !important;
}
}
@ -1493,7 +1493,7 @@ border:0px
// border-radius: 50%;
// }
// .absent::after{
// background: #269DB8;
// background: #29B5BF;
// }
// .present::after{
@ -1542,7 +1542,7 @@ table.monthview-datetable th small {
top: auto;
bottom: -8px;
.swiper-pagination-bullet-active {
background: #269DB8;
background: #29B5BF;
}
}

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

Loading…
Cancel
Save