@CHARSET "ISO-8859-1";
/****************Login Page CSS****************/


@font-face {
	font-family: "Roboto";
	src: url("/EMS/javax.faces.resource/font/Roboto/Roboto-Medium.ttf.xhtml") format("truetype");
}

.wrapper {
	margin: 0;
	min-width: 1280px;
	width: 100%;
	overflow: auto;
}

.background {
	background-color: #FAFAFA;
}

div#approvePanel>div.ui-panel-content {
	padding-left: 26% !important;
}

.innerWrapper {
	margin: 0;
}

.wrapperTable {
	height: 600px;
	width: 100%;
	position: relative;
}

div.innerWrapper table.wrapperTable tbody tr {
	vertical-align: middle;
}

div.apply-leave-wizard li.ui-wizard-step-title {
	font-size: 11px !important;
}

div.special-leave-wizard li.ui-wizard-step-title {
	font-size: 11px !important;
}

.login-div {
	width: 308px;
	height: 110px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -110px;
	text-align: center;
}

div#loginPanel div#loginPanel_header span.ui-panel-title {
	margin: 0 !important;
}

.login-div table {
	width: 100%;
	height: 80px;
}

.ajaxLodingStatus {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 1100;
}

.secondInnerDiv {
	height: 45px;
	position: absolute;
	right: 1px;
	top: 8px;
	width: 100px;
}

/* .fr .frflagCss {
	height: 15px;
	width: 30px;
	margin-top: 10px;
} */
.frflagCss {
	height: 50px;
	width: 40px;
	margin-top: 10px;
}

.usflagCss {
	height: 10px;
	width: 20px;
	margin-top: 10px;
}

/* .fr .usflagCss {
	height: 10px;
	width: 20px;
	margin-top: 10px;
} */
.greenNotification {
	background-color: #0073EA;
	text-decoration: none;
	float: right;
	width: 20px;
	padding: 5px;
	border: 1px solid #52A8FE;
	color: white !important;
	font-family: Verdana, Arial, sans-serif !important;
	font-size: 12px !important;
	margin-top: 0px;
	text-align: center;
}

.grayNotification {
	background-color: white;
	text-decoration: none;
	float: right;
	width: 20px;
	padding: 5px;
	border: 1px solid #52A8FE;
	color: #2779AA !important;
	font-family: Verdana, Arial, sans-serif !important;
	font-size: 12px !important;
	margin-top: 0px;
	text-align: center;
}
/************ Login Page Css ********************/
.header {
	height: 56px;
	font-family: Verdana, Arial, sans-serif;
	position: relative;
}

#supperHeaderDiv {
	color: white;
	margin-bottom: 0;
	/*margin-left: -33px;
	margin-right: 0;
	margin-top: 5px;*/
	text-align: center;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 37px;
}

#supperHeaderDiv .ui-widget {
	font-size: 36px !important;
}

#logoDiv {
	position: absolute;
	padding-left: 25px;
	/*padding-top: 4px;*/
	height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logoStyle {
	height: 56px;
	width: auto;
	margin-bottom: 0;
	margin-left: -16px;
	margin-right: -16px;
	margin-top: -5px;
}

.userInfo {
	float: right;
	font-size: 14px !important;
	bottom: 0;
	right: 0;
	position: absolute;
}

.info td:nth-child(2) {
	border-left: none !important;
	padding-left: 2px;
}

.info td:nth-child(1) {
	padding-right: 2px;
	color: white;
}

#logoutLink {
	color: #0073EA;
	font-size: 14px !important;
}

.linkStyle {
	text-decoration: none !important;
}

a.goToLogin:HOVER {
	color: #0073EA !important;
}

a.linkStyle:HOVER {
	color: #0073EA !important;
}

table.loginErrorTable {
	width: 100% !important;
}

div.menu>ul.ui-menu-list>li>ul.ui-menu-list>li>a>span.ui-menuitem-text {
	font-size: 13px !important;
}

div.menu>ul.ui-menu-list>li {
	border: 1px solid #52A8FE !important;
	margin: 0 5px;
	width: 150px;
	height: 48px;
}

div.menu>ul.ui-menu-list>li>ul.ui-menu-list {
	top: 46px !important;
}

div.menu>ul.ui-menu-list>li>a {
	width: 94.5%;
	height: 58%;
	padding-top: 13px;
}

div.menu>ul.ui-menu-list>li>a>span {
	width: 100%;
	text-align: center;
	font-size: 15px !important;
	font-weight: bold;
}

a#logoutLink:HOVER {
	color: #FF0084 !important;
}

.homePanel .homeTableStyle {
	width: 100%;
}

.homePanel .ui-panel-content {
	padding: 0px !important;
}

.homePanel {
	padding: 0px !important;
}

.homePanel div.ui-widget-content table tbody tr.ui-widget-content:first-child td.welcomeMessageCol
	{
	height: 80px;
	vertical-align: text-top;
}

div.welcomeMessage {
	position: relative;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
}

.welcomePageTableBlock table.welcomePageTable {
	width: 100%;
}

.applyLeaveTable, .specialLeaveInfoTable, .leaveDetailsTable {
	width: 100%;
}

.applyLeaveTable .ui-widget-header {
	color: #FFFFFF !important;
}

.applyMedLeaveTable {
	width: 100%;
}

.applyMedLeaveTable .ui-widget-header {
	color: white;
}

.medLeaveAddition {
	color: #0073EA !important;
}

.savePublicHolidayPanel .ui-panel-titlebar, .saveRTTHolidayPanel .ui-panel-titlebar
	{
	text-align: center;
}

.yearDropDown {
	width: 70px !important;
}

.paidLeaveYearDropDown {
	width: 200px !important;
}

.yearDropDown .ui-selectonemenu-label {
	text-align: left !important;
}

.center {
	text-align: center;
}

.leaveActionPanel {
	font-family: Ariel sans-serif;
	font-weight: bold;
}

.panelAction {
	font-family: Ariel sans-serif;
	font-weight: bold;
}

div.leaveActionPanel>div.ui-panel-titlebar>span.ui-panel-title {
	font-size: 20px !important;
}

div.panelAction>div.ui-panel-titlebar>span.ui-panel-title {
	font-size: 20px !important;
}

table.message {
	font-size: 16px !important;
	font-weight: bold;
}

table.message>tbody>tr.ui-widget-content {
	text-align: center !important;
	overflow: auto !important;
}

table.cancelReqMessage {
	font-size: 16px !important;
	font-weight: bold;
}

table.cancelReqMessage>tbody>tr.ui-widget-content {
	text-align: center !important;
	overflow: auto !important;
}

span.cancelReqMessage>label.ui-widget {
	font-size: 16px !important;
	font-weight: bold;
}

span.approveButtonLink>button.ui-button {
	width: 28%;
	height: 52px !important;
	font-size: 18px !important;
}

span.cancelApproveButtonLink>button.ui-button {
	width: 28%;
	height: 52px !important;
	font-size: 18px !important;
}

span.cancelRejectButtonLink>button.ui-button {
	width: 28%;
	height: 52px !important;
	font-size: 18px !important;
}

span.rejectButtonlink>button.ui-button {
	width: 28%;
	height: 52px !important;
	font-size: 18px !important;
}

.homeLink {
	padding-left: 35% !important;
}

.ehomeLink {
	padding-left: 31% !important;
}

.goHomeLink {
	padding-left: 55px !important;
}

.rejectHomeLink {
	padding: 0% 0% 0% 39%;
}

.approveHomeLink {
	padding: 0% 0% 0% 39%;
}

.cancelReqHomeLink {
	padding-left: 37.5% !important;
}

.rejectButtonlink {
	padding-left: 35% !important;
}

.approveButtonLink {
	padding-left: 35% !important;
}

span.approveButtonLink>button.ui-state-hover {
	background: green !important;
}

span.rejectButtonLink>button.ui-state-hover {
	background: red !important;
}

span.cancelApproveButtonLink>button.ui-state-hover {
	background: green !important;
}

span.cancelRejectButtonLink>button.ui-state-hover {
	background: red !important;
}

.cancelApproveButtonLink {
	padding-left: 33% !important;
}

.cancelRejectButtonLink {
	padding-left: 33% !important;
}

div.leaveActionPanel>div:nth-child(2).ui-widget-content {
	padding-left: 36% !important;
}

div.panelAction>div.ui-panel-content {
	padding-left: 520px !important;
}

div.actionTakenTable>div:nth-child(2).ui-widget-content {
	padding-left: 41% !important;
}

div.cancelReqactionPanel>div:nth-child(2).ui-widget-content {
	padding-left: 26% !important;
}

div.cancelReqactionPanel>div.ui-panel-titlebar {
	font-size: 20px !important;
}

div.actionPanel>div.ui-panel-titlebar {
	font-size: 20px !important;
}

div.actionApproved>div.ui-panel-titlebar {
	font-size: 20px !important;
}

div.actionApproved>div:nth-child(2).ui-widget-content {
	padding-left: 37.6% !important;
}

div.cancelactionApproved>div.ui-panel-titlebar {
	font-size: 20px !important;
}

div.cancelactionApproved>div:nth-child(2).ui-widget-content {
	padding-left: 34% !important;
}

span.center {
	padding-left: 580px;
}

.allPublicHolidayTable .ui-datatable-footer, .allRTTHolidayTable .ui-datatable-footer
	{
	text-align: right !important;
}

.savePublicHolidayDiv table, .saveRTTHolidayDiv table {
	width: 100%;
}

.savePublicHolidayDiv table textarea, .saveRTTHolidayDiv table textarea
	{
	width: 220px !important;
}

.annualCalendar .hasDatePicker {
	position: relative;
}

.annualCalendar .ui-datepicker {
	display: table-cell !important;
	height: 181px;
}

.annualCalendar div.ui-datepicker-header.ui-corner-left {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.annualCalendar div.ui-datepicker-header.ui-corner-right {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.ui-datepicker-group:nth-child(5), .ui-datepicker-group:nth-child(9) {
	clear: both;
}

.calendarPanel .ui-datepicker-group:nth-child(1), .calendarPanel .ui-datepicker-group:nth-child(2),
	.calendarPanel .ui-datepicker-group:nth-child(3), .calendarPanel .ui-datepicker-group:nth-child(4),
	.calendarPanel .ui-datepicker-group:nth-child(5), .calendarPanel .ui-datepicker-group:nth-child(6),
	.calendarPanel .ui-datepicker-group:nth-child(7), .calendarPanel .ui-datepicker-group:nth-child(8),
	.calendarPanel .ui-datepicker-group:nth-child(9), .calendarPanel .ui-datepicker-group:nth-child(10),
	.calendarPanel .ui-datepicker-group:nth-child(11), .calendarPanel .ui-datepicker-group:nth-child(12)
	{
	width: 23% !important;
	padding: 1% !important;
}

.ui-datepicker-group-first .ui-datepicker-header a,
	.ui-datepicker-group-last .ui-datepicker-header a {
	display: none !important;
}

.highlight-button {
	background-color: #f0f5ff;
	/* border: 1px solid #52A8FE !important; */
	width: 120px;
}

.ui-datatable-odd {
	background: #dce1e9;
}

.not-highligh-button {
	border: 1px solid #52A8FE !important;
	width: 120px;
}

td.highlight-calendar-WFH a.ui-state-default {
	color: white !important;
	background-image: none !important;
	background-color: #339999 !important;
	border-color: #339999 !important;
}

td.highlight-calendar-WFH-firsthalf a.ui-state-default {
	color: white !important;
	background-image: none !important;
	background-color: #339999 !important;
	border-color: #339999 !important;
	background-image: url("/EMS/javax.faces.resource/first_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
}

td.highlight-calendar-WFH-secondhalf a.ui-state-default {
	color: white !important;
	background-image: none !important;
	background-color: #339999 !important;
	border-color: #339999 !important;
	background-image: url("/EMS/javax.faces.resource/second_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	text-align: left;
}

.week-ends {
	background-color: #990000;
	font-weight: bold;
	color: #FDFDFD;
}

.absent {
	background-color: #FFCCFF;
	font-weight: bold;
	color: #000000;
}

.spl {
	background-color: #BCBCBC;
	font-weight: bold;
	color: #000000;
}

.wfh-table {
	background-color: #339999;
	font-weight: bold;
	color: #FFFFFF;
}

.ph {
	background-color: #990099;
	font-weight: bold;
	color: #FDFDFD;
}

.ml {
	background-color: #ffff8a;
	font-weight: bold;
	color: #000000;
}

.half-day {
	background-color: #990000;
	font-weight: bold;
	color: #FDFDFD;
}

.extra-work {
	background-color: green;
	font-weight: bold;
	color: white;
}

.no-extra-work {
	background-color: red;
	font-weight: bold;
	color: white;
}

.hours-level {
	background-color: yellow;
	font-weight: bold;
	color: black;
}
.default {
	background-color: #DCEAF3;
	color: #000000;
}

td.highlight-calendar-weekEnds a.ui-state-default {
	color: #0000ff !important;
	background-image: none !important;
	background-color: #ffffff !important;
	/* border-color: #000000!important; */
}

td.highlight-calendar-publicHoliday a.ui-state-default {
	color: #FFFFFF !important;
	background-image: none !important;
	background-color: #990099 !important;
	/* border-color: #990099 !important; */
}

td.highlight-calendar-medicalLeave a.ui-state-default {
	background-image: none !important;
	background-color: #ffff8a !important;
	border-color: #FFD8B3 !important;
	color: #080808 !important;
}

td.highlight-calendar-medicalLeave-firsthalf a.ui-state-default {
	background-image: none !important;
	background-color: #ffff8a !important;
	border-color: #FFD8B3 !important;
	color: #080808 !important;
	background-image: url("/EMS/javax.faces.resource/first_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
}

td.highlight-calendar-medicalLeave-secondhalf a.ui-state-default {
	background-image: none !important;
	background-color: #ffff8a !important;
	border-color: #FFD8B3 !important;
	color: #080808 !important;
	background-image: url("/EMS/javax.faces.resource/second_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	text-align: left;
}

td.highlight-calendar-present a.ui-state-default {
	background-image: none !important;
	background-color: #808040 !important;
	border-color: #FFFFA8 !important;
	color: #FFFFFF !important;
}

td.highlight-calendar-specialLeave a.ui-state-default {
	color: #FFFFFF !important;
	background-image: none !important;
	background-color: #bcbcbc !important;
	border-color: #BCBCBC !important;
}

td.highlight-calendar-specialLeave-firsthalf a.ui-state-default {
	color: #FFFFFF !important;
	background-image: none !important;
	background-color: #BCBCBC !important;
	border-color: #BCBCBC !important;
	background-image: url("/EMS/javax.faces.resource/first_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
}

td.highlight-calendar-specialLeave-secondhalf a.ui-state-default {
	color: #FFFFFF !important;
	background-image: none !important;
	background-color: #bcbcbc !important;
	background-image: url("/EMS/javax.faces.resource/second_half.png.xhtml?ln=images")
		!important;
	border-color: #BCBCBC !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	text-align: left;
}

td.highlight-calendar-paidLeave a.ui-state-default {
	color: #FFFFFF !important;
	background-image: none !important;
	background-color: #ff8282 !important;
	border-color: #FF8282 !important;
}

td.highlight-calendar-paidLeave-firsthalf a.ui-state-default {
	color: #FFFFFF !important;
	background-image: none !important;
	background-color: #ff8282 !important;
	border-color: #FF8282 !important;
	background-image: url("/EMS/javax.faces.resource/first_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
}

td.highlight-calendar-paidLeave-secondhalf a.ui-state-default {
	color: #FFFFFF !important;
	background-image: none !important;
	background-color: #ff8282 !important;
	border-color: #FF8282 !important;
	background-image: url("/EMS/javax.faces.resource/second_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	text-align: left;
}

td.ui-datepicker-unselectable span.ui-state-default {
	cursor: default !important;
}

.allActiveUserDataTable {
	width: 530px !important;
}

.allActiveUserDataTable .ui-datatable-scrollable-body {
	overflow-x: hidden;
}

.allActiveUserDataTable .ui-datatable-scrollable-body td {
	border-color: #DDDDDD;
	background-color: white;
}

.selectUserDiv .ui-datatable-scrollable .ui-datatable-scrollable-header
	{
	width: 528px !important;
}

.selectUserDiv .ui-datatable-scrollable-body {
	margin-right: 0px !important;
}

.selectUserDiv .ui-datatable-scrollable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box
	{
	margin-right: 0px !important;
}

.allActiveUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th:nth-child(1).ui-state-default
	{
	width: 80px !important;
}

.allActiveUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th:nth-child(2) .ui-state-default
	{
	width: 110px !important;
}

.allActiveUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th:nth-child(3) .ui-state-default
	{
	width: 120px !important;
}

.allActiveUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th:nth-child(4) .ui-state-default
	{
	width: 115px !important;
}

.allActiveUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th:nth-child(4) .ui-column-filter
	{
	width: 125px !important;
}

.allActiveUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th:nth-child(1) .ui-column-filter
	{
	width: 70px !important;
}

.allActiveUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th:nth-child(3) .ui-column-filter
	{
	width: 108px !important;
}

.ui-datatable-tablewrapper table tbody tr td.leaveStart {
	min-width: 313px !important;
}

.ui-datatable-tablewrapper table tbody tr td.leaveEnd {
	min-width: 313px !important;
	padding: 4px 4px !important;
}

.ui-datatable-tablewrapper table tbody tr td.leaveDuration {
	max-width: 10% !important;
}

.ui-datatable-tablewrapper table tbody tr td.leaveCreation {
	max-width: 10% !important;
}

.ui-datatable-tablewrapper table tbody tr td.leaveStatus {
	max-width: 10% !important;
}

div.ui-cell-editor-input td {
	border-style: none !important;
	padding: 4px 0px !important;
}

.paidLeaveCss {
	background: none repeat scroll 0 0 #ff8282 !important;
	color: white !important;
}

.rttLeaveCss {
	background: none repeat scroll 0 0 #259b24 !important;
	color: white !important;
}

.paidLeave {
	background: none repeat scroll 0 0 #e51c23 !important;
}

.rttLeave {
	background: none repeat scroll 0 0 #259b24 !important;
}

.paidLeave table tbody tr:nth-child(1) {
	background: none repeat scroll 0 0 #ff8282 !important;
}

.rttLeave table tbody tr:nth-child(1) {
	background: none repeat scroll 0 0 #259b24 !important;
}

.usersLeaveBalanceTable .ui-datatable-tablewrapper table thead tr:nth-child(3) th.trigram input.ui-column-filter
	{
	width: 46px !important;
}

.usersLeaveBalanceTableFooter {
	text-align: right;
}

.usersLeaveBalanceTable td input.manageLeaveInputText, .usersRulesTable td input.editPLaccrued
	{
	width: 36px !important;
}

.applyActionOnPaidLeaveDropdown, .applyActionOnRTTLeaveDropdown {
	width: 86px !important;
}

.applyActionOnPaidLeaveDropdown .ui-selectonemenu-trigger,
	.applyActionOnRTTLeaveDropdown .ui-selectonemenu-trigger {
	padding: 0px !important;
}

.usersLeaveBalanceTable th.applyActionOnPaidLeaveSectionColumn,
	.usersLeaveBalanceTable th.applyActionOnRTTLeaveSectionColumn {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.applyActionOnPaidLeaveSection table tbody tr td:nth-child(1),
	.applyActionOnRTTLeaveSection table tbody tr td:nth-child(1) {
	border: none !important;
	padding: 0px !important;
	float: right !important;
}

.applyActionOnPaidLeaveSection table tbody tr td:nth-child(2),
	.applyActionOnRTTLeaveSection table tbody tr td:nth-child(2) {
	border: none !important;
	padding: 0px !important;
}

.applyActionOnPaidLeaveSection table tbody tr td:nth-child(3),
	.applyActionOnRTTLeaveSection table tbody tr td:nth-child(3) {
	border: none !important;
	padding: 0px !important;
	float: left !important;
}

.applyActionOnPaidLeaveSection table tbody tr.ui-widget-content,
	.applyActionOnRTTLeaveSection table tbody tr.ui-widget-content {
	border: none !important;
}

th.officeColumn select.ui-column-filter {
	width: 100px !important;
}

th.teamColumn, th.officeColumn {
	padding: 4px 0px !important;
}

th.teamColumn select.ui-column-filter {
	width: 130px !important;
}

.insertPLButton {
	background: url("/EMS/javax.faces.resource/paidLeave-normal.png.xhtml?ln=images") no-repeat
		scroll 0 0 #ff8282 !important;
}

.insertPLButton:hover {
	background: url("/EMS/javax.faces.resource/paidLeave-mouseover.png.xhtml?ln=images")
		no-repeat scroll 0 0 #FFFFFF !important;
	border-style: solid !important;
	border-color: #ff8282 !important;
	border-width: 1px !important;
}

.insertRTTButton {
	background: url("") no-repeat
		scroll 0 0 #00E696 !important;
}

.insertRTTButton:hover {
	background: url("")
		no-repeat scroll 0 0 #00E696 !important;
	border-style: solid !important;
	border-color: #00E696 !important;
	border-width: 1px !important;
}

.insertSPLButton {
	background: url("/EMS/javax.faces.resource/specialLeave-normal.png.xhtml?ln=images")
		no-repeat scroll 0 0 #BCBCBC !important;
}

.insertSPLButton:hover {
	background: url("/EMS/javax.faces.resource/specialLeave-mouseover.png.xhtml?ln=images")
		no-repeat scroll 0 0 #BCBCBC !important;
	border-style: solid !important;
	border-color: #BCBCBC !important;
	border-width: 1px !important;
}

.insertPLButtonBig {
	background: url("/EMS/javax.faces.resource/largePaidLeave-normal.png.xhtml?ln=images")
		no-repeat 0 0 #FF8282 !important;
}

.insertPLButtonBig:hover {
	background: url("/EMS/javax.faces.resource/largePaidLeave-mouseover.png.xhtml?ln=images")
		no-repeat 0 0 #FF8282 !important;
	border: 1px none #FFFFFF !important;
}

.insertRTTButtonBig {
	background: url("")
		no-repeat 0 0 #00E696 !important;
}

.insertRTTButtonBig:hover {
	background: url("")
		no-repeat 0 0 #00E696 !important;
	border: 1px none #FFFFFF !important;
}

.insertSPLButtonBig {
	background: url("/EMS/javax.faces.resource/largeSpecialLeave-normal.png.xhtml?ln=images")
		no-repeat 0 0 #BCBCBC !important;
}

.insertSPLButtonBig:hover {
	background: url("/EMS/javax.faces.resource/largeSpecialLeave-mouseover.png.xhtml?ln=images")
		no-repeat 0 0 #BCBCBC !important;
	border: 1px none #FFFFFF !important;
}

.PLleaveBalDiv {
	background-color: #FF8282 !important;
}

.RTTleaveBalDiv {
	background-color: #00E696 !important;
}

.SPECIALleavebalDiv {
	background-color: #BCBCBC !important;
}

.PLleaveBalDiv td:nth-child(1), .RTTleaveBalDiv td:nth-child(1),
	.SPECIALleavebalDiv td:nth-child(1) {
	width: 20% !important;
}

.PLleaveBalDiv td:nth-child(2), .RTTleaveBalDiv td:nth-child(2),
	.SPECIALleavebalDiv td:nth-child(2) {
	width: 30% !important;
}

.PLleaveBalDiv td:nth-child(3), .RTTleaveBalDiv td:nth-child(3),
	.SPECIALleavebalDiv td:nth-child(3) {
	width: 40% !important;
}

.PLleaveBalDiv td:nth-child(4), .RTTleaveBalDiv td:nth-child(4),
	.SPECIALleavebalDiv td:nth-child(4) {
	width: 10% !important;
}

.leaveUpdateDataTable .ui-datatable-tablewrapper td.leaveStartsColumn .ui-cell-editor-input table tbody tr td:nth-child(1),
	.leaveUpdateDataTable .ui-datatable-tablewrapper td.leaveEndsColumn .ui-cell-editor-input table tbody tr td:nth-child(1)
	{
	width: 123px !important;
}

.leaveUpdateDataTable .ui-datatable-tablewrapper td.leaveStartsColumn .ui-cell-editor-input table tbody tr td:nth-child(2),
	.leaveUpdateDataTable .ui-datatable-tablewrapper td.leaveEndsColumn .ui-cell-editor-input table tbody tr td:nth-child(2)
	{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.leaveUpdateDataTable .leaveFromdateEdit, .leaveUpdateDataTable .leaveTodateEdit
	{
	width: 123px !important;
}

.leaveUpdateDataTable .leaveFromdateEdit span input.ui-inputfield,
	.leaveUpdateDataTable .leaveTodateEdit span input.ui-inputfield,
	.appliedleavesTable .leaveFromdateEdit span input.ui-inputfield,
	.appliedleavesTable .leaveTodateEdit span input.ui-inputfield {
	width: 81px !important;
}

.appliedleavesTable .ui-widget-header {
	color: #FFFFFF !important;
}

.leaveUpdateDataTable .ui-datatable-tablewrapper td.leaveStartsColumn .ui-cell-editor-input table tbody tr td:nth-child(2) .ui-selectonemenu,
	.leaveUpdateDataTable .ui-datatable-tablewrapper td.leaveEndsColumn .ui-cell-editor-input table tbody tr td:nth-child(2) .ui-selectonemenu,
	.appliedleavesTable .ui-datatable-tablewrapper td.leaveStart .ui-cell-editor-input table tbody tr td:nth-child(2) .ui-selectonemenu,
	.appliedleavesTable .ui-datatable-tablewrapper td.leaveEnd .ui-cell-editor-input table tbody tr td:nth-child(2) .ui-selectonemenu
	{
	min-width: 95px !important;
}

div.leaveStatusmenu {
	width: -moz-available !important;
	min-width: 95px !important;
}

.updatePLBalDiv tr.ui-widget-content {
	background: #FF8282 none !important;
	border: 1px solid #FF8282 !important;
}

.updateRTTBalDiv tr.ui-widget-content {
	background: #00E696 none !important;
	border: 1px solid #00E696 !important;
}

.updateSPCLBalDiv tr.ui-widget-content {
	background: #BCBCBC none !important;
	border: 1px solid #BCBCBC !important;
}

.logScrollPanel {
	height: 400px;
	width: 727px;
}

.teamBalancePanel .ui-panel-titlebar .ui-selectonemenu {
	width: 125px !important;
	text-align: justify;
}

.reportsPanel .ui-widget-header span .leaveTypeDroDownCss {
	width: 125px !important;
	text-align: left !important;
}

.reportsPanel .ui-widget-header span .monthDropDownCss {
	/* width: 100px !important; */
	text-align: left !important;
}

.calendarPanel .ui-widget-header span.ui-panel-title input.ui-inputfield
	{
	width: 65px;
}

.specialLeaveInfoTable tbody .specialLeaveTypes {
	width: 250px !important;
}

.specialLeaveTypes label.ui-selectonemenu-label {
	width: 223px !important;
}

.fromDateRadio table.ui-widget, .toDateRadio table.ui-widget {
	margin-left: auto !important;
	margin-right: auto !important;
}

td.nestedColumn {
	width: 33% !important;
	border-color: white !important;
}

.ui-datatable .nestedTable {
	width: 100% !important;
}

.appliedleavesTable .ui-cell-editor-input table.leaveStartOnColumn tbody  td:first-child,
	.appliedleavesTable .ui-cell-editor-input table.leaveEndOnColumn tbody  td:first-child
	{
	width: -moz-min-content;
	text-align: left;
}

.medicalLeaves .ui-datatable-header {
	background: #FFD8B3 none !important;
}

.applyLeaveDiv table thead tr:first-child .ui-widget-header {
	background: #673ab7 none !important;
	color: white;
}

.paidDataTableHeaderStyle .ui-widget-header {
	background-image: none !important;
	background-color: #ff8282 !important;
	padding: 0px !important;
	color: white;
}

.rttDataTableHeaderStyle .ui-widget-header {
	background-image: none !important;
	background-color: #259b24 !important;
	padding: 0px !important;
	color: white;
}

.specialDataTableHeaderStyle .ui-widget-header {
	background-image: none !important;
	background-color: #5677fc !important;
	padding: 0px !important;
	color: white;
}

.innerPanelStyle table {
	margin-left: auto;
	margin-right: auto;
}

.innerPanelStyle div {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.innerPanelStyle table tbody tr td:nth-child(2) table.leaveTypeLineDirection tbody tr td:nth-child(2)
	{
	color: #e51c23;
	padding-right: 30px;
	font-weight: bold;
}

.innerPanelStyle table tbody tr td:nth-child(2) table.leaveTypeLineDirection tbody tr td:nth-child(4)
	{
	color: #259b24;
	padding-right: 30px;
	font-weight: bold;
}

.innerPanelStyle table tbody tr td:nth-child(2) table.leaveTypeLineDirection tbody tr td:nth-child(6)
	{
	color: #5677fc;
	padding-right: 30px;
	font-weight: bold;
}

.innerPanelStyle table tbody tr td:nth-child(2) table.leaveTypeLineDirection tbody tr td:nth-child(8)
	{
	color: #673ab7;
	padding-right: 30px;
	font-weight: bold;
}

.selectFirstDialog .ui-widget-content {
	border-color: white !important;
}

td.balancePLLink a label, td.balanceRTTLink a label {
	cursor: pointer;
}

.savePublicHolidayPanel .ui-widget-header, .allPublicHolidayTable div:nth-child(1).ui-widget-header
	{
	background-image: none !important;
	background-color: #990099 !important;
	color: #ffffff !important;
}

.saveRTTHolidayPanel .ui-widget-header, .allRTTHolidayTable div:nth-child(1).ui-widget-header
	{
	background-image: none !important;
	background-color: #259b24 !important;
	color: white !important;
}

.applyLeavePanelPaid div:nth-child(1).ui-widget-header,
	.applyLeavePanelPaid td.ui-widget-header {
	background-image: none !important;
	background-color: #e51c23 !important;
}

.applyLeavePanelRtt div:nth-child(1).ui-widget-header,
	.applyLeavePanelRtt td.ui-widget-header {
	background-image: none !important;
	background-color: #259b24 !important;
}

.applyLeavePanelSpecial div:nth-child(1).ui-widget-header,
	.applyLeavePanelSpecial td.ui-widget-header {
	background-image: none !important;
	background-color: #5677fc !important;
}

.medicalLeavePanel div:first-child.ui-widget-header {
	background-image: none !important;
	background-color: #FFD8B3 !important;
	color: white;
}

.applyLeavePanelPaid div span.ui-panel-title label.ui-widget,
	.applyLeavePanelRtt div span.ui-panel-title label.ui-widget,
	.applyLeavePanelSpecial div span.ui-panel-title label.ui-widget {
	font-size: 13px !important;
	color: #FFFFFF !important;
}

.welcomePageTableBlock table.welcomePageTable tbody tr:nth-child(4).ui-widget-content
	{
	background-image: none !important;
	background-color: #F0F0F0 !important;
	font-weight: bold;
}

.sourceUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box,
	.targetUserDataTable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box
	{
	padding: 0;
	width: 100%;
}

.sourceUserDataTable .ui-datatable-header {
	color: #FFFFFF !important;
}

.targetUserDataTable .ui-datatable-header {
	color: #FFFFFF !important;
}

.sourceUserDataTable .ui-datatable-scrollable-header th:nth-child(1),
	.targetUserDataTable .ui-datatable-scrollable-header th:nth-child(1) {
	width: 62.5% !important;
}

.sourceUserDataTable .ui-datatable-scrollable-header th:nth-child(2),
	.targetUserDataTable .ui-datatable-scrollable-header th:nth-child(2) {
	width: 43.5% !important;
}

div.sourceUserDataTable div.ui-datatable-scrollable-body, div.targetUserDataTable div.ui-datatable-scrollable-body
	{
	margin-right: 0px !important;
}

div.sourceUserDataTable div.ui-datatable-scrollable-body td:nth-child(2),
	div.targetUserDataTable div.ui-datatable-scrollable-body td:nth-child(2)
	{
	text-align: center !important;
}

div.sourceUserDataTable div.ui-datatable-scrollable-body col:nth-child(2),
	div.targetUserDataTable div.ui-datatable-scrollable-body col:nth-child(2)
	{
	width: 36% !important;
}

div.sourceUserDataTable div.ui-datatable-scrollable-body col:nth-child(1),
	div.targetUserDataTable div.ui-datatable-scrollable-body col:nth-child(1)
	{
	width: 64% !important;
}

div.sourceUserDataTable div.ui-datatable-scrollable-body table tbody tr td:nth-child(1),
	div.targetUserDataTable div.ui-datatable-scrollable-body table tbody tr td:nth-child(1)
	{
	border-right-color: white !important;
}

.leaveReasonClass .ui-widget-header {
	color: #FFFFFF !important;
}

div.notifyOthersWidget .ui-widget-content .sourceUserDataTable, div.notifyOthersWidget .ui-widget-content .targetUserDataTable,
	div.usersDialog .ui-widget-content .sourceUserDataTable, div.usersDialog .ui-widget-content .targetUserDataTable
	{
	width: 340px;
}

div.notifyOthersWidget .ui-widget-header {
	color: #FFFFFF;
}

.notifyOthersWidget .ui-widget-header .ui-dialog-title {
	width: 100%;
}

.closeDialogCss {
	padding: 0px !important;
	float: right !important;
	margin: 0px !important;
	top: 0px !important;
	color: #FFFFFF !important;
}

td.takeActionCss {
	width: 164px;
	min-width: 166px;
}

td.trigram {
	width: 58px !important;
}

td.fullname {
	width: 190px !important;
}

td.startsOn, td.endsOn {
	width: 236px !important;
}

.paidDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(1),
	.rttDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(1),
	.specialDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(1),
	.specialDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(3),
	.paidDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(3),
	.rttDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(3)
	{
	width: 5% !important;
}

.paidDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(2),
	.rttDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(2),
	.specialDataTableHeaderStyle .ui-widget-header table tbody tr td:nth-child(2)
	{
	width: 90% !important;
}

.paidDataTableHeaderStyle .ui-widget-header tbody td,
	.specialDataTableHeaderStyle .ui-widget-header tbody td,
	.rttDataTableHeaderStyle .ui-widget-header tbody td {
	border-style: none !important;
}

.usersDialog .ui-widget-content table.usersDialogTableToEdit tbody tr:not
	 (.ui-datatable-selectable ):nth-child(1) td:nth-child(1) {
	text-align: right !important;
}

.usersDialog .ui-widget-content table.usersDialogTableToEdit tbody tr:nth-child(1) td:nth-child(3)
	{
	text-align: left !important;
}

th.scrolableteamColumn {
	padding-left: 0px !important;;
	padding-right: 0px !important;
}

th.scrolableteamColumn select {
	width: 100% !important;
}

/* ############################## CustomCalendar Start ################################## */
.WEEKEND {
	background-color: #808080;
	color: #FFFFFF;
}

.PUBLIC_HOLIDAY {
	background-color: #990099;
	color: #FFD800;
}

.PAID_LEAVE, .PAID_LEAVE_FIRST_HALF, .PAID_LEAVE_LAST_HALF {
	background-color: #E74C3C;
}

.APPLIED, .APPLIED_FIRST_HALF, .APPLIED_LAST_HALF {
	background-color: #F7FFA8;
}

.RTT, .RTT_FIRST_HALF, .RTT_LAST_HALF {
	background-color: #2ECC85;
}

.RTT_FIRST_HALF, .PAID_LEAVE_FIRST_HALF, .SPECIAL_LEAVE_FIRST_HALF,
	.MEDICAL_LEAVE_FIRST_HALF, .APPLIED_FIRST_HALF, td.heighlight-firstHalf a.ui-state-default
	{
	background-image: url("/EMS/javax.faces.resource/first_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
}

.RTT_LAST_HALF, .PAID_LEAVE_LAST_HALF, .SPECIAL_LEAVE_LAST_HALF,
	.MEDICAL_LEAVE_LAST_HALF, .APPLIED_LAST_HALF, td.heighlight-lastHalf a.ui-state-default
	{
	background-image: url("/EMS/javax.faces.resource/second_half.png.xhtml?ln=images")
		!important;
	background-repeat: no-repeat !important;
	text-align: left !important;
	background-position: right !important;
}

.SPECIAL_LEAVE, .SPECIAL_LEAVE_FIRST_HALF, .SPECIAL_LEAVE_LAST_HALF {
	background-color: #BCBCBC;
}

.MEDICAL_LEAVE, .MEDICAL_LEAVE_FIRST_HALF, .MEDICAL_LEAVE_LAST_HALF {
	background-color: #ffff8a;
}

.WORK_FROM_HOME {
	background-color: #339999;
}

.customCalendarHead th {
	font-weight: normal !important;
}

.columnStyle {
	width: 2.43% !important;
}
/* ############################## CustomCalendar End ################################## */

/*********************************************************************************************/
.StyleInteamLeadpage {
	height: 24px !important;
	width: 24px !important;
}

.buttonStyLeaveInsert {
	width: 50px;
	height: 31px;
}

.ui-corner-all {
	border-radius: 7px !important;
}

.ui-widget {
	font-size: 12px !important;
	font-family: Verdana, Arial, sans-serif !important;
	vertical-align: middle !important;
}

.leaveModificationUsersTable .ui-datatable-header, .usersRulesTable .ui-datatable-header,
	.userDataTableForReport .ui-datatable-header, .insertLeaveUsersTable .ui-datatable-header,
	.teamWiseBalanceDataTable .ui-datatable-header, .allActiveUserDataTable .ui-datatable-header,
	.selectableUsersTable .ui-datatable-header {
	text-align: right !important;
}

.usersDataTable .ui-datatable-header .holderDiv {
	position: relative;
}

.usersDataTable .ui-datatable-header .holderDiv .secondDiv {
	float: right;
	font-size: 14px !important;
	bottom: -2px;
	right: 0;
	position: absolute;
}

.usersDataTable .ui-datatable-header .holderDiv .firstDivv {
	padding-top: 3px;
	padding-bottom: 3px;
}

.ui-outputlabel-rfi {
	color: #FF0000;
}

td.ui-datepicker-week-end span.ui-state-default {
	color: white;
	background-color: #990000 !important;
	background-image: none !important;
}

td.ui-datepicker-week-end a.ui-state-default {
	background-image: none !important;
	background-color: #990000;
	color: #FFFFFF;
	/* cursor: default !important; */
}

td.makeWeekEndSelectable span.ui-state-default, td.makeWeekEndSelectable a.ui-state-default
	{
	cursor: pointer !important;
}

td.ui-datepicker-other-month {
	background-color: inherit !important;
}

.ui-panel-titlebar {
	text-align: center !important;
	padding: 0.5em 1em !important;
}

.noHeader .ui-dialog-titlebar {
	display: none !important;
}

.noHeader .ui-dialog-titlebar {
	text-align: center;
}

.noHeader .ui-dialog-title {
	float: none !important;
}

.noHeader .ui-widget-content {
	text-align: center;
}

td.center .ui-button-icon-only {
	width: 20px !important;
	height: 20px !important;
}

.ui-overlay-visible table {
	margin-left: auto;
	margin-right: auto;
}

.collapsedDiv {
	bottom: 0px;
	position: absolute;
}

.collapseDivCalendarPage {
	left: 40%;
}

.collapseDivApplyLeavePage {
	left: 47%;
}

.collapsedDiv .ui-state-default {
	border-color: black !important;
}

.ui-editable-column .ui-inputfield {
	width: 98px !important;
}

.ui-notificationbar { /* height: 130px!important; */
	width: 97.7% !important;
	opacity: .90;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
	color: #0073EA;
	font-size: 36px !important;
	border-color: white black black black !important;
	background-image: none !important;
	background-color: #F8F8F8 !important;
	padding-top: 30px !important;
}

.backtotop {
	position: fixed;
	bottom: 15px;
	right: 2px;
	height: 27px;
	width: 87px;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	padding: 1em;
	display: none;
}

.ui-panel-title {
	margin: 0.1em 0px 0.1em 0 !important;
	color: white !important;
}

a.ui-state-highlight {
	background:
		url("/EMS/javax.faces.resource/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png.xhtml?ln=primefaces-flick")
		repeat-x scroll 50% 50% #F6F6F6 !important;
	border-color: #DDDDDD !important;
	color: black !important;
	font-size: 14px !important;
	padding: 1.5px !important;
	text-align: center !important;
}

.fr .frflagCss {
	height: 19px;
	width: 23px;
	margin-top: -8px;
}

.en .frflagCss {
	height: 17px;
	width: 15px;
	margin-top: -2px;
}

.en .usflagCss {
	height: 19px;
	width: 23px;
	margin-top: -8px;
}

.fr .usflagCss {
	height: 17px;
	width: 15px;
	margin-top: -2px;
}

.adjustFlagDivider {
	height: 16px;
	margin-top: 0px;
	width: 3px;
}

div#rejectPanel>div.ui-panel-content {
	padding-left: 26% !important;
}

.alignReset {
	text-align: right;
	margin-top: -17px;
}

td.highlight-calendar-special-pendingApprobation a.ui-state-default {
	background-image: none;
	background-color: #bcbcbc !important;
	border-color: #DDDDDD !important;
	color: #ffffff !important;
}

.secondhalfday-highlight-calendar-general-pendingApprobation {
	float: left;
	width: 44%;
	border: 1px solid #ddd;
}

.firsthalfday-highlight-calendar-general-pendingApprobation {
	float: left;
	background-color: #F5A9A9;
	width: 44%;
	border: 1px solid #ddd;
}

.partitionClass1 {
	background-color: #fff !important;
	width: 50%;
	float: right;
}

.extraAdd {
	background-color: #F5A9A9 !important;
	width: 50%;
	float: right;
}

.extraAdd a {
	background-color: #F5A9A9 !important;
}

.partitionClass1 a {
	background-color: #fff !important;
	color: #0073ea !important;
}

td.highlight-calendar-general-pendingApprobation a.ui-state-default {
	background-image: none;
	background-color: #f9bdbb;
	border-color: #DDDDDD !important;
	color: #ffffff;
}

.halfday-highlight-calendar-general-pendingApprobation {
	background-image: none;
	background-color: #F5A9A9 !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
	border-color: #DDDDDD #F5A9A9 !important;
	color: #ffffff !important;
	width: 50%;
	float: left;
}

td.highlight-calendar-rtt-pendingApprobation a.ui-state-default {
	color: #ffffff !important;
	background-image: none;
	background-color: #a3e9a4 !important;
	border-color: #DDDDDD !important;
}

.star {
	color: #FF0000;
}

.cancelButton {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.cancelButton:hover {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.buttonStyLeaveCancel {
	width: 22px;
	height: 22px;
}

.uploadButton {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.uploadButton:hover {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.buttonStyleUploadButton {
	width: 22px;
	height: 22px;
}

.infoButton {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.infoButton:hover {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.buttonStyleInfoButton {
	width: 22px;
	height: 22px;
}

.deleteButton {
	background: url("") no-repeat 0 0
		#BCBCBC !important;
}

.deleteButton:hover {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.buttonStyleDeleteButton {
	width: 22px;
	height: 22px;
}

.commentButton {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.commentButton:hover {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.buttonStyleCommentButton {
	width: 22px;
	height: 22px;
}

.downloadButton {
	background: url("") no-repeat
		!important;
	border: none !important;
}

.downloadButton:hover {
	background: url("") no-repeat
		!important;
	border: none !important;
}

.buttonStyleDownloadButton {
	width: 22px !important;
	height: 22px !important;
}

.editButton {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.editButton:hover {
	background: url("") no-repeat 0 0
		!important;
	border: none !important;
}

.buttonStyleEditButton {
	width: 22px;
	height: 22px;
}


.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border-style: none !important;
    overflow: hidden;
    padding: 0px 0px !important;
}

.ui-datatable tr.ui-state-highlight {
	cursor: pointer;
	background-color: #6d86b8 !important;
	border-style: none !important;
}

.resetButton:hover {
	background: url("/EMS/javax.faces.resource/hover.jpg.xhtml?ln=images") no-repeat 0 0
		!important;
	background-color: #6d86b8;
	height: 25px;
    width: 26px;
    border-color: #6d86b8;
}

.resetButton {
	background: url("/EMS/javax.faces.resource/refresh.jpg.xhtml?ln=images") no-repeat 0 0
		!important;
	height: 25px;
    width: 26px
}

.buttonStyleResetButton {
	width: 22px;
	height: 22px;
}

.fifteen-percent {
	width: 15%;
}

.twenty-percent {
	width: 20%;
}

.thirty-two-percent {
	width: 32%;
}
.twenty-five-percent{
	width: 25%;
}

.thirty-percent {
	width: 30%;
}

.thirty-five-percent {
	width: 35%;
}

.sixty-five-percent {
	width: 65%;
}

.fourty-percent {
	width: 40%;
}

.fourty-five-percent {
	width: 45%;
}
.fifty-percent {
	width: 50%;
}
.fourteen-percent{
	width: 14%;
}
.fifty-five-percent {
	width: 55%;
}

.sixty-percent {
	width: 60%;
}

.seventy-percent {
	width: 70%;
}

.thirtytwo-percent {
	width: 32%;
}

.sixtyeight-percent {
	width: 68%;
}

.top-alignment {
	vertical-align: top;
}

.ninety-percent {
	width: 90%;
}

.ten-percent {
	width: 10%;
}

.fourty-seven-percent {
	width: 47%;
}

.six-percent {
	width: 6%;
}

.image-effect {
	border: solid 1px #CCC;
	height: 30px;
	width: 30px;
	padding: 1px;
	border-radius: 50% 50% 50% 50%;  
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 0 18px;
	cursor: pointer;
}

.square-image-effect {
	background-size: 100px 100px;
	height: 100px;
	width: 100px;
	max-height: 100%;
	max-width: 100%;
	object-fit:cover;
	object-position:top;
}

.large-image-effect {
	border: solid 1px #CCC;
	height: 88px;
	width: 79px;
	padding: 1px;
}

.medical-certificate {
	border: solid 1px #CCC;
	height: 500px;
	width: 800px;
	padding: 5px;
}

.notification-highlight {
	background-color: #a7aeb4;
}

.notification-seen {
	background-color: white;
}

.twenty-percent {
	width: 20%;
}

.label {
	text-align: left;
	width: 30%;
}

.value {
	text-align: left;
	width: 70%;
}

.dataTableResetFilter {
	text-align: right;
}

/* .resetButton:hover {
	background: #F6CECE !important;
} */
.insertSPLButton {
	background: url("/EMS/javax.faces.resource/specialLeave-normal.png.xhtml?ln=images")
		no-repeat scroll 0 0 #BCBCBC !important;
}

.insertSPLButton:hover {
	background: url("/EMS/javax.faces.resource/specialLeave-mouseover.png.xhtml?ln=images")
		no-repeat scroll 0 0 #BCBCBC !important;
	border-style: solid !important;
	border-color: #BCBCBC !important;
	border-width: 1px !important;
}

.insertPLButton {
	background: url("/EMS/javax.faces.resource/paidLeave-normal.png.xhtml?ln=images") no-repeat
		scroll 0 0 #FF8282 !important;
}

.insertPLButton:hover {
	background: url("/EMS/javax.faces.resource/paidLeave-mouseover.png.xhtml?ln=images")
		no-repeat scroll 0 0 #FFFFFF !important;
	border-style: solid !important;
	border-color: #FF8282 !important;
	border-width: 1px !important;
}

.StyleInteamLeadpage {
	height: 24px !important;
	width: 24px !important;
}

div.columnsTable .ui-datatable-scrollable-header-box {
	padding: 0px;
}

.subMenu ul.ui-menu-list>li {
	border: 1px;
	border-color: #d7d7d7;
	margin: 0 5px;
}

.subMenu ul.ui-corner-all {
	border-radius: 0px !important;
}

div.subMenu>ul.ui-menu-list>li>ul.ui-menu-list>li>a>span.ui-menuitem-text
	{
	font-size: 13px !important;
}

div.subMenu>ul.ui-menu-list>li {
	border: 1px;
	border-color: #d7d7d7;
	margin: 0 5px;
}

div.subMenu>ul.ui-menu-list>li>ul.ui-menu-list {
	top: 46px !important;
}

/* div.subMenu>ul.ui-menu-list>li>a {
	width: 94.5%;
	height: 58%;
	padding-top: 13px;
} */
div.subMenu>ul.ui-menu-list>li>a>span {
	width: 100%;
	text-align: center;
	font-size: 13px !important;
	font-weight: bold;
}

.ui-datatable.borderless thead th, .ui-datatable.borderless tbody,
	.ui-datatable.borderless tbody tr, .ui-datatable.borderless tbody td {
	border-style: none;
}

table.ui-panelgrid.login-table>tbody>tr.ui-widget-content, table.ui-panelgrid.login-table>tbody>tr.ui-widget-content>td.ui-panelgrid-cell
	{
	border: none !important;
}

table.ui.panelgrid.calendar-table>tbody>tr.ui-widget-content, table.ui.panelgrid.calendar-table>tbody>tr.ui-widget-content>td.ui-panelgrid-cell
	{
	border-style: none !important;
	border-collapse: none !important;
	border-bottom: none !important;
}

table.borderLessTable tr td {
	border-style: hidden !important;
}

div.sourceUserDataTable div.ui-datatable-scrollable-body, div.targetUserDataTable div.ui-datatable-scrollable-body
	{
	margin-right: 1px !important;
}

th.scrolableteamColumn {
	padding-left: 0px !important;;
	padding-right: 0px !important;
}

th.scrolableteamColumn select {
	width: 100% !important;
}

.ui-panel.footerAdjust .ui-panel-footer {
	border-width: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}

.ui-datatable-scrollable:not(.my-scrollable-table) .ui-datatable-scrollable-header-box  {
	margin-right: 0px !important;
}

.ui-panelgrid.adjustGridFooter .ui-panelgrid-footer {
	text-align: center;
}

.ui-panel.publicHolidayHeaderAdjust .ui-widget-header {
	    background: none;
    background-color: #990099 !important;
    border: 1px solid #800080 !important;
    color: white;
    font-weight: bold;
}

.ui-panel.paidLeaveHeaderAdjust .ui-widget-header {
	background: none;
	background-color: #ff8282 !important;
	border: 1px solid #ff8282 !important;
	color: white !important;
	font-weight: bold;
}

.ui-panel.specialLeaveHeaderAdjust .ui-widget-header {
	background: none;
	background-color: #bcbcbc !important;
	border: 1px solid #bcbcbc !important;
	color: white;
	font-weight: bold;
}

.ui-panel.medicalLeaveHeaderAdjust .ui-widget-header {
	background: none;
    background-color: #ffff8a !important;
    border: 1px solid #f1f137 !important;
    color: black !important;
    font-weight: bold;
    -webkit-text-fill-color: black;
}
    
.ui-panel.wfhHeaderAdjust .ui-widget-header {
	background: none;
    background-color: #339999 !important;
    border: 1px solid #2d8686 !important;
    color: white;
    font-weight: bold;
}
    
div.apply-leave-wizard .ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	background: #ff8282 none repeat-x scroll 50% 50%;
	border: 1px solid #ff8282;
	color: #000000 !important;
	background-color: #ff8282 !important;
}

div.paid-leave-title .ui-state-default {
	color: #ff8282;
}

div.special-leave-wizard .ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	background: #bcbcbc none !important repeat-x scroll 50% 50%;
	border: 1px solid #bcbcbc;
	color: #000000 !important;
	background-color: #bcbcbc !important;
}

div.special-leave-title .ui-state-default {
	color: #bcbcbc;
}

.ui-datatable th.ui-state-default {
	background: #F1F6FF none repeat scroll 0 0 !important;
}

.ui-datatable th.ui-state-hover {
	background: #F1F6FF none repeat scroll 0 0 !important;
	color: black !important;
}

.ui-datatable th.ui-state-focus {
	color: #ff0084;
}

.ui-datatable th:focus,
.ui-datatable div.ui-datatable-scrollable-body:focus {
	outline-style: none;
	outline-width: 0;
}

.ui-datatable th.ui-state-hover .ui-icon {
	background-image:
		url("/EMS/javax.faces.resource/images/ui-icons_666666_256x240.png.xhtml?ln=primefaces-flick");
}

.ui-panel.applyLeaveTable .ui-widget-header {
	background: none;
	background-color: #6D86B8;
	border: 1px solid #6D86B8;
	color: white;
	font-weight: bold;
}

.ui-datatable.paid-leave-table .ui-widget-header {
	background: none !important;
	background-image: none !important;
	background-color: #ff8282 !important;
	border: 1px solid #ff8282;
	color: white;
	font-weight: bold;
}

.ui-datatable.spl-leave-table .ui-widget-header {
	background: none !important;
	background-image: none !important;
	background-color: #bcbcbc !important;
	border: 1px solid #bcbcbc;
	color: white;
	font-weight: bold;
}

.ui-panel.calendarPanel .ui-widget-header {
	background: none;
	background-color: #6D86B8;
	border: 1px solid #6D86B8;
	color: white;
	font-weight: bold;
}

.ui-panel.headerPanel .ui-widget-header {
	background: none;
	background-color: #6D86B8;
	border: 1px solid #6D86B8;
	color: white;
	font-weight: bold;
}

.global-header {
	background: none !important;
	background-color: #6D86B8 !important;
	border: 1px solid #6D86B8 !important;
	color: white;
	font-weight: bold;
}

.application-header {
	background-color: #6D86B8 !important;
	background-image: none !important;
}
/* .ui-widget-header{
	background: none !important;
    background-color: #6D86B8 !important;
    border: 1px solid #6D86B8 !important;
    color: white;
    font-weight: bold;
} */
.ui-menu .ui-menuitem-link {
	border: none !important;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: 400;
	line-height: 14px;
	outline: medium none;
	padding: 0.3em;
	text-decoration: none;
	width: 92%;
}

.ui-tabs.tab-header .ui-widget-header {
	background: none !important;
	background-color: #6D86B8 !important;
	background-image: none !important;
	border: 1px solid #6D86B8 !important;
	color: #444444;
	font-weight: bold;
}

.ui-tab.leavetab-header .ui-widget-header {
	background: none !important;
	background-color: #6D86B8;
	background-image: none !important;
	border: 1px solid #6D86B8;
	color: #444444;
	font-weight: bold;
}

.ui-tabs.hometab-header .ui-widget-header {
	background: none !important;
	background-color: #6D86B8 !important;
	background-image: none !important;
	border: 1px solid #6D86B8 !important;
	color: white;
	font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar {
	background: none !important;
	background-color: #6D86B8 !important;
	background-image: none !important;
	border: 1px solid #6D86B8 !important;
	color: #ffffff;
	font-weight: bold;
}
.ui-datatable-header .ui-widget-header{
	background: none !important;
	background-color: #6D86B8 !important;
	background-image: none !important;
	border: 1px solid #6D86B8 !important;
	color: #444444;
	font-weight: bold;
}
.ui-overlaypanel.overlay-padding-adjust .ui-overlaypanel-content {
	padding: 0em 0em;
}

.ui-panel.overlay-footer .ui-panel-footer {
	border-width: 1px 0 0;
	margin: 0.1em 0 0;
	padding: 0.33em 0;
	text-align: right;
	background-color: #6d86b8;
	background-image: none;
}

.ui-panel.panel-content .ui-panel-content {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	padding: 1.7em 1em !important;
}

.ui-panel.over-lay {
	padding: 0 !important;
}

.ui-panel.panel-height .ui-panel-content {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	padding: 1.35em 1em;
}

.ui-corner-all.corner-adjust {
	border-radius: 0px !important;
}

.ui-panelgrid.photo-padding-adjust .ui-panelgrid-cell {
	border-color: inherit;
	border-style: solid;
	border-width: 1px;
	padding: 0 !important;
}

.change-photo {
	background: rgba(78, 144, 254, 0.7) none repeat scroll 0 0;
	color: #fff !important;
	font-size: 9px !important;
	font-weight: bolder;
	left: 15px;
	line-height: 12px;
	padding: 4px;
	position: absolute;
	text-align: center;
	width: 91px;
	top: 118px;
}

.change-photo-user {
	background: rgba(78, 144, 254, 0.7) none repeat scroll 0 0;
	color: #fff !important;
	font-size: 9px !important;
	font-weight: bolder;
	padding: 7px 6px 7px 7px;
	text-align: center;
}

.download-certificate {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(78, 144, 254, 0.5);
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	color: #fff !important;
	font-size: 1em !important;
	font-weight: bolder;
	height: 23px;
	left: 13px;
	line-height: 12px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	position: absolute;
	text-align: center;
	top: 486px;
	width: 96%
}

.ui-button.myaccount-button {
	cursor: pointer;
	display: inline-block;
	margin: 0px 47px 0px 4px !important;
	overflow: visible;
	padding: 0;
	position: unset;
	text-align: left;
	margin-left: 1px;
	text-decoration: none !important;
}

.ui-button.sign-out-button {
	cursor: pointer;
	display: inline-block;
	/* margin-right: 0.33em !important; */
	left: -3px;
	overflow: visible;
	padding: 0;
	position: relative;
	text-align: center;
	text-decoration: none !important;
}

.ui-tooltip.ui-tooltip-content {
	border-style: dashed !important;
	border-width: 0 !important;
	overflow: unset !important;
	padding: 0;
	position: relative;
	text-align: left;
	word-wrap: break-word;
}

.custom-style {
	height: 100%;
	margin: -6px -10px -5px;
	text-align: center;
	width: 108%;
	border-style: none !important;
}

.notification-style {
	background-color: WHITE;
	border: 1px solid lightskyblue;
	color: white;
	cursor: pointer;
	left: -11px;
	margin: -6px 1px;
	padding: 6px;
	position: absolute;
	text-decoration: none !important;
	top: 11px;
	z-index: 3;
}

.paddingOff {
	padding: 0px !important;
}

.ui-panelgrid.edit-profile .ui-widget-header {
	color: black !important;
	font-weight: bold;
	background-color: white !important;
	background-image: none !important;
}

.edit-profile-header-label {
	float: left;
	margin-bottom: 0;
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 2px;
	right: 0;
}

.edit-profile-labels {
	font-weight: bold;
}

.ui-dialog.dialog-header .ui-widget-header {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #6d86b8 !important;
	background-image: none !important;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	color: white;
	font-weight: bold;
}

.ui-dialog.dialog-header-paid-leave .ui-widget-header {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ff8282 !important;
	background-image: none !important;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	color: white;
	font-weight: bold;
}

.ui-dialog.dialog-header-special-leave .ui-widget-header {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #bcbcbc !important;
	background-image: none !important;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	color: white;
	font-weight: bold;
}


.update-button {
	left: 38%;
}

.cancel-button {
	left: 42%;
}

.ui-datatable.paid-leave-table-header th.ui-state-default {
	background-attachment: scroll !important;
	background-clip: border-box !important;
	background-color: #ffdfdf !important;
	background-image: none !important;
	background-origin: padding-box !important;
	background-position: 0 0 !important;
	background-repeat: repeat !important;
	background-size: auto auto !important;
	color: #6c6c6c;
}

.ui-datatable.special-leave-table-header th.ui-state-default {
	background-attachment: scroll !important;
	background-clip: border-box !important;
	background-color: #e1e1e1 !important;
	background-image: none !important;
	background-origin: padding-box !important;
	background-position: 0 0 !important;
	background-repeat: repeat !important;
	background-size: auto auto !important;
}

.ui-datatable.public-holiday-table-header th.ui-state-default {
	background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #ffcaff !important;
    background-image: none !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
}

.holiday-grid {
	border-color: rgb(153, 0, 153) ! important;
	border-style: none ! important;
	border-collapse: collapse;
}

.ui-inputfield.public-holiday-inputtext {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #990099 inset;
	color: #444444;
}

span.public-holiday-calendar .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #990099 inset;
	color: #444444;
}

span.paid-leave-date-picker .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #ff8282 inset;
	color: #444444;
}

span.special-leave-date-picker .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #bcbcbc inset;
	color: #444444;
}

span.medical-leave-date-picker .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #FFD8B3 inset;
	color: #444444;
}

span.wfh-date-picker .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #339999 inset;
	color: #444444;
}

.ui-datatable.medical-leave-table-header th.ui-state-default {
	background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #ffffce !important;
    background-image: none !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    color: black !important;
}

.ui-datatable.wfh-table-header th.ui-state-default {
	background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #c6ecec !important;
    background-image: none !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    color: black!important;
}

div.paid-leave-reason .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #ff8282 inset;
	color: #444444 !important;
}

.ui-inputfield.special-leave-reason {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #bcbcbc inset;
	color: #444444 !important;
}

.ui-inputfield.medical-leave-reason {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #FFD8B3 inset;
	color: #444444;
}

.ui-inputfield.wfh-reason {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #339999 inset;
	color: #444444;
}

.ui-selectonemenu.paid-leave-year-dropdown .ui-selectonemenu-label {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #ff8282 inset;
	color: #444444;
}

.ui-selectonemenu.special-leave-year-dropdown .ui-selectonemenu-label {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #bcbcbc !important inset;
	color: #444444;
}

.ui-selectonemenu.medical-leave-year-dropdown .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #FFD8B3 !important inset;
	color: #444444;
}

.ui-selectonemenu.wfh-year-dropdown .ui-selectonemenu-label {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #339999 inset;
	color: #444444;
}

.ui-selectonemenu-item.paid-leave-select-item .ui-state-highlight {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #339999;
	background-image: none;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	color: #ffffff;
}

.ui-selectonemenu-item.paid-leave-select-item .ui-state-highlight {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ff8282;
	background-image: none;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	color: #ffffff;
}

.ui-selectonemenu-item.special-leave-select-item .ui-state-highlight {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #bcbcbc;
	background-image: none;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	color: #ffffff;
}

.ui-selectonemenu-item.medical-leave-select-item .ui-state-highlight {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #FFD8B3;
	background-image: none;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	color: #ffffff;
}

.ui-state-highlight.wfh-select-item {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #339999;
	background-image: none;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	color: #ffffff;
}

.ui-state-default.paid-leave-button {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none !important;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	border-bottom-color: #ffdfdf;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: #ffdfdf;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #ffdfdf;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #ffdfdf;
	border-top-style: solid;
	border-top-width: 1px;
	color: #ff8282;
	font-weight: bold;
	-webkit-text-fill-color: black;
}

.ui-state-hover.paid-leave-button-hover {
	background-image: none !important;
	background-color: #ff8282 !important;
	color: white !important;
}

.ui-state-default.special-leave-button {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none !important;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	color: #666666 !important;
	font-weight: bold;
	border-bottom-color: #666666 !important;
    border-left-color: #666666 !important;
    border-right-color: #666666 !important;
    border-top-color: #666666 !important;
}

.ui-state-hover.special-leave-button-hover {
	background-image: none !important;
	background-color: #bcbcbc !important;
	color: white !important;
}

.ui-inputfield.login-credential-field {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 3px 3px #6d86b8 inset;
	color: #444444;
}

.left-align {
	text-align: left;
}

.ui-panel.login-panel-adjust .ui-panel-content {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	border-bottom-color: -moz-use-text-color;
	border-bottom-style: none;
	border-bottom-width: 0;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: -moz-use-text-color;
	border-left-style: none;
	border-left-width: 0;
	border-right-color: -moz-use-text-color;
	border-right-style: none;
	border-right-width: 0;
	border-top-color: -moz-use-text-color;
	border-top-style: none;
	border-top-width: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
	padding-right: 1em;
	padding-top: 0.5em;
}

.ui-growl-item-container {
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	opacity: 0.74;
	position: relative;
}

div.ui-growl-item-container.ui-state-highlight {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: black !important;
	background-image: none;
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	border-bottom-color: red !important;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: red !important;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: red !important;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: red !important;
	border-top-style: solid;
	border-top-width: 1px;
	color: #ffffff;
}

.loader {
	margin-bottom: 12px;
	margin-left: -90px;
	margin-right: 0;
	margin-top: -75px;
}

span.policy-date-disabled .ui-state-disabled {
	opacity: 0.66;
}

span.policy-date .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 0 0 white inset;
	color: black;
	border-style: none !important;
	width: 112px;
}

.ui-selectonemenu-label.ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #6d86b8 inset;
	color: #444444;
}

.ui-column-filter.ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #6d86b8 inset;
	color: #444444 !important;
}

.ui-inputfield.register-text-field {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #6d86b8 inset;
	color: #444444;
	width: 291px;
}

span.register-date-field .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #6d86b8 inset;
	color: #444444;
	width: 262px
}

div.ui-selectonemenu-label.holiday-drop-down .ui-inputfield {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	box-shadow: 0 2px 2px #990099 inset;
	color: #444444;
}

.medical-certificate-icon {
	height: 40px;
	margin-bottom: 0;
	margin-left: 54px;
	margin-right: 30px;
	margin-top: 1px;
	right: 0;
	width: 50px;
}

.login-positioning {
	margin-bottom: 0;
	margin-left: 38%;
	margin-right: 38%;
	margin-top: 15%;
	width: 305px;
	height: 170px;
}

.ui-dock-container-bottom {
	-moz-border-bottom-colors: none !important;
	-moz-border-left-colors: none !important;
	-moz-border-right-colors: none !important;
	-moz-border-top-colors: none !important;
	background-attachment: scroll !important;
	background-clip: border-box !important;
	background-color: transparent !important;
	background-image: none !important;
	background-origin: padding-box !important;
	background-position: 0 0 !important;
	background-repeat: repeat !important;
	background-size: auto auto !important;
	border-bottom-color: -moz-use-text-color !important;
	border-bottom-style: none !important;
	border-bottom-width: medium !important;
	border-image-outset: 0 0 0 0 !important;
	border-image-repeat: stretch stretch !important;
	border-image-slice: 100% 100% 100% 100% !important;
	border-image-source: none !important;
	border-image-width: 1 1 1 1 !important;
	border-left-color: -moz-use-text-color !important;
	border-left-style: none !important;
	border-left-width: medium !important;
	border-right-color: -moz-use-text-color !important;
	border-right-style: none !important;
	border-right-width: medium !important;
	border-top-color: -moz-use-text-color !important;
	border-top-style: none !important;
	border-top-width: medium !important;
	height: 50px;
	padding-left: 20px;
	position: fixed;
}

.ui-selectonemenu.view-medleave-year label.ui-selectonemenu-label {
	cursor: pointer;
	width: 75px;
}

.ui-selectonemenu-item.highlight-medical-leave-drop-down label.ui-state-highlight
	{
	background-color: #FFD8B3 !important;
}

.ui-selectonemenu-items.panel label.ui-state-highlight {
	background-color: #FFD8B3 !important;
}

div.ui-fileupload.file-upload-content .ui-widget-content {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ffffff;
	background-image:
		url("/EMS/javax.faces.resource/images/ui-bg_flat_75_ffffff_40x100.png.xhtml?ln=primefaces-flick");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	border-bottom-color: #dddddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: #dddddd;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #dddddd;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #dddddd;
	border-top-style: solid;
	border-top-width: 1px;
	color: #444444;
	height: 80%;
}

.work-hour-style {
	text-align: center;
	border-bottom-color: white !important;
	padding: 2px 0;
	margin-bottom: 1px;
}

.show-now {
	display: inline !important;
}

.error-heading {
	background-color: #6d86b8;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: white;
	font-size: 1.5em;
	font-size-adjust: 0.52;
	height: 58px;
	overflow-x: auto;
	overflow-y: auto;
	padding-left: 10px;
}

.header-left {
	position: absolute;
	width: 20%;
}

.heading-text-right {
	font-family: verdana;
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 82px;
	margin-right: 85px;
	margin-top: -64px;
	padding-left: 4px;
	position: sticky;
	text-align: center;
	top: 11%;
	width: 84%;
}

.error-body-header {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 66px;
	margin-right: 66px;
	margin-top: 15px;
	position: unset;
}

.error-reason {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 66px;
	margin-right: 66px;
	margin-top: 11px;
}

.error-body-margin {
	background-color: #6d86b8;
	height: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 25px;
	margin-top: 30px;
	width: 100%;
}

.ui-error {
	background-color: #f0f5ff;
}

div.ui-selectonemenu.year-menu-trigger .ui-selectonemenu-trigger {
	cursor: pointer;
	height: 94%;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 16px;
}

div.ui-selectonemenu.year-menu-corner .ui-corner-right {
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
}

div.ui-selectonemenu.designation-menu-corner .ui-corner-right {
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
}

div.ui-selectonemenu.medical-leave-dropdown-triger .ui-selectonemenu-trigger
	{
	cursor: pointer;
	height: 93%;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	position: absolute;
	right: -8px;
	top: 0;
	width: 16px;
}

div.ui-selectonemenu.medical-leave-dropdown-corner .ui-corner-right {
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
}

div.ui-dialog-content.question-icon .ui-widget-content.ui-icon {
	background-image: url("/EMS/javax.faces.resource/qstn.png.xhtml?ln=images");
}

.ui-inputfield.registration-fields {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	width: 291px;
}

.ui-selectonemenu.search-all-drop-down .ui-selectonemenu-trigger {
	cursor: pointer;
	height: 100%;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 16px;
}

.ui-selectonemenu.search-all-drop-down-corner .ui-corner-right {
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
}

.ui-state-highlight {
	background-color: #6d86b8 !important;
	color: white !important;
	border-color: #f0f5ff !important;
}

div.ui-selectonemenu.medical-leave-year-drop-down .ui-selectonemenu-trigger
	{
	cursor: pointer;
	height: 100%;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	position: absolute;
	right: -8px !important;
	top: -1px !important;
	width: 16px;
}

div.ui-selectonemenu.medical-leave-year-drop-down-corner .ui-corner-right
	{
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
}

.ui-corner-right {
	border-bottom-right-radius: 8px !important;
	border-top-right-radius: 8px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	cursor: pointer;
	height: 100%;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 16px;
}

div.ui-selectonemenu.paid-leave-drop-down .ui-selectonemenu-trigger {
	cursor: pointer;
	height: 100%;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 16px;
}

.public-holiday-heading {
	margin-bottom: 0;
	margin-left: 29%;
	margin-right: 29%;
	margin-top: 0;
	text-align: center;
	width: 35%;
}

div.ui-selectonemenu.role-filter-team-corner .ui-corner-right {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

div.ui-selectonemenu.role-filter-team-trigger .ui-selectonemenu-trigger
	{
	border-bottom-color: -moz-use-text-color;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-right-color: -moz-use-text-color;
	border-right-style: none;
	border-right-width: medium;
	border-top-color: -moz-use-text-color;
	border-top-style: none;
	border-top-width: medium;
	cursor: pointer;
	height: 100%;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	position: absolute;
	right: -5px;
	top: 0;
	width: 16px;
}

.scroll-off {
	overflow: hidden;
}

.scroll-on {
	overflow: auto;
}

div.ui-selectonemenu.test .ui-inputfield {
	width: 160px !important;
}

div.ui-selectonemenu.special-leave-type-dropdown-trigger .ui-selectonemenu-trigger
	{
	cursor: pointer;
	height: 100%;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0;
	position: absolute;
	right: -8px;
	top: -1px;
	width: 16px;
}

.special-leave-type-cell {
	border-bottom-color: inherit;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: inherit;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: inherit;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: inherit;
	border-top-style: solid;
	border-top-width: 1px;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
}

.ui-panelgrid.special-leave-type-panel-grid {
	border-bottom-color: -moz-use-text-color !important;
	border-bottom-style: hidden !important;
	border-bottom-width: medium !important;
	border-collapse: collapse !important;
	border-left-color: -moz-use-text-color !important;
	border-left-style: hidden !important;
	border-left-width: medium !important;
	border-right-color: -moz-use-text-color !important;
	border-right-style: hidden !important;
	border-right-width: medium !important;
	border-top-color: -moz-use-text-color !important;
	border-top-style: hidden !important;
	border-top-width: medium !important;
}

div.ui-selectonemenu.team-leader-dropdown .ui-selectonemenu-trigger {
	border-bottom-color: -moz-use-text-color;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-right-color: -moz-use-text-color;
	border-right-style: none;
	border-right-width: medium;
	border-top-color: -moz-use-text-color;
	border-top-style: none;
	border-top-width: medium;
	cursor: pointer;
	height: 100%;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 0;
	position: absolute;
	right: -6px;
	top: -1px;
	width: 16px;
}

.role-name-label {
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0;
}

.role-input {
	margin-bottom: 0;
	margin-left: 49px;
	margin-right: 49px;
	margin-top: 0;
}

.ui-icon-closethick {
	background-image: url("/EMS/javax.faces.resource/custom-icons.png.xhtml?ln=images")
		!important;
}

.ui-icon-ems-cross {
	background-position: -96px -128px;
}
.ui-datepicker-today .ui-state-default{
	background-color: #6d86b8 !important;
}

.ui-dialog-footer{
	text-align: center !important;
}
.team-name-break{
	word-wrap: break-word;
}

.onehundrade-sixty-width{
	width: 160px;
}

.edit-profile-table-dimension{
	padding: 0px ! important;
	width: 100%;
	height: 370px;
}
.edit-profile-full-column-dimension{
	height: 100%;
    width: 100%;
}

.edit-profile-upper-half-dimension{
	height: 39%;
    width: 100%;
}

.edit-profile-lower-half-dimension{
	height: 52%;
    width: 100%;
}

.employee-search-lower-half-dimension{
	height: 52.5%;
    width: 100%;
}

.employee-search-upper-half-dimension{
	height: 39%;
    width: 100%;
}

.edit-button-dimension{
	position: relative;
    right: -14%;
    top: -6%;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    cursor: pointer;
    height: 100%;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    position: absolute;
    right: -1px !important;
    top: -1px !important;
    width: 16px;
}


.rosterTableWrapper {
	overflow-x: auto;
	overflow-y: auto;
	
}

.rosterTable th:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)){
	width: 30px !important;
}
.rosterTableCell{
	text-align: center !important;
}
.rosterTable td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) .rosterTableCell {
	border: 1px solid #0073EA !important;
	display: flex;
	justify-content: center;
	align-items: center;
	height:20px;
	
}

.rosterTable th:nth-child(3),
.rosterTable td:nth-child(3),
.rosterTable th:nth-child(4),
.rosterTable td:nth-child(4) {
	width: 110px;
}
.rosterTable th:nth-child(1),
.rosterTable th:nth-child(2),
.rosterTable td:nth-child(2) {
	width: 41px;
}

.rosterTable th:nth-child(5),
.rosterTable td:nth-child(5) {
	width: 150px;
}
.ui-datatable-odd.rosterTable.rosterCell{
	background-color: white;
}
.rosterTable a.rosterCell {
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}

.buttonStyleRosterInsert {
	width: 50px;
	height: 31px;
}

.insertPlusButtonPic {
	background: url("/EMS/javax.faces.resource/addRow.png.xhtml?ln=images")
		no-repeat 0 0 #FF8282 !important;
}
.insertMinusButtonPic {
	background: url("/EMS/javax.faces.resource/deleteRow.png.xhtml?ln=images")
		no-repeat 0 0 #FF8282 !important;
}

.editRosterPanel {
	
	overflow: auto;
	 
}
.autoWidthDialog {
	
    width: auto !important;
    height: auto !important;
    overflow: auto;
}
.ui-dialog .ui-dialog-title{
	 margin: .3em 16px -1.5em 0 !important;
   float:none !important;
    display: flex !important;
     justify-content: center !important;
 color: #ffffff;
  
}

.viewRosterDialogPanelOverflow{
	/*overflow-y: scroll !important; */
}

.viewRosterTableWrapper {
	overflow-x: auto;
	overflow-y: auto; 
}

.viewRosterTable th:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)),
 {
	width: 30px !important;
}

.viewRosterTable td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) .viewRosterTableCell {
	border: 1px solid #E2E6F3 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
}
.evenCellOfDatatable{
	background-color: white;
}
.viewRosterTable th:nth-child(1),.viewRosterTable th:nth-child(2){
	width: 100px !important;
}

.viewRosterTable th:nth-child(3),
.viewRosterTable td:nth-child(3) {
	width: 170px !important;
}

.viewRosterTable a.viewRosterCell {
	display: block;
	height: 100%;
	width: 100%;
}
.morningShift{
	background-color: white;
}
.afternoonShift{
	background-color:white;
}
.nightShift{
	background-color:white;
	color: black;
}
.generalShift{
	background-color: white;
	color: black;
}
.weekendRosterColor{
	background-color: #ff99cc;
	color: black;
}
 .weekdaysRosterColor{
	background-color: #339966;
	color: white;
	width: 30px;
}
.rosterHeaders{
	background-color: white;
}
.dstStartOrEnd{
	background-color:rgb(142,89,37);
	color: black;
}
.holidaysBangalore{
	background-color:  #ff0000;
}
.holidaysKolkata{
	background-color: #ffff00;
}
.nationalHolidays{
background-color: #ff9900;
}
.timeZoneFRAndIN{
	background-color: #d0e0e3;
}
.shiftHeader{
	background-color: white;
}
.tooltipoutputText{
	cursor: default!important;
	 text-decoration: none!important;
}
.ui-datatable-odd.viewRosterTable{
	background-color: white;
}
.editUserPanel{
	text-align: left !important;
	font-family: Verdana,Arial,sans-serif;
	width: 99.5% !important;
	border-color: #6D86B8;
}
.empSearchTable thead th, .empSearchTable tbody td, .empSearchTable tfoot td {
    padding: 10px 5px !important;
}
.empSearchTableAllowance thead th, .empSearchTableAllowance tbody td, .empSearchTableAllowance tfoot td {
    padding: 10px 5px !important;
}
table.borderLessTable tr {
    border: none;
  
}
.makeCapital{
	 text-transform: uppercase;
}
.employeeSearchPanelFooter{
	font-weight: bold;
	color: blue;
	font-size:13px;
}
.inactiveHighlight{
	color:white !important;
	background: #a9b8d6 none !important;
}
.whiteBackground{
	background: white none !important;
}
.ui-selectonemenu-label{
	width: initial !important;
}

.change-employee-photo {
    background: rgba(78, 144, 254, 0.7) none repeat scroll 0 0;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: bolder;
    left: 15px;
    line-height: 12px;
    padding: 4px;
    text-align: center;
    width: 74px;
}

.panelgrid-td-center td{
	vertical-align: top !important;
}

.user-resume-font {
	font-family: Verdana,Arial,sans-serif !important;
	font-size: 14px !important;
	vertical-align: middle !important;
	font-weight: bold !important;
}
.emergencyDetails{
	padding: 4px 5px!important;
} 

.rowedit-icon .ui-icon-check {
	background-color: white;
}
.ui-datatable .ui-row-editor .ui-icon-check {
	background-image: url('/EMS/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-flick') !important
}
.ui-datatable .ui-row-editor .ui-icon-close {
	background-image: url('/EMS/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-flick') !important
}
.ui-icon-circle-triangle-e {
    background-image: url('/EMS/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-flick') !important
    background-position: 0px 0px;   
}


.ui-datatable.public-holiday-table-header th.ui-state-default {
	background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #ffccff !important;
    background-image: none !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
    color: black !important;
}
.public-holiday-table-header thead th, .public-holiday-table-header tbody td, .public-holiday-table-header tfoot td {
    padding: 10px 5px !important;
}
#manageLeaveTabView .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
	background: #6D86B8 !important;
}
.loginButtonColumn{
	border:none !important;
	text-align: left !important;
}
.forgetPasswordColumn{
	border:none !important;
	text-align: right !important;
}
.graydot {
    height: 15px;
    width: 15px;
    background-color: #948d8d;
    border-radius: 50%;
    display: inline-block;
}
.greendot {
    height: 15px;
    width: 15px;
    background-color:#43d842;
    border-radius: 50%;
    display: inline-block;
}
.ui-tooltip{
    max-width: 400px !important;
}
.lightColoredPanel .ui-panel-titlebar {
   color: light Blue;
}

#teamTabView\:viewTeamTable tr.ui-row-editing.ui-state-error {
    background: #6d86b8 !important;
    border-style: none !important;
}

#manageLeaveTabView\:holiList tr..ui-datatable-selectable.ui-row-editing.ui-state-error {
    background: #6d86b8 !important;
    border-style: none !important;
}
tr.ui-datatable-selectable.ui-row-editing.ui-state-error {
    background: #6d86b8 !important;
    border-style: none !important;
}
tr.ui-datatable-selectable.ui-row-editing {
    background: #6d86b8 !important;
    border-style: none !important;
}
.ui-datatable .ui-datatable-scrollable-body {
    min-height: 0%;
    width: 100%;
    overflow-x: hidden; 
}

.display-inlineblock {
	display:inline-block;
}
.no-padding{
	padding:0px !important;
}
.ui-panel.overlay-footer .ui-panel-footer{
	padding: 0.33em 0.88em !important;
}

.no-padding-at-top{
	padding-top: 0px! important;
}
tr.ui-widget-content.ui-datatable-odd.inactiveHighlight.ui-expanded-row tr.ui-expanded-row-content.ui-widget-content td div div.ui-panel-content table tbody tr td:nth-child(3) {
    padding: 0px 0px !important;
}

.wrap-text{
	word-wrap: break-word;
}

.editEmployeeBackgroundColour{
	background-color: #b6c2db59;
}
.width_375{
	width: 375px;
}
.width_400{
	width: 400px;
}
.width_450{
	width: 450px;
}
.width_490{
	width: 490px;
}
.myAccountButton{
	background-color: #6d86b8;
	float: left;
    width: 50%;
    border: none;
}
.signOutButton{
	background-color: #6d86b8;
	float: right;
    width: 50%;
    border: none;
}
.height-ninety-percent{
	height:90%;
}

.ui-datatable .ui-column-filter{
	display: block;
    box-sizing: border-box;
    width: 75% !important;
    margin: auto;
}
.ui-growl-title {    
    word-wrap: break-word !important;
}

.qtip-content {
	width: fit-content !important;
}
.hidden {
  display: none;
}
.leave-multi-cal-first-half {
	background-image: url("/EMS/javax.faces.resource/first_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
	height: 100%;
	width: 100%;
}
.leave-multi-cal-second-half {
	background-image: url("/EMS/javax.faces.resource/second_half.png.xhtml?ln=images") !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	height: 100%;
	width: 100%;
}

div.moify-leave-table th.col-leave-start,
div.moify-leave-table th.col-leave-end,
div.moify-leave-table td.col-leave-start,
div.moify-leave-table td.col-leave-end {
	width: 26%;
	text-align: center;
}

div.moify-leave-table th.col-other,
div.moify-leave-table td.col-other {
	width: 8%;
	text-align: center;
}

div.moify-leave-table td div.reason-triggerer {
	display: flex;
	justify-content: center;
}

div.moify-leave-table div.ui-widget-header.ui-datatable-scrollable-header {
	background: #F1F6FF none repeat scroll 0 0 !important;
}

div.insert-leave-table th.col-leave-start,
div.insert-leave-table th.col-leave-end,
div.insert-leave-table td.col-leave-start,
div.insert-leave-table td.col-leave-end {
	width: 25%;
	text-align: center;
}

div.insert-leave-table.paid-leave-table th.col-other,
div.insert-leave-table.paid-leave-table td.col-other {
	width: 10%;
	text-align: center;
}

div.insert-leave-table.special-leave-table th.col-other,
div.insert-leave-table.special-leave-table td.col-other {
	width: 12.5%;
	text-align: center;
}

div.insert-leave-table td div.reason-triggerer {
	display: flex;
	justify-content: center;
}

div.insert-leave-table.paid-leave-table div.ui-widget-header.ui-datatable-scrollable-header {
	background: #FFDFDF none repeat scroll 0 0 !important;
}

div.insert-leave-table.special-leave-table div.ui-widget-header.ui-datatable-scrollable-header {
	background: #E1E1E1 none repeat scroll 0 0 !important;
}

div.paid-leave-list-table th.col-leave-start,
div.paid-leave-list-table th.col-leave-end,
div.paid-leave-list-table td.col-leave-start,
div.paid-leave-list-table td.col-leave-end {
	width: 26%;
	text-align: center;
}

div.paid-leave-list-table th.col-other,
div.paid-leave-list-table td.col-other {
	width: 8%;
	text-align: center;
}

div.paid-leave-list-table td div.button-triggerer {
	display: flex;
	justify-content: center;
}

div.special-leave-list-table th.col-leave-start,
div.special-leave-list-table th.col-leave-end,
div.special-leave-list-table td.col-leave-start,
div.special-leave-list-table td.col-leave-end {
	width: 26%;
	text-align: center;
}

div.special-leave-list-table th.col-other,
div.special-leave-list-table td.col-other {
	width: 8%;
	text-align: center;
}

div.special-leave-list-table td div.button-triggerer {
	display: flex;
	justify-content: center;
}

.ui-datatable-tablewrapper {
	overflow-x: hidden !important;
	padding:5px;
}

.avatar-tooltip {
	max-width: 335px !important;
}
.ui-datatable table {
    width: 99.9% !important;
}

.notification-circle-wrapper {
	display: flex;
	justify-content: center;
}

.red-circle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: red;	
}

.orange-circle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: orange;	
}

.green-circle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: green;	
}

.grey-circle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: grey;	
}

.ui-state-default .ui-icon-hamburger-menu {
	background-image: url("/EMS/javax.faces.resource/hamburger-menu.png.xhtml?ln=images") !important;
	background-repeat: no-repeat;
	background-size: contain;
}

.ui-state-hover .ui-icon-hamburger-menu,
.ui-state-focus .ui-icon-hamburger-menu {
	background-image: url("/EMS/javax.faces.resource/hamburger-menu-hover.png.xhtml?ln=images") !important;
}

.profile-panel {
	 width: 100%;
}
 .profile-panel .grow-full {
	 flex-grow: 1;
}
 .profile-panel .profile-section-holder {
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
}
 .profile-panel .profile-section-holder .profile-section-row {
	 display: flex;
	 justify-content: space-between;
}
 .profile-panel .profile-section-holder .profile-section-row .profile-section-column {
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
}
 .profile-panel .profile-section-holder .profile-section-row .colspan-1 {
	 width: calc(1/3*100% - (1 - 1/3)*10px);
}
 .profile-panel .profile-section-holder .profile-section-row .colspan-2 {
	 width: calc(2/3*100% - (1 - 2/3)*10px);
}
 .profile-panel .profile-section-holder .profile-section-row.inner .colspan-1 {
	 width: calc(1/2*100% - (1 - 1/2)*10px);
}
 .profile-panel .profile-section-holder .profile-section-row.inner.inner-secondary .header-body .header-text {
	 font-weight: normal !important;
	 color: #0073ea !important;
}
 .profile-panel .profile-section-holder .profile-section {
	 display: flex;
	 flex-direction: column;
	 margin-bottom: 10px;
}
 .profile-panel .profile-section-holder .profile-section .section-header {
	 display: flex;
	 height: 35px;
	 flex-direction: column;
	 justify-content: space-between;
}
 .profile-panel .profile-section-holder .profile-section .section-header .header-body {
	 display: flex;
	 background-color: #e5e9f2;
	 height: 30px;
	 justify-content: space-between;
}
 .profile-panel .profile-section-holder .profile-section .section-header .header-body .header-text {
	 display: flex;
	 align-items: center;
	 padding-left: 10px;
	 font-weight: bold;
	 color: #007397;
}
 .profile-panel .profile-section-holder .profile-section .section-header .header-body .header-action {
	 display: flex;
	 align-items: center;
	 padding-right: 10px;
}
 .profile-panel .profile-section-holder .profile-section .section-header .header-highlight {
	 display: flex;
	 border-bottom: 1px solid #ddd;
}
 .profile-panel .profile-section-holder .profile-section .section-body {
	 display: flex;
	 flex-direction: column;
}
 .profile-panel .profile-section-holder .profile-section .section-body .section-row {
	 display: flex;
	 border-bottom: 1px solid #ddd;
}
 .profile-panel .profile-section-holder .profile-section .section-body .section-row .section-col-1 {
	 width: 35%;
	 color: #5f6368;
	 text-transform: uppercase;
}
 .profile-panel .profile-section-holder .profile-section .section-body .section-row .section-col-2 {
	 width: 70%;
	 color: #202124;
	 font-weight: 500;
}
 .profile-panel .profile-section-holder .profile-section .section-body .section-row .section-text {
	 padding-left: 10px;
	 display: flex;
	 flex-direction: column;
	 min-height: 25px;
	 justify-content: center;	 
	 word-break: break-word;
}

.image-container {
	 justify-content: center;
	 align-items: center;
	 display: flex;
}
 
.panel-footer {
	display: flex;
	flex-grow: 1;
	justify-content: center;
}

.login-box {
	display: flex;
	justify-content: center;
}

.ems-header-wrapper {
	height: 56px;
	background-color: #6D86B8;
	width: 100%;
	position: relative;
	font-family: Verdana, Arial, Sans-serif;
}

.ems-header-wrapper .ems-logo-holder {
	position: absolute;
	top: 0;
	height: 100%;
}

.ems-header-wrapper .ems-logo-holder .ems-logo {
	height: 100%;
	width: auto;
}

.ems-header-wrapper .ems-header {
	width: 100%;
    height: 100%;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
}

.ems-header-wrapper .global-notif {
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	width: 100px;
}

.ems-header-wrapper .global-notif a#notificationCount {
	color: #444444;
	font-weight: bold;
}
.upload-policy .ui-dialog-footer {
	background-color: #6D86B8;
    background-image: unset;
    margin: .5em 0 0 0;
    padding: .5em 0 !important;
}

.upload-policy .ui-dialog-footer button {
	width: 70px;
}

.form-layout {
	display: flex;
	flex-direction: column;
}

.form-layout .row {
	display: flex;
	flex-direction: row;
	margin: 5px 0;
	min-height: 30px;
}

.form-layout .row .col-4 {
	width: calc((100% / 12) * 4);
}

.form-layout .row .col-6 {
	width: calc((100% / 12) * 6);
}

.form-layout .row .col-8 {
	width: calc((100% / 12) * 8);	
}

.form-layout .row .col-left {
    display: flex;
    padding-right: 5px;
    align-items: center;
}

.form-layout .row .col-right {
    display: flex;
    justify-content: space-between;
    padding-left: 5px;
    align-items: center;
}

.form-layout .row .col-right > *:first-child {
	width: 85%;
}

.form-layout .row .col .info-holder {
	display: flex;
    height: 20px;
    width: 20px;
    background-color: #BABABA;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.form-layout .row .col .info-holder i {
	font-size: 16px;
}

.file-upload-container .ui-fileupload-content {
	display: none;
}

.file-upload-container .ui-fileupload-buttonbar {
	background: unset;
    border: unset;
}

.file-upload-container.has-error .ui-fileupload-choose {
	border: 1px solid #ff0084;
}

.file-upload-container .info-zone-container {
	display: flex;	
}

.file-upload-container .info-zone-container .info-zone {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    width: 100%;
}

.upload-policy .hidden,
.file-upload-container .hidden,
.file-upload-container .info-zone-container .info-zone.hidden {
	display: none;
}

.file-upload-container .info-zone-container .info-zone.visible {
	display: flex;
}

.file-upload-container .info-zone-container .info-zone .info {
	text-overflow: ellipsis;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
}

.file-upload-container .info-zone-container input[type="text"] {
	display: none;
}

.policy-table td.column div.column-content {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.policy-table td.column div.action-content {
	margin: 5px 0;
}

.policy-table .name {
	width: 25%;
}

.policy-table .updated-on {
	width: 15%;
}

.policy-table .action {
	width: 100px;
}

.modify-leave-dialog-header {
	display: flex;
}

.modify-leave-dialog-header .modify-leave-dialog-header-label {
	display: flex;
    align-items: center;
}

.modify-leave-dialog-header .modify-leave-dialog-header-menu {
	padding-left: 10px;
}

tr.ui-widget-content.ui-datatable-odd.ui-row-editing{
	background-color: #6d86b8 !important;
}

tr.ui-widget-content.ui-datatable-even.ui-row-editing{
	background:#ffffff;
	background-color: #6d86b8 !important;
}