.timesheet_container {
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0px 4px 18px 0px #0000000D;
	overflow: hidden;
}
.timesheet_container > .vuecal__flex {
	overflow: auto;
}
.timesheet_container > .vuecal__flex .vuecal__bg {
	overflow: visible;
}
.APPROVED {
	background-color: #1ca1391a;
	color: #1ca139;
	border-radius: 4px;
}
.PENDING {
	background: #a37c081a;
	color: #f5a623;
	border-radius: 4px;
}
.CREATED {
	background: #1a7bee1a;
	color: #010a11;
	border-radius: 4px;
	border-left: 3px solid #1c71a1;
}
.TIMER {
	background-color: #1a7bee;
	color: #dcf2ff;
	border-radius: 4px;
	border-left: 3px solid #1c71a1;
}
.vuecal {
	max-height: 1200px;
	max-width: 100%;
}
.vuecal__weekdays-headings {
	margin-top: 5px;
	height: 72px;
	border-left: 1px solid #fafafa;
	border-right: 1px solid #fafafa;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #000000;
	margin-bottom: 2px;
}
.vuecal__weekdays-headings .vuecal__weekday-heading {
	height: 72px;
}
.vuecal__heading {
	height: 72px;
}
.weekday_name {
	color: #1c71a1;
}
.vuecal__event-time {
	opacity: 60%;
}
.vue__time-picker .custom-icon {
	right: 35px !important; 
	pointer-events: none;
  }
.vuecal__event-time .buttonWidth {
	min-width: 52px !important;
}
.vuecal__cell-content {
	outline: 8px solid #fafafa;
	border: 8px solid #fafafa;
}
.vuecal__time-column {
	padding-right: 10px;
	border: 1px solid #fafafa;
}
.vuecal__header {
	border: 1px solid #fafafa;
}
.vuecal__cell--selected {
	background: #f3f2f2;
}
.vuecal__title {
	display: flex;
	justify-content: flex-start;
}
.vuecal__title-bar { 
	background: #f9f9f9;
	position: relative;
	z-index: 3;
}
.vuecal__header .vuecal__heading {
	position: relative;
	overflow: visible;
}
.vuecal__header .vuecal__heading:before {
	position: absolute;
	content: '';
	background: #f9f9f9;
	left: 0;
	right: 0;
	top: -68px;
	height: 51px;
	pointer-events: none;
}
.vuecal__today-btn {
	width: 420px;
	margin-right: 10px;
}
.vuecal__flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.week-view { 
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.vuecal__cells { 
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}   
@media  screen and (max-width:640px) {
	.vuecal__weekdays-headings{
margin-top: 0px ;
	}
	.vuecal__header .vuecal__heading:before {
		height: 100px;
		top: -119px;
	}
}

.vuecal__body {
	overflow: visible !important;
}