@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');

*, html {
	scroll-behavior: smooth;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: none;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: 'Inter', sans-serif;
	font-weight: normal;
	color: #0A0A0A;
	overflow-x: hidden;
	box-sizing: border-box;
	font-size: 14px;
	background: #F0F3F2;
}

a, a:hover, a:focus {
	color: inherit;
	text-decoration: none;
	outline: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
}

::-moz-selection {
	color: #ffffff;
	background: #262549
}

::selection {
	color: #ffffff;
	background: #262549
}

h1, .white-box h2 {
	font-size: 24px;
	font-weight: 600;
	margin: 0;
	margin-right: auto;
}

body.inner {
	padding-left: 230px;
	transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

body.menu-clicked {
	padding-left: 0
}

.menu-clicked .sidebar {
	left: -100%
}

.menu-clicked .header, .menu-clicked .footer {
	padding-left: 25px
}

.menu-clicked .main-body .content {
	padding-left: 25px
}

.loginOuter {
	padding-left: 50%;
	background-color: #ffffff;
}

	.loginOuter, .loginOuter .main-body .content {
		min-height: 100vh;
	}

.loginBox {
	background: #212331;
}

.sidebar-login {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 50%;
	max-width: 50%;
	height: 100%;
	background: url(../images/loginImg.jpg) 43% 0 no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-body {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

body.outer .main-body .content {
	padding: 30px;
}

.main-body .content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
	padding: 13px 25px 5px 30px;
}

.outer-box {
	margin: auto;
	width: 100%;
	max-width: 400px;
	color: #000000;
}

.outer-box-header {
	display: flex;
	margin-bottom: 45px;
	align-items: center;
	justify-content: center;
}

.outer-box .form-control {
	height: 50px;
	padding: 12px 22px;
	border: 1px solid #E5E5E5;
	border-radius: 8px;
	padding-left: 15px;
	background-repeat: no-repeat;
	color: #474747;
	font-size: 14px;
}

.btn {
	font-weight: 500;
	font-size: 14px;
	padding: 8px 15px;
	border-radius: 4px;
	color: #000000;
}

	.btn.btn-primary {
		border-color: #8BC53E;
		background-color: #8BC53E;
		color: #fff;
	}

.primaryColor {
	color: #8BC53E;
}

.text-sm {
	font-size: 13px;
}

.sectionHeading {
	font-size: 30px;
	font-weight: 600;
	color: #0A0A0A;
}

.signupHeader {
	padding: 15px;
}

.form-control {
	height: 40px;
	border-radius: 4px;
	padding: 10px 15px;
	font-size: 13px;
	border-color: #DEE5EF;
}

.btn-secondary {
	background: #DEE5EF;
	border: 2px solid #DEE5EF;
	color: #293854;
}

	.btn-secondary:hover {
		background: #cdd6e3;
		border: 2px solid #cdd6e3;
		color: #293854;
	}

.btn.btn-primary:hover {
	border-color: #91d736;
	background-color: #91d736;
}

.btn.btn-primary img {
	margin-right: 5px;
}

a.primaryColor:hover, a.primaryColor:focus {
	text-decoration: underline;
	color: #91d736;
}


.outerContainer {
	padding: 110px 30px 0 30px;
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #212331;
	z-index: 999;
}

.topHeaderLogo {
	padding: 5px 30px;
}

.headerProfile {
	color: #fff;
}

.headerMenu {
	background: #FFFFFF;
	border-bottom: 1px solid #DEE5EF;
	padding: 10px 30px;
}

	.headerMenu li.dropdown a {
		padding-right: 15px !important;
	}

	.headerMenu li a:hover, .headerMenu li.active > a, .headerMenu li > a.active {
		color: #8BC53E;
	}

	.headerMenu li a {
		padding: 5px 8px;
		font-size: 13px;
		width: 100%;
		display: inline-block;
		position: relative;
	}

.dropdown-menu {
	min-width: 20rem;
	box-shadow: 0 0.625rem 1.25rem rgba(147, 158, 170, 0.5);
	border-radius: 0.5125rem;
	border: none;
}

	.dropdown-menu li a {
		padding-top: 0.625rem;
		padding-bottom: 0.625rem;
		border-radius: 0 !important;
	}

.headerMenu .dropdown-menu li.active > a, .headerMenu .dropdown-menu li > a.active {
	background: #8BC53E;
	color: #fff;
}

.headerMenu .dropdown-toggle::after {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	width: 0.45em;
	height: 0.45em;
	border: 1.5px solid;
	border-bottom: 0;
	border-left: 0;
	right: 4px;
	transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(135deg) !important;
}

.pageHeading {
	width: 100%;
	padding: 10px 0px;
}

.whiteBox {
	background: #fff;
	border-radius: 8px;
	padding: 15px;
	width: 100%;
	margin-bottom: 20px;
}

.mainContainer > div.d-flex {
	column-gap: 10px;
}

.searchBox {
	position: relative;
	width: 400px;
	max-width: 100%;
}

	.searchBox input {
		padding-left: 35px;
		width: 100%;
	}

	.searchBox i {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}

.tableFilter select {
	min-width: 120px;
}

.tableFilter span {
	white-space: nowrap;
}

.tabletheme table {
	border: 1px solid #DEE5EF;
}

.tabletheme tr th {
	background: #212331;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: 500;
}

.tabletheme, .tabletheme tr, .tabletheme tr td, .tabletheme tr th, .tabletheme thead, .tabletheme tbody {
	border-color: #DEE5EF !important;
	vertical-align: middle;
	font-size: 12px;
}

	.tabletheme tr td {
		color: #46485C;
		word-break: break-all;
	}
	

		.tabletheme tr td .fontBold {
			font-weight: 500;
		}

	.tabletheme img.rounded-circle {
		border: 1px solid #DEE5EF;
		margin-right: 5px;
	}

.showEntOutWidth {
	max-width: 100px;
	padding-right: 30px;
}

.sideBoxHeading {
	font-size: 18px;
	color: #0A0A0A;
	font-weight: 600;
}

.form-label {
	font-size: 12px;
	color: #293854;
	font-weight: 600;
}

.eventNone {
	pointer-events: none;
}

.passViewIcons {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}



.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background: #8BC53E;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: #8BC53E;
}

.flatpickr-day {
	line-height: 34px;
}

.form-check-input:checked {
	background-color: #8BC53E;
	border-color: #8BC53E;
}

.imgBrowseInput {
	position: absolute;
	opacity: 0;
	height: 1px;
	width: 1px;
}

#addEmployeeBox, #editEmployeeBox {
	display: none;
}

#addMemoBox{
	display: none;
}
.nav-underline {
	border-bottom: 1px solid #F0F3F2;
}

	.nav-underline .nav-link {
		background: #fff;
		border: none;
		color: #293854;
		padding: .5rem 0.6rem;
		font-size: 13px;
	}

		.nav-underline .nav-link:hover {
			background: #FAFAFA;
			color: #8BC53E;
		}

		.nav-underline .nav-link.active {
			background: #FAFAFA;
			border: none;
			border-bottom: 2px solid #8BC53E;
			color: #8BC53E;
		}

.text-nowrap {
	white-space: nowrap;
}

.pagination .page-link {
	padding: 0px 9px;
	height: 36px;
	line-height: 34px;
	color: #8BC53E;
}

.page-item.active .page-link {
	z-index: 3;
	color: #8BC53E;
	background-color: #F3FFE3;
	border-color: #DEE5EF;
}

textarea.form-control {
	height: auto;
	min-height: 80px;
}

hr {
	background-color: #F0F3F2;
	opacity: 1;
}

.list-group-item {
	color: #46485C;
	font-weight: 300;
	border: 1px solid #DEE5EF;
}

.list-group {
	border-radius: 0px;
}

.box-shadow {
	box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.04);
}

.shiftTypeLabel {
	min-width: 70px;
}

.modal-content {
	border-radius: 4px;
	border: none;
}

.fontNormal {
	font-weight: 400;
}

.sideBarClose {
	display: none;
}

.sidebarOpen .whiteBox {
	width: 50%;
}

.mainFullTable table {
	min-width: 800px;
}


.text-green {
	color: #8BC53E;
}


.btn-list {
	font-weight: 500;
	font-size: 12px;
	padding: 8px 10px;
	border-radius: 4px;
	color: #fff;
}

.btn-orange {
	border-color: #E1B108;
	background-color: #E1B108;
	color: #fff;
}

.btn-blue {
	border-color: #0090D9;
	background-color: #0090D9;
	color: #fff;
}

a.btn-blue:hover, a.btn-blue:focus {
	text-decoration: none;
	color: #fff;
}

a.btn-orange:hover, a.btn-orange:focus {
	text-decoration: none;
	color: #fff;
}

.newAccordion .accordion-button {
	background: #dfdfdf !important;
	color: #46485C !important;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 15px !important;
}

.newAccordion .accordion-item {
	border-radius: 0 !important;
	margin-bottom: 10px;
	border: 1px solid rgba(0,0,0,.125) !important;
}

.gTabManagementTitle {
	display: inline-block;
	width: 100%;
	line-height: 35px;
}

	.gTabManagementTitle span {
		float: right;
	}

.executedText {
	color: #0BC196;
}

.notExecuted {
	color: #E55131;
}

.greenText {
	//color: #0BC196;
	color: #7EAD7C;
}

.redText {
	color: #C12C0B;
}
.blueText {
	color: #8B88F6;
}
.checkLeft {
	float: left;
	margin-right: 10px;
}

.select2-container {
	z-index: 899 !important;
}

.selectBoxZindex .select2-container {
	z-index: 99 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #101118;
	border: 1px solid #101118;
	color: #fff;
}
.timeOffUserImg {
	width: 145px;
	height: 150px;
	max-width: 100px;
	min-width: 100px;
	margin-bottom: 10px;
}




.timeslots{ display:flex; align-items:center; padding:2px 2px;}
	.timeslots .timepicker {
		width: 40px !important;
		min-width: 40px !important;
		margin-right: 2px;
		text-align: center;
		font-weight: inherit;
	}
	.timeslots a {
		width: 14px;
		min-width: 14px;
		height: 14px;
		text-align: center;
		line-height: 10px;
		background: #eee;
		border-radius: 16px;
		font-weight: 500;
	}
		.timeslots a:hover{ background:#ccc}
		.ui-timepicker-standard a {
			padding: .2em .01em !important;
			font-size: 11px;
		}
.timeslots a.removecase {
	background: #ffc9c9;
	line-height: 12px;
	margin: -14px 0 0 -7px;
}

.timeslotstable.table td{
	padding-left: 0.1em;
	padding-right: 0.1em;
}
.timeslotstable table{ margin-left:auto; margin-right:auto;}
.timeslots a.removecase i {
	font-size: 8px;
}


/* White Board */

.blueColor {
	color: #0090D9;
}

.whiteBoxMessage h4 {
	font-size: 13px;
	color: #46485C;
	margin-bottom: 5px;
}

.boxMessage {
	font-size: 12px;
	color: #46485C;
	margin-bottom: 5px;
	border: 1px solid #DEE5EF;
	padding: 10px;
	background: #F6FAFC;
}

.dateBMessage {
	font-size: 10px;
	color: #46485C;
}

/* White Board */




/*----09-08-2023-- for schedulaing --*/
.blueColor {
	color: #0090D9;
}

.whiteBoxMessage h4 {
	font-size: 13px;
	color: #46485C;
	margin-bottom: 5px;
}

.boxMessage {
	font-size: 12px;
	color: #46485C;
	margin-bottom: 5px;
	border: 1px solid #DEE5EF;
	padding: 10px;
	background: #F6FAFC;
	word-break: break-word;
}

.dateBMessage {
	font-size: 10px;
	color: #46485C;
}


.accordion-button:not(.collapsed)::after {
	background-image: url(../images/minCircle.svg);
	background-repeat: no-repeat;
}

.accordion-button::after {
	background-image: url(../images/addCircle.svg);
	background-repeat: no-repeat;
}


.newAccordion .accordion-button:not(.collapsed)::after {
	background-image: url(../images/down_arrow_ico.svg) !important;
	background-repeat: no-repeat;
}

.newAccordion .accordion-button::after {
	background-image: url(../images/up_arrow_ico.svg) !important;
	background-repeat: no-repeat;
}








.schedulingBlog .greenText {
	color: #91d736;
}

.blogBox {
	background-color: #212331 !important;
	color: #fff !important;
	padding: 12px;
	font-size: 14px !important;
}

.bStarIcon {
	margin-right: 5px;
}

.dataClick {
	color: #91d736;
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 500;
}

.dataTop {
	color: #000;
	font-size: 12px;
	width: 100%;
	display: inline-block;
	font-weight: 500;
}

.dataTbBlog tr td {
	border: 1px solid #DEE5EF;
}

.tabletheme .dataTbBlog tr th {
	background: #46485C;
}

.tbSmBtn{
	padding: 3px 12px !important;
	font-size: 12px;
	margin-top: 3px;
}

.innerTable tr td {padding:5px}





/*---New 31-08-2023--*/
.boxStatus {
	height: 12px;
	width: 12px;
	display: inline-block;
	margin-right: 4px;
	border-radius: 2px;
}

.darkGreen {
	background: #7EAD7C;
	border-color: #7EAD7C;
}

.lightBlue {
	background: #9AB1FF;
	border-color: #9AB1FF;
}

.darkRed {
	background: #E55131;
	border-color: #E55131;
}

.lightGreen {
	background: #8BC53E;
	border-color: #8BC53E;
}

.darkBlue {
	background: #8B88F6;
	border-color: #8B88F6;
}
.tbNormalText {
	min-height: 20px;
}

.scheduleAvailList tbody tr td {
	vertical-align: top !important;
	color: #fff !important;
}



.nBlog {
	text-align: right;
	margin-bottom: 0 !important;
	position: absolute;
	right: 6px;
	bottom: 6px;
}

.bgOrange td, .bgYellow td, .bgBlue td, .bgBlack td, .bgGray td {
	position: relative
}
.bgOrange td p, .bgYellow td p, .bgBlue td p, .bgBlack td p, .bgGray td p {
margin-bottom:2px
}

.bgOrange {
	background: #E57231;
}

.bgYellow {
	background: #DDC162;
}

.bgBlue {
	background: #0090D9;
}

.bgBlack {
	background: #000000;
}
.bgGray {
	background: #9D9D9D;
}

.scheduleAvailList .norecord {
	color:#000 !important;
}
.text-approved {
	color: #0BC196 !important;
}
.text-waiting {
	color: #0090D9 !important;
}
.text-rejected {
	color: #E55131 !important;
}

/*----19-09-2023-------*/

.shiftsInformation {
	border-bottom: 1px solid #DEE5EF;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

	.shiftsInformation:last-child {
		border-bottom: none
	}

	.shiftsInformation p {
		margin-bottom: 3px;
	}

.btnAccept {
	background: #8BC53E;
	padding: 1px 10px;
	border-radius: 40px;
	font-size: 12px;
	display: inline-block;
	line-height: 20px;
	color: #fff;
}
.btnReject {
	background: #E55131;
	padding: 1px 10px;
	border-radius: 40px;
	font-size: 12px;
	display: inline-block;
	line-height: 20px;
	color: #fff;
}

.btnAccept:hover, .btnReject:hover{ color:#fff}



.filterInputBlog{ position:relative}
.filterInputBlog .errorMassage{ position:absolute; bottom:-20px; left:0}
.overlayModal {
	background: rgba(0,0,0,0.4);
}


/*-----------------*/
.fc-toolbar{ background:#000; padding:5px; color:#fff}
.fc .fc-button-group > :first-child {
	margin-left: 0;
	background: #fff;
	
}
.fc .fc-toolbar .fc-prev-button, .fc .fc-toolbar .fc-next-button {
	display: inline-block;
	background: #fff; 
}


.fc-toolbar .fc-center h2 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	
}
.fc .fc-toolbar > * > :first-child {
	margin-left: 0;
	margin-right: 10px;
}
.fc .fc-toolbar .fc-prev-button:hover, .fc .fc-toolbar .fc-prev-button:active, .fc .fc-toolbar .fc-prev-button:focus, .fc .fc-toolbar .fc-next-button:hover, .fc .fc-toolbar .fc-next-button:active, .fc .fc-toolbar .fc-next-button:focus {
	background-color: #fff;
}
.fc .fc-toolbar .fc-prev-button:hover, .fc .fc-toolbar .fc-prev-button:active, .fc .fc-toolbar .fc-prev-button:focus, .fc .fc-toolbar .fc-next-button:hover, .fc .fc-toolbar .fc-next-button:active, .fc .fc-toolbar .fc-next-button:focus {
	background-color: #fff !important;
}
}


.btnAccept {
	background: #8BC53E;
	padding: 1px 10px;
	border-radius: 40px;
	font-size: 12px;
	display: inline-block;
	line-height: 20px;
	color: #fff; min-width:68px; text-align:center
}

.btnReject {
	background: #E55131;
	padding: 1px 10px;
	border-radius: 40px;
	font-size: 12px;
	display: inline-block;
	line-height: 20px;
	color: #fff;
	min-width: 68px;
	text-align: center
}

	.btnAccept:hover, .btnReject:hover {
		color: #fff
	}


/*---------------08-10-2023------*/
.headingTitle {
	background: #212331;
	padding: 8px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

	.headingTitle .addCircleIcon {
		margin-right: 6px;
	}

	.headingTitle span {
		font-size: 14px;
		font-weight: 300;
	}

.contentBlog {
	padding: 10px;
	border: 1px solid #DEE5EF;
	margin-bottom: 15px;
	min-height: 250px;
}


.overBlogBox {
	overflow: auto;
	height: 220px;
}

.dashListView li {
	background: #F0F3F2;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 10px;
	margin-bottom: 8px;
}

	.dashListView li span {
		font-weight: 300;
		font-size: 12px;
	}

.btn-danger {
	color: #fff !important;
}

.statusColorCheck {
	background: #A4B0C0;
	height: 20px;
	width: 20px;
	display: inline-block;
	border-radius: 3px;
}
.acknowledgestatusColorCheck {
	background: #E1B108;
	height: 20px;
	width: 20px;
	display: inline-block;
	border-radius: 3px;
}
.statusColorUncheck {
	background: #E55131;
	height: 20px;
	width: 20px;
	display: inline-block;
	border-radius: 3px;
}
.v-align-top {
	vertical-align: top;
}



/*-----New css select2*/
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 42px !important;
}
.select2-container .select2-selection--single {
	height: 42px !important;
	padding: 6px !important;
}
.txtevent {
	color: #8bc53e;
	text-decoration: underline;
	font-weight: bold;
	padding-top: 8px;
	display: inline-block;
}
	.txtevent:hover {
		color:#8bc53e !important;
		text-decoration: underline;
		font-weight: bold;
		padding-top: 8px;
		display: inline-block;
	}

@media screen and (min-width: 768px) and (max-width: 1600px) {

	.searchBox {
		width: auto !important;
	}
}
/*------23-11-2023------*/
.popupList {
	margin: 0;
}

	.popupList li {
		border-bottom: 1px solid #DEE5EF;
		list-style: inside;
		margin-bottom: 7px;
		padding-bottom: 4px;
	}

.backcolorwihit.form-control[readonly] {
	background-color: #ffffff !important;
	opacity: 1;
}




.headerProfile .dropdown-item:focus, .headerProfile .dropdown-item:hover {
	color: #8BC53E;
	background-color: #fff;
}

.scheduleAvailList tbody tr td a { cursor: pointer; }

.headerProfile .dropdown-item.active, .headerProfile .dropdown-item:active {
	background-color: #8BC53E !important;
	color: #fff !important;
}

	.headerProfile .dropdown-item.active:hover, .headerProfile .dropdown-item:active:hover {
		background-color: #8BC53E !important;
		color:#fff !important;
	}

#changepasswordFrm .form-control { font-size: 12px; }
#changepasswordFrm .passViewIcons img {
	max-width: 18px;
}

.fc-time-grid-event { left: 0 !important; width: 100%!important; }


.timepicker.arrival_Time {
	width: 120px !important;
}
.borderBtn, .borderBtnDark {
	border: 1px solid #fff;
	padding: 4px 10px;
	display: inline-block;
	margin-left: 15px;
	border-radius: 16px;
}
	.borderBtn:hover {
		color: #212331;
		Background:#fff;
	}

.borderBtnDark {
	border: 1px solid #212331;
	color: #212331;
	margin:0px;
}
	.borderBtnDark:hover {
		color: #fff;
		background: #212331;
	}


.LateRun_1 {
	color: #0090D9 !important;
}

.LateRun_2 {
	color: #E55131 !important;
}

.LateRun_3 {
	color: #f0cc26 !important;
}

.LateRun_4 {
	color: #0BC196 !important;
}
.LateRun_6 {
	color: #0BC196 !important;
}

.switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 22px;
}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 16px;
		width: 16px;
		left: 4px;
		bottom: 3px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #8BC53E;
}

input:focus + .slider {
	box-shadow: 0 0 1px #8BC53E;
}

input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}



/* btn-toggle css */
.btn-toggle.btn-sm {
	margin: 0 0.5rem;
	padding: 0;
	position: relative;
	border: none;
	height: 1.5rem;
	width: 3rem;
	border-radius: 1.5rem;
}

	.btn-toggle.btn-sm:focus,
	.btn-toggle.btn-sm.focus,
	.btn-toggle.btn-sm:focus.active,
	.btn-toggle.btn-sm.focus.active {
		outline: none;
	}

	.btn-toggle.btn-sm:before,
	.btn-toggle.btn-sm:after {
		line-height: 1.5rem;
		width: 0.5rem;
		text-align: center;
		font-weight: 600;
		font-size: 0.55rem;
		text-transform: uppercase;
		letter-spacing: 2px;
		position: absolute;
		bottom: 0;
		transition: opacity 0.25s;
	}

	.btn-toggle.btn-sm:before {
		content: 'Off';
		left: -0.5rem;
	}

	.btn-toggle.btn-sm:after {
		content: 'On';
		right: -0.5rem;
		opacity: 0.5;
	}

	.btn-toggle.btn-sm > .handle {
		position: absolute;
		top: 0.1875rem;
		left: 0.1875rem;
		width: 1.125rem;
		height: 1.125rem;
		border-radius: 1.125rem;
		background: #fff;
		transition: left 0.25s;
	}

	.btn-toggle.btn-sm.active {
		transition: background-color 0.25s;
	}

		.btn-toggle.btn-sm.active > .handle {
			left: 1.6875rem;
			transition: left 0.25s;
		}

		.btn-toggle.btn-sm.active:before {
			opacity: 0.5;
		}

		.btn-toggle.btn-sm.active:after {
			opacity: 1;
		}

	.btn-toggle.btn-sm.btn-sm:before,
	.btn-toggle.btn-sm.btn-sm:after {
		line-height: -0.5rem;
		color: #fff;
		letter-spacing: 0.75px;
		left: 5px;
		width: 2.325rem;
	}

	.btn-toggle.btn-sm.btn-sm:before {
		text-align: right;
	}

	.btn-toggle.btn-sm.btn-sm:after {
		text-align: left;
		opacity: 0;
	}

	.btn-toggle.btn-sm.btn-sm.active:before {
		opacity: 0;
	}

	.btn-toggle.btn-sm.btn-sm.active:after {
		opacity: 1;
	}

.btn-toggle.btn-secondary {
	color: #6b7381;
	background: #989898;
}

	.btn-toggle.btn-secondary.active {
		background-color: #8BC53E;
	}

.notificationBell { width: 40px; position:relative; margin-right: 20px; }
	.notificationBell lable {
		position: absolute;
		width: auto;
		height: 18px;
		background: #8BC53E;
		border-radius: 10px;
		text-align: center;
		left: 15px;
		top: -2px;
		font-size: 12px;
		font-weight: 500;
		padding: 0 4px;
	}
.notificationBell a img { width: 30px }
.ValidationErrer {
	max-width: 230px;
	display: block;
	font-size: 12px;
}
.ValidationErrer span {
	max-width: 230px;
	display: block;
	font-size: 12px;
}

.EmployeeSparkyStatus_0 {
	color: #f0cc26 !important;
}

.EmployeeSparkyStatus_1 {
	color: #7EAD7C !important;
}

.EmployeeSparkyStatus_2 {
	
	color: #E55131 !important;
}

.btn.btn-pending {
	border-color: #E57231;
	background-color: #E57231;
	color: #fff;
}

.btn.btn-waiting {
	border-color: #9D9D9D;
	background-color: #9D9D9D;
	color: #fff;
}

.btn.btn-declined {
	border-color: #C12C0B;
	background-color: #C12C0B;
	color: #fff;
}

.ShiftCoverStatus_0 {
	color: #9D9D9D !important;
}

.ShiftCoverStatus_1 {
	color: #E57231 !important;
}

.ShiftCoverStatus_2 {
	color: #8BC53E !important;
}

.ShiftCoverStatus_3 {
	color: #C12C0B !important;
}

.ui-timepicker-container, .ui-timepicker, .ui-timepicker-viewport {
	height: 100px !important;
}


.countlable lable {
	position: absolute;
	width: auto;
	height: 18px;
	background: #8BC53E;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding: 0 4px;
	color:white;
	margin-left:5px;
}

.select-2-h-adj .select2-container .select2-selection--multiple {
	min-height: 39px;
}
.select-2-h-adj .select2-container .select2-search--inline .select2-search__field {
	margin-top: 9px
}
.select-2-h-adj .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: 7px
}
.live-feed-td {
	display:flex
}
.live-feed-shrt-info {
	align-self:center
}
.live-feed-img {
	width:36px;
	height:36px
}
.live-feed-td .green-txt {
	color: #91d736
}
.bdr-green-btn {
	display: inline-block;
	padding:10px 15px;
	border: solid 1px #91d736;
	color: #91d736;
	border-radius:4px;
	background:#fff;
}