header 	{ 
	background: #EF3C24; 
	border-top-color: #EF3C24;
}





a,	
h1,
.page-modal h1 { 
	color: #EF3C24;
}





.filter-tabs .active a, 
header .dropdown a:hover {
	background-color: #EF3C24; 	
}





.page-youraccount .menu-youraccount a .type, 
.page-yourservice .menu-youraccount a .type,
.page-sign-in .menu-sign-in a .type,

.page-customer-details .menu-yourdetails a .type,
.page-change-email .menu-yourdetails a .type,
.page-change-password .menu-yourdetails a .type,
.page-change-avatar .menu-yourdetails a .type,

.page-info1 .menu-Info1 a .type,
.page-info2 .menu-Info2 a .type,
.page-info3 .menu-Info3 a .type,
.page-info4 .menu-Info4 a .type,
.page-info5 .menu-Info5 a .type,
.page-info6 .menu-Info6 a .type,
.page-info7 .menu-Info7 a .type,
.page-info8 .menu-Info8 a .type,
.page-info9 .menu-Info9 a .type,
.page-info10 .menu-Info10 a .type,

.mainnav .active .type,
.mainnav .active a:hover .type,
.user-nav .active .type,

header .user-nav .active .type {
	border-color: #EF3C24;
}


.sidr ul li a:hover {
	background-color: #EF3C24;
}

/* Tile Heading */
.page-account-overview .account-lists .accounts .account .header .text .account-name,
.page-account-detail .account-dashboard a.main-figure .heading,
.page-account-detail .account-dashboard a.notification .heading,
.page-account-detail .account-dashboard .properties .property .services .service .heading,
.page-service-order-list .inner .service-order .header .text .heading {
	color: #EF3C24;
}

/* Tile Heading Hover */
.page-account-overview .account-lists .accounts .account .header:hover *,
.page-account-overview .account-lists .accounts .account .header:hover .text .account-name,
.page-account-detail .account-dashboard a.main-figure:hover *, 
.page-account-detail .account-dashboard a.notification:hover *,
.page-account-detail .account-dashboard a.service:hover,
.page-account-detail .account-dashboard .properties .property .services .service:hover *,
.page-service-order-list .inner .service-order .header:hover .text * {
	color: white !important;  /* need to change between white and black depending on darkness of secondary colour */
}

/* Tile Background Hover */
.page-account-overview .account-lists .accounts .account .header:hover,
.page-account-detail .account-dashboard a.main-figure:hover, 
.page-account-detail .account-dashboard a.notification:hover,
.page-account-detail .account-dashboard a.service:hover,
.page-service-order-list .inner .service-order .header:hover {
	background-color: #EF3C24 !important;
}



.page-account-detail .chart .year-0 .colour {
	background: #1B4095;
}
.page-account-detail .chart .year-1 .colour {
	background: #cccccc;
}

.page-account-detail .account-dashboard .recent-statement-chart rect.hovered {
	fill: #EF3C24;
}

.tabs .active a,
.filter-tabs .active a,
.dropdown a:hover {
	background: #EF3C24;
}

.tabs .active a:after {
	border-top-color: #EF3C24;
}


a {
	color: #EF3C24;
}

header {
	border-top-color: #EF3C24;
}




.page-account-detail .account-dashboard .notifications .notification .icon,
.page-account-overview .account-lists .accounts .account .header .badges .badge .icon {
	background-image: url(https://oem.pacificlight.com.sg/Resource/Image/App_Tables_Status_Icons?s=1750266549)
}

.buttons .button.menu-button .menu-icon {
	background-image: url(https://oem.pacificlight.com.sg/Resource/Image/App_Tables_Menu_Icons?s=1750266549)
}

.page-account-overview .account-lists .accounts .account .detail .properties .property .service-icon,
.page-account-detail .account-dashboard .properties .property .services .service .icon,
.page-property-usage .service-icon,
.page-new-service-order .service-icon {
	background-image: url(https://oem.pacificlight.com.sg/Resource/Image/App_Tables_Services_Icons?s=1750266549)
}

.page-service-order-list .inner .service-order .icon,
.page-service-order-details .main-heading .icon {
	background-image: url(https://oem.pacificlight.com.sg/Resource/Image/App_Tables_ServiceOrder_Icons?s=1750266549)
}

	
	.i_0 {
		background-position:0 0px;
	}
	
	
	.i_1 {
		background-position:0 -32px;
	}
	
	
	.i_2 {
		background-position:0 -64px;
	}
	
	
	.i_3 {
		background-position:0 -96px;
	}
	
	
	.i_4 {
		background-position:0 -128px;
	}
	
	
	.i_5 {
		background-position:0 -160px;
	}
	
	
	.i_6 {
		background-position:0 -192px;
	}
	
	
	.i_7 {
		background-position:0 -224px;
	}
	
	
	.i_8 {
		background-position:0 -256px;
	}
	
	
	.i_9 {
		background-position:0 -288px;
	}
	
	
	.i_10 {
		background-position:0 -320px;
	}
	
	
	.i_11 {
		background-position:0 -352px;
	}
	
	
	.i_12 {
		background-position:0 -384px;
	}
	
	
	.i_13 {
		background-position:0 -416px;
	}
	
	
	.i_14 {
		background-position:0 -448px;
	}
	
	
	.i_15 {
		background-position:0 -480px;
	}
	
	
	.i_16 {
		background-position:0 -512px;
	}
	
	
	.i_17 {
		background-position:0 -544px;
	}
	
	
	.i_18 {
		background-position:0 -576px;
	}
	
	
	.i_19 {
		background-position:0 -608px;
	}
	
	
	.i_20 {
		background-position:0 -640px;
	}
	
	
	.i_21 {
		background-position:0 -672px;
	}
	
	
	.i_22 {
		background-position:0 -704px;
	}
	
	
	.i_23 {
		background-position:0 -736px;
	}
	
	
	.i_24 {
		background-position:0 -768px;
	}
	
	
	.i_25 {
		background-position:0 -800px;
	}
	
	
	.i_26 {
		background-position:0 -832px;
	}
	
	
	.i_27 {
		background-position:0 -864px;
	}
	
	
	.i_28 {
		background-position:0 -896px;
	}
	
	
	.i_29 {
		background-position:0 -928px;
	}
	
	
	.i_30 {
		background-position:0 -960px;
	}
	
	
	.i_31 {
		background-position:0 -992px;
	}
	
	
	.i_32 {
		background-position:0 -1024px;
	}
	
	
	.i_33 {
		background-position:0 -1056px;
	}
	
	
	.i_34 {
		background-position:0 -1088px;
	}
	
	
	.i_35 {
		background-position:0 -1120px;
	}
	
	
	.i_36 {
		background-position:0 -1152px;
	}
	
	
	.i_37 {
		background-position:0 -1184px;
	}
	
	
	.i_38 {
		background-position:0 -1216px;
	}
	
	
	.i_39 {
		background-position:0 -1248px;
	}
	
	
	.i_40 {
		background-position:0 -1280px;
	}
	
	
	.i_41 {
		background-position:0 -1312px;
	}
	
	
	.i_42 {
		background-position:0 -1344px;
	}
	
	
	.i_43 {
		background-position:0 -1376px;
	}
	
	
	.i_44 {
		background-position:0 -1408px;
	}
	
	
	.i_45 {
		background-position:0 -1440px;
	}
	
	
	.i_46 {
		background-position:0 -1472px;
	}
	
	
	.i_47 {
		background-position:0 -1504px;
	}
	
	
	.i_48 {
		background-position:0 -1536px;
	}
	
	
	.i_49 {
		background-position:0 -1568px;
	}
	
	
	.i_50 {
		background-position:0 -1600px;
	}
	
	
	.i_51 {
		background-position:0 -1632px;
	}
	
	
	.i_52 {
		background-position:0 -1664px;
	}
	
	
	.i_53 {
		background-position:0 -1696px;
	}
	
	
	.i_54 {
		background-position:0 -1728px;
	}
	
	
	.i_55 {
		background-position:0 -1760px;
	}
	
	
	.i_56 {
		background-position:0 -1792px;
	}
	
	
	.i_57 {
		background-position:0 -1824px;
	}
	
	
	.i_58 {
		background-position:0 -1856px;
	}
	
	
	.i_59 {
		background-position:0 -1888px;
	}
	
	
	.i_60 {
		background-position:0 -1920px;
	}
	
	
	.i_61 {
		background-position:0 -1952px;
	}
	
	
	.i_62 {
		background-position:0 -1984px;
	}
	
	
	.i_63 {
		background-position:0 -2016px;
	}
	
	
	.i_64 {
		background-position:0 -2048px;
	}
	
	
	.i_65 {
		background-position:0 -2080px;
	}
	
	
	.i_66 {
		background-position:0 -2112px;
	}
	
	
	.i_67 {
		background-position:0 -2144px;
	}
	
	
	.i_68 {
		background-position:0 -2176px;
	}
	
	
	.i_69 {
		background-position:0 -2208px;
	}
	
	
	.i_70 {
		background-position:0 -2240px;
	}
	
	
	.i_71 {
		background-position:0 -2272px;
	}
	
	
	.i_72 {
		background-position:0 -2304px;
	}
	
	
	.i_73 {
		background-position:0 -2336px;
	}
	
	
	.i_74 {
		background-position:0 -2368px;
	}
	
	
	.i_75 {
		background-position:0 -2400px;
	}
	
	
	.i_76 {
		background-position:0 -2432px;
	}
	
	
	.i_77 {
		background-position:0 -2464px;
	}
	
	
	.i_78 {
		background-position:0 -2496px;
	}
	
	
	.i_79 {
		background-position:0 -2528px;
	}
	
	
	.i_80 {
		background-position:0 -2560px;
	}
	
	
	.i_81 {
		background-position:0 -2592px;
	}
	
	
	.i_82 {
		background-position:0 -2624px;
	}
	
	
	.i_83 {
		background-position:0 -2656px;
	}
	
	
	.i_84 {
		background-position:0 -2688px;
	}
	
	
	.i_85 {
		background-position:0 -2720px;
	}
	
	
	.i_86 {
		background-position:0 -2752px;
	}
	
	
	.i_87 {
		background-position:0 -2784px;
	}
	
	
	.i_88 {
		background-position:0 -2816px;
	}
	
	
	.i_89 {
		background-position:0 -2848px;
	}
	
	
	.i_90 {
		background-position:0 -2880px;
	}
	
	
	.i_91 {
		background-position:0 -2912px;
	}
	
	
	.i_92 {
		background-position:0 -2944px;
	}
	
	
	.i_93 {
		background-position:0 -2976px;
	}
	
	
	.i_94 {
		background-position:0 -3008px;
	}
	
	
	.i_95 {
		background-position:0 -3040px;
	}
	
	
	.i_96 {
		background-position:0 -3072px;
	}
	
	
	.i_97 {
		background-position:0 -3104px;
	}
	
	
	.i_98 {
		background-position:0 -3136px;
	}
	
	
	.i_99 {
		background-position:0 -3168px;
	}
	

	

	
	.page-property-usage a .sn_0 {
		background-position:-58px 0px;
	}
	
	.page-property-usage a:hover .sn_0 {
		background-position:-90px 0px;
	}
	
	.sn_0 {
		background-position: 0 0px;
	}
	
	.page-property-usage a.active .sn_0 {
		background-position:-26px 0px;
	}
	.page-property-usage a .sn_0 {
		background-color: #EF3C24;
	}
	
	.sl_0 {
		background-position:-116px 0px;
	}
	
	

	
	.page-property-usage a .sn_1 {
		background-position:-58px -32px;
	}
	
	.page-property-usage a:hover .sn_1 {
		background-position:-90px -32px;
	}
	
	.sn_1 {
		background-position: 0 -32px;
	}
	
	.page-property-usage a.active .sn_1 {
		background-position:-26px -32px;
	}
	.page-property-usage a .sn_1 {
		background-color: #EF3C24;
	}
	
	.sl_1 {
		background-position:-116px -32px;
	}
	
	

	
	.page-property-usage a .sn_2 {
		background-position:-58px -64px;
	}
	
	.page-property-usage a:hover .sn_2 {
		background-position:-90px -64px;
	}
	
	.sn_2 {
		background-position: 0 -64px;
	}
	
	.page-property-usage a.active .sn_2 {
		background-position:-26px -64px;
	}
	.page-property-usage a .sn_2 {
		background-color: #EF3C24;
	}
	
	.sl_2 {
		background-position:-116px -64px;
	}
	
	

	
	.page-property-usage a .sn_3 {
		background-position:-58px -96px;
	}
	
	.page-property-usage a:hover .sn_3 {
		background-position:-90px -96px;
	}
	
	.sn_3 {
		background-position: 0 -96px;
	}
	
	.page-property-usage a.active .sn_3 {
		background-position:-26px -96px;
	}
	.page-property-usage a .sn_3 {
		background-color: #EF3C24;
	}
	
	.sl_3 {
		background-position:-116px -96px;
	}
	
	

	
	.page-property-usage a .sn_4 {
		background-position:-58px -128px;
	}
	
	.page-property-usage a:hover .sn_4 {
		background-position:-90px -128px;
	}
	
	.sn_4 {
		background-position: 0 -128px;
	}
	
	.page-property-usage a.active .sn_4 {
		background-position:-26px -128px;
	}
	.page-property-usage a .sn_4 {
		background-color: #EF3C24;
	}
	
	.sl_4 {
		background-position:-116px -128px;
	}
	
	

	
	.page-property-usage a .sn_5 {
		background-position:-58px -160px;
	}
	
	.page-property-usage a:hover .sn_5 {
		background-position:-90px -160px;
	}
	
	.sn_5 {
		background-position: 0 -160px;
	}
	
	.page-property-usage a.active .sn_5 {
		background-position:-26px -160px;
	}
	.page-property-usage a .sn_5 {
		background-color: #EF3C24;
	}
	
	.sl_5 {
		background-position:-116px -160px;
	}
	
	

	
	.page-property-usage a .sn_6 {
		background-position:-58px -192px;
	}
	
	.page-property-usage a:hover .sn_6 {
		background-position:-90px -192px;
	}
	
	.sn_6 {
		background-position: 0 -192px;
	}
	
	.page-property-usage a.active .sn_6 {
		background-position:-26px -192px;
	}
	.page-property-usage a .sn_6 {
		background-color: #EF3C24;
	}
	
	.sl_6 {
		background-position:-116px -192px;
	}
	


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {

	.page-account-detail .account-dashboard .notifications .notification .icon,
	.page-account-overview .account-lists .accounts .account .header .badges .badge .icon {
		background-image: url(https://oem.pacificlight.com.sg/Resource/Image/App_Tables_Status_Icons2x?s=1750266549);
	}

	.buttons .button.menu-button .menu-icon {
		background-image: url(https://oem.pacificlight.com.sg/Resource/Image/App_Tables_Menu_Icons2x?s=1750266549);
	}

	.page-account-overview .account-lists .accounts .account .detail .properties .property .service-icon,
	.page-account-detail .account-dashboard .properties .property .services .service .icon,
	.page-property-usage .service-icon,
	.page-new-service-order .service-icon {
		background-image: url(https://oem.pacificlight.com.sg/Resource/Image/App_Tables_Services_Icons2x?s=1750266549);
		background-size: 148px auto;
	}

	.page-service-order-list .inner .service-order .icon,
	.page-service-order-details .main-heading .icon {
		background-image: url(https://oem.pacificlight.com.sg/Resource/Image/App_Tables_ServiceOrder_Icons2x?s=1750266549)
	}
}