.clockpicker-popover{
	z-index: 99999 !important;
}

.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts{
	
	width: 350px !important;
    min-width: 0;
}

.fc-event {
    position: relative;
    display: block;
    font-size: 1.2em !important;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    font-weight: 400;
} 


.file-box {
	 width: 200px !important;
}

.fc-more-popover {
    z-index: 2;
    width: 500px !important;
}


.contact-box-height {
	height:160px !important;
}

.image-circle-size {
	height: 70;width: 70px;
}

@media (max-width: 600px) {
	.contact-box-height {
		height:auto !important;
	}

	.image-circle-size {
		height: 70;width: 70px;
	}
}

/* The container */
.container {
    /* display: block;
    position: relative; */
    padding-left: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	/* width:10px !important; */
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border: 0.10px solid #ccc;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
	border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dropdown-menu {
	color: black;	
}

.nav-third-level li a {
    padding-left: 72px;
}

.required_field, .required_field:focus {
	/* background: #FECECE; */
	border-color: #ed5565 !important;
}

.datepicker {
	border-radius: 0px;
	padding: 6px 12px;
}

.ui-datepicker-month, .ui-datepicker-year {
	color: black;
}

.moreBorder {
    border: border-width: 15px !Important;
}

.chosen-container{
	width:100% !important;

}

.overflow {
	overflow: hidden;
}

.large-width-overflow {
	max-width: 100%;
	overflow: hidden;
}

.large-width-overflow table {
		width: 2000px;
}

.large-width-overflow table thead tr th {
		width: 300px;
}

.toggle-hidden-container {
	display: none;
}

.large-text {
	font-size: 1.1em;
	font-weight: bold;
}

.small-text {
	font-size: 0.9em;
}

.hide-toggle {
	cursor: pointer;
}

.hide-toggle-container {
	display: none;
}

.collapsed {
	display: none;
}

.text-block {
	display: inline-block;
	white-space: nowrap
}

th > a:after {
    content: " \f0dc";
    font-family: FontAwesome;
}

th > a.asc:after {
    content: " \f0dd";
    font-family: FontAwesome;
}

th > a.desc:after {
    content: " \f0de";
    font-family: FontAwesome;
}


/* NEW PROGRESS BAR START */

	.blend-link{
		color: #555 !important;
	}
	.blend-link:hover{
		color: #5A5A5A !important;
	}

	html * {
	  -webkit-font-smoothing: antialiased;
	  box-sizing: border-box;
	}

	.progress {
	  cursor: default;
	  speak: none;
	  margin: 50px 0;
	  font-size: 14px;
	  height: 100%;
	}
	.progress:after {
	  clear: both;
	  display: table;
	  content: "";
	}
	.progress__step {
	  width: calc( ( 100% -  66% ) / ( 4 - 1 ) );
	  position: relative;
	  float: left;
	  overflow: hidden;
	  border-radius: 4px;
	  background-color: #1AB394;
	  color: #fff;
	  -webkit-transition: background-color 250ms ease-out, width 250ms ease-out;
	  transition: background-color 250ms ease-out, width 250ms ease-out;
	}
	.progress__step:not(:last-child) {
	  margin-right: 5px;
	}
	.progress--six .progress__step {
	  width: calc( ( 100% -  66% ) / ( 6 - 1 ) );
	}
	.progress--five .progress__step {
	  width: calc( ( 100% -  66% ) / ( 5 - 1 ) );
	}
	.progress--three .progress__step {
	  width: calc( ( 100% -  66% ) / ( 3 - 1 ) );
	}
	.progress--two .progress__step {
	  width: calc( ( 100% -  66% ) / ( 2 - 1 ) );
	}
	.progress__step--active {
	  width: calc( 66% - ( 5px * ( 4 - 1 ) ) );
	  background-color: #1AB394;
	  color: #fff;
	  -webkit-transition: background-color 250ms ease-out, width 250ms ease-out;
	  transition: background-color 250ms ease-out, width 250ms ease-out;
	}
	.progress--six .progress__step--active {
	  width: calc( 66% - ( 5px * ( 6 - 1 ) ) );
	}
	.progress--five .progress__step--active {
	  width: calc( 66% - ( 5px * ( 5 - 1 ) ) );
	}
	.progress--three .progress__step--active {
	  width: calc( 66% - ( 5px * ( 3 - 1 ) ) );
	}
	.progress--two .progress__step--active {
	  width: calc( 66% - ( 5px * ( 2 - 1 ) ) );
	}
	.progress__step--active ~ .progress__step {
	  background-color: #DADADA;
	  color: #555;
	}
	@media screen and (min-width: 760px) {
	  .progress__step {
		width: calc( ( 100% / 4 ) - ( 10px * ( ( 4 - 1 ) / 4 ) ) );
		border-radius: 0;
		overflow: visible;
		-webkit-transition: width 0s ease-out;
		transition: width 0s ease-out;
		background-color: #DADADA;
		color: #555;
	  }
	  .progress--six .progress__step {
		width: calc( ( 100% / 6 ) - ( 10px * ( ( 6 - 1 ) / 6 ) ) );
	  }
	  .progress--five .progress__step {
		width: calc( ( 100% / 5 ) - ( 10px * ( ( 5 - 1 ) / 5 ) ) );
	  }
	  .progress--three .progress__step {
		width: calc( ( 100% / 3 ) - ( 10px * ( ( 3 - 1 ) / 3 ) ) );
	  }
	  .progress--two .progress__step {
		width: calc( ( 100% / 2 ) - ( 10px * ( ( 2 - 1 ) / 2 ) ) );
	  }
	  .progress__step::before {
		content: "";
		position: absolute;
		top: 0;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid #F3F3F4;
		left: 0;
	  }
	  .progress__step::after {
		content: "";
		position: absolute;
		top: 0;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid #DADADA;
		left: 99.9%;
		/* Not 100% because of IE subpixel rendering bug */
		z-index: 2;
	  }
	  .progress__step:first-child {
		border-radius: 4px 0 0 4px;
	  }
	  .progress__step:first-child::before {
		display: none;
	  }
	  .progress__step:last-child {
		border-radius: 0 4px 4px 0;
	  }
	  .progress__step:last-child::after {
		display: none;
	  }
	  .progress__step:not(:first-child) {
		padding-left: 20px;
	  }
	  .progress__step:not(:last-child) {
		margin-right: 10px;
	  }
	  .progress__step--active {
		background-color: #1AB394;
		color: #fff;
	  }
	  .progress__step--active::after {
		border-left-color: #1AB394;
	  }
	}
	.progress__label {
	  height: 40px;
	  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
	}
	.progress__step--active .progress__label {
	  margin-right: 10px;
	}
	@media screen and (min-width: 760px) {
	  .progress__label {
		margin-right: 10px;
	  }
	}
	.progress__badge {
	  text-align: center;
	  font-weight: 700;
	}
	.progress__badge::after {
	  content: "\2714";
	  font-size: 1.28571em;
	}
	.progress__step--active .progress__badge::after, .progress__step--active ~ .progress__step .progress__badge::after {
	  display: none;
	}
	.progress__step:not(.progress__step--active) .progress__badge {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	}
	@media screen and (min-width: 760px) {
	  .progress__step:not(.progress__step--active) .progress__badge {
		position: absolute;
		border: 2px solid #555;
		border-radius: 50%;
		width: 28px;
		height: 28px;
		top: 50%;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		margin-left: 10px;
		line-height: 24px;
		left: 0;
		transform: translateY(-50%);
	  }
	}
	.progress__step--active .progress__badge {
	  position: absolute;
	  border: 2px solid #555;
	  border-radius: 50%;
	  width: 28px;
	  height: 28px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
			  transform: translateY(-50%);
	  margin-left: 10px;
	  line-height: 24px;
	  border-color: #fff;
	}
	.progress__number {
	  display: none;
	  font-size: 1.14286em;
	}
	.progress__step--active .progress__number, .progress__step--active ~ .progress__step .progress__number {
	  display: inline;
	}
	.progress__title {
	  position: absolute;
	  left: 46px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
			  transform: translateY(-50%);
	  font-size: 1em;
	  font-weight: 600;
	  z-index: 3;
	}
	.progress--five .progress__title {
	  font-size: 0.8571em;
	}
	.progress__step:not(.progress__step--active) .progress__title {
	  display: none;
	}
	@media screen and (min-width: 760px) {
	  .progress__step:not(.progress__step--active) .progress__title {
		display: inline-block;
	  }
	}


/* NEW PROGRESS BAR END */

.metismenu {
	font-size: 1.15em !important;
	color: white !important;

}

.nav > li > a {
    color: white;
}

table thead * {
	font-size: 1em !important;

}

table tbody * {
	font-size: 1em !important;
}

@media (max-width: 768px) {
	.rtls.fixed-sidebar.body-small .navbar-static-side {
		display: none;
		z-index: 2001;
		position: fixed;
		width: 220px;  /* override */
	  }
	  
	body.fixed-nav.fixed-nav-basic .navbar-fixed-top {
	  left: 220px;  /* override */
	}

	body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top {
	  left: 220px;  /* override */
	}

	body.canvas-menu .navbar-static-side {
	  position: fixed;
	  width: 220px;  /* override */
	  z-index: 2001;
	  height: 100%;
	}

	body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
	  margin: 0 0 0 220px;  /* override */
	}

	body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
	  width: 220px;  /* override */
	}

	body.canvas-menu.mini-navbar nav.navbar-static-side {
	  display: block;
	  width: 220px;  /* override */
	}

	.sidebar-panel {
	  width: 220px;  /* override */
	  background: #ebebed;
	  padding: 10px 20px;
	  position: absolute;
	  right: 0;
	}

	.footer.fixed {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: 1000;
	  padding: 10px 20px;
	  background: white;
	  border-top: 1px solid #e7eaec;
	  margin-left: 220px;  /* override */
	}

	body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
	  margin: 0 0 0 220px;  /* override */
	}

	.file-box {
	  float: left;
	  width: 220px;  /* override */
	}

	body.rtls .theme-config-box {
	  margin-left: -220px;  /* override */
	  margin-right: 0;
	}

	body.rtls .footer.fixed {
	  margin-right: 220px;  /* override */
	  margin-left: 0;
	}

	body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
	  width: 220px;  /* override */
	}
	
	.theme-config-box {
	  margin-right: -220px;  /* override */
	  position: relative;
	  z-index: 2000;
	  transition-duration: 0.8s;
	}

	.skin-settings {
	  width: 220px;  /* override */
	  margin-left: 40px;
	  background: #f3f3f4;
	}

	.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
	  width: 220px;  /* override */
	  background-color: #ffffff;
	}
	
	.fixed-sidebar.body-small .navbar-static-side {
		display: none;
		z-index: 2001;
		position: fixed;
		width: 220px;  /* override */
	  }
}


.fh-50 {
	height: 50px !important;
}

.fh-75 {
	height: 75px !important;
}

.fh-250 {
	height: 250px !important;
}

.fh-300 {
	height: 300px !important;
}

.table-bordered > thead > tr > th {
	background-color: #fcfcfc;
}

.table-hover > tbody > tr:hover {
	background-color: #fcfcfc;
}

.table th a {
	color: #777A7C;
}

.table td a {
	color: #676a6c;
}

.compact-table {
	max-height: 250px;
	overflow: scroll;
}

.btn {
	white-space: normal;
}

.table td {
	word-break: break-all !important;
}

.modal-btn-correction {
	margin-bottom: 5px !important;
}

.xs-icon {
	font-size: 15px !important;
}

.sm-icon {
	font-size: 20px !important;
}

.md-icon {
	font-size: 30px !important;
}

.lg-icon {
	font-size: 70px !important;
}

.icon-padding {
	padding-left: 3px;
	padding-right: 3px;
}

.blue-link, .blue-link:visited {
	color: #22b392 !important;
	text-decoration: none;
}

.blue-link:hover, .blue-link:active {
	color: #1d9378 !important;
	text-decoration: none;
}

.gray-link, .gray-link:visited {
	color: #bebebe !important;
	text-decoration: none;
}

.gray-link:hover, .gray-link:active {
	color: #929292 !important;
	text-decoration: none;
}

.yellow-link, .yellow-link:visited {
	color: #f7c808 !important;
	text-decoration: none;
}

.yellow-link:hover, .yellow-link:active {
	color: #ffce0a !important;
	text-decoration: none;
}

.red-link, .red-link:visited {
	color: #e24e32 !important;
	text-decoration: none;
}

.form-group > div > .btn {
	min-width: 100px;
	margin-left: 7px;
}

.form-group > div > .btn {
	min-width: 130px;
    margin-left: 3px;
    margin-right: 3px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.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: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

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

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

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

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

.collapsed {
	display: none;
}

#selected_items, #search_results_container, #patient_search_results_container {
	min-height: 300px;
	max-height: 300px;
	overflow-y: scroll;
}

.stepwizard-step p {
	margin-top: 5px;
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	width: 100%;
	position: relative;
}

.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-order: 0;

}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.wizard .content {
    min-height: 100px;
}
.wizard .content > .body {
    width: 100%;
    height: auto;
    padding: 15px;
    position: relative;
}
.content.clearfix {
    all: unset;
}
.dataTables_paginate{
	align: center;
}
.dataTables_paginate > ul.pagination {
    display: -webkit-inline-box;
}
.tooltipevent{width:200px;height:100px;background:#ccc;position:absolute;z-index:10001};
.hover-end{padding:0;margin:0;font-size:75%;text-align:center;position:absolute;bottom:0;width:100%;opacity:.8}


.add_salary_adjustment_btn{
	margin-right : 10px !important;
}

.no-margin-left {
	
	margin-left : 0px !important;
}

.no-margin-right {
	
	margin-right : 0px !important;
}

.personal-info-nav {
	
	background-color:white !important;
	border:none !important;
	padding:20px !important;
	
}

.employee_nav li {
	border-bottom:0px !important;
	display: block;
	margin: 2px 5px 2px 30px;
}

.user_profile_nav li {
	border-bottom:0px !important;
	display: block;
	margin: 5px 1px 5px 1px;
}



.employee_nav li.active a {
	color:#1D84C6;
}

.employee_nav li a:hover {
	color:#1D84C6;
}

.side-menu-title {
	
	margin-top: 40px !important;
	
}

.button-margin-40 {
	
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	
}

.icon-box {
	width: 15px;
}

@media (max-width: 600px) {
	.employee_nav li {
		border-bottom:0px !important;
		display: block;
		margin: 2px 5px 2px 5px;
	}
}

@media (min-width: 992px){
	.modal-custom-size-large {
		width: 900px;
	}
	
	.modal-body-custom-size-large {
		height: 700px !important;
	}
}

.feed-activity-list .feed-element {
    border-bottom: 0px solid #e7eaec;
}


.memo-list a li.info-element {
    border-left: 5px solid #1c84c6 !important;
}


.memo-list a li {
    background: white !important;
    /* border: 1px solid #e7eaec; */
    border: 0px solid #e7eaec;
    margin: 0 0 20px 0;
    padding: 10px;
    border-radius: 2px;
}

.memo-list a li:hover {
	 background: #FAFAFB !important;
}

.memo-list a li  {
	color: #666666 !important;
}





.notification-list a li.warning-element {
    border-left: 5px solid #f8ac59 !important;
}


.notification-list a li {
    background: white !important;
    /* border: 1px solid #e7eaec; */
    border: 0px solid #e7eaec;
    margin: 0 0 20px 0;
    padding: 10px;
    border-radius: 2px;
}

.notification-list a li:hover {
	 background: #FAFAFB !important;
}

.notification-list a li  {
	color: #666666 !important;
}


.search-box{
	border-style: none !important;
    border-width: 0px 0 !important;
}

.search-list a li  {
	background: white !important;
	border: 0px solid #e7eaec;
	 margin: 0 0 20px 0;
}

.search-list a li:hover {
	 background: #FAFAFB !important;
}


.table-bordered{
	font-size:1.1em;
}

.open>.dropdown-menu {
    /* display: block; */
    width: 250px;
}

.nav-personal-info > li > a {
    color: #1D84C6 !important;
}

.table-view-employee > tbody > tr > td{
	border-top: 0px !important;
}
.fc-day-grid-event{
	border-width: thick !important;
}


.nav-personal-info > li > a {
    color: #6C6F71 !important;
}

.table-view-employee > tbody > tr > td{
	border-top: 0px !important;
}

.error-message{
	color:red !important;
	margin-top: 10px !important; 
	font-weight:bold;
}

.modal-increase-lg{
	width:85%;
}

#my-notification-section-container {
	max-height: 400px; 
}

#my-notification-section-container a {
	text-align: left !important;
	color: black !important; 
}

.word-wrap{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;

}