html {
	height: 100%;
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

 body {
	position: relative;
	margin: 0;
	min-height: 100%;
	background-color: #F5F5F5;
	font-size: 0.85rem;
	font-weight: 400;
	line-height: 1.5;
	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 .container {
 	margin-bottom: 2rem;
 }
 .form-control {
 	font-size: 0.95rem;
 	line-height: 1;
 }
.table th, .table td {
	padding: 0.3rem;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url(../images/icon_google.png) 6px 6px no-repeat;
}
a:hover {
	text-decoration: none;
}

.nav-bar {
	background-color: #dc3545 !important;
}

.modal-dialog {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
}

.modal .close {
	color: #fff;
	opacity: 1;
	font-size: 4rem;
	font-weight: 300;
	text-shadow: none;
}

@media ( max-width : 768px) {
	.modal-dialog {
		min-height: calc(100vh - 20px);
	}
	.modal .close {
		font-size: 2.5rem;
	}
}

@media ( max-width : 992px) {
	.form-group {
		padding-right: 0px;
	}
}

.modal .close:hover {
	color: #dcdada;
}

.custom-dropdown {
	min-width: 100%;
}

.nav-header {
	height: 4em;
}

@media ( min-width : 768px) {
	.header-dropdown {
		margin-right: 4em;
	}
}

@media ( min-width : 768px) {
	.left-sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: 0rem;
		/*background-image: url(../images/left-bg.jpg);*/
		z-index: 1000;
		height: calc(90vh - 0rem);
	}
}
@media ( max-width : 768px) {
	.nav-mobile-menu {
		/*background-image: url(../images/left-bg.jpg);*/
		position: absolute ! important;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.left-sidebar {
		 position: absolute!important;
	}
}
@media ( min-width : 768px) {
	.left-sidebar {
		border-right: 1px solid rgba(0, 0, 0, .1);
	}
}

@media ( min-width : 768px) {
	.flow-links {
		display: block !important;
	}
}

@media ( min-width : 768px) {
	.flow-links {
		max-height: calc(100vh - 9rem);
		overflow-y: auto;
	}
}

.flow-links {
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-right: -15px;
	margin-left: -15px;
}

.flow-link {
	display: block;
	padding: 0.5em 1em 0.5em 2em;
	font-weight: 500;
	color: rgba(0, 0, 0, .65);
}

.left-link-title>a:before {
	float: right !important;
	content: url(../images/up-arrow.svg);
	padding-right: 5px;
}

.left-link-title>a.collapsed:before {
	float: right !important;
	content: url(../images/down-arrow.svg);
}

.left-link-title>a:hover, .left-link-title>a:active, .left-link-title>a:focus
	{
	text-decoration: none;
}

.hrms-smoke {
	background-color: #F5F5F5;
}

.hrms-card {
	background: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.hrms-divider {
	border-bottom: 4px solid #ff6161;
}

.table-card {
	margin-top: 2em;
	padding: 2em;
}

.footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

@media ( min-width : 992px) {
	.lg-left {
		padding: 1em 1em 1em 3em;
	}
}

@media ( min-width : 1440px) {
	.lg-left {
		padding: 1em 1em 1em 4em;
	}
}

@media ( max-width : 991px) {
	.lg-left {
		padding: 1em 1em 1em 2em;
	}
}

.table-headers {
	background-color: rgba(125, 190, 242, 0.25);
}

.form-group.required .control-label:after {
	color: red;
	content: "*";
	font-size: 18px;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc,
	table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc,
	table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting
	{
	padding-right: 15px;
}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 0em;
	color: green;
}

.deleteBtn {
	color: red;
}

.deleteBtn: hover {
	color: red;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.noRecordsmsg {
	color: red;
	text-align: center;
}
.collapse-links .flow-link {
    padding: 0.5em 1em 0.5em 3em;
}
.flow-link:hover {
    color: #007bff;
}
/* team calendar styles*/
.cl {
    width: 5em;
    height: 2em;
}
.fc-toolbar h2 {
	 color: #657279;
}
.fc-other-month {
	background-color: #ffffe3;
}
.fc-unthemed td.fc-today {
    background-color: #dce7f9;
}
@media ( max-width : 768px) {
	body .fc {
    	font-size: 0.7em;
	}
	.fc-toolbar h2 {
   	 font-size: 1rem;
	}
}
.fc th, .fc td {
	border-color: #dbd8d8;
}
/** Monday colors **/
.bg-header-monday {
  background-color: #1A9DBB !important;
}
.bg-header-monday a, .bg-sidebar-monday a{
	color: white !important;
}
.bg-header-monday a.dropdown-item {
	color: black !important;
}
.bg-body-monday {
	background-image: url(../images/bg.jpg) !important;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-sidebar-monday {
	background-color: #042F48 !important;
}
.bg-footer-monday {
  background-color: rgba(3, 216, 215, 0.79) !important;
}

/** Tuesday colors **/
.bg-header-tuesday {
  background-color: #950740 !important;
}
.bg-header-tuesday a {
	color: white !important;
}
.bg-header-tuesday a.dropdown-item {
	color: black !important;
}
.bg-body-tuesday {
	background-image: url(../images/bg.jpg) !important;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-sidebar-tuesday {
	background-color: #f4f2f0 !important;
}
.bg-footer-tuesday {
  background-color: #6F2232 !important;
}

/** Wednesday colors **/
.bg-header-wednesday {
  background-color: #636B46 !important;
}
.bg-header-wednesday a {
	color: white !important;
}
.bg-header-wednesday a.dropdown-item {
	color: black !important;
}
.bg-body-wednesday {
	background-image: url(../images/bg.jpg) !important;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-sidebar-wednesday {
	background-color: #CDA34F !important;
}
.bg-footer-wednesday {
  background-color: #373F27 !important;
}

/** Thursday colors **/
.bg-header-thursday {
  background-color: #c06c84 !important;
}
.bg-header-thursday a {
	color: white !important;
}
.bg-header-thursday a.dropdown-item {
	color: black !important;
}
.bg-body-thursday {
	background-image: url(../images/bg.jpg) !important;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-sidebar-thursday {
	background-color: #e3afbc !important;
}
.bg-footer-thursday {
  background-color: #6c5b7c !important;
}


/** Friday colors **/
.bg-header-friday {
  background-color: rgba(247, 132, 18, 0.92) !important;
}
.bg-header-friday a, .bg-sidebar-friday a {
	color: white !important;
}
.bg-header-friday a.dropdown-item {
	color: black !important;
}
.bg-body-friday {
	background-image: url(../images/bg.jpg) !important;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-sidebar-friday {
	background-color: #3C2420 !important;
}
.bg-footer-friday {
  background-color: rgba(247, 132, 18, 0.92) !important;
}

/** Saturday colors **/
.bg-header-saturday {
  background-color: #5b5e64 !important;
}
.bg-header-saturday  a {
	color: black !important;
}
.bg-header-saturday a.navbar-brand, .bg-header-saturday a.dropdown-toggle {
	color: white !important;
}
.bg-body-saturday {
	background-image: url(../images/bg.jpg) !important;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-sidebar-saturday {
	background-color: #d7dee1 !important;
}
.bg-footer-saturday {
  background-color: #1f2833 !important;
}

/** Sunday colors **/
.bg-header-sunday {
  background-color: #BA85A1 !important;
}
.bg-header-sunday a, .bg-sidebar-sunday a {
	color: white !important;
}
.bg-header-sunday a.dropdown-item {
	color: black !important;
}
.bg-body-sunday {
	background-image: url(../images/bg.jpg) !important;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-sidebar-sunday {
	background-color: #65375B !important;
}
.bg-footer-sunday {
  background-color: #F1BFCB !important;
}
.leave-model-table {
	margin-bottom: 0rem;
}
.leave-model-table td {
	padding: 0.4em;
    border-top: none;
}
.clock-row {
  margin: 0;
}
/* clock styles */
.flip-clock-wrapper {
    margin: 0;
}
.flip-clock-wrapper ul li a div div.inn {
  font-size: 1rem;
}

.flip-clock-wrapper ul li a div {
  font-size: 1rem;
}

.flip-clock-wrapper ul {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  padding: 0px;
  margin: 2px;
}

.flip-clock-wrapper ul li {
  line-height: 2rem;
}

/* Adjust the position of the top's dot */

.flip-clock-dot.top {
  top: .8rem;
}

/* Adjust the position of the bottom's dot */

.flip-clock-dot.bottom {
  bottom: 0;
  top: 1.2rem;
}

.flip-clock-dot {
  width: .2rem;
  height: .2rem;
}

.flip-clock-divider {
  width: .8rem;
  height: 1rem;
}

.flip-clock-divider .flip-clock-label {
  right: .5rem;
}

.flip-clock-divider.minutes .flip-clock-label {
  right: .5rem;
}

.flip-clock-divider.seconds .flip-clock-label {
  right: .5rem;
}

.flip-clock-meridium {
  font-size: 18px !important;
}
.action_btn button {
	margin-right: 2rem 
}
.typeahead.dropdown-menu {
	max-height: 34rem;
    overflow-y: auto;
}
.mandatory{
	color:none !important;	
}