@charset "UTF-8";

/* Gerneral */


html { margin-left: calc(100vw - 100%); }

body {
	background-color: #f8fafc;
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	margin: 0;
	color: #292a2b;
	font-weight: normal;
	font-style: normal;
	line-height: 1.571429;
	padding-top: 44.01px;

}


body.white-page {
	background-color: #fff;
}

body.white-page.reverse {
	background-color: #f8fafc !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-bottom: .5rem;
	color: #424242;
}


.font-weight-650 {
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.571429;
}

.font-weight-400 {
	font-family: "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.571429;
}

.m-t-32 {
	margin-top: 32px !important;
}

.oHidden {
	overflow: hidden !important;
}

.bg-grey-60 {
	background-color: #FAFAFA
}

.ct-label {
	font-size: .858rem !important;
	line-height: 1 !important;
	color: #424242 !important;
	fill: #424242 !important;
}

.page-header-bordered {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	background-color: #fff;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.15);
	min-height: 60px !important;
}

.bgPanel {
	background-color: #f1f4f5 !important;
}

.card1 {
	border-radius: 2px !important;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: .25rem !important;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	-webkit-transition: background-color .5s, -webkit-box-shadow .5s;
	transition: background-color .5s, -webkit-box-shadow .5s;
	-o-transition: box-shadow .5s, background-color .5s;
	transition: box-shadow .5s, background-color .5s;
	transition: box-shadow .5s, background-color .5s, -webkit-box-shadow .5s;
}

.card-subtitle {
	font-weight: 300;
	margin-bottom: 15px;
	color: #9c9c9c;
}

.example-title {
	text-transform: none;
}

.bg-basic {
	background: #f1f5fb !important;
}

.bootstrap-select .dropdown-menu>li>a:focus,
.bootstrap-select .dropdown-menu>li>a:hover {
	text-decoration: none;
	color: #172b4d;
	background-color: #ebecf0;
}

.w-30 {
	width: 30px;
}

.w-55 {
	width: 55px !important;
}

.navCustom {
	-webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
	background: #5db2ff !important;
}

#00bcd4 .color-selector>li input[type=radio]:checked+label:after {
	color: #999;
}

.panel {
	position: relative;
	margin-bottom: 1.875rem;
	background-color: transparent;
	border: 0 solid transparent;
	border-radius: 8px;
	-webkit-box-shadow: 2px 3px 10px rgba(159, 161, 165, 0.25);
	box-shadow: 2px 3px 10px rgba(159, 161, 165, 0.25);
}

.dropdown-item:focus,
.dropdown-item:hover {
	text-decoration: none;
	color: #172b4d;
	background-color: #ebecf0;
}

.shaddow_box {
	border-radius: 6px;
	box-shadow: 0 3px 10px 0 rgb(48 46 56/7%);
	background-color: #fff;
	transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;



}

.disabled-link {
	background-color: #fff;
	pointer-events: none;
	opacity: 0.6;
}

.shaddow_box_hovered {
	box-shadow: 2px 3px 10px rgba(159, 161, 165, 0.25);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.shaddow_box_hovered:hover {
	box-shadow: 0 20px 30px rgba(125, 147, 178, .15);
}

.light_box {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.shaddow_box:hover {
	cursor: pointer;
	 box-shadow: 1px 3px 14px rgb(120 159 181 / 35%);
	transition: box-shadow .3s, background-color .2s;
}

.shaddow_box_dash:hover {
	cursor: pointer;
	box-shadow: 2px 3px 15px rgb(165 165 165 / 20%);
	transition: box-shadow .1s, background-color .1s;
}

.shaddow_box_location:hover {
	-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
	-webkit-transition: background-color .5s, -webkit-box-shadow .5s;
	transition: background-color .5s, -webkit-box-shadow .5s;
	-o-transition: box-shadow .5s, background-color .5s;
	transition: box-shadow .5s, background-color .5s;
	transition: box-shadow .5s, background-color .5s, -webkit-box-shadow .5s;
}

.shaddow_box_div {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.noBurder {
	border: none;
}

.pointer:hover {
	cursor: pointer;
}

.box-downsh {
	box-shadow: 0 3px 6px rgba(224, 224, 224, 0.16), 0 3px 6px rgba(0, 0, 0, .23);
}

.box-downsh-light {
	box-shadow: 0 3px 5px rgba(224, 223, 223, 0.16), 0 3px 5px rgba(148, 148, 148, 0.23);
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
	z-index: 9999 !important;
}

.font-size-22 {
	font-size: 22px;
}

.font-size-20 {
	font-size: 20px;
}

.panel>*:not(.panel-loading):not(.collapsing) {
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.page {
	position: relative;
	min-height: -webkit-calc(100%);
	min-height: calc(100% - 0px);
	background: #f8fafc !important;
}

.whiteBackgroud .page {
	/** background-image: linear-gradient(175deg, #fcfcfc 46%, #fcfcfc 100%) !important; **/
	background: #f8fafc !important;
}

.grey-hover:hover {
	background-color: #f3f7f9;
}

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

@media (min-width: 768px) {
	.modal-dialog {
		width: 650px;
	}
}

	@media (min-width: 480px) {
		.modal-dialog {
			max-width: 650px;
		}
	}

@media (min-width: 992px) {
	.modal-l {
		width: 680px;
	}
}

@media (min-width: 992px) {
	.modal-l {
		max-width: 680px;
	}
}

@media (min-width: 768px) {
	.modal-l {
		width: 680px;
	}
}

@media (min-width: 768px) {
	.modal-l {
		max-width: 680px;
	}
}


@media (min-width: 800px) {
	.modal-lc {
		width: 780px;
	}
	.modal-lca {
		width: 830px;
	}
}

@media (min-width: 769px) {
	.modal-lc {
		max-width: 780px;
	}
	.modal-lca {
		max-width: 830px;
	}
}

.scroll-300 {
	max-height: 300px;
	overflow-y: auto;
}

.scroll-200 {
	max-height: 200px;
	overflow-y: auto;
}

@media (max-width: 991px) {
	.mobilescroll-emp {
		max-height: 400px;
		overflow-y: auto;
		width: 100%;
	}
}

.shiftscroll-emp {
	max-height: 600px;
	overflow-y: auto;
	width: 100%;
}

@media (max-width: 991px) {
	.shiftscroll-emp {
		max-height: 400px;
		overflow-y: auto;
		width: 100%;
	}
}



@media (min-height: 1201px) and (max-height: 9999px) {
	.chat-scroll {
		max-height: 600px;
		overflow-y: auto;
		width: 100%;
		margin-bottom: 60px;
		min-height: 300px !important;
	}
	.content-dash-scroll {
		max-height: 600px;
		overflow-y: auto;
		width: 100%;
		margin-bottom: 10px;
		padding-right: 10px;
	}
}

@media (min-height: 950px) and (max-height: 1200px) {
	.chat-scroll{
		max-height: 515px;
		overflow-y: auto;
		width: 100%;
		margin-bottom: 60px;
		min-height: 300px !important;

	} .content-dash-scroll {
		  max-height: 515px;
		  overflow-y: auto;
		  width: 100%;
		  margin-bottom: 10px;
			  padding-right: 10px;
	  }
}

@media (min-height: 880px) and (max-height: 949px) {
	.chat-scroll {
		max-height: 420px;
		overflow-y: auto;
		width: 100%;
		margin-bottom: 60px;
		min-height: 200px !important;
	}.content-dash-scroll {
		 max-height: 420px;
		 overflow-y: auto;
		 width: 100%;
		 margin-bottom: 10px;
			 padding-right: 10px;
	 }
}

@media (min-height: 0px) and (max-height: 879px) {
	.chat-scroll{
		max-height: 320px;
		overflow-y: auto;
		width: 99%;
		margin-bottom: 60px;
		min-height: 200px !important;
	}
	.content-dash-scroll {
		max-height: 300px;
		overflow-y: auto;
		width: 99%;
		margin-bottom: 10px;
		padding-right: 10px;
	}
}

.add-workingtime-scroll {
	max-height: 330px;
	overflow-y: auto;
	width: 99%;
}

.scroll-318 {
	max-height: 318px;
	overflow-y: auto;
}

.scroll-350 {
	max-height: 350px;
	overflow-y: auto;
}

.scroll-357 {
	max-height: 357px;
	overflow-y: auto;
}

.br-8 {
	border-radius: 8px !important;
}

.scroll-400 {
	max-height: 400px;
	overflow-y: auto;
}

.scroll-415 {
	max-height: 415px;
	overflow-y: auto;
}

.scroll-500 {
	max-height: 500px;
	overflow-y: auto;
}

.scroll-600 {
	max-height: 600px;
	overflow-y: auto;
}

.theadBoot {
	color: #607D8B;
	font-size: 15px;
	font-weight: 500;
}

.tdBoot {
	padding: 10px 15px !important;
}

.avatar-md {
	width: 30px !important;
	height: 30px !important;
}

.avatar-s {
	width: 25px !important;
	height: 25px !important;
}

.avatar-sm {
	width: 30px !important;
	height: 30px !important;
}

.avatar-ml {
	width: 40px !important;
	height: 40px !important;
}

.avatar-l {
	width: 50px !important;
	height: 50px !important;
}

.avatar-lg {
	width: 70px !important;
	height: 70px !important;
	border: 4px solid #f2f2f2;
}

.navbar-avatar .avatar {
	width: 26px !important;
	height: 26px !important;
}

.font-size-15 {
	font-size: 15px;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.modal-sidebar {
	display: table;
}

.imgMax img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	/* ie8 */
}

.font-size-26 {
	font-size: 26px;
}

.font-size-28 {
	font-size: 28px;
}

.font-size-30 {
	font-size: 30px;
}

.form-control-l {
	height: 2.5rem !important;
	font-size: 1.1rem !important;
}

.formf-label {
	font-weight: 500 !important;
	font-size: 13px !important;
	top: -1.0rem !important;
}

.lhInput {
	line-height: 1.4 !important;
}

.color-selector>li input[type=radio]:checked+label:after {
	color: #111 !important;
}

.page-content {
	padding: 35px 20px 10px 20px;
}

@media (max-width: 768px) {
	.page-content {
		padding: 50px 13px 13px 10px;
	}
}

@media (max-width: 479px) {
	.page-content {
		padding: 25px 13px 13px 10px;
	}
}

.page-c1 {
	padding: 30px 30px 10px 30px;
}

@media (min-width: 1500px) {
	.page-c1 {
		padding: 30px 50px 10px 50px;
	}
}

@media (max-width: 479px) {
	.page-c1 {
		padding: 13px;
	}
}

.bg-white {
	background-color: #fff !important;
	color: #111;
}

.page {
	background-color: #f8fafc;
}

.bgCyan {
	color: #ffffff;
	background: #26c6da !important;
}

.bgBrandLogo {
	background: #f1f5fb;
}

.bg-grey-50 {
	background-color: #fffdfd !important;
}

.nBorder {
	border: 1px solid #f3f3f3 !important;
}

.nBorder2 {
	border: 1px solid #dcddde !important;
}

.w-90 {
	width: 90px !important;
}

.w-75 {
	width: 75px !important;
}

.w-80 {
	width: 80px !important;
}

.w-166 {
	width: 166px!important;
}

.w-224 {
	width: 224px !important;
}

.hidden {
	display: none;
}

.display-block {
	display: block;
}

.borderless td,
.borderless th {
	border: none;
}


/* Mitarbeiter-Overflow */

@media (min-height: 1201px) and (max-height: 9999px) {
	.overflow-scroll-user {
		overflow-y: auto;
		max-height: 68vh;
	}
}

@media (min-height: 950px) and (max-height: 1200px) {
	.overflow-scroll-user {
		overflow-y: auto;
		max-height: 60vh;
	}
}

@media (min-height: 880px) and (max-height: 949px) {
	.overflow-scroll-user {
		overflow-y: auto;
		max-height: 57vh;
	}
}

@media (min-height: 721px) and (max-height: 879px) {
	.overflow-scroll-user {
		overflow-y: auto;
		max-height: 51vh;
	}
}

@media (min-height: 670px) and (max-height: 720px) {
	.overflow-scroll-user {
		overflow-y: auto;
		max-height: 48vh;
	}
}


/* Arbeitsbereiche Overflow */

@media (min-height: 1201px) and (max-height: 9999px) {
	.overflow-scroll-workingArea {
		overflow-y: auto;
		max-height: 71vh;
	}
}

@media (min-height: 950px) and (max-height: 1200px) {
	.overflow-scroll-workingArea {
		overflow-y: auto;
		max-height: 64vh;
	}
}

@media (min-height: 880px) and (max-height: 949px) {
	.overflow-scroll-workingArea {
		overflow-y: auto;
		max-height: 61vh;
	}
}

@media (min-height: 721px) and (max-height: 879px) {
	.overflow-scroll-workingArea {
		overflow-y: auto;
		max-height: 63vh;
	}
}

@media (min-height: 670px) and (max-height: 720px) {
	.overflow-scroll-workingArea {
		overflow-y: auto;
		max-height: 60vh;
	}
}

@media (min-height: 991px) and (max-height: 9999px) {
	.overflow-scroll-holiday {
		overflow-y: auto;
		max-height: 72vh;
	}
}

@media (min-height: 880px) and (max-height: 990px) {
	.overflow-scroll-holiday {
		overflow-y: auto;
		max-height: 68vh;
	}
}

@media (min-height: 780px) and (max-height: 879px) {
	.overflow-scroll-holiday {
		overflow-y: auto;
		max-height: 65vh;
	}
}

@media (min-height: 10px) and (max-height: 779px) {
	.overflow-scroll-holiday {
		overflow-y: auto;
		max-height: 62vh;
	}
}


.noBoxShaddow {
	box-shadow: none !important;
}


/************ Dashboard *******************/

#toDoListWidget {
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);
}

.btn_to_do_delete {
	position: absolute !important;
	top: 11px;
	right: 0px;
}


.datepicker table tr td.today {
	color: #fff !important;
	border-color: #3ace55 !important;
	background-color: #3ace55 !important;
	border-radius: 4px !important;
}


/**** Dashboard- chat ******/

.page-fb-wall .imgs-gallery {
	margin: -2px;
}

.page-fb-wall .imgs-gallery .gallery-item {
	display: block;
	border: 2px solid transparent;
}

.wall-attrs {
	list-style: none;
}

.wall-attrs .success {
	color: #43a047;
}

.wall-attrs .attrs-meta {
	line-height: 30px;
}

.wall-attrs i {
	margin-right: 2px;
}

.wall-attrs .avatar {
	margin-left: 2px;
}

.wall-comment {
	position: relative;
	margin-bottom: 15px;
}

.wall-comment .comment-operation {
	position: absolute;
	top: -10px;
	right: 0;
}

.wall-comment:hover .comment-operation,
.wall-comment:focus .comment-operation {
	display: block;
}

.wall-comment-reply .reply-operation {
	display: none;
}

.wall-comment-reply .reply-operation.active {
	display: block;
	margin-top: 15px;
}

.wall-person-info {
	position: relative;
	padding-bottom: 45px;
	padding-left: 190px;
}

.wall-person-info .person-avatar {
	position: absolute;
	top: -75px;
	left: 30px;
	width: 140px;
	height: 140px;
}

.wall-person-info .person-name {
	position: absolute;
	top: -55px;
	left: 190px;
	margin: 0;
}

.wall-person-info .person-name a {
	color: #fff;
}

.wall-person-info .person-name a:hover,
.wall-person-info .person-name a:focus {
	text-decoration: none;
}

.wall-posting .form-control {
	border: none;
	border-bottom: 1px solid #e0e0e0;
	border-radius: 0;
}

.wall-recent-comments .comments-view {
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #e0e0e0;
}

@media (min-width: 1200px) {
	.page-fb-wall .card-img-top {
		height: 350px;
	}
}

@media (max-width: 479px) {
	.wall-person-info .person-name {
		font-size: 24px;
	}
}

.w-240 {
	width: 240px!important;
}

.w-110 {
	width: 110px!important;
}

.w-120 {
	width: 120px!important;
}

.w-130 {
	min-width: 130px!important;
}

.w-140 {
	width: 140px!important;
}


/************ Aktuelle Belegung *******************/

#plannedStatus .fixed-table-container {
	border: none;
}

#plannedStatus .bootstrap-table .table:not(.table-condensed),
.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,
.bootstrap-table .table:not(.table-condensed)>thead>tr>td,
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td {
	padding: 10px;
}

#plannedStatus .fixed-table-container thead th .th-inner,
.fixed-table-container tbody td .th-inner {
	line-height: 20px;
	overflow: hidden;
	padding: 10px;
	vertical-align: top;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/************ Mitarbeiter *******************/

.btnTopAct {
	position: absolute;
	top: 10px;
	right: 30px;
}

.headingBlue {
	font-size: 14px;
	font-weight: 500;
	padding: 12px 0px 5px 15px !important;
	border-bottom: 1px solid #00bcd4 !important;
}

.headingBlueLight {
	font-weight: 500;
	margin-bottom: 10px;
	border-bottom: 1px solid #efefef;
}

.radio-info input[type=radio]:checked+label::before {
	border-color: #2abd45 !important;
}

.radio-info input[type=radio]:checked+label::before {
	background-color: #fff !important;
}

.radio-info input[type=radio]:checked+label::after {
	border-color: transparent !important;
}

.radio-info input[type=radio]:checked+label::after {
	background-color: #fff !important;
}

.divTh100 {
	background-color: #fff !important;
	padding: 8px 10px;
	font-weight: 400;
	border-bottom: 1px solid #efefef;
}

.divTr100 {
	margin-top: 2px !important;
	cursor: pointer;
	background-color: #fff !important;
}

.divTr100:hover {
	background-color: #f3f7f9 !important;
}

.divTd100 {
	min-height: 38px;
	margin-top: 2px !important;
	background-color: #fff;
	padding: 8px 10px;
	overflow: hidden;
}

.avatar img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	border: 0 none;
	border-radius: 1000px;
}

.avatar-l i {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 13px;
	height: 13px;
	border: 2px solid #fff;
	border-radius: 100%;
}

.statusActive i,
.ACTIVE i {
	background-color: #4caf50;
}

.statusUnconfirmed i,
.UNCONFIRMED i {
	background-color: #ff9800;
}

.statusInactive i,
.INACTIVE i {
	background-color: #f44336;
}

.statusNoMail i,
.NO_MAIL i {
	background-color: #9e9e9e;
}

.userContainer {
	margin-bottom: 0px !important;
}

#userContainer,
.list-group-item {
	border: none;
}

.greyListHover>li:hover {
	background-color: #ebecf0;
	border-radius: 5px;
	transition: box-shadow .1s, background-color 60ms;
}

.list-group-item {
	padding: 10px 10px;
}

.lastChangeWh {
	position: absolute;
	right: 24px;
	top: 87px;
	color: #bdbcbc;
	z-index: 1000 !important;
}

.avbEmplyoee {
	background-color: #2abd45;
	margin: 8px 0;
	padding: 5px;
	cursor: pointer;
	text-align: center !important;
	border-radius: 11px;
	color: #fff;
	font-weight: 500;
}


.avbCmaEmplyoee {
	background-color: #fff;
	margin: 5px 0;
	padding: 3px;
	border: 1px solid #ddd;
	text-align: center !important;
	border-radius: 26px;
	border-color: #008000;
	color: #008000;
}
/*unavailable*/
.unavbEmplyoee {
	background-color: #ff0000;
	margin: 8px 0;
	padding: 5px;
	cursor: pointer;
	text-align: center !important;
	border-radius: 26px;
	color: #fff;
}

.unavbCmaEmplyoee {
	background-color: #fff;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #ddd;
	text-align: center !important;
	border-radius: 26px;
	border-color: #ff0000;
	color: #ff0000;
}

.thabvEmployee {
	width: 14% !important;
	text-align: center !important;
	font-weight: 500 !important;
	color: #862a2b !important;
	border-bottom-width: 1px;
}

.ui-timepicker-wrapper {
	z-index: 9999 !important;
	overflow-y: auto;
	width: 8.5em;
	height: 150px;
	margin: 0;
	border: 1px solid #e0e0e0;
	outline: none;
	background: #fff;
	-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
	box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
}

.timechekButton .btn-pure.active,
.btn-pure:active,
.open>.btn-pure.dropdown-toggle {
	border-color: #3f51b5;
	background-color: #3f51b5;
	color: #fff;
}

.timechekButton .btn-pure {
	border-color: #efefef;
}

.daySelector .btn-pure.active,
.btn-pure:active,
.open>.btn-pure.dropdown-toggle {
	border-color: #e4e4e4 !important;
	background-color: #e4e4e4 !important;
	color: #111 !important;
	padding: 6px 14px;
	font-size: 14px;

}

.daySelector .btn-pure {
	border-color: #e4eaec;
}

.daySelector .btn-pure:hover {
	border-color: #e5e5e5 !important;
	background-color: #e5e5e5 !important;
	color: #111 !important;
}
.flex-horizontal {
	display: flex;
	flex-wrap:wrap;
}
.flex-horizontal li {
	list-style-type: none;
}

.shortcutSelector.btn-pure.active,
.btn-pure:active,
.open>.btn-pure.dropdown-toggle {
	border-color: #3bca85 !important;
	background-color: #11c26d !important;
	color: #fff !important;
}

.shortcutList button {
	padding: 7px 12px;
	font-size: 14px;
	border-radius: 6px;
	box-shadow: none;
}

.shortcutSelector.whitebackground {
	border-color: #f0f0f0;
}

.shortcutSelector.btn:focus, .shortcutSelector.btn:active:focus, .shortcutSelector.btn.active:focus, .shortcutSelector.btn.focus, .shortcutSelector.btn:active.focus, .shortcutSelector.btn.active.focus {
	box-shadow: 0 5px 12px rgb(47 49 63 / 7%), 0 2px 2px rgb(47 49 63 / 7%), 0 1px 0px rgb(47 49 63 / 7%) !important;
}

/*#region Status info part 2*/

#credential {
	width: 80px;
	height: 80px;
	border-radius: 1000px;
}

#credentials {
	color: #fff;
	vertical-align: middle;
	text-align: center;
	line-height: 4;
	letter-spacing: 2px;
	font-size: 20px;
	font-weight: 600;
}


/*#endregion*/


/************ Auswertung *******************/

#analysis .fixed-table-container {
	border: none;
}

#analysis .bootstrap-table .table:not(.table-condensed),
.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,
.bootstrap-table .table:not(.table-condensed)>thead>tr>td,
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,
.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td {
	padding: 10px;
}

#analysis .fixed-table-container thead th .th-inner,
.fixed-table-container tbody td .th-inner {
	line-height: 20px;
	overflow: hidden;
	padding: 10px;
	vertical-align: top;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media (max-width: 450px) {
	.m-t-xs-10 {
		margin-top: 10px;
	}
}

.btnSaldo .btn-primary {
	color: #5d5a5a;
	border-color: #3f51b5;
	background-color: #fff;
}


/************ Timecheck *******************/

.blink_me {
	animation: blinker 3s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.input-group-addon {
	background-color: #fff;
}


/************ Timecheck *******************/

.absModalDate .input-group {
	float: left;
	width: 100% !important;
}

.input-daterange .input-group-addon {
	background-color: #fff !important;
	color: #292a2b;
}

.absBox {
	padding: 15px;
	margin-bottom: 12px;
}

.box {
	padding: 5px;
	margin-bottom: 0px;
	border-top: 1px solid #efefef;
}

.ui-timepicker-wrapper {
	z-index: 1200;
	overflow-y: auto;
	width: 13.0em !important;
	height: 370px !important;
	margin: 0;
	border: none;
	border-radius: 8px;
	outline: none;
	background: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	transition: all .6s;
	box-shadow: 0 15px 40px rgba(125, 147, 178, .3);
}

@media (max-height: 800px) {
	.ui-timepicker-wrapper {
		height: 280px !important;
	}
}

@media (max-height: 600px) {
	.ui-timepicker-wrapper {
		height: 180px !important;
	}
}

.ui-timepicker-list li {
	margin: 2px;
	padding: 6px 6px !important;
	cursor: pointer;
	white-space: nowrap;
	color: #292a2b;
	font-size: 15px;
}


.ui-timepicker-duration {
	margin-left: 5px;
	color: #ababab !important;
	font-size: 12px !important;
}

.newpanel {
	border-radius: 8px !important;
	-webkit-box-shadow: 2px 3px 10px rgba(159, 161, 165, 0.25) !important;
	box-shadow: 2px 3px 10px rgba(159, 161, 165, 0.25) !important;
}


/************ TIMETRACKER *******************/

.whiteBg {
	background-color: #fff !important;
}

.vertHorizMid {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 146px;
}

.bColorGrey {
	border-color: #fbfbfb !important;
}

.downPic {
	position: absolute;
	width: 170px;
	height: 30px;
	bottom: 20px;
	right: 25%;
	left: 50%;
	margin-left: -85px;
}

.m-w-350 {
	margin-right: auto;
	margin-left: auto;
	max-width: 600px;
	padding: 20px;
}

.m-w-350 {
	margin-right: auto;
	margin-left: auto;
	max-width: 600px;
	padding: 20px;
}

.inputMargin {
	margin-right: auto;
	margin-left: auto;
	max-width: 250px;
}

.m-r-8 {
	margin-right: 8px;
}

.p-x-6 {
	padding-left: 6px !important;
	padding-right: 6px !important;
}

.timetrackbox {
	cursor: pointer;
	text-align: center !important;
	background-color: #fff !important;
	padding: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.p-x-28 {
	padding-left: 28px !important;
	padding-right: 28px !important;
}


/************ COMPANY SETTINGS *******************/

.pricing-table .pricing-title {
	font-size: 20px;
	text-transform: none;
	letter-spacing: 2px;
}

.pricing-table .pricing-header {
	padding-bottom: 24px;
	margin: 10px 30px 0px;
	border-bottom: none;
}

.border-b {
	border-bottom: 1px solid #e0e0e0;
	margin: 0 30px;
}

.pricing-list {
	margin-bottom: 22px;
	text-align: center;
	border-radius: 6px;
	-webkit-box-shadow: none;
	background-color: #f4f5f7;
	box-shadow: none !important;
	border: 1px solid #f6f7f9 !important;
}

/************ EMPLOYEE DASHBOARD *******************/

.my-div {
	margin-right: auto;
	margin-left: auto;
	max-width: 1400px;
}

@media (min-width: 1900px) {
	.overflow-scroll-dashboard-emp {
		overflow-y: auto;
		max-height: 72vh;
	}
}

@media (min-width: 1600px) and (max-width: 1899px) {
	.overflow-scroll-dashboard-emp {
		overflow-y: auto;
		max-height: 68vh;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	.overflow-scroll-dashboard-emp {
		overflow-y: auto;
		max-height: 65vh;
	}
}

@media (min-width: 1340px) and (max-width: 1399px) {
	.overflow-scroll-dashboard-emp {
		overflow-y: auto;
		max-height: 57vh;
	}
}

@media (min-width: 0px) and (max-width: 1339px) {
	.overflow-scroll-dashboard-emp {
		overflow-y: auto;
		max-height: 64vh;
	}
}

.w-222 {
	width: 222px !important;
}


/************ EMPLOYEE SCHEDULE *******************/

.s_sched .asignStatus {
	margin-top: 4px;
	float: right;
}


/************ USER VIEW *******************/

.borderLeftDate {
	border-left-width: 1px !important;
	border-radius: 3px !important;
}

@media (max-width: 800px) {
	.p-mobile {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

.btnChangeRequest {
	position: absolute;
	top: -4px;
	right: 15px;
}

.downDetails {
	padding: 8px;
}

@media (max-width: 481px) {
	.downDetails {
		padding: 8px;
		border-bottom: 1px solid #efefef;
	}
}

.upDetails {
	border-top: 1px solid #efefef;
}

.fixedPageHeader {
	width: 100%;
	position: fixed;
	z-index: 80;
	align: center;
}

.fixedPageH {
	width: 96%;
	position: fixed;
	z-index: 80;
}

.actionBtnFix {
	margin-right: 23px;
}

@media (max-width: 1200px) {
	.actionBtnFix {
		margin-right: 40px;
		margin-top: 5px;
	}
}

@media (max-width: 900px) {
	.actionBtnFix {
		margin-right: 40px;
		margin-top: 5px;
	}
}

@media (max-width: 760px) {
	.actionBtnFix {
		margin-right: 20px;
		margin-top: 5px;
	}
}

@media (max-width: 600px) {
	.actionBtnFix {
		margin-right: 0px;
		margin-top: 5px;
	}
}

@media (max-width: 780px) {
	.fixedPageH {
		width: 100%;
	}
}

.m-t-135 {
	margin-top: 135px !important;
}

@media (max-width: 800px) {
	.m-t-135 {
		margin-top: 100px !important;
	}
}

.m-t-120 {
	margin-top: 120px !important;
}

.m-t-100 {
	margin-top: 100px !important;
}

.page-dark.layout-full::after {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(211, 226, 230, 0.19);
}

.card-shadowed {
	-webkit-box-shadow: 0 1px 25px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 25px rgba(0, 0, 0, 0.05);
}

.mobileDateInput {
	padding-left: 50px !important;
}

@media (max-width: 450px) {
	.mobileDateInput {
		padding-left: 10px !important;
	}
}

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

@media (max-width: 450px) {
	.mobileAddBtn {
		margin-right: -10px !important;
	}
}

.fontSizeM {
	font-size: 14px;
}

.w-55 {
	width: 55px !important;
}

.m-w-50 {
	min-width: 50px !important;
}

.m-w-60 {
	min-width: 60px !important;
}

.m-w-70 {
	min-width: 70px !important;
}

.m-w-80 {
	min-width: 80px !important;
}

.m-w-90 {
	min-width: 90px !important;
}

.m-w-100 {
	min-width: 100px !important;
}

.m-w-110 {
	min-width: 110px !important;
}

.m-w-120 {
	min-width: 120px !important;
}

.m-w-130 {
	min-width: 130px !important;
}

.m-w-140 {
	min-width: 140px !important;
}

.m-w-150 {
	min-width: 150px !important;
}

.m-w-160 {
	min-width: 160px !important;
}

.m-w-170 {
	min-width: 170px !important;
}

.m-w-180 {
	min-width: 180px !important;
}

.m-w-190 {
	min-width: 190px !important;
}

.m-w-200 {
	min-width: 200px !important;
}

.m-w-210 {
	min-width: 210px !important;
}

.m-w-220 {
	min-width: 220px !important;
}

.m-w-230 {
	min-width: 230px !important;
}

.m-w-240 {
	min-width: 240px !important;
}

.m-w-250 {
	min-width: 250px !important;
}

.ma-w-100 {
	max-width: 100px !important;
}

.ma-w-80 {
	max-width: 80px !important;
}

.ma-w-60 {
	max-width: 60px !important;
}

.min-h-40 {
	min-height: 40px !important;
}

.min-h-50{
	min-height: 50px !important;
}

.min-h-55 {
	min-height: 55px !important;
}

.min-h-70 {
	min-height: 70px !important;
}

.borderless td,
.borderless th {
	border: none !important;
	padding: 0px !important;
}

.borderless th {
	padding-left: 7px !important;
	padding-bottom: 5px !important;
}

.emp-dash-nav-quick .nav-item .active {
	background-color: #eee;
	border-radius: 5px;
}

.bBorderL {
	border-left: solid 1px #e0e0e0 !important;
}

.bBorder {
	border-bottom: solid 1px #efefef !important;
}

.bRadius {
	border-radius: .215rem !important;
}

@media (max-width: 600px) {
	.imgMobile {
		margin: 0 30px !important;
	}
}

@media (max-width: 400px) {
	.daySelector>.btn {
		padding: .429rem 0.78rem !important;
	}
}

@media (max-width: 350px) {
	.daySelector>.btn {
		padding: .429rem 0.66rem !important;
	}
}

@media (max-width: 330px) {
	.daySelector>.btn {
		padding: .429rem 0.60rem !important;
	}
}

@media (max-width: 765px) {
	.text-align-mobile {
		text-align: center !important;
	}
}

@media (min-width: 0px) and (max-width: 765px) {
	.mt-20-mobile {
		margin-top: 20px !important;
	}
}

.m-b-10-mobile {
	margin-bottom: 25px !important;
}

@media (max-width: 765px) {
	.m-b-10-mobile {
		margin-bottom: 15px !important;
	}
}

.bs-actionsbox .btn-group .btn-default {
	background-color: #f6f7f9 !important;
	border: 2px solid #ffffff;
	padding: 7px;
	border-radius: 8px;
}

.bs-actionsbox .btn-group .btn-default:hover {
	background-color: #dfe1e6 !important;
	border-color: #fff !important;
}

.bs-searchbox .form-control {
	border-color: #efefef;
}

.bs-searchbox .form-control:hover {
	border-color: #e5e5e5 !important;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
	-webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	-o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
}


.panel-title-new {
	display: block;
	padding: 23px 15px 15px 30px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
	color: #575b5d !important;
}

.panel-bordered>.panel-heading {
	border-bottom: 1px solid #00bcd4;
	margin: 0 25px;
}

.sarlayTable .borderless td {
	padding-left: 2px !important;
	padding-right: 4px !important;
}

.sarlayTable .borderless th {
	padding-bottom: 0px !important;
	font-weight: 400;
}

.sarlayTable table {
	width: 10% !important;
}

.panelNoShaddow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.w-sarlay-input {
	min-width: 60px !important;
}



.site-menubar-unfold .site-menu-icon {
	margin-right: 0px;
	font-size: 16px;
}

@media (min-width: 0px) and (max-width: 767px) {
	.site-menubar-unfold .site-menu-icon {
		margin-right: 14px;
		font-size: 16px;
	}
}

.site-menubar ul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}

.site-menu>.site-menu-item {
	padding: 3px 0 0 0;
}

.noBColor {
	border-color: rgba(255, 255, 255, 0) !important;
	padding: 0px !important;
}

.borderEmpDash {
	background-color: #fff;
	border-radius: 3px;
}

.font-size-13 {
	font-size: 13px !important;
}

.wHeaderLoaction {
	width: 180px !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 10px !important;
}

@media (min-width: 0px) and (max-width: 325px) {
	.wHeaderLoaction {
		width: 150px !important;
	}
}

@media (min-width: 326px) and (max-width: 425px) {
	.wHeaderLoaction {
		width: 180px !important;
	}
}

@media (min-width: 426px) and (max-width: 650px) {
	.wHeaderLoaction {
		width: 250px !important;
	}
}

.page-forgot-password:before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: '';
	background: #3949ab;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background-image: -webkit-gradient(linear, left top, right top, from(#efefef), to(#ffffff));
	background-image: linear-gradient(90deg, #3efefef 0%, #ffffff 100%);
}

.page-forgot-password .panel {
	width: 400px;
	margin-bottom: 45px;
	background: #fff;
	box-shadow: 0 6px 9px rgba(16, 144, 138, 0.15);
}

@media (max-width: 999px) {
	.page-forgot-password .panel {
		width: 400px;
	}
}

@media (max-width: 479px) {
	.page-forgot-password .panel {
		width: auto;
		padding: 25px 10px;
	}
}

.mbMobile10 {
	margin-bottom: 10px !important;
}

@media (max-width: 990px) {
	.mbMobile10 {
		margin-bottom: 5px !important;
	}
}

@media (max-width: 700px) {
	.mobileButtonWidth {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 8px;
	}
}

@media (max-width: 700px) {
	.modal-footer .btn+.btn {
		margin-left: 0px !important;
	}
}

@media (min-width: 700px) {
	.mobileBtnmr10 {
		margin-right: 10px !important;
	}
}

@media (max-width: 600px) {
	.mobileBtnmb10 {
		margin-bottom: 10px !important;
	}
}

th {
	font-weight: 400 !important;
	font-size: 14px !important;
}

img[src*=".svg"] {
	width: 100%;
}

a#userlike-tab.userlike-slideup {
	max-height: 35px !important;
	margin-bottom: 0 !important;
	padding-top: 0px !important;
}

#userlike-button-symbol i.userlike-symbol {
	font-size: 25px !important;
	padding-top: 8px !important;
}

#userlike-button-symbol {
	width: 22px !important;
}

a#userlike-tab #userlike-button-text {
	font-weight: 500 !important;
}

a#userlike-tab {
	min-width: 150px !important;
	padding-right: 13px !important;
	padding-left: 10px !important;
}

.userlike-theme-button-bg-color {
	background-color: rgb(42, 189, 69) !important;
}

.userlike-theme-headbar-bg-color {
	background-color: rgb(42, 189, 69) !important;
}

.dropdown-menu {
	z-index: 9999 !important;
}

@media (min-width: 768px) {
	.site-menubar-fold .site-navbar .navbar-header {
		width: 65px;
	}
}

.site-menubar-fold .site-menubar {
	width: 65px;
}

.site-menubar-fold .site-menubar:hover {
	width: 90px;
	align-content: center;
	-webkit-transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
	-o-transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
	transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
}

.site-menubar-fold .site-menubar:hover {
	width: 90px;
	align-content: center;
	-webkit-transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
	-o-transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
	transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
}

.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon,
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title {
	width: 65px;
	font-size: 13px;
}

.site-menubar-fold .site-menubar:hover .site-menu>.site-menu-item>a .site-menu-icon,
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title {
	width: 90px;
	align-content: center;
	-webkit-transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
	-o-transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
	transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
}

.site-menubar-fold .site-menu>.site-menu-item>a {
	height: 55px;
	line-height: 55px;
	font-weight: 500;
}

.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon {
	font-size: 18px;
}

@media (min-width: 768px) {
	.site-menubar-fold .site-navbar .navbar-header {
		width: 65px;
	}
}

.site-menubar-fold .site-menubar-footer {
	width: 65px;
}

.site-menubar-fold .site-menubar:hover .site-menubar-footer {
	width: 90px;
	-webkit-transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
	-o-transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
	transition: width .2s ease-out 0s, margin-top .2s ease-out 0s, opacity .4s ease-out .2s;
}

.site-menubar-footer>a {
	height: 65px;
}

.site-menubar-fold .page,
.site-menubar-fold .site-footer {
	margin-left: 0px;
}

@media (min-width: 768px) {
	.site-navbar .navbar-boxed {
		position: relative;
		max-width: 1280px;
		min-height: -webkit-calc(100% - 44px);
		min-height: calc(100% - 44px);
		margin: 0 auto;
	}
}

.navbar-brand-logo {
	width: 28px;
	height: 28px;
}

@media (min-width: 768px) {
	.site-menubar-unfold .site-navbar .navbar-container {
		margin-left: 250px;
	}
}


.container-fluid-nav {
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 0px !important;
	padding-left: calc(100vw - 100%) !important;
}

.site-navbar .navbar-container {
	background-color: #ffffff;
	border-bottom: 1px solid #ebebeb;
	box-shadow: 0px 0px 8px -2px rgb(107 123 139 / 19%);

}

.site-navbar {
	background-color: #fff;
}

.navbar-default .navbar-toolbar .nav-link {
	display: block;
	color: #111 !important;
}

.navbar-default .navbar-toolbar .nav-link {
	display: block;
	color: #fff;
}

.navbar-default .hamburger .hamburger-bar,
.navbar-default .hamburger:after,
.navbar-default .hamburger:before {
	background: #687d9a;
}

.nav-tabs-line .nav-item.open .nav-link,
.nav-tabs-line .nav-item.open .nav-link:focus,
.nav-tabs-line .nav-item.open .nav-link:hover,
.nav-tabs-line .nav-link.active,
.nav-tabs-line .nav-link.active:focus,
.nav-tabs-line .nav-link.active:hover {
	color: #127484;
	border-bottom: 2px solid #2abd45;
	background-color: transparent;
	font-weight: 500;
}

.bg-planovo {
	background-color: #3ace55 !important;
}

.color-planovo {
	color: #17a2b8 !important;
}

.navbar-default .navbar-toolbar .nav-link:focus,
.navbar-default .navbar-toolbar .nav-link:hover {
	color: #687d9a;
	background-color: #fff  !important;
}

.nav-drop a {
	padding-left: 25px;
	color: #fff !important;
	background-color: #fff !important;
}

.nav-drop a:hover {
	padding-left: 25px;
	color: #fff !important;
	background-color: #70c9cd!important;
}

.active-navlink {
	background-color: #efefef !important;
	color: #1e88e5;
}

.active-navlink i {
	color: #1e88e5;
}

.navbar {
	min-height: 25px;
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-brand {
	height: 46px;
	padding: 13px;
}

.navbar-toolbar .nav-link {
	line-height: 19px;
	padding-top: 13px;
	padding-bottom: 5px;
}

.pLocationswitch {
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}

.navbar-nav .nav-link.navbar-avatar,
.navbar-toolbar .nav-link.navbar-avatar {
	padding-top: 14px;
	padding-bottom: 15px;
}

.site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title {
	font-size: 13px;
}

.p-t-13 {
	padding-top: 13px !important;
}


.site-menubar {
	top: 44.01px;
	height: -webkit-calc(100% - 44.01px);
	height: calc(100% - 44.01px);
}


.site-menubar-unfold .site-menubar {
	width: 240px;
}

.site-menubar-unfold .site-menubar-footer {
	width: 240px;
}

.site-menu > .site-menu-item > a {
	font-weight: 500;
}

.site-menubar-footer>a {
	background-color: #fafafa;
}

.site-menubar-footer>a:hover {
	background-color: #fafafa;
}



.page-header {
	padding: 18px 30px 10px 30px;
}

.b-radius-4 {
	border-radius: 4px !important;
}

.b-radius-8 {
	border-radius: 8px !important;
}

.bghover1:hover {
	background-color: #f3f7f9;
}

.min-h-25 {
	min-height: 25px !important;
}

.w-220 {
	width: 220px !important;
}

.w-180 {
	width: 180px !important;
}

.userEllipsis {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.avatar i {
	position: absolute;
	right: -3px;
	bottom: -2px;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 100%;
}

.b-btm-1 {
	border-bottom: 1px solid #eaeaea;
}

#navProfile .nav-tabs-vertical .nav-tabs {
	float: none;
	border-right: none;
	border-bottom: none;
}

#navProfile .nav-tabs-vertical .nav-tabs .nav-link {
	padding: .715rem 1.429rem;
	border-radius: .286rem;
}

.panel-user-List {
	position: absolute;
	right: 10px;
	top: 20px;
}

@media (max-width: 767px) {
	.panel-user-List {
		position: absolute;
		right: 0px;
		top: 8px;
	}
}

.userroleposition {
	position: absolute;
	right: 0px;
	top: 40px;
}

.btn-group,
.btn-group-vertical {
	-webkit-box-shadow: none;
	box-shadow: none;
}


.navbar-toggler {
	height: 56px;
	padding: 16px 10px 14px 18px;
	margin-right: 10px;
	width: 56px;
	margin-left: 0px;
}

.p-y-7 {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.borderRadius3 {
	border-radius: 3px;
}

.m-l-8 {
	margin-left: 8px !important;
}

@media (min-width: 1200px) {
	.col-custom-5 {
		float: left;
		width: 20%;
	}
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	/* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.avatar {
		position: relative;
		display: inline-block;
		width: 35px !important;
		height: 35px !important;
		vertical-align: bottom;
		border-radius: 1000px;
	}
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.s_sched .avatar {
		position: relative;
		display: inline-block;
		width: 30px !important;
		height: 29px !important;
		border-radius: 1000px;
	}
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.s_sched .avatar {
		position: relative;
		display: inline-block;
		width: 30px !important;
		height: 29px !important;
		border-radius: 1000px;
	}
}

@supports (-ms-ime-align:auto) {
	.avatar {
		position: relative;
		display: inline-block;
		width: 35px !important;
		height: 35px !important;
		vertical-align: bottom;
		border-radius: 1000px;
	}
}

@supports (-ms-ime-align:auto) {
	.s_sched .avatar {
		position: relative;
		display: inline-block;
		width: 30px !important;
		height: 29px !important;
		border-radius: 1000px;
	}
}

.dropdown-menu {
	font-size: 1rem;
	position: absolute;
	z-index: 1200;
	top: 100%;
	left: 0;
	display: none;
	float: left;
	min-width: 160px;
	margin: 5px 0 0;
	padding: 5px 3px;
	list-style: none;
	text-align: left;
	color: #111;
	border: none;
	border-radius: 8px;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	transition: all .6s;
	box-shadow: 0 15px 40px rgb(125 147 178 / 30%);
}

.basicFontColor {
	background-color: #ffffff;
	border: 1px solid #f1f1f1;
}

.basicFontColor .counter-inverse .counter-number-group {
	color: #687d9a;
}

.page-boxed {
	position: relative;
	max-width: 1380px;
	min-height: -webkit-calc(100% - 44px);
	min-height: calc(100% - 44px);
	margin: 0 auto;
}

.shedule-action-dash {
	position: absolute;
	right: 20px;
	bottom: 9px;
	z-index: 2;
}

.shedule-action-dash-emp {
	position: absolute;
	right: 20px;
	bottom: 5px;
}


.emp-dashboard .shedule-action-dash-emp {
	position: absolute;
	right: 20px;
	bottom: 11px;
}

.shedule-time-dash {
	position: absolute;
	left: 21px;
	bottom: 5px;
	color: #bbb7b7;
	font-size: 95%;
}

.badge01 {
	display: inline-block;
	padding: .25em .6em;
	font-size: 75%;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .215rem;
}

.badge01.badge01-outline {
	color: #eee;
	background-color: transparent;
	border-color: #eee;
}

.badge01-danger.badge01-outline {
	color: #f44336;
	background-color: transparent;
	border-color: #f44336;
}

.badge01-danger {
	color: #fff;
	background-color: #dc3545;
}

.badge01-success {
	color: #fff;
	background-color: #28a745;
}

.badge01-success.badge01-outline {
	color: #4caf50;
	background-color: transparent;
	border-color: #4caf50;
}

.p-r-1 {
	padding-right: 1px!important;
}

.p-r-2 {
	padding-right: 2px!important;
}

.progress-bar-default {
	background-color: #b3b3b3;
}

.paddingDashVec {
	margin-bottom: 20px !important;
}

.progress-sm {
	height: 8px;
}

.active-green {
	border-bottom: 3px solid #3bca85 !important;
}


@media (max-width: 767px) {
	.active-green {
		background-color: transparent !important;
		color: #11c26d !important;
	}
}

.icon-fixed-dash {
	position: absolute;
	top: 30px;
	left: 25px;
	color: #292a2b;
	font-size: 19px;
}

.cyan-200 {
	color: #4dc6cc;
}

#toDoListWidget .list-group-item {
	padding: 30px  15px;
	margin-bottom: 0px;
	border: none;
	border-bottom: 1px solid #efefef;
	border-radius: 4px;
}

#toDoListWidget .list-group-item:hover {
	background-color: #f2f2f2;
	transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
}

#toDoListWidget .list-group-item .checkbox-custom {
	margin: 0;
}

#toDoListWidget .list-group-item .checkbox-custom input:checked+label {
	text-decoration: line-through;
}

#toDoListWidget .list-group-item .checkbox-custom label {
	padding-left: 20px;
	padding-bottom: 2px;
}

#toDoListWidget .item-due-date {
	position: absolute;
	bottom: 1px;
	color: #a3afb7;
}

#toDoListWidget .item-due-date span {
	line-height: 34px;
	margin-left: 44px;
}

#toDoListWidget .item-members {
	position: absolute;
	right: 12px;
	top: 29px;
	list-style-type: none;
}

#toDoListWidget .item-members li {
	float: left;
	position: relative;
	margin-left: 10px;
}

#toDoListWidget img {
	width: 30px;
}

#toDoListWidget .item-members li:not(:hover) .avatar+button {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

#toDoListWidget .item-members li button {
	width: 35px;
	height: 35px;
	padding: 6px 8px;
}

#dashwidget .card-block {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.429rem;
}

#dashwidget .media {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.borderCard {
	padding-top: 10px;
	border-bottom: 1px solid #e5e5e5 !important;
}

.badge-primary {
	color: color-yiq(#007bff);
	background-color: #007bff;
}

.badge {
	font-weight: 500;
}

.badge-pill {
	padding: 3px 6px;
}

.badge-primary {
	color: #fff;
	background-color: #007bff;
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}

.badge {
	display: inline-block;
	padding: .25em .6em;
	font-size: 68%;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .215rem;
}

.badge.up {
	position: relative;
	top: -13px;
	margin: 0 -.6em;
	border-radius: 15px;
}

badge-default {
	color: #76838f;
}

.badge-primary {
	color: #fff;
	background-color: #007bff;
}

.badge-success {
	color: #fff;
	background-color: #41c459;
}

.badge-info {
	color: #fff;
	background-color: #4dc6cc;
}

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}

.badge.badge-outline {
	color: #f3f7f9;
	background-color: transparent;
	border-color: #f3f7f9;
}

.badge-primary.badge-outline {
	color: #667afa;
	background-color: transparent;
	border-color: #667afa;
}

.badge-outline {
	border: 1px solid transparent;
}

.badge-info.badge-outline {
	color: #0bb2d4;
	background-color: transparent;
	border-color: #0bb2d4;
}

.badge-danger.badge-outline {
	color: #ff4c52;
	background-color: transparent;
	border-color: #ff4c52;
}

.badge-success.badge-outline {
	color: #11c26d;
	background-color: transparent;
	border-color: #11c26d;
}

.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
	border-color: #dfe1e6 !important;
	background-color: #dfe1e6 !important;
	color: #4e4e4e !important;
}

.form-material .form-control {
	padding: 5px 1px;
	background-color: transparent;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom, center -webkit-calc(100% - 1px);
	background-position: center bottom, center calc(100% - 1px);
	-webkit-background-size: 0 2px, 100% 1px;
	background-size: 0 2px, 100% 1px;
	-webkit-transition: background 0s ease-out;
	-o-transition: background 0s ease-out;
	transition: background 0s ease-out;
	border-radius: 4px 4px 0px 0px !important;
}

.form-material .form-control,
.form-material .form-control:focus,
.form-material .form-control.focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2cc97e), to(#2cc97e)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
	background-image: -webkit-linear-gradient(#2cc97e, #2cc97e), -webkit-linear-gradient(#e4eaec, #e4eaec);
	background-image: -o-linear-gradient(#2cc97e, #2cc97e), -o-linear-gradient(#e4eaec, #e4eaec);
	background-image: linear-gradient(#2cc97e, #2cc97e), linear-gradient(#e4eaec, #e4eaec);
}

.form-material.form-group.has-success .form-control.focus,
.form-material.form-group.has-success .form-control:focus,
.form-material.form-group.has-success .form-control:not(.empty) {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2cc97e), to(#2cc97e)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec));
	background-image: -webkit-linear-gradient(#2cc97e, #2cc97e), -webkit-linear-gradient(#e4eaec, #e4eaec);
	background-image: -o-linear-gradient(#2cc97e, #2cc97e), -o-linear-gradient(#e4eaec, #e4eaec);
	background-image: linear-gradient(#2cc97e, #2cc97e), linear-gradient(#e4eaec, #e4eaec);
}

.form-material.form-group.has-success .form-control.focus~.floating-label,
.form-material.form-group.has-success .form-control:focus~.floating-label,
.form-material.form-group.has-success .form-control:not(.empty)~.floating-label {
	color: #76838f;
}

.has-success .input-group-addon {
	color: #4d4d4e;
	border-color: #4caf50;
	background-color: #d9eeda;
}

.text-help {
	display: block;
	margin-top: 7px;
	margin-bottom: 8px;
	color: #e65146;
}

.form-material.form-group .form-control-label {
	position: absolute;
	top: -17px;
	font-size: .94rem;
	font-weight: 400;
	color: #1f1f20;
	left: 0px;
}



.form-material.form-group.has-success .form-control-label {
	color: #76838f;
}

.form-material .floating-label {
	font-weight: 400;
	color: #5d5e5f;
}

.form-material .form-control:focus~.floating-label,
.form-material .form-control.focus~.floating-label {
	color: #5d5e5f;
}

.form-material .form-control.focus~.floating-label,
.form-material .form-control:focus~.floating-label,
.form-material .form-control:not(.empty)~.floating-label {
	font-weight: 400;
}

.form-material .form-control.focus~.floating-label,
.form-material .form-control:focus~.floating-label,
.form-material .form-control:not(.empty)~.floating-label {
	top: -1.2rem;
	font-size: .94rem;
	left: 0px;
}

.btn-outline-default:hover,
.btn-outline-default.hover,
.btn-outline-default:focus,
.btn-outline-default.focus,
.btn-outline-default:not([disabled]):not(.disabled):active,
.btn-outline-default:not([disabled]):not(.disabled).active,
.open>.btn-outline-default.dropdown-toggle,
.show>.btn-outline-default.dropdown-toggle,
.btn-outline.btn-default:hover,
.btn-outline.btn-default.hover,
.btn-outline.btn-default:focus,
.btn-outline.btn-default.focus,
.btn-outline.btn-default:not([disabled]):not(.disabled):active,
.btn-outline.btn-default:not([disabled]):not(.disabled).active,
.open>.btn-outline.btn-default.dropdown-toggle,
.show>.btn-outline.btn-default.dropdown-toggle {
	border-color: #dfe1e6 !important;
	background-color: #dfe1e6 !important;
	color: #4e4e4e;
}

.btn {
	cursor: pointer;
	-webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	-o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	-webkit-font-smoothing: subpixel-antialiased;
}

.btn {
	border: 1px solid transparent;
}

.btn-default {
	color: #858a8c;
	background-color: #f4f5f7;
	border-color: #f4f5f7;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-outline-danger,
.btn-outline.btn-danger {
	color: #f36b70;
	background-color: transparent;
	border-color: #f0b2b5;
}

.btn-outline-danger:hover,
.btn-outline-danger.hover,
.btn-outline-danger:focus,
.btn-outline-danger.focus,
.btn-outline-danger:not([disabled]):not(.disabled):active,
.btn-outline-danger:not([disabled]):not(.disabled).active,
.open>.btn-outline-danger.dropdown-toggle,
.show>.btn-outline-danger.dropdown-toggle,
.btn-outline.btn-danger:hover,
.btn-outline.btn-danger.hover,
.btn-outline.btn-danger:focus,
.btn-outline.btn-danger.focus,
.btn-outline.btn-danger:not([disabled]):not(.disabled):active,
.btn-outline.btn-danger:not([disabled]):not(.disabled).active,
.open>.btn-outline.btn-danger.dropdown-toggle,
.show>.btn-outline.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #fa767b;
	border-color: #fa767b;
}

.btn-outline-default,
.btn-outline.btn-default {
	color: #6e767d;
	background-color: transparent;
	border-color: #e4eaec;
}

.new-gray-bg .btn-outline-default, .new-gray-bg .btn-outline.btn-default {
	color: #6e767d;
	background-color: #fff;
	border-color: #e4eaec;
}

.btn-outline-success,
.btn-outline.btn-success {
	color: #23b276;
	background-color: transparent;
	border-color: #42d799;
}

#userLeaveChanges input:hover{
	background-color: #dfe1e6 !important;
	border-radius: 5px !important;
	transition: background-color 30ms ease-in-out 0s, color 30ms ease-in-out 0s !important;
}

.userLeaveChanges input

.btn-outline-success.focus,
.btn-outline-success.hover,
.btn-outline-success:focus,
.btn-outline-success:hover,
.btn-outline-success:not([disabled]):not(.disabled).active,
.btn-outline-success:not([disabled]):not(.disabled):active,
.btn-outline.btn-success.focus,
.btn-outline.btn-success.hover,
.btn-outline.btn-success:focus,
.btn-outline.btn-success:hover,
.btn-outline.btn-success:not([disabled]):not(.disabled).active,
.btn-outline.btn-success:not([disabled]):not(.disabled):active,
.open>.btn-outline-success.dropdown-toggle,
.open>.btn-outline.btn-success.dropdown-toggle,
.show>.btn-outline-success.dropdown-toggle,
.show>.btn-outline.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #1ec963;
	border-color: #1ec963;
}

.form-control {
	font-size: 1.04rem;
	color: #111;


}

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

.loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background: #f3f5f7;
}

.loader-content {
	margin: 50vh auto 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.loader-content img {
	max-width: 80px;
}


.loader-content h2 {
	color: #f1f5fb;
	font-size: 0px;
}

.loader-index {
	margin-top: 20px;
}

.loader-index>div {
	display: inline-block;
	width: 4px;
	height: 25px;
	margin: 2px;
	background: #2abd45;
	border-radius: 2px;
	-webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
	-o-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
	animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.green-600 {
	color: #11c26d;
}

.btn-success {
	color: #fff;
	background-color: #1ec963;
	border-color: #1ec963;
	font-weight: 500 !important;
}


.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
	background: #18b758;
	border-color: #18b758;
}

.progress-bar-success {
	background-color: #11c26d;
}

.fade {
	-webkit-transition: opacity .10s linear;
	-o-transition: opacity .10s linear;
	transition: opacity .10s linear;
	opacity: 0;
}

.modal-backdrop.in {
	opacity: .46;
}


.reative {
	position: relative !important;
}

.bottom-border {
	border-bottom: 1px solid #efefef;
}

.greyhoover:hover {
	background-color: #f6fdfd !important;
}

.timeicon {
	top: 7px;
	left: 187px;
	color: #b6f7ff;
	font-size: 29px;
}

.btn-outline-info,
.btn-outline.btn-info {
	color: #0bb2d4;
	background-color: transparent;
	border-color: #0bb2d4;
}

.daySelector>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 60px;
	margin-right: 6px !important;
	padding: 6px 14px;
	font-size: 14px;
}

.daySelector>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: 60px !important;
	margin-right: 6px !important;
	padding: 6px 14px;
	font-size: 14px;
}

.daySelector .btn:last-child:not(:first-child) {
	border-radius: 60px !important;
	padding: 6px 14px;
	font-size: 14px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}

.w-38 {
	width: 38px !important;
}

.form-material.form-group .form-control-label {
	font-weight: 400;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.alert-alt {
	color: #676666;
	border: none;
	border-left: 3px solid transparent;
	background-color: #f7faff;
}

.m-t-12 {
	margin-top: 12px !important;
}

.form-control.focus,
.form-control:focus {
	border-color: #3bca85;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.alert-alt.alert-holiday {
	border-color: #bcafd8 !important;
}

.icon-holiday {
	color: #bcafd8 !important;
}

.m-r-7 {
	margin-right: 7px !important;
}

.titleLeftlist {
	margin-left: 10px!important;
	font-size: 95% !important;
	color: #504f4f !important;
	font-weight: 500;
}

.contentLeftlist {
	font-size: 95%;
	margin-left: 30px;
	margin-top: -3px;
	padding: 0 !important;
}




.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.open>.datepicker table tr td.active.dropdown-toggle,
.open>.datepicker table tr td.active.highlighted.dropdown-toggle {
	color: #111 !important;
	border-color: #dfe1e6!important;
	background-color: #dfe1e6 !important;
	background-image: none !important;
	border-radius: 4px !important;
}


.nativeBg {
	background-color: #f1f6fd;
}

.br-4 {
	border-radius: 4px !important;
}

.w-38 {
	width: 35px !important;
}

.waTitleModal {
	padding: 5px 0px 5px 15px;
	background: #f6faff;
}

.btn-select {
	font-size: 14px;
	line-height: 1.1;
	height: 35px;
	padding: 9px 10px 9px 2px !important;
	color: #757575;
	border: 1px solid rgba(224, 224, 224, 0) !important;
	border-bottom: 1px solid #e0e0e0 !important;
	border-radius: 0px !important;
	background-color: #fff;
	background-image: none;
}

.btn-group.open .btn-select,
.btn-select:focus {
	border-color: rgba(63, 81, 181, 0) !important;
	border-bottom: 1px solid #e0e0e0 !important;
	-webkit-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}



.w-max {
	width: 100% !important;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: none;
}

.panel-group .panel-title:after,
.panel-group .panel-title:before {
	font-size: 20px;
}

.shiftDayRoud {
	position: absolute;
	background-color: #2abd45;
	border-radius: 40px;
	color: #fff;
	min-width: 38px;
	min-height: 35px;
	text-align: center;
	padding-top: 4px;
	font-size: 15px !important;
	font-weight: 400;
	border: 2px solid #2abd451a;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
}

.shiftDayRoud:hover{
	box-shadow: 0 4px 6px 0 rgb(0 0 0 / 20%);
}

.noteDayRoud {
	position: absolute;
	background-color: #acc7dc;
	border-radius: 40px;
	color: #fff;
	min-width: 38px;
	min-height: 35px;
	text-align: center;
	padding-top: 4px;
	font-size: 15px !important;
	font-weight: 400;
	border: 2px solid #2abd451a;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
}

.noteDayRoud:hover{
	box-shadow: 0 4px 6px 0 rgb(0 0 0 / 20%);
}

.vert-middle {
	vertical-align: middle !important;
}

#EmpDashCont .list-group .media .media-left {
	padding-right: 30px;
	padding-top: 5px;
}

.p-l-2 {
	padding-left: 2px !important;
}

#dashwidget .tag-primary.tag-outline {
	color: #34989c;
	border-color: #4cbabf;
	background-color: transparent;
}

.ui-timepicker-list .ui-timepicker-selected:hover,
.ui-timepicker-list li:hover,
li.ui-timepicker-selected {
	color: #292a2b;
	background-color: #ebecf0;
}

.hoverblue:hover {
	background-color: #f2f2f2;
}

.widthsername {
	width: 250px;
}

@media (max-width: 700px) {
	.widthsername {
		width: 200px;
	}
}

@media (max-width: 400px) {
	.widthsername {
		width: 160px;
	}
}


.p-search {
	width: 250px
}



@media (max-width: 550px) {
	.p-search {
		width: 180px;

	}
}


.form-control {
	border-color: #efefef;
}

.filter-bc {
	border-color: #efefef;
}



.userContainer {
	position: relative !important;
}

.user-photo-profile {
	position: absolute;
	right: 16px;
	top: -58px;
}

.button-deactive {
	position: absolute;
	right: 35px;
	top: 10px;
}



.button-deactive {
	display: none;
}



.delete-user-prfile-top {
	display: none;
}


.btn-pure.btn-success {
	color: #4caf50;
	background-color: rgba(17, 194, 109, 0);
	border-color: rgba(17, 194, 109, 0);
}

.nBorder-bottom {
	border-bottom: none;
}

figure {
	position: relative;
	display: inline-block;
}

figcaption {
	display: none !important;
	position: absolute;
	left: 0;
	bottom: 5px;
	right: 0;
	color: #fff;
}

figure:hover img {
	opacity: .3;
}

figure:hover figcaption {
	display: block !important;
}

.avatar {
	position: relative;
	display: inline-block;
	width: 40px;
	white-space: nowrap;
	vertical-align: bottom;
	border-radius: 1000px;
	height: 40px;
}

.inputIndividualField {
	border: none !important;
	color: #5d5e5f !important;
	padding: 0px !important;
	font-size: .94rem !important;
	line-height: 1.0 !important;
}

.deleteHover:hover {
	color: red !important;
}

.userCustomPropertyValue {
	border: none;
	border-bottom: 1px solid #e0e0e0;
	border-radius: 0px;
	padding: 0px;
}

.floating-imitate {
	color: #1f1f20 !important;
	padding: 0px !important;
	font-size: .94rem !important;
	line-height: 1.571429 !important;
}

.noBoxShaddow {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}



#selectUserPrfileDrop .btn-select {
	font-size: 14px;
	line-height: 1.2;
	height: 36px;
	padding: 9px 30px 9px 16px !important;
	color: #757575;
	border: 1px solid rgba(224, 224, 224, 0) !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 4px !important;
	background-color: #fff;
	background-image: none;
}

.company #selectUserPrfileDrop .btn-select {
	font-size: 14px;
	line-height: 1.2;
	height: 58px;
	padding: 10px 30px 10px 16px !important;
	color: #111;
	border: 1px solid rgba(224, 224, 224, 0) !important;
	border: 1px solid #ffffff !important;
	border-radius: 8px !important;
	background-color: #f4f5f7;
	background-image: none;
}



.company #selectUserPrfileDrop .btn-select:hover, .new-gray-bg-booking:hover {
	background-color: #dfe1e6 !important;
	border-color: #dfe1e6 !important;
}

.new-gray-bg-booking {
	font-size: 14px;
	padding: 16px 30px 15px 16px !important;
	color: #111;
	background-color: #f4f5f7;
	border-radius: 6px;
	border: 1px solid #f6f7f9;
	margin-top: 10px;
	width: 100%;
	cursor: pointer;
}

.absence-account #selectUserPrfileDrop .btn-select {
	font-size: 1.05rem;
	color: #4e4e4e !important;
	border-radius: 6px !important;
	font-weight: 500;
	line-height: 1.1;
	height: 45px;
	padding: 10px 15px !important;
	padding-right: 35px !important;
	border: 1px solid #f4f5f7 !important;
	border-bottom: none;
	background-color: #f4f5f7;
	background-image: none;
}

.absence-account #selectUserPrfileDrop .btn-select:hover {
	background-color: #dfe1e6 !important;
	border-color: #dfe1e6 !important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: #615f5f;
}

.panel-page-header {
	position: relative;
	margin-bottom: 1.875rem;
	background-color: #fff;
	border: 0 solid transparent;
	border-radius: .286rem;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.round-date-start {
	border-radius: 25px 0px 0px 25px !important;
	padding-right: 0px;
	border-right: none;
	height: 45px;
	background: #fff;
	border-color: #fff !important;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}

.input-daterange .input-group-addon {
	background: #fff !important;
	border-color: #fff !important;
	text-shadow: 0px 0px 1px #d6d3d3;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}

.round-date-end {
	border-radius: 0px 25px 25px 0px !important;
	padding-left: 0px;
	border-left: none;
	height: 45px;
	background: #fff;
	border-color: #fff !important;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}

.round-date-start:hover, .round-date-end:hover, .input-daterange .input-group-addon:hover {
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
}

.absence-date-filter:hover .round-date-end, .absence-date-filter:hover .round-date-start, .absence-date-filter:hover .input-daterange .input-group-addon {
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
}

.timeCheck-date-filter:hover .round-date-end, .timeCheck-date-filter:hover .round-date-start, .timeCheck-date-filter:hover .input-daterange, .timeCheck-date-filter:hover .input-group-addon {
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
}



.white-page .analysis-date-filter:hover .round-date-end, .white-page .analysis-date-filter:hover .round-date-start, .white-page .analysis-date-filter:hover .input-daterange .input-group-addon, .white-page .analysis-date-filter:hover .input-group-addon,
.white-page .analysis-month-filter:hover .round-date-end, .white-page .analysis-month-filter:hover .round-date-start, .white-page .analysis-month-filter:hover .input-daterange .input-group-addon, .white-page .analysis-month-filter:hover .input-group-addon {
	background-color: #dfe1e6 !important;
	border-color: #dfe1e6 !important;
}




.m-w-77 {
	min-width: 77px !important;
}

.m-w-90 {
	min-width: 90px !important;
}

.m-l-55 {
	margin-left: 55px;
}

.w-40 {
	width: 40px !important;
}

.w-60 {
	width: 60px !important;
}


.btn-outline-warning:hover,
.btn-outline-warning.hover,
.btn-outline-warning:focus,
.btn-outline-warning.focus,
.btn-outline-warning:not([disabled]):not(.disabled):active,
.btn-outline-warning:not([disabled]):not(.disabled).active,
.open>.btn-outline-warning.dropdown-toggle,
.show>.btn-outline-warning.dropdown-toggle,
.btn-outline.btn-warning:hover,
.btn-outline.btn-warning.hover,
.btn-outline.btn-warning:focus,
.btn-outline.btn-warning.focus,
.btn-outline.btn-warning:not([disabled]):not(.disabled):active,
.btn-outline.btn-warning:not([disabled]):not(.disabled).active,
.open>.btn-outline.btn-warning.dropdown-toggle,
.show>.btn-outline.btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #eb6709;
	border-color: #eb6709;
}

.btn-outline-warning.focus,
.btn-outline-warning.hover,
.btn-outline-warning:focus,
.btn-outline-warning:hover,
.btn-outline-warning:not([disabled]):not(.disabled).active,
.btn-outline-warning:not([disabled]):not(.disabled):active,
.btn-outline.btn-warning.focus,
.btn-outline.btn-warning.hover,
.btn-outline.btn-warning:focus,
.btn-outline.btn-warning:hover,
.btn-outline.btn-warning:not([disabled]):not(.disabled).active,
.btn-outline.btn-warning:not([disabled]):not(.disabled):active,
.open>.btn-outline-warning.dropdown-toggle,
.open>.btn-outline.btn-warning.dropdown-toggle,
.show>.btn-outline-warning.dropdown-toggle,
.show>.btn-outline.btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #eb6709;
	border-color: #eb6709;
}

.btn-outline-warning,
.btn-outline.btn-warning {
	color: #ed9e65;
	background-color: transparent;
	border-color: #ed9e65;
}

.w-20 {
	width: 20px !important;
}

.w-36 {
	width: 36px !important;
}

.userTableFutureBg {
	background-color: #fff;
}

#analysisPage .btn-select {
	font-size: 1.04rem;
	color: #4e4e4e !important;
	border-radius: 6px !important;
	font-weight: 500;
	line-height: 1.1;
	height: 43px;
	padding: 10px 15px !important;
	padding-right: 35px !important;
	border: 1px solid #f4f5f7 !important;
	border-bottom: none;
	background-color: #f4f5f7;
	background-image: none;
	width: 240px;
}

.analysis-site .round-date-start {
	background: #fff;
	border: 1px solid #efefef !important;
	border-right: none !important;
}

.analysis-site .round-date-end {
	background: #fff;
	border:  1px solid #efefef !important;
	border-left: none !important;
}

.analysis-site .input-daterange .input-group-addon {
	border-top: 1px solid #efefef !important;
	border-bottom: 1px solid #efefef !important;
}

.w-45-percent {
	width: 45% !important;
}
.w-55-percent {
	width: 55% !important;
}

.jearselect .btn-select {
	font-size: 14px;
	line-height: 1.1;
	height: 43px;
	padding: 10px 15px !important;
	padding-right: 35px !important;
	color: #585757;
	border: 1px solid #efefef !important;
	border-bottom: none;
	border-radius: 25px !important;
	background-color: #fff;
	background-image: none;
}

#analysisPage .btn-select:hover {
	border: 1px solid #dfe1e6 !important;
	background-color: #dfe1e6 !important;
}


.contRoundBorder {
	border: 1px solid #f3a19f;
	border-radius: 50px;
	padding: 4px 20px;
}

.p-x-btn {
	padding-right: 10px!important;
	padding-left: 8px!important;
}

.b-b-2 {
	border-bottom: 2px solid #efefef;
}

.b-b-2:last-child {
	border-bottom: none;
}

.pricing-list .pricing-title {
	padding: 30px 30px 8px 25px;
	font-size: 18px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 2px;
	border-radius: .215rem .215rem 0 0;
	background-color: transparent;
	color: #4aa821;
}

.pricing-list .pricing-header {
	border-bottom: none !important;
	border-radius: 0.215rem 0.215rem 0 0;
}

.m-b-1 {
	margin-bottom: 1px !important;
}

.m-t-4 {
	margin-top: 4px !important;
}

.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #292a2b !important;
}

li.ui-timepicker-selected .ui-timepicker-duration {
	color: #ababab !important;
}

@media (max-width: 479px) {
	.media-left {
		display: table-cell !important;
	}
}

.absChangeBtn {
	border-color: #e4eaec !important;
	background-color: #fff;
	color: #76838f;
	padding: 11px 11px;
}

.absChangeBtnActive {
	border-color: #e6e6e6 !important;
	background-color: rgb(241, 244, 245);
	color: #11c26d;
}

.checkbox-info input[type=checkbox]:checked+label::before,
.checkbox-info input[type=radio]:checked+label::before {
	background-color: #2abd45;
	border-color: #2abd45;
}

.checkbox-custom input[type=checkbox]:focus+label::before,
.checkbox-custom input[type=radio]:focus+label::before {
	outline: none !important;
	box-shadow: none;
}

.btn {
	border-radius: 25px;
}

.btn-angular {
	border-radius: 6px !important;
}

.timeCheckTableWrapperOuter.btn-angular-div .btn-angular-div .btn {
	border-radius: 25px !important;
}

.btn-angular-div .btn {
	border-radius: 25px !important;
}

@media (min-width: 1000px) {
	.navbar-toolbar {
		float: left;
		margin-left: 10px;
	}
}

@media (min-width: 1000px) {
	.navbar-right {
		float: right;
		margin-right: 0px;
	}
}

.bgLigtA {
	background-color: #fbfbfb;
}

.bgLigtP {
	background-color: #edf4ff;
}

.userAbsPanel {
	border-radius: .286rem !important;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
	background-color: #fff;
}

.round-input {
	border-radius: 1000px !important;
	padding-right: 0px;
	width: 100px;
}

.activeFilterabsence {
	color: #172b4d !important;
	background-color: #ebecf0 !important;
}


.ieBrwoser {
	display: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.ieBrwoser {
		display: inherit !important;
	}
}

@supports (-ms-ime-align:auto) {
	.ieBrwoser {
		display: inherit !important;
	}}

.btn-outline-primary, .btn-outline.btn-primary {
	color: #4298ad !important;
	background-color: transparent !important;
	border-color: #61c4dc !important;
}

.btn-outline-primary.focus, .btn-outline-primary.hover, .btn-outline-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline.btn-primary.focus, .btn-outline.btn-primary.hover, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .btn-outline.btn-primary:not([disabled]):not(.disabled).active,
.btn-outline.btn-primary:not([disabled]):not(.disabled):active, .open>.btn-outline-primary.dropdown-toggle, .open>.btn-outline.btn-primary.dropdown-toggle,
.show>.btn-outline-primary.dropdown-toggle, .show>.btn-outline.btn-primary.dropdown-toggle {
	color: #fff !important;
	background-color: #52bed8 !important;
	border-color: #52bed8 !important;
}

.vertical-align-top {
	vertical-align: top !important;
}

.h-80 {
	height: 80px !important;
}

.userContainer a {
	color: #424242;
	text-decoration: none;
}

.userTagWa {
	padding: 6px 7px !important;
	border-radius: 6px !important;
	font-size: 82% !important;
	color: #9e9e9e !important;
	border-color: #f6f7f9 !important;
	background-color: #f6f7f9 !important;
	font-weight: 400;
}

.userTagLocation {
	padding: 6px 7px !important;
	border-radius: 6px !important;
	font-size: 82% !important;
	color: #9e9e9e !important;
	border-color: #f6f7f9 !important;
	background-color: #f6f7f9 !important;
	font-weight: 500;
}

body.timeCheck .userTagLocation {
	padding: 6px 7px !important;
	border-radius: 6px !important;
	font-size: 82% !important;
	color: #9e9e9e !important;
	border-color: #f6f7f9 !important;
	background-color: #f6f7f9 !important;
	font-weight: 500;
}

.br-0088 {
	border-radius: 0px 0px 8px 8px !important;
}


/* width */
::-webkit-scrollbar {
	width: 8px !important;
}

/* Track */
::-webkit-scrollbar-track {
	background: #ffffff00 !important;
	border-radius: 10px;
}

::-webkit-scrollbar-track:hover {
	background: #f6f7f9 !important;
	border-radius: 10px;
	transition: background-color 30ms ease-in-out 0s, color 30ms ease-in-out 0s;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #c7cfd8 !important;
	border-radius: 4px;
}


/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #9fabb9 !important;
	transition: background-color 30ms ease-in-out 0s, color 30ms ease-in-out 0s;
}



.m-2 {
	margin: 2px;
}

.w-65-input {
	width: 65px !important;
}

.w-68-input {
	width: 68px !important;
}

.l-color-up {
	font-size: .94rem;
	font-weight: 400;
	color: #1f1f20;
	margin-bottom: 1px !important;
}

@media (min-width: 480px){
	.modal-sml {
		max-width: 500px;
	}}

@media (min-width: 768px){
	.modal-sml {
		width: 500px;
	}}

.progress-xs {
	height: 7px;
	border-radius: 25px;

}

.customizable-nav_link {
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	float: left;
	min-width: 62px;
	font-size: 10px;
	position: relative;
}

@media (min-width: 768px) {
	.site-menubar, .navtoggler {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.site-menubar-unfold .page, .site-menubar-unfold .site-footer {
		margin-left: 0px;
	}
}


@media (max-width: 767px) {
	.native-menu {
		display: none !important;
	}
}

.customizable-nav__icon-place {
	font-size: 17px;
	margin: auto;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	position: relative;
	margin-bottom: 5px;
}


#nav-idividual .nav-link {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 17px 2px 9px 2px !important;
}

#nav-idividual .nav-link:hover, .navbar-default .navbar-toolbar .nav-link:hover {
	background-color: #e5e5e5 !important;
	color: #111 !important;
}

.navbar-nav .nav-link.navbar-avatar, .navbar-toolbar .nav-link.navbar-avatar:hover {
	background-color: #e5e5e5 !important;
}

.active-green .navbar-default .navbar-toolbar .nav-link {
	color: #111 !important;
}

.navbar-toolbar .pitems {
	padding: 17px 2px 9px 2px !important;
}

.navbar-toolbar .pLocationswitch  {
	padding-top: 7px !important;
	padding-bottom: 9px !important;
}


.navbar-toolbar .nav-link {
	line-height: 22px;
	padding-top: 11px;
	padding-bottom: 12px;
}

.i-color-grey {
	display: none !important;
}

.i-color-success {
	color: #11c26d;
	margin-top: 1px;
	margin-right: 5px !important;
	font-size: 23px !important;
}

.newpannel {
	border-radius: 8px;
	border: 1px solid #edeff1;
	background-color: #fff;

}

.panel-body {
	position: relative;
	padding: 25px 25px;
}

.progress {
	margin-bottom: 16px;
}

.basic-color {
	color: #292a2b !important;
}

.bb-none{
	border-bottom: none !important;
}

.nav-tabs-line .nav-link {
	padding: 10px;
	font-weight: 500;
}

.label-like {
	font-size: .93rem;
	font-weight: 400;
	color: #5d5e5f;
}


.imgstat img{
	position: absolute;
	max-width: 86%;
	height: auto;
	width: auto\9;
	bottom: 0px;
	z-index: 0;
	opacity: .08;
}


.btn-addTodo {
	position: absolute;
	right: 40px;
	top: 0px;

}

.noteDayCMA {
	position: absolute;
	background-color: #11c26d;
	border-radius: 40px;
	color: #fff;
	min-width: 34px;
	min-height: 34px;
	text-align: center;
	padding-top: 6px;
	top: 32px;
	left: 10px;
	font-size: 14px !important;
	font-weight: 500;
	box-shadow: 0 2px 6px rgb(183 183 183 / 50%);
}


.bg-hover-light:hover {
	background-color: #f2f2f2 !important;
	transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
}

.bg-hover-dark:hover {
	background-color: #e5e5e5 !important;
	transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
}

.app-message-input {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 23px;
	padding-right: 122px;
	border-radius: 0px 0px 6px 6px;
	border-top: 1px solid #efefef85;
	box-shadow: rgb(0 0 0 / 3%) 0px -2px 10px;

}

.app-message-input .message-input {
	position: relative;
}

.app-message-input .message-input-actions {
	position: absolute;
	bottom: 0;
	right: 0;
}


.app-message-input .message-input-btn {
	position: absolute;
	bottom: 17px;
	right: 20px;
}

.app-message-input .message-input textarea {
	height: 45px;
	max-height: 100px;
	padding-right: 10px;
	-ms-overflow-y: auto!important;
	border-radius: 9px;
	background: #f2f2f2;
	border: #f2f2f2;
}

.app-message-input .message-input textarea:hover {
	background: #e5e5e5;
	border: #e5e5e5;
}

.card-frame {
	border: 1px solid #efefef;
	padding: 15px 0 5px 20px;
	margin-bottom: 10px !important;
	border-radius: 6px;
}

.time-chat {
	color: #9a9ea0;
	font-size: 12px;
	text-align: center;
	margin: 5px 0px 15px 0px;
}





.chat-name {
	float: left;
	margin: 0px 0px 3px 0px;
	font-weight: 500;
	font-size: 14px;
}

.chat-body .chat-content p {
	font-size: 13.5px;
}

.chat-left .chat-content {
	float: left;
	margin: 0 0 10px 20px;
	color: #2f2a2b;
	background-color: #fff;
	border: 1px solid #edeff1;
}

.chat-time {
	float: right;
	font-size: 80%;
	padding: 3px;
	margin-left: 25px;

}

@media (max-width: 991px){
	.m-t-md-30 {
		margin-top: 30px;
	}}


@media (max-width: 768px){

	#dashwidget .panel-body {
		padding: 20px 5px;
	}

	#dashwidget .app-message-input {
		padding: 15px 63px 15px 5px;
	}

	.app-message-input .message-input-btn {
		bottom: 20px;
		right: 3px;
	}
}

.shift-container {
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}

.shift-container:last-child {
	border-bottom: none;
	margin-bottom: 0px !important;
}

.mtime {
	margin-left: 8px !important;
	margin-top: 3px;
}

.modal-sidebar button.close {
	position: fixed;
	z-index: 1;
	top: 25px;
	right: 30px;
}

.h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #111 !important;
}

h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.571429;
	text-shadow: none;
}

.modal-header {
	padding: 30px 25px 25px 25px;
	border-bottom: none;
}

.modal-body {
	padding: 25px;
}

.filter-bg {
	position: relative;
	padding: 10px 20px 20px 20px;
	padding-right: 122px;
	background-color: #f1fcfd;
	border-radius: 6px;
	border: 1px solid #efefef;
}

.btn-filter-mod .bootstrap-select .btn-select {
	font-size: 14px;
	line-height: 1.1;
	height: 45px;
	padding: 10px 15px !important;
	padding-right: 35px !important;
	color: #585757;
	border: 1px solid #fff !important;
	border-bottom: none;
	border-radius: 25px !important;
	background-color: #f4f5f7;
	background-image: none;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;

}


.btn-filter-mod.new-gray-bg .bootstrap-select .btn-select,
.new-gray-bg.btn-filter-mod .bootstrap-select .btn-select {
			font-size: 14px;
			line-height: 1.1;
			height: 45px;
			padding: 10px 15px !important;
			padding-right: 35px !important;
			color: #585757;
			border: 1px solid #fff !important;
			border-bottom: none;
			border-radius: 25px !important;
			background-color: #fff;
			background-image: none;
			box-shadow: none !important;

}

.btn-filter-mod .bootstrap-select .btn-select:hover, .btn-filter-mod .bootstrap-select .btn-select:focus, .btn-filter-mod .bootstrap-select .btn-select:active  {
	border: 1px solid #dfe1e6 !important;
	background-color: #dfe1e6 !important;
}

.dropdown-menu > .dropdown-header {
	font-size: 14px;
	font-weight: 500;
	padding: 8px 10px 6px 24px;
	cursor: default;
	text-transform: none;
	color: #282828;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
	position: relative;
	padding-left: 20px;
}

.bootstrap-select .dropdown-menu > li > a {
	color: #282828;
	padding: 8px .929rem;
}


.bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:hover, .bootstrap-select .dropdown-menu > .active > a:focus {
	text-decoration: none;
	color: #292a2b;
	outline: 0;
	background-color: #ebecf0;
}

.w84p {
	max-width: 81%;
}

.avatar-m {
	position: relative;
	display: inline-block;
	width: 42px;
	white-space: nowrap;
	vertical-align: bottom;
	border-radius: 1000px;
	height: 42px;
	border: 2px solid #f2f2f2;
}

.newlable {
	margin-left: 13px;
	margin-bottom: 0px;
	color: #616365;
	font-size: 13px;
}
.card-footer {
	padding: .858rem 1.429rem;
	border-top: none !important;
	background-color: transparent;
	padding-bottom: 25px;
}

.profileUser  .page-boxed {
	position: relative;
	max-width: 1380px;
	min-height: -webkit-calc(100% - 44px);
	min-height: calc(100% - 44px);
	margin: 0 auto;
}

@media (min-width: 768px){
	.navbar-nav > .nav-item > .nav-link {
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: 500;
	}}


@media (min-width: 768px){
	.pull-flex {
		float: right;
	}}

@media (max-width: 767px){
	.pull-flex {
		float: left;
	}}

.inline-block {
	display: inline-block !important;
}

.panel-last-border {
	border-bottom: 1px solid #efefef;
}

.nBorder {
	border: none !important;
}

.m-t-42 {
	margin-top: 42px !important;
}

.w-45 {
	min-width: 45px;
}

.m-w-40 {
	min-width: 40px;
}

.modal button.close {
	position: fixed;
	z-index: 1;
	top: 25px;
	right: 30px;
}

.m-t-22 {
	margin-top: 22px !important;
}


.new-bg {
	position: relative;
	padding: 20px;
	background-color: #f1f6f6;
	border-radius: 6px;
	border: 1px solid #efefef;
}

.new-white-bg {
	position: relative;
	padding: 20px;
	background-color: #fff;
	border-radius: 6px;
	border: 1px solid #efefef;
}

.new-gray-bg {
	position: relative;
	padding: 20px 15px;
	background-color: #f6f7f9;
	border-radius: 6px;
	border: 1px solid #f6f7f9;
	box-shadow: rgb(203 200 200 / 15%) 1px 2px 11px;
}

.red-600 {
	color: #e53935 !important;
}

.webui-popover-title {
	font-size: 1rem;
	margin: 0;
	padding: 18px 20px 0px 20px;
	border-bottom: none;
	background-color: #fff;
	font-weight: 500;
}

.webui-popover {
	border: 1px solid #dfdfea;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 25px rgba(55, 125, 255, 0.125);
	box-shadow: 0 0 25px rgba(55, 125, 255, 0.125);
}

.datepicker table tr td.range {
	background-color: #f4f5f7;
}

table tr td.range:hover {
	background-color: #dfe1e6 !important;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
	background-color: #cec9c9;
}

.br-25 {
	border-radius: 25px !important;
}

.border {
	border-radius: 6px;
	box-shadow: 0 3px 10px 0 rgb(30 29 36 / 6%);
	background-color: #fff;
	transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;

}

.br-6s {
	border-radius: 6px;
	box-shadow: 0px 0px 8px -3px rgba(105, 149, 195, 0.15);

}


.m-w-1240 {
	position: relative;
	max-width: 1240px;
	margin: 0 auto;
}

.m-w-1600 {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}


.popover-title {
	font-size: 1rem;
	margin: 0;
	padding: 10px 16px;
	border-bottom: none;
	border-radius: .214571rem .214571rem 0 0;
	background-color: #fff;
	font-weight: 500;
	color: #3c3a3a;
}

.input-daterange .bg-transparent {
	background-color: transparent !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.div-frame {

	border: 1px solid #efefef;
	padding: 15px 20px;
	margin-bottom: 10px !important;
	border-radius: 6px;

}

.timeCheck .div-frame {
	padding: 20px;
}

.vertical-middle {
	vertical-align: middle !important;
}

.inset-info-left {
	-webkit-box-shadow: inset 49px 0px 0px -46px rgba(224,194,45,1);
	-moz-box-shadow: inset 49px 0px 0px -46px rgba(224,194,45,1);
	box-shadow: inset 49px 0px 0px -46px rgba(224,194,45,1);
}

.inset-danger-left {
	-webkit-box-shadow: inset 49px 0px 0px -46px rgba(240,40,57,1);
	-moz-box-shadow: inset 49px 0px 0px -46px rgba(240,40,57,1);
	box-shadow: inset 49px 0px 0px -46px rgba(240,40,57,1);
}

.inset-success-left {
	-webkit-box-shadow: inset 49px 0px 0px -46px rgb(47, 204, 75);
	-moz-box-shadow: inset 49px 0px 0px -46px rgb(47, 204, 75);
	box-shadow: inset 49px 0px 0px -46px rgb(47, 204, 75);
}

.m-t-7 {
	margin-top: 7px;
}

.w-44 {
	width: 44px !important;
}

.w-25 {
	width: 25px !important;
}

.p-y-7 {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.datepicker table tr td span {
	line-height: 54px;
	display: block;
	float: left;
	width: 23%;
	height: 54px;
	margin: 1%;
	cursor: pointer;
	border-radius: .215rem;
	color: #3c4043 !important;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
	cursor: default;
	color: #9e9e9e !important;
	background: none;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .open > .datepicker table tr td span.active.dropdown-toggle, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .open > .datepicker table tr td span.active:hover.dropdown-toggle, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .open > .datepicker table tr td span.active.disabled.dropdown-toggle, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active, .open > .datepicker table tr td span.active.disabled:hover.dropdown-toggle {
	color: #fff !important;
	border-color: #11c26d !important;
	background-color: #11c26d !important;
	background-image: none !important;
}


.new-bg .form-material .form-control {
	border-radius: 6px !important;
	background-color: white;
	padding-left: 12px;
}

.new-bg .form-material.form-group .form-control-label {
	top: -24px;
}

.new-bg .daySelector .btn-pure {
	border-color: #efefef;
	background: #fff;
}

.new-bg .borderless th {
	padding-left: 11px !important;
}

.w-175 {
	width: 175px !important;
}
.w-185 {
	width: 185px !important;
}

.p-8 {
	padding: 8px !important;
}

@media (min-width: 768px){
	.modal-sm {
		width: 450px;
	}}

@media (min-width: 480px){
	.modal-sm {
		max-width: 450px;
	}}

.empdate-pposition {
	margin-right: 7px !important;
	margin-left: 5px !important;
}

@media (max-width: 767px){
	.empdate-pposition {
		margin-right: 7px !important;
		margin-left: 48px !important;
	}}


.placeholder-img-text {
	margin-top: 100px;
}



.input-search .form-control {
	border-radius: 4px;
}

#packageselect .btn-select {
	color: #292a2b;

}

.align-top-p {
	vertical-align: top !important;
}

.h-67 {
	height: 67px !important;
}

.h-68 {
	height: 68px !important;
}

a:active, a:hover {
	text-decoration: none;
}

.font-size-17 {
	font-size: 17px !important;
}

.h-68 {
	height: 68px !important;
}

.actual-loc {
	border: 1px solid #3ace55 !important;
}

.abs-fix-btn {
	position: absolute;
	top: 10px;
	right: 10px;
}

.list-group-gap .list-group-item {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	box-shadow: rgb(0 0 0 / 3%) 1px 2px 6px;
	padding: 25px !important;

}
.grabbable {
	cursor: move !important;
	cursor: grab !important;
	cursor: -moz-grab !important;
	cursor: -webkit-grab !important;
}

.grabbable:active {
	cursor: grabbing !important;
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
}

.list-group-gap .list-group-item:hover {
	cursor: pointer;
	box-shadow: 2px 3px 15px rgb(165 165 165 / 20%);
	transition: box-shadow .1s, background-color .1s;
}

.datepicker table tr td.range.today {
	color: #fff !important;
	border-color: #3ace55;
	background-color: #3ace55 !important;
	border-radius: 8px;

}
.datepicker table tr td.range.today:hover {
	color: #000;
	border-color: #868585;
	background-color: #e6e6e3;
	border-radius: 8px;
}


.h-60 {
	height: 60px;
}

.black-colored {
	color: #292a2b !important;
}

.p-b-28 {
	padding-bottom: 28px;
}

.m-h-60 {
	min-height: 60px;
}

.p-b-21 {
	padding-bottom: 21px;
}

.bg-red-600 {
	background-color: #e53935 !important;
}


.bg-help {
	background-color: #2abd45 !important;
}

.hidden {
	display:none;
}

.has-danger .btn-select {
	border-color: #f44336;
}


.has-success .btn-select {
	border-color: #4caf50;
}

@media (max-width: 767px){
	.panel-actions {
		position: absolute;
		top: 34%;
		right: 18px;
		z-index: 1;
		margin: auto;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}}

.m-x-icon {
	margin-right: 4px !important;
	margin-left: 4px !important;
}

.analysis-check-okay {
	background-color: #11c26d;
	border-radius: 16px;
	color: #fff;
	min-width: 30px;
	min-height: 30px;
	text-align: center;
	padding: 3px 6px 3px 5px;
	font-size: 14px !important;
	font-weight: 500;
}

.analysis-check-warning {
	background-color: #e06764;
	border-radius: 16px;
	color: #fff;
	min-width: 30px;
	min-height: 30px;
	text-align: center;
	padding: 3px 6px 3px 5px;
	font-size: 14px !important;
	font-weight: 500;
}


.absence-truncate-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 230px;
}

.location-settings-truncate-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 280px;
}

.location-username-list {
	color: #292a2b !important;
	margin-left: 10px;
	text-shadow: 0px 0px 1px #d6d3d3;
}

.list-group-item.working-area-searchable-users {
	padding: 12px 10px;
}

.analysis-cell-truncate {
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	max-width:1px;
}

.greyListHover>li.extend-role-header:hover {
	background-color: #fff !important;
	border-radius: 5px;

}

.greyListHover>li.extend-role-header {
	padding-top: 0px;
}


#yearselect-anlysis .btn-select {
	font-size: 1.04rem;
	color: #4e4e4e !important;
	border-radius: 6px !important;
	font-weight: 500;
	line-height: 1.1;
	height: 43px;
	padding: 10px 15px !important;
	padding-right: 35px !important;
	border: 1px solid #f4f5f7 !important;
	border-bottom: none;
	background-color: #f4f5f7;
	background-image: none;
	width: 240px;
}

#yearselect-anlysis .btn-select:hover {
	border: 1px solid #dfe1e6 !important;
	background-color: #dfe1e6 !important;
}

#yearselect-anlysis .bootstrap-select .dropdown-menu > .active > a, #yearselect-anlysis .bootstrap-select .dropdown-menu > .active > a:hover, #yearselect-anlysis .bootstrap-select .dropdown-menu > .active > a:focus {
	text-decoration: none;
	color: #292a2b;
	outline: 0;
	background-color: #ebecf0 !important;
}


.w-35 {
	width: 35px !important;
}

.select-label-analysis {
	font-size: 13px;
	margin-bottom: 5px;
	color: #5d5e5f;

}

.under-label-analysis {
	font-size: 13px;
	color: #28292a;
	margin-top: 0px;
}


.analysis-filtercontainer {
	position: absolute;
	margin-left: 10px;
	width: 280px !important;
	top: 175px;
	padding: 0px !important;
	border: 1px solid transparent;
	border-radius:  0px 0px 6px 6px;
	box-shadow: 0 2px 7px 0 rgb(48 46 56/10%);
	background-color: #fff;
	transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
}


.analysis-leftmargin {
	margin-left: 315px !important;
}

@media (max-width: 1180px){
	.analysis-filtercontainer {
		position: relative;
		max-width: 100% !important;
		padding: 0px 10px;
		top: 0px;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.analysis-leftmargin {
		margin-left: 5px !important;
		margin-right: 5px !important;
	}

	}


.btn-create-export-modal:focus, btn-create-saldo-modal:focus {
	color: #6e767d !important;
	background-color: transparent !important;
	border-color: #e4eaec !important;
}

.font-weight-analysis-day {
	font-weight: 500 !important;
}

@-moz-document url-prefix() {
	.font-weight-analysis-day {
		font-weight: 400 !important;
	}
}

.p7-tag {
	padding: 3px 7px;
	margin-top: 5px;
	margin-left: 5px;
}

.m-x-7 {
	margin-left: 7px !important;
	margin-right: 7px !important;
}

.del-rec-sal-entry {
	position: absolute;
	right: 15px;
	top: 15px;
}

.show-add-user-salary-btn{
	display: unset !important;
}

.texthelper-logout {
	position: absolute;
	right: 0px;
	bottom: 20px;
}

.m-t-33 {
	margin-top: 33px !important;
}

.lh-12 {
	line-height: 1.55 !important;
}

.m-w-450 {
	max-width: 450px;
}



input[type="radio"].toggle {
	display: none;
}


input[type="radio"].toggle-right + label {
	color: #11c26d;
	border: 1px solid #3bca85;
	border-radius: 25px;
	margin-left: 5px;
}

input[type="radio"].toggle-left + label {
	color: #ff0000;
	border: 1px solid #ff0000;
	border-radius: 25px;
	margin-right: 5px;
	margin-bottom: 10px;
}

input[type="radio"].toggle-left:checked + label {
	background-image: -moz-linear-gradient(bottom,#ff0000,#ff0000);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff0000),#ff0000);
	background-image: -webkit-linear-gradient(bottom,#ff0000,#ff0000);
	background-image: -o-linear-gradient(bottom,#ff0000,#ff0000);
	background-image: linear-gradient(to top,#ff0000,#ff0000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ff0000',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: default;
	color: #fff;
	border-color: transparent;
	border-radius: 25px;
	margin-right: 5px;
	margin-bottom: 10px;
}

input[type="radio"].toggle-right:checked + label {
	background-image: -moz-linear-gradient(bottom,#11c26d,#11c26d);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#11c26d),#11c26d);
	background-image: -webkit-linear-gradient(bottom,#11c26d,#11c26d);
	background-image: -o-linear-gradient(bottom,#11c26d,#11c26d);
	background-image: linear-gradient(to top,#11c26d,#11c26d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#11c26d',endColorstr='#11c26d',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: default;
	color: #fff;
	border-color: transparent;
	border-radius: 25px;
	margin-left: 5px;
}

input[type="radio"].toggle + label {

}

input[type="radio"].toggle:checked + label.btn:hover {
	background-color: inherit;
	background-position: 0 0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.tt-left-green {
	border-left: 4px solid #2abd45 !important;
}

.tt-wrapper {
	position: relative;
	height: 30px;
}

.tt-centered-element {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.locationWithActiveTimeTracking {
	color: #fff !important;
	background-color: #3ace55 !important;
	border-color: #3ace55 !important;

}

.locationWithActiveTimeTracking:hover {
	color: #6e767d !important;
}

.locationWithInactiveTimeTracking {
	color: #6a6a6a !important;
}
.centered {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
tr.schedule-working-area-row.disallowed-background th,
tr.schedule-working-area-row.disallowed-background td{
	cursor: default;
}

.s_sched .weekView .sticky-table tbody tr.disallowed-background .scheduleSunday {
	cursor: default;
}


.s_sched .sticky-table tbody tr.user-row.disallowed-background td.s_Day
{
	background-color: #fde6e6;
}

.s_sched .sticky-table tbody tr.user-row.disallowed-background td.tdShiftDay
{
	cursor: default;
}

tr.user-row.disallowed-background .scheduleSunday{
	cursor: default;
}

table tbody tr td div.shiftcontainer.disallowed-background {
	border: 1px solid #e63838;
}

table tbody tr td div.shiftcontainer.disallowed-background:hover {
	box-shadow: 0 1px 5px rgb(226 73 73 / 58%) !important;
	cursor: default;
}

.staffinshift.list-inline-item {
	float: left;
	margin-bottom: 3px;
}



.shaddow_box_tt {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border: 1px solid #edeff1;
	padding: 20px 25px;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 6px rgb(0 0 0 / 3%);
	box-shadow: 1px 2px 6px rgb(0 0 0 / 3%);
}
.p-t-8{
	padding-top: 8px;
}

.hideIt {
	display: none;
}


#tt-framer .panel-title, #tt-framer .panel-group .panel-title {
	color: #bdbdbd !important;
	padding: 0px !important;
}

#tt-framer .panel-group .panel-title:before, #tt-framer .panel-group .panel-title:after {
	position: absolute;
	top: -4px;
	right: 30px;
	color: #fff !important;
}

.btn-sm, .btn-group-sm > .btn {
	font-size: .90rem;
	font-weight: 400;
	line-height: 1.571429;
	padding: 0.429rem 1.072rem;
}



/* start tags display */
.firstTagWrapper {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.secondTagWrapper {
	display: flex;
	flex-flow: row wrap;
	-webkit-box-align: center;
	align-items: center;
	gap: 8px;
}

.thirdTagWrapper {
	pointer-events: none;
	display: flex;
	flex-flow: row wrap;
	-webkit-box-align: center;
	align-items: center;
	margin: -4px;
}

.firstTagSpan {
	display: inline-flex;
	margin: 4px;
	padding: 3px 7px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 86%;
	max-width: 125px;
	border-radius: 4px;
}

.my-tag-input-wrapper {
	max-width: 100%;
	margin-right: 55px;
}

.empTable .shift-tag-display .shift-tag-single  {
	background-color: #e6f0ff;
	border: 1px solid #f0f5fd;
}

.tagVisible {
	background-color: #e6f0ff;
	border: 1px solid #f0f5fd;
}

.tagHidden {
	background-color: #fdd3d3;
	border: 1px solid #ffd0d0;
}


.dropdown-item {
	color: #172b4d;
	padding-top: 6px !important;
	padding-bottom:  6px !important;
}

#nav-idividual a.pLocationswitch {
	padding: 12px 8px 12px 10px !important;
}


.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next {
	font-size: 14px !important;
	color: #111;
	font-weight: 500 !important;
}
.datepicker table tr td.day {
	cursor: pointer;
	color: #172b4d !important;
	font-weight: 500;
}



.datepicker table tfoot {
	margin: 15px !important;
}

.modal-title {
	font-size: 18px !important;
}

form-group {
	margin-bottom: 1.529rem;
}

.br-10 {
	border-radius: 10px;
}

.color-selector > li {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0 8px 8px 0;
	background-color: #3f51b5;
	border-radius: 100%;
}

.color-selector > li input[type="radio"]:checked + label:after {
	left: 10px;
	margin-top: -1px;
	font-size: 17px;
}

.site-menu-item a {
	display: block;
	color: #111;
}

.site-menu-item .active-green {
	border-bottom: none !important;
}

.width-full {
	width: 100% !important;
}


.input-search input {
	line-height: 1.2 !important;
	display: block;
	background-image: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 14px !important;
	height: 45px;
	font-weight: 500;
	color: #4e4e4e !important;
	background-color: #f4f5f7 !important;
	border-color: #f4f5f7 !important;
	border-radius: 4px !important;
	padding: 10px 15px 10px 15px !important;
	font-weight: 500;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;

}


.location-settings .input-search input {
	line-height: 1.2 !important;
	display: block;
	background-image: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 14px !important;
	height: 45px;
	font-weight: 500;
	color: #4e4e4e !important;
	background-color: #f4f5f7 !important;
	border-color: #f4f5f7 !important;
	border-radius: 4px !important;
	padding: 10px 15px 10px 15px !important;
	font-weight: 500;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;

}

.location-settings .input-search input:hover {
	background-color: #dfe1e6 !important;
	border-color: #dfe1e6 !important;
}





.filterButton {
	color: #4e4e4e !important;
	background-color: #fff !important;
	border-color: #fff !important;
	border-radius: 4px !important;
	padding: 10px 15px 10px 15px !important;
	font-weight: 500;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;

}

.btn-outline.btn-default.filterButton:hover {
	background-color: #dfe1e6 !important;
	border-color: #dfe1e6  !important;
}

.page-user .input-search input:hover  {
	background-color: #dfe1e6 !important;
	border-color: #dfe1e6  !important;
}




.new-bg-hover:hover {
	background-color: #ebecf0;
	border-radius: 5px;
	transition: background-color 30ms ease-in-out 0s, color 30ms ease-in-out 0s;
}

.input-search input:hover {
	background-color: #e5e5e5 !important;
}

.page-user .input-search input::placeholder {
	color: #4e4e4e !important;
	font-weight: 500 !important;
}

.input-search input::placeholder {
	color: #6d6e6e !important;
	font-weight: 400 !important;
}

.input-search input.form-control.focus, .input-search input.form-control:focus {
	border-color: #fff !important;
}

.input-search-close {
	color: #292a2b !important;
}

.input-search-close:hover {
	color: #00 !important;
	background-color: #fff !important;
	padding: 5px;
	border-radius: 25px;
	border: #fff !important;
}


button.input-search-close:focus {
	outline: 0px dotted;
	outline: 0px auto -webkit-focus-ring-color;
	border-radius: 25px;
}

.input-search .input-search-close {
	right: 7px;
	top: 22px;
}

.addActionBtn {
	color: #111 !important;
	background-color: #f2f2f2 !important;
	border-color: #fff !important;
	border-radius: 25px !important;
	padding: 10px 15px 11px 15px !important;
	font-weight: 500;
}

.addActionBtn:hover {
	background-color: #e5e5e5 !important;
}

.btn-bold {
	font-weight: 500 !important;
	padding: 10px 15px !important;
}


.btn-big-icon {
	width: 45px;
	height: 45px;
	padding: 0;
	color: #3f3e3e !important;
	background: #fff;
	font-size: 21px;
	border: #fff !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}

.btn-big-icon:hover {
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
	box-shadow: 0 5px 12px rgb(47 49 63 / 3%), 0 2px 6px rgb(47 49 63 / 4%), 0 1px 2px rgb(47 49 63 / 4%) !important;
}

.h-74 {
	height: 74px !important;
}

.avatar img {
box-shadow: 0 2px 6px rgb(183 183 183 / 50%);
}

.chat-avatar img {
	box-shadow: 0 2px 6px rgb(183 183 183 / 50%);
}


.text-shaddow-light {
	text-shadow: 0px 0px 1px #ebebeb;
}

.text-shaddow-medium {
	text-shadow: 0px 0px 1px #d6d3d3;
}

.nav-tabs-line .nav-link  {
	border-bottom: none !important;
	font-weight: 500;
	border-radius: 14px;
	color: #111 !important;
	padding: 11px 15px!important;
	margin-bottom: 15px;
}

.nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link:hover, .nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover {
	background-color: #f0f2f5;
	box-shadow: 0 5px 12px rgb(47 49 63 / 1%), 0 2px 2px rgb(47 49 63 / 4%), 0 1px 0px rgb(47 49 63 / 4%);
}


.nav-tabs-line .nav-link:hover {
	background-color: #e8eaed !important;
}

.scroll-380 {
	max-height: 380px;
	overflow-y: auto;
}

.checkbox-custom label {
	font-size: 102%;
}

.noBorder {
	border: none !important;
}

.card-shadow {
	-webkit-box-shadow: rgb(0 0 0 / 3%) 1px 2px 6px;
	box-shadow: rgb(0 0 0 / 3%) 1px 2px 6px;
}

.btn-user-profile {
	padding-left: 13px !important;
	padding-right: 13px !important;
}


.border-shadow-8 {
	border: 1px solid #e8e8e8 !important;
	-webkit-box-shadow: rgb(0 0 0 / 3%) 1px 2px 6px !important;
	box-shadow: rgb(0 0 0 / 3%) 1px 2px 6px !important;
	border-radius: 8px !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	cursor: default;
	color: #afabab !important;
	background: none;
}

.hours-btm-salary {
	margin-top: 12px !important;
	text-shadow: 0px 0px 1px #ebebeb;
	text-align: center;
	font-size: 14px;
	color: #292a2b !important;
	margin-bottom: 12px;
}

.days-profile-salary {
color: #43a047;
text-align: center;
font-size: 16px !important;
font-weight: 500;
}

.days-profile-salary-container {
	background-color: #f6f7f9 !important;
	line-height: 1;
	display: inline-block;
	padding: 10px 10px 0px 10px;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
	border-radius: 6px;
	margin-right: 3px;
	min-height: 39px;
	min-width: 48px;
}

.days-profile-salary-container:hover,
.userSalaryTypes .new-white-bg .tag-default:hover,
.listOfAbsenceTypes .new-white-bg .tag-default:hover  {
	box-shadow: 0 3px 10px 0 rgb(30 29 36 / 8%);
	transition: background-color 150ms ease-in-out 0s, color 80ms ease-in-out 0s !important;
	background: #dfe1e6 !important;
	cursor: default;
}


.recurring-Entrys {
border-top: 1px solid #efefef;
margin-top: 25px;
}

.tag-default {
background-color: #f6f7f9;
}

.analysis-site .tag-default {
background-color: #fff;
}

.color-black-1 {
color: #111 !important;
}

.color-black-2 {
color: #292a2b !important;
}



.input-tt {
background-color: #ffffff;
border: 1px solid #e4eaec;
box-shadow: 1px 3px 11px 0 rgb(78 113 121 / 7%);
text-align: center;
border-radius: 25px;
color: #139a2c !important;
font-size: 23px !important;
height: 60px;
font-weight: 500;
}

.input-tt::placeholder {
font-weight: 400  !important;
font-size: 20px !important;
}

.middle {
width: 100%;
text-align: center;
}

.middle input[type=radio] {
display: none;
}
.middle input[type=radio]:checked + .boxx {
background-color: #ffffff;
border: 1px solid #2abd45;
box-shadow: 1px 3px 11px 0 rgb(78 113 121 / 13%);
}


.middle input[type=radio]:checked + .boxx span {
color: #111;
}
.middle input[type=radio]:checked + .boxx span:before {
transform: translateY(0px);
opacity: 1;
}
.middle .boxx {
width: 100%;
background-color: #fff;
transition: all 250ms ease;
will-change: transition;
display: inline-block;
text-align: center;
cursor: pointer;
position: relative;
font-weight: 500;
border-radius: 10px;
padding: 15px;
border: 1px solid #efefef;
}
.middle .boxx:hover {
background-color: #f2f2f2;
}

.middle .boxx:active {
}
.middle .boxx span {
transition: all 300ms ease;
font-size: 16px;
user-select: none;
color: #424242;
}
.middle .boxx desc-salary-type {
color: #ebecf0;
}

.middle .boxx span:before {
font-size: 16px;
font-family: Themify icons;
display: block;
transform: translateY(20px);
opacity: 0;
transition: all 300ms ease-in-out;
font-weight: normal;
color: white;
}
.middle .front-end span:before {
content: "";
color: #0e9249;
margin-bottom: 3px;
}
.middle .back-end span:before {
content: "";
color: #0e9249;
margin-bottom: 3px;
}
.middle p {
color: #fff;
font-weight: 400;
}
.middle p a {
text-decoration: underline;
font-weight: bold;
color: #fff;
}
.middle p span:after {
content: "";
font-family: Themify icons;
color: yellow;
}

.middle label {
width: 100%;
}

.desc-salary-type {
font-size: 91%;
font-weight: normal;
margin-top: 6px;
}

.relative {
position: relative;
}

.erease {
transition:opacity.3s;
}

.height-usercard {
height: 140px !important;
}


.btn-icon.btn-sm, .btn.icon.btn-sm {
font-size: 1.05rem;
padding: 7px 11px;
}

#addHolidayForm .btn-filter-mod .bootstrap-select .btn-select {
border-radius: 4px !important;
}

.page-user .btn-filter-mod .bootstrap-select .btn-select {
border-radius: 4px !important;
}

.location-settings:hover {
box-shadow: 2px 3px 15px rgb(165 165 165 / 20%);
transition: box-shadow .1s, background-color .1s;
}

.location-settings:hover .panel-title{
color: #111 !important;
}



.btn-icon.btn-xs, .btn-group-xs > .btn-icon.btn, .btn.icon.btn-xs, .btn-group-xs > .btn.icon {
font-size: .858rem;
padding: 0.396rem;
}

body.other-device button.inputBig {

}



body.ios-device div.numBlock, body.android-device div.numBlock {

}

body.ios-device .inputMargin, body.android-device .inputMargin  {
margin-right: auto;
margin-left: auto;
max-width: 65%;
}

body.ios-device .input-time-id .form-control, body.android-device .input-time-id .form-control {
height: 70px !important;
font-size: 32px !important;
font-weight: 500;
}

@media (max-width: 400px) {

body.ios-device .input-time-id .form-control, body.android-device .input-time-id .form-control {
    height: 60px !important;
    font-size: 20px !important;
    font-weight: 500;
}
.mobiteTrackTime {
    font-size: 32px !important;
}
}



body.timetracker .shiftDayRoud, .timeTrackStartType .shiftDayRoud  {
position: absolute;
background-color: #2abd45;
border-radius: 40px;
color: #fff;
min-width: 36px;
min-height: 33px;
text-align: center;
padding-top: 3px;
font-size: 15px !important;
font-weight: 400;
border: 2px solid #2abd451a;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
left: 28px;
top: 22px;
}


body.timetracker .navbar {
border-bottom: 1px solid #efefef;
}

body.timetracker .site-navbar .navbar-container {
border-bottom: none !important;
}

.tt-username {
font-size: 24px;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
margin-top: 25px;
}

#personalTimetrackingModal .tt-username {
display: none;
}

.dropdown-menu .btn-outline-default, .dropdown-menu .btn-outline.btn-default {
color: #172b4d;
background-color: transparent;
border-color: #e4eaec;
}

.datepicker table tr td, .datepicker table tr th {
width: 34px;
height: 32px;
text-align: center;
border: none;
border-radius: 4px;
font-size: 14px;
}

.datepicker table tr th {
font-weight: 500 !important;
font-size: 15px !important;
height: 40px;
}

button.navbar-toggler.hamburger:hover {
background-color: #e5e5e5 !important;
color: #111 !important;
}

.wave {
animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */
	animation-duration: 2.5s;        /* Change to speed up or slow down */
	animation-iteration-count: 1;  /* Never stop waving :) */
	transform-origin: 90% 90%;       /* Pivot around the bottom-left palm */
	display: inline-block;
}

@keyframes wave-animation {
	0% { transform: rotate( 0.0deg) }
	10% { transform: rotate(4.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
	20% { transform: rotate(-2.0deg) }
	30% { transform: rotate(4.0deg) }
	40% { transform: rotate(-2.0deg) }
	50% { transform: rotate(4.0deg) }
	60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
	100% { transform: rotate( 0.0deg) }
}


.userNameLeftList {
	margin-left: 5px!important;
	font-weight: 500;
	font-size: 103%;
}

input.yearDate-filter {
	font-size: 1.05rem;
	color: #4e4e4e !important;
	border-radius: 6px !important;
	font-weight: 500;
	line-height: 1.1;
	height: 45px;
	padding: 10px 15px !important;
	border: 1px solid #f4f5f7 !important;
	border-bottom: none;
	background-color: #f4f5f7;
	background-image: none;
	cursor: pointer;
}

input.yearDate-filter:hover {
	background-color: #dfe1e6 !important;
	border-color: #dfe1e6 !important;
}

.new-gray-bg .bootstrap-select .btn-select {
	border-radius: 6px !important;
	color: #111 !important;
	border: 1px solid #f1f6f6 !important;
}

.new-gray-bg .form-material .form-control {
	background-color: #fff !important;
}

.emp_timechek .new-gray-bg .form-material .form-control,
.emp_timechek .new-gray-bg .form-material .form-control:focus,
.emp_timechek .new-gray-bg .form-material .form-control.focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f6f6), to(#f1f6f6)), -webkit-gradient(linear, left top, left bottom, from(#f1f6f6), to(#f1f6f6));
	background-image: -webkit-linear-gradient(#f1f6f6, #f1f6f6), -webkit-linear-gradient(#f1f6f6, #f1f6f6);
	background-image: -o-linear-gradient(#f1f6f6, #f1f6f6), -o-linear-gradient(#f1f6f6, #f1f6f6);
	background-image: linear-gradient(#f1f6f6, #f1f6f6), linear-gradient(#f1f6f6, #f1f6f6);
	background-position: center bottom, center calc(100% - 0px);
	border-radius: 6px !important;
	min-height: 38px !important;
	padding-left: 10px;
	border-bottom: none !important;
}


.new-gray-bg .form-material .form-control,
.new-gray-bg .form-material .form-control:focus,
.new-gray-bg .form-material .form-control.focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2cc97e), to(#2cc97e)), -webkit-gradient(linear, left top, left bottom, from(#f1f6f6), to(#f1f6f6));
	background-image: -webkit-linear-gradient(#2cc97e, #2cc97e), -webkit-linear-gradient(#f1f6f6, #f1f6f6);
	background-image: -o-linear-gradient(#2cc97e, #2cc97e), -o-linear-gradient(#f1f6f6, #f1f6f6);
	background-image: linear-gradient(#2cc97e, #2cc97e), linear-gradient(#f1f6f6, #f1f6f6);
	background-position: center bottom, center calc(100% - 0px);
	border-radius: 6px !important;
	min-height: 38px !important;
	padding-left: 10px;
}

.new-gray-bg .form-material.form-group .form-control-label {
	position: absolute;
	top: -22px;
	font-size: .94rem;
	font-weight: 400;
	color: #1f1f20;
	left: 0px;
}


.new-gray-bg span.lhInput:hover {
	background-color: transparent !important;
}


.new-gray-bg .checkbox-custom label::before {
	border: 1px solid #d6f5f5;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.modal-header {
	cursor: move !important;
	cursor: grab !important;
	cursor: -moz-grab !important;
	cursor: -webkit-grab !important;
}

.modal-header:active {
	cursor: grabbing !important;
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
}


#exportTimecheckModal .radio-custom, .checkbox-custom {
	margin-top: 0px;
	margin-bottom: 0px;
}
.new-basic-color {
	color: #111 !important;
}

.loc-card {
	position: relative;
	padding: 10px 25px;
}



.loc-icon {
	float: left;
	margin-top: 30px;
}

.loc-icon img {
	height: 42px;
}

.locationCard-title {
	color: #292a2b !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	margin-bottom: 5px;
	margin-left: 13px;
}

.comp-icon {
	float: left;
	margin-top: 27px;
}

.comp-icon img {
	height: 50px;
}

li.bg-red-50:hover {
	background-color: #ffcdd2 !important;
}

.li-holiday-table {
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-top: 18px !important;
	padding-bottom: 11px !important;
	border-bottom: 2px solid #efefef;
}

.li-holiday-table .btn.btn-round {
	padding: 7px 9px !important;
}

.header-gray-bg {
margin-bottom: 10px;
border-bottom: 1px solid #f4f5f7;
background-color: #f4f5f7;
padding: 14px 15px;
border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
}

.tag-timetrack-status {
	padding: 4px 7px !important;
	border-radius: 8px !important;
	float: right !important;
	margin-right: 30px;
}

.input-ckb-Set-Pause-Min li:hover {
	background-color: #f4f5f7;
	border-radius: 5px;
	transition: box-shadow .1s, background-color .1s;
}

.location-settings li input {
	background-color: #fff !important;
}


.higlight-box:hover {
}

.relative {
	position: relative !important;
}

.p-y-28 {
	padding-top: 28px !important;
	padding-bottom: 28px !important;
}

.p-11 {
	padding: 11px 11px !important;
}

.start-timeclock {
	color: #292a2b !important;
	text-shadow: 0px 0px 1px #d6d3d3;

}

#dashwidget .shiftDayRoud {
	min-width: 36px;
	min-height: 36px;
}


.emp-dashboard .shiftDayRoud {
	min-width: 36px;
	min-height: 35px;
}

.emp-dashboard  .dateonshift {
	margin-top: 38px !important;
	margin-left: 3px;
	font-weight: 500;
	font-size: 98%;
}

.emp-dashboard .btn-icon.btn-sm, .emp-dashboard .btn.icon.btn-sm {
	padding: 9px 13px !important;
}


.emp-dashboard .shift-container {
	border-bottom: none;
	padding: 0px 10px !important;
	margin: 0px !important;
}

.dashboard .shift-container {
	border-bottom: none;
	padding: 0px 10px !important;
	margin: 0px !important;
}


.emp-dashboard .list-group .media {
	padding: 0px 0;
	border-bottom: 0;
	padding-top: 25px;
}


.emp-dashboard .list-group-item .icon, #entryOwnTimesTab .list-group-item .icon    {
	margin-right: 8px;
	margin-top: 4px;
}

.emp-dashboard .list-group-item .iconbtn, #entryOwnTimesTab .list-group-item .iconbtn {
	margin: 5px !important;
}

.emp-dashboard .list-group-item .no-iconmarign, #entryOwnTimesTab .list-group-item .no-iconmarign {
	margin: 0px !important;
}

.m-l-135 {
	margin-left: 135px;
}

.add-workingtime-day-total-desc {
	font-weight: 500;
	font-size: 15px;
	margin-left: 40px;
}

.add-workingtime-day-total {
	font-weight: 500;
	font-size: 15px;
	margin-left: 145px;
}

@media (max-width: 767px){

	.add-workingtime-day-total-desc {
		margin-left: 0px;
	}

	.add-workingtime-day-total {
		margin-left: 0px;
		float: right;
	}

	.add-workingtime-scroll {
		margin-top: 50px;
	}

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

	.icon-coffee {
		margin-left: 0px !important;
		argin-right: 15px !important;
	}

	.wa-lo-list {
		margin-left: 0px !important;
	}

	.mw-timer{
		min-width: 0px !important;
	}
}

.border-btm {
	border-bottom: 1px solid #efefef;
}


.btn.btn-success {
	box-shadow: 0 5px 12px rgb(47 49 63 / 3%), 0 2px 6px rgb(47 49 63 / 4%), 0 1px 2px rgb(47 49 63 / 4%);
}

.btn.btn-danger {
	box-shadow: 0 5px 12px rgb(47 49 63 / 3%), 0 2px 6px rgb(47 49 63 / 4%), 0 1px 2px rgb(47 49 63 / 4%);
}
.btn.btn-warning {
	box-shadow: 0 5px 12px rgb(47 49 63 / 3%), 0 2px 6px rgb(47 49 63 / 4%), 0 1px 2px rgb(47 49 63 / 4%);
}

.btn {
	font-size: 1.05rem;
	font-weight: 500;
}

.btn-sm, .btn-group-sm > .btn {
	font-size: .90rem;
}

.dashboard .checkbox-custom label {
	font-size: 15px !important;
}


.border-right-dash {
	border-right: 1px solid #edeff1;
}

.border-left-dash {
	border-left: 1px solid #edeff1;
	margin-left: -1px;
}

.dash-navlink {
	font-size: 15.5px !important;
}

.dash-right-card {
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 5px;
	font-size: 14.5px !important;
}

.p-y-24 {
	padding-top: 24px;
	padding-bottom: 24px;
}

.currentMenuLocationName {
	font-weight: 400;
}

.font-size-15-5 {
	font-size: 15.5px;
}

.profileUser .panel-group .panel-title {
	position: relative;
	padding: 25px 45px 25px 30px;
	font-size: 1rem;
}



.form-material .form-control {
	padding: 9px 1px 5px 5px;
}




@media (max-width: 9900px) {
	.usercard-fixed {
		position: fixed;
		min-width: 315px;
		max-width: 315px;
	}
	.p-dynamic {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
}

@media (max-width: 1300px) {
	.usercard-fixed {
		position: fixed;
		min-width: 300px;
		max-width: 308px;
	}
}

@media (max-width: 1250px) {
	.usercard-fixed {
		position: fixed;
		min-width: 275px;
		max-width: 275px;
	}
}

@media (max-width: 1130px) {
	.usercard-fixed {
		position: fixed;
		min-width: 250px;
		max-width: 250px;
	}
}

@media (max-width: 991px) {
	.usercard-fixed {
		position: relative;
		min-width: 250px;
		max-width: 96%;
	}
	.p-dynamic {
		padding: 0px !important;
	}
}



.actual-location-dash {
	font-weight: 500;
	font-size: 18px;
	position: relative;
	padding: 16px 20px;
	background-color: #f1f6f6;
	border-radius: 6px;
	border: 1px solid #f0f4f4;
	box-shadow: rgb(203 200 200 / 15%) 1px 2px 11px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
}


.navb-border .nav-tabs-line .nav-item.open .nav-link,
.navb-border .nav-tabs-line .nav-item.open .nav-link:focus,
.navb-border .nav-tabs-line .nav-item.open .nav-link:hover,
.navb-border .nav-tabs-line .nav-link.active,
.navb-border .nav-tabs-line .nav-link.active:focus,
.navb-border .nav-tabs-line .nav-link.active:hover {
	border-bottom: 2px solid #2abd45 !important;
	background-color: transparent !important;
	font-weight: 500 !important;
	border-radius: 6px 6px 0px 0px !important;
	box-shadow: none;
}

.navb-border .nav-tabs-line .nav-link {
	border-radius: 6px 6px 0px 0px !important;
}

.navb-border .nav-tabs-line .nav-link:hover, .dashboard active nav-link dash-navlink:hover {
	background-color: #e5e5e5 !important;
}

.pack-div .dash-right-card {
	color: #292a2b !important;
}

.card-right .card-success {
	background-color: #41c459;
}

.pack-div-bell {
	position: absolute !important;
	color: rgba(42, 189, 69, 0.89);
	font-size: 25px;
	right: 15px;
	top: 15px;
}

.user-prfile-invite {
	font-size: 15px !important;
	float: left;
	margin-top: 7px;
	padding-left: 8px;
}

.userSalaryTypes .new-white-bg:hover {
	box-shadow: 0 3px 10px 0 rgb(30 29 36 / 8%);
	transition: background-color 150ms ease-in-out 0s, color 80ms ease-in-out 0s !important;
}

.br-14 {
	border-radius: 14px;
}

.create-btn-absolute {
	position: absolute;
	right: 73px;
	top: 0px;
}

.export-btn-absolute {
	position: absolute;
	right: 10px;
	top: 0px;
}

#holidayTab .create-btn-absolute {
	position: absolute;
	right: 25px;
	top: 35px;
}

.p-y-9 {
	padding-top: 9px;
	padding-bottom: 9px;
}

.green-i-700 {
	color: #4aa821 !important;
}

.timetracker.whiteBackgroud .page, .s_sched.whiteBackgroud .page {
	background-color: #fff !important;
	background-image: none !important;

}

.gray-btn-new {
	background-color: #f2f2f2 !important;
}



@media (max-width: 1000px) {
	.nav-tabs-line .nav-link {
		padding: 10px 10px !important;
		margin-bottom: 5px !important;
	}

	.list-group-item.shift-container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.dashboard .list-group-item.shift-container {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.dashboard .tab-pane span.hidden-md-up {
		padding-left: 10px;
	}

	.dashboard .row.card-right {
		margin-top: 20px !important;
	}

	.app-message-input .message-input-btn {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.timeCheckContainer .w-30.pull-left.m-l-20 {
		margin-left: 0px !important;
	}

	.absence-emp .page-header.p-x-10 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}



	.absolute-tag {
		position: absolute;
		margin-top: 15px !important;

	}

	.navbar-mega .mega-content {
		padding: 1.429rem 1.1rem !important;
	}
      /**Userlike**/
	.umm-1ikmx2u {
		display: none !important;
	}

	.clearfix.m-b-15.week-titles-manager {
		margin-bottom: 0px !important;
	}


	.daySelector .btn.selectAll {
		margin-top: 10px !important;
		width: 100%;
	}

	.chat-container .p-r-25 {
		padding-right: 10px !important;
	}

	.tab-content #teamChat {
		padding-left: 10px !important;
	}


	.profileUser .newpannel .p-25  {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.profileUser .nav.nav-tabs, .location-settings .nav.nav-tabs, .company .nav.nav-tabs   {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.absence-ma .page-header.p-x-10 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.timeCheck .page-header.p-x-10 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.location-settings .border.p-25 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}


	.location-settings .employee-div .panel-body  {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.location-settings #holidayTab .panel-heading {
		margin-left: 0px !important;
		padding-right: 15px !important;
	}

	.location-settings .panel-body {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.location-settings .panel-heading {
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-left: 10px !important;
	}



}


@media (max-width: 767px) {

.employee-div {
margin-top: 25px !important;
}

.spacetopxs {
	margin-top: 25px !important;
}

}

.text-xs-center.border.usercard-fixed {
	margin-bottom: 25px;
}

.timeCheck .imgMax div.border {
	border: none !important;
	box-shadow: none !important;
}



.nav-tabs-line.tab-light .nav-item.open .nav-link, .nav-tabs-line.tab-light .nav-item.open .nav-link:focus, .nav-tabs-line.tab-light .nav-item.open .nav-link:hover, .nav-tabs-line.tab-light .nav-link.active, .nav-tabs-line.tab-light .nav-link.active:focus, .nav-tabs-line.tab-light .nav-link.active:hover {
	background-color: #ffffff;
	box-shadow: 0 5px 12px rgb(47 49 63 / 3%), 0 2px 2px rgb(47 49 63 / 4%), 0 1px 0px rgb(47 49 63 / 4%);
}

.nav-tabs-line.tab-light .nav-link:hover {
	background-color: #fdfcfc !important;
	cursor: pointer;
}

@media (max-width: 650px) {

	.modal-dialog .personalTimeTrackingContainer .p-x-20 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.dashboard .modal-dialog .personalTimeTrackingContainer .p-x-20,
	.emp-dashboard #timeTrackActionContent{
		padding-right: 25px !important;
		padding-left: 25px !important;
	}

	.modal-dialog .personalTimeTrackingContainer .btn-block.p-x-30 {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
}

body.ios-device .frame-1a4fuq7, body.android-device .frame-1a4fuq7{
	display: none !important;
}

body.ios-device div#userlike-K5VJK, body.ios-device div.umm-11aly1p, body.ios-device .js-focus-visible, body.ios-device div.frame-o7ns9v,
body.android-device div#userlike-K5VJK, body.android-device div.umm-11aly1p, body.android-device .js-focus-visible, body.android-device div.frame-o7ns9v {
	display: none !important;
}


@media (max-width: 1200px) {
.timtrackscaler {
	transform: scale(1.05);
	padding-top: 2%;
}}

no-bg-hover:hover {
	background-color: transparent !important;
}

.greyListHover>li.no-bg-hover:hover {
	background-color: transparent !important;
	border-radius: 5px;
}

.border-package {
	border: 1px solid #ebebeb;
}

.btn-showmore {
	color: #111 !important;
	background-color: #fff !important;
	border-color: #fff !important;
	border-radius: 25px !important;
	font-weight: 400;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}

.btn-showmore:hover {
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
	box-shadow: 0 5px 12px rgb(47 49 63 / 3%), 0 2px 6px rgb(47 49 63 / 4%), 0 1px 2px rgb(47 49 63 / 4%) !important;
}

.new-gray-bg .input-daterange .input-group-addon {
	box-shadow: none !important;
}

.nav-tabs-line.nav-tabs-green .nav-link.active, .nav-tabs-line.nav-tabs-green .nav-link.active:focus, .nav-tabs-line.nav-tabs-green .nav-link.active:hover, .nav-tabs-line.nav-tabs-green .nav-item.open .nav-link, .nav-tabs-line.nav-tabs-green .nav-item.open .nav-link:focus, .nav-tabs-line.nav-tabs-green .nav-item.open .nav-link:hover {
	border: 2px solid transparent !important;
	border-bottom: 2px solid #3ace55 !important;
	border-radius: 6px 6px 0px 0px !important;
	box-shadow: none !important;
	background-color: transparent!important;
	cursor: pointer;
	margin-bottom: 5px;
}

.nav-tabs-line.nav-tabs-green .nav-link {
	border: 2px solid transparent !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 6px 6px 0px 0px !important;
	box-shadow: none !important;
	background-color: transparent!important;
	cursor: pointer;
	margin-bottom: 5px;
}

.nav-tabs-line.nav-tabs-green .nav-link:hover {
	border: 2px solid transparent !important;
	border-bottom: 2px solid #3ace55 !important;
	border-radius: 6px 6px 0px 0px !important;
	box-shadow: none !important;
	background-color: transparent!important;
	cursor: pointer;
	margin-bottom: 5px;

}

.brighttheme-icon-info {
	background-color: #ffffff;
	color: #8FCEDD;
	margin-top: 2px;
}

.brighttheme-info {
	background-color: #8FCEDD;
	border: 0 solid #0286A5;
	color: #ffffff;
	border-radius: 6px;
}


.btn-floating.btn-sm.downloadConfirmButton, .btn-floating.btn-sm.btn-showmore {
	font-size: 1.858rem;
	width: 45px;
	height: 45px;
	padding: 0;
}


.analysis-site .media .media-body {
	width: 0% !important;
}


.analysis-site .new-gray-bg .form-material .form-control:disabled, .analysis-site .new-gray-bg .form-material .form-control[disabled] {
	background-color: #f1f6f6 !important;
	background-image: linear-gradient(#f1f6f6, #f1f6f6), linear-gradient(#f1f6f6, #f1f6f6) !important;
	border-bottom: 1px dashed #f1f6f6 !important;
}

.ma-w-100 {
	max-width: 100px !important;
}


.border-frame {
	border: 1px solid #efefef;
	border-radius: 6px;
}

.scroll-divbox-abs {
	max-height: 160px;
	overflow-y: auto;
	width: 100%;
	margin-top: 15px;
}
.th-head-correction {
	padding: 12px 12px 7px 12px  !important;
	font-weight: 500 !important;
}

.userLeaveTdStyle {
	padding: 7px 12px !important;
}

.userLeaveTdStyle .form-control:disabled, .form-control[readonly] {
	opacity: 1;
	background-color: #f4f4f4;
}


.table-wrapper-user-leave-change {
	max-height: 220px;
	overflow-y: scroll;
}

.fade-in {
	opacity: 0;
	animation: fadeIn 1s ease-in-out forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.dropdown-menu {
	min-height: 0 !important;
}
.tt-opions-bg {
	border-radius: 25px !important;
	background-color: #f2f2f2;
	margin-right: 6px;
	padding: 7px 11px;
}

.tt-opions-bg i.icon {
	font-size: 1rem;
	padding: 0px !important;
	margin-right: 0px !important;
	color: #43a047 !important;
}

#empTracedTimeCont .form-material .form-control {
	padding: 2px 1px 4px 0px !important;
}


.form-group .form-control-label.emp-note-label {
	padding: 0px 6px;
}

#empTracedTimeCont.new-gray-bg .form-material.form-group .form-control-label {
	border-radius: 6px 6px 0px 0px;
	position: absolute;
	top: -20px;
	font-size: .94rem;
	font-weight: 400;
	color: #1f1f20;
	left: 0px;
	background: #fff;
	padding: 2px 10px;
}

button#closeEmpCorrectionRequestContainer {
	padding: 3px 8px;
}
.emp-break-input label {
	display: inline-block !important;
	width: 40px !important;
	text-align: right !important;
	padding-right: 10px !important;
}

#showEmpCorrectionRequest.btn.btn-default {
	background-color: #f1f6f6 !important;
}

.btn-lightgrey{
	background-color: #f1f6f6 !important;
}

.btn-smaller {
	padding: 6px 10px !important;
}

.add-workingtime-card {
	min-height: 150px !important;
}

.add-workingtime-card .media-left, .media-right, .media-body {
	display: table-cell;
	vertical-align: middle;
}

.icon-round-gray-bg {
	border-radius: 25px !important;
	background-color: #f4f5f7;
	margin-right: 6px;
	padding: 9px 10px 8px 11px;
}

.selfEntrySummaryItem  {
	position: absolute;
	bottom: 70px;
	right: 20px;
	left: 20px;
	z-index: 1;
}

.show-workingtime-from, .show-workingtime-to, .add-workingtime-from, .add-workingtime-to {
	width: 55px !important;
	float: left;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
}

.show-workingtime-pause, .add-workingtime-pause  {
	width: 40px !important;
	float: left;
	font-weight: 500;
	font-size: 15px;
}

.show-workingtime-duration, .add-workingtime-duration {
	float: left;
	font-weight: 500;
	font-size: 15px;
	margin-left: 10px;
}

.witdh-worinktimes {
	float: left;
	width: 120px !important;
}


#addWorkingTimesModal .btn-filter-mod .bootstrap-select .btn-select, #editWorkingTimesModal .btn-filter-mod .bootstrap-select .btn-select {
	color: #111 !important;
	font-weight: 500 !important;
	border-radius: 11px !important;
}

.like-input-group-addon {
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.571429;
	color: #757575;
	margin-bottom: 0px;

}

.white-page .page {
	background: #fff !important;
}

body.white-page.reverse .page{
	background-color: #f8fafc !important;
}


.white-page .round-date-start {
	border-radius: 4px 0px 0px 4px !important;
	background: #f4f5f7;
	border-color: #f4f5f7 !important;
	color: #4e4e4e !important;
	font-weight: 500 !important;
}

.white-page .round-date-end {
	border-radius: 0px 4px 4px 0px !important;
	background: #f4f5f7;
	border-color: #f4f5f7 !important;
	color: #4e4e4e !important;
	font-weight: 500 !important;
}

.white-page .input-daterange .input-group-addon {
	background: #f4f5f7 !important;
	border-color: #f4f5f7 !important;
	color: #4e4e4e !important;
	font-weight: 500 !important;
}


.white-page .timeCheck-date-filter:hover .round-date-end,
.white-page .timeCheck-date-filter:hover .round-date-start,
.white-page .timeCheck-date-filter:hover .input-daterange .input-group-addon,
.white-page .timeCheck-date-filter:hover .input-group-addon {
	background-color: #dfe1e6  !important;
	border-color: #dfe1e6 !important;
}

.white-page .absence-date-filter:hover .round-date-end,
.white-page .absence-date-filter:hover .round-date-start,
.white-page .absence-date-filter:hover .input-daterange .input-group-addon,
.white-page .absence-date-filter:hover .input-group-addon {
	background-color: #dfe1e6  !important;
	border-color: #dfe1e6  !important;
}

.white-page .emp-timechek:hover .round-date-end,
.white-page .emp-timechek:hover .round-date-start,
.white-page .emp-timechek:hover .input-daterange .input-group-addon,
.white-page .emp-timechek:hover .input-group-addon {
	background-color: #dfe1e6  !important;
	border-color: #dfe1e6  !important;
}







.white-page .filterButton, .white-page .newExportButton {
	color: #4e4e4e !important;
	background-color: #f4f5f7 !important;
	border-color: #f4f5f7 !important;
	border-radius: 4px !important;
	padding: 10px 15px 10px 15px !important;
	font-weight: 500;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}

.white-page .filterButton:hover, .white-page .newExportButton:hover  {
	background-color: #dfe1e6 !important;
	border-color: #e5e5e5 !important;
}

.white-page .btn-filter-mod .bootstrap-select .btn-select {
	font-size: 14px;
	color: #4e4e4e !important;
	border-radius: 6px !important;
	font-weight: 500;
}


.white-page .nav-tabs-line .nav-link {
	border-bottom: none !important;
	font-weight: 500;
	border-radius: 12px;
	color: #4e4e4e !important;
	padding: 11px 15px!important;
	margin-bottom: 15px;
	margin-right: 10px !important;
	background: transparent;
}


.white-page .nav-tabs-line .nav-link.active,
.nav-tabs-line.tab-light .nav-link.active, .nav-tabs-line.tab-light .nav-link.active:focus{
	background-color: #dfe1e6;
	color: #111 !important;
}

.white-page .nav-tabs-line .nav-link:hover {
	background-color: #dfe1e6 !important;
}

.white-page .table-border {
	border: 1px solid #f8f6f6;
	border-radius: 10px;
	box-shadow: 0 2px 7px 0 rgb(48 46 56/10%);
	background-color: #fff;
	transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
}

.btn-lightgreen {
	color: #0e995f !important;
	background-color: #c9eddd !important;
	border-color: #c9eddd !important;
}

.btn-lightgreen:hover {
	color: #fff !important;
	background-color: #1ec963 !important;
	border-color: #1ec963 !important;
}

.fw-boder {
	text-shadow: 0px 0px 1px #d7d7d7;
}
.table-time-start {
	float: left;
	width: 50px;
	text-align: center;
}

.table-time-separator {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
}

.table-time-end {
	float: left;
	width: 50px;
	text-align: center;
}

.w-225 {
	width: 225px !important;
}

.input-effect .form-material .form-control:hover, .input-effect .form-material .form-control:hover, .input-effect .form-material .form-control:hover, .input-effect .fullinput .input-group .form-control:hover {
	background-color: #f4f6f8 !important;
	border-radius: 5px !important;
	transition: background-color 120ms ease-in-out 0s, color 80ms ease-in-out 0s !important;
}

.new-gray-bg .input-effect .form-material .form-control:hover,
.new-gray-bg .input-effect .form-material .form-control:hover,
.new-gray-bg .input-effect .form-material .form-control:hover,
.new-gray-bg .input-effect .fullinput .input-group .form-control:hover,
.input-effect .new-gray-bg .form-material .form-control:hover,
.input-effect .new-gray-bg .form-material .form-control:hover,
.input-effect .new-gray-bg .form-material .form-control:hover,
.input-effect .new-gray-bg .fullinput .input-group .form-control:hover {
	background-color: #dfe1e6 !important;
	border-radius: 5px !important;
	transition: background-color 120ms ease-in-out 0s, color 80ms ease-in-out 0s !important;
		}



.fullinput .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	border-radius: 4px !important;
	color: #4e4e4e !important;
	font-weight: 500;
	font-size: 14px;
	padding: 10px 15px !important;
	height: 43px;
}

.fullinput input::placeholder {
	color: #4e4e4e !important;
	font-weight: 500;
}

.fullinput .has-success .form-control {
	border-color: #efefef;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.white-border {
	border: 1px solid #e4e6ea;
	border-radius: 6px;
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 3%);
	background-color: #ffffff;
	transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
}

.white-border-hover {
	border: 1px solid #e4e6ea;
	border-radius: 6px;
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 3%);
	background-color: #ffffff;
	transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
}

.white-border-hover:hover {
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 5%);
	background-color: #f4f5f7;
	border-color: #f4f5f7;
	transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
}

.analysis-usercontainer {
	margin-left: 3px;
	position: absolute;
	width: 284px;
	top: 110px;
}

.analysis-usercontainer .analysis-userdiv {
	background: #f4f5f7;
	border-radius: 10px 10px 0px 0px;
	font-size: 105% !important;
	padding: 14px 10px 11px 20px;
}


.analysis-contentdiv {
	background-color: #ffffff;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #f1f3f6;
	padding: 11px 18px !important;
}

.btn-balance-div {
	float: right;
}

.btn-balance-div button {
	height: 44px;
	margin-left: 5px;
	margin-right: 5px;
}


.analysis-site .card-footer {
	padding: 8px 15px 20px 15px;
	border-top: 1px solid #efefef;
	background-color: #fff;
	margin-top: 0px;

}

.greyblue-bg {
	background-color: #f4f5f7 !important;
}

@media (max-width: 767px) {
	.timeCheck.white-page .nav-tabs-line .nav-link {
		margin-right: 5px !important;

	}
	.navbar-nav .nav-item {
		float: left;
	}
	}

.m-w-155 {
	min-width: 155px !important;
}

.br-right-white {
	border-right: 2px solid #ffffff !important;
}

.br-right-white:last-child {
	border-right: none !important;
}

.absence-ma .div-frame:hover {
	box-shadow: rgb(239 240 241 / 92%) 0px 1px 4px;
	transition: box-shadow .1s, background-color .1s, -webkit-box-shadow .2s; border: .1s;
}

.input-bold {
	color: #4e4e4e !important;
	font-weight: 500 !important;
}


.new-gray-bg-1 {
	position: relative;
	padding: 18px 15px;
	background-color: #f6f7f9;
	border-radius: 6px;
	border: 1px solid #f6f7f9;
	margin-top: 15px;
}

.new-gray-bg-2 {
	position: relative;
	padding: 20px 20px;
	background-color: #f6f7f9;
	border-radius: 6px;
	border: 1px solid #f6f7f9;
	margin-top: 15px;
	box-shadow: rgb(203 200 200 / 15%) 1px 2px 11px;
}

.new-gray-bg-3-load {
	position: relative;
	padding: 7px 10px;
	background-color: #f6f7f9;
	border-radius: 6px;
	border: 1px solid #f6f7f9;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 4px;

}

.new-gray-bg-3-first {
position: relative;
padding: 7px 10px;
background-color: #f6f7f9;
border-radius: 6px 0px 0px 6px;
border: 1px solid #f6f7f9;
text-align: center;
float: left;
width: 33.333333%;
border-right: 2px solid #fff;
margin-top: 4px;

}

.new-gray-bg-3-middle {
	position: relative;
	padding: 7px 10px;
	background-color: #f6f7f9;
	border: 1px solid #f6f7f9;
	text-align: center;
	float: left;
	width: 33.333333%;
	border-right: 2px solid #fff;
	margin-top: 4px;
}

.new-gray-bg-3-last {
	position: relative;
	padding: 7px 10px;
	background-color: #f6f7f9;
	border-radius: 0px 6px 6px 0px;
	border: 1px solid #f6f7f9;
	margin-top: 4px;
	text-align: center;
	float: left;
	width: 33.333333%;
}
.box-shaddow-grays {
	box-shadow: rgb(203 200 200 / 15%) 1px 2px 11px;
}

.modal-backdrop {
	background-color: #404652;
}

.analysis-filtercontainer .btn-default {
	background-color: #fff;
}

.profile-userName {
	font-size: 16px;
	color: #334155 !important;
	font-weight: 500;
	line-height: 1.75rem;
}

.user-userName {
	font-size: 15px;
	color: #334155;
	font-weight: 500;
	line-height: 1.75rem;
}

.user-occupation {
	font-size: 13px;
	line-height: 1.125rem;
	color: #9299a2;
	margin-bottom: 10px;
	margin-top: 2px;
}

.user-ceration-date-profile {
	font-size: 13px;
	line-height: 1.125rem;
	color: #64748b;
	font-weight: 500;
	margin-bottom: 5px;
	margin-top: 20px;
}

.user-profile-job {
	font-size: 14px;
	line-height: 1.125rem;
	color: #64748b;
	font-weight: 500;
	margin-bottom: 5px;
	margin-top: 10px;
}



.user-card-icons {
	color: #bdbdbd;
	font-size: 20px;
	transform: rotate(90deg) !important;
}


.page-user li .ACTIVE {
	padding: 8px 7px !important;
	border-radius: 9999px !important;
	font-size: 92% !important;
	color: #10b981 !important;
	border-color: #fff !important;
	background-color: #fff !important;
	width: 100%;
}


.page-user li .UNCONFIRMED {
	padding: 8px 7px !important;
	border-radius: 9999px !important;
	font-size: 92% !important;
	color: #ff9800 !important;
	border-color: #fff !important;
	background-color: #fff !important;
	width: 100%;
}

.page-user li .INACTIVE {
	padding: 8px 7px !important;
	border-radius: 9999px !important;
	font-size: 92% !important;
	color: #ff5724 !important;
	border-color: #fff !important;
	background-color: #fff !important;
	width: 100%;
}

.page-user li .NO_MAIL {
	padding: 8px 7px !important;
	border-radius: 9999px !important;
	font-size: 92% !important;
	color: #f6f7f9 !important;
	border-color: #fff !important;
	background-color: #fff !important;
	width: 100%;
}

.page-user .userTagWa {
	padding: 4px 8px !important;
	border-radius: 8px !important;
	font-size: 86% !important;
	color: #9a9aa5 !important;
	border-color: #f8fafc !important;
	background-color: #f8fafc !important;
}

.fixedUserPageHeader {
	width: 100%;
	position: fixed;
	z-index: 80;
	align: center;
	background: #f8fafc;
	margin: 0 auto;
	padding-top: 50px;
	left: 0px;
}

.fixedUserPageHeaderInner {
	max-width: 1380px;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
}


.heightOne {
	margin-top: 145px;
}

.heightTwo {
	margin-top: 200px !important;
}

.min-h-cardfooter {
	min-height: 29px !important;
}

.user-site-search-width {
	min-width: 350px;
}


@media (max-width: 620px) {
	.user-site-search-width {
		min-width: 120px;
	}
	.fixedUserPageHeaderInner {
		padding-left: 15px;
		padding-right: 5px;
	}
}



.overlay-card {
	position: absolute;
	top: 176px;
	left: 0;
	width: 100%;
	height: 24%;
	background-color: transparent;
	display: none;
	justify-content: center;
	text-align: center;
	border-radius: 6px;
	z-index: 2;
	padding: 16px 25px;
}

.user-card:hover .overlay-card {
	display: block;
}

.profile-link {
	padding: 7px 7px !important;
	border-radius: 9999px !important;
	font-size: 85% !important;
	font-weight: 500;
	width: 100%;
	color: #64748b;
	border-color: #f6f7f9;
	background-color: #f6f7f9;
}

.ACTIVE .profile-link {
	color: #778497 !important;
	border-color: #f8fafc !important;
	background-color: #f8fafc !important;
}

.UNCONFIRMED .profile-link {
	color: #778497 !important;
	border-color: #f8fafc !important;
	background-color: #f8fafc !important;
}

.INACTIVE .profile-link {
	color: #778497 !important;
	border-color: #f8fafc !important;
	background-color: #f8fafc !important;
}

.NO_MAIL .profile-link {
	color: #64748b !important;
	border-color: #f8fafc !important;
	background-color: #f8fafc !important;
}


.profile-link:hover {
	color: #64748b !important;
	background-color: #f4f5f7 !important;
	border-color: #f4f5f7 !important;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.form-group {
	margin-bottom: 1.629rem;
}

.avatar-profile {
	width: 60px !important;
	height: 60px !important;
}



.page-profile .usercard-fixed .bootstrap-select.btn-group .dropdown-menu {
	max-width: 270px !important;
	overflow: hidden;
}


.bluelight-tag {
	padding: 9px 18px !important;
	border-radius: 9999px !important;
	font-size: 89% !important;
	color: #0ea5e9 !important;
	border-color: #e6f6fd !important;
	background-color: #e6f6fd !important;
	font-weight: 500;
	width: 100%;
}

.bluelight-tag:hover {

	color: #fff !important;
	border-color: #0ea5e9 !important;
	background-color: #0ea5e9 !important;
	box-shadow: rgb(203 200 200 / 15%) 1px 2px 11px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;

}

.heading-title {
	font-size: 16px;
	margin-bottom: 20px !important;
	font-weight: 500 !important;
	padding-top: 15px
}

li.list-group-item.workingArea {
	padding: 15px !important;
	margin-bottom: 6px;
	border: none;
	border-bottom: 1px solid #efefef;
	border-radius: 0px;
	box-shadow: none;
}

.newgray-badge {
padding: 8px 15px !important;
border-radius: 9999px !important;
font-size: 88% !important;
font-weight: 500;
color: #64748b !important;
border-color: #f6f7f9 !important;
background-color: #f6f7f9 !important;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	display: flex;
	overflow: hidden;
}

.newgray-badge .icon {
	padding-top: 3px;
}


.newgray-badge-abs {
	padding: 3px 8px !important;
	border-radius: 9999px !important;
	font-size: 79% !important;
	font-weight: 500;
	color: #64748b !important;
	border-color: #f6f7f9 !important;
	background-color: #f6f7f9 !important;
	margin-left: 3px;
}


.newgreen-badge {
	padding: 10px 15px !important;
	border-radius: 9999px !important;
	font-size: 88% !important;
	font-weight: 500;
	color: #1fac39 !important;
	border-color: #e7f8f2 !important;
	background-color: #e7f8f2 !important;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	display: flex;
	overflow: hidden;
}

.newgreen-badge .icon {
	padding-top: 3px;
}

.input-dark input{
	background-color: #f4f5f7 !important;
	border-color: #fff !important;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}

.input-dark  input:hover {
	background-color: #dfe1e6 !important;
	cursor: pointer;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}


.input-effect .fullinput .input-group.input-dark  .form-control:hover {
	background-color: #dfe1e6 !important;
	cursor: pointer;
	box-shadow: 0 0px 3px rgb(47 49 63 / 1%), 0 2px 3px rgb(47 49 63 / 3%), 0 1px 0px rgb(47 49 63 / 2%) !important;
}

.white-page .nav-tabs-line.br-12 .nav-link {
	border-radius: 12px;
}

.white-page .nav-tabs-line.br-12 .nav-link {
	border-radius: 12px;
}

.is-employee-view .analysis-usercontainer  {
	top: 130px;
}

.is-employee-view  .analysis-filtercontainer {
	top: 197px;
}

@media (max-width: 1180px){
.is-employee-view  .analysis-filtercontainer {
	top: 0px;
}
}

.profileUser .panel-group#rolesPanel .panel-title:before,.profileUser .panel-group#rolesPanel .panel-title:after {
	position: absolute !important;
	top: 23px !important;
	right: 147px !important;
	z-index: 4 !important;
}

#rolesPanel .showrights {
	position: absolute;
	right: 0px;
	top: 20px;
	padding-left: 34px;
}

@media (max-width: 930px){
	.profileUser .panel-group#rolesPanel .panel-title:before,.profileUser .panel-group#rolesPanel .panel-title:after {
		display: none;
	}
	#rolesPanel .showrights {
		display: none;
	}
}

.scroll-helpers {
	max-height: 638px;
	overflow-y: auto;
}

.default-1 {
	color: #525556 !important;
}

.br-50 {
	border-radius: 50px !important;
}

@media (max-width: 620px){
	.page-user .p-search.width-full {
		width: 80% !important;
	}
}

.transparency {
	background-color: transparent !important;
	color: transparent !important;
}


#timecheckTable tbody tr:hover .btnEditSelfEntry,
#ownTimesTable tbody tr:hover .btnEditSelfEntry,
#timecheckTable tbody tr:hover .btnSelfEntryPreDelete,
#ownTimesTable tbody tr:hover .btnSelfEntryPreDelete,
#timecheckTable tbody tr:hover .editEntryTimecheckBtn,
#ownTimesTable tbody tr:hover .editEntryTimecheckBtn {

	border-color: #dfe1e6 !important;
	background-color: #dfe1e6 !important;
	transition: background-color 50ms ease-in-out 0s, color 50ms ease-in-out 0s;
}


.creationtime-wa {
	position: absolute;
	right: 25px;
	bottom: 30px;
	color: #c4c8ce !important;
	font-size: 88%;
	display: none;
}

li.workingArea:hover .creationtime-wa {
	display: block;
	transition: background-color 50ms ease-in-out 0.3s, color 50ms ease-in-out 0.3s;
}

.singleTimeCheck {
	padding: 10px 5px 5px 5px;
}

.singleTimeCheck:hover {
	background-color: #f6e6cc !important;
	border-radius: 8px;
}

.mw-260 {
	max-width: 260px !important;
}


.middle input[type=radio]:checked + .boxx .reverse-holidays  {
	background-color: #e8f5e9 !important;
}

.middle input[type=radio]:checked + .boxx .delete-holidays  {
	background-color: #ffebee !important;
}

#infoApiOneModal .modal-dialog {
	max-width: 800px;
	margin: 0 auto;
}

#infoApiOneModal .request,
#infoApiOneModal .response {
	margin-bottom: 20px;
}

#infoApiOneModal .code-sample pre {
	text-align: left;
	overflow-x: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

#infoApiOneModal .request .code-sample,
#infoApiOneModal .response .code-sample {
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px;

}

table.padded td, table.padded th {
	padding: 5px;
}

.crop-img-left {
	height: 170px;
	margin-right: 25px;
}

.autowitdh{
	width: auto !important;
}

.light-box {
	box-shadow: 0 0px 6px 0 rgb(188 188 191 / 6%);
}


.coffeeBreak.alert-danger {
	color: #f44336;
	border-color: #ffcdd2;
	background-color: rgba(255, 205, 210, .8);
	border-radius: 5px;
}


#pausenCreateModal .has-danger input, #pausenSelfEntryEditModal .has-danger input, #pausenAddSelfEntryAddModal .has-danger input {
	color: #f44336 !important;
}


.newgray-badge-cube {
	padding: 10px 15px !important;
	/* border-radius: 8px !important; */
	font-size: 96% !important;
	font-weight: 500;
	color: #4e4e4e !important;
	border-left: 3px solid #3bca85;
	background-color: #ffffff !important;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	display: flex;
	overflow: hidden;
}

.settings-for-tt {
	position: absolute;
	top: 14px;
	left: 15px;
	font-size: 14px;
	color: #a8a3a3;
	font-weight: 400;
}

.tag-default-salray {
	background-color: #ffffff;
	border: none;
	border-right: 1px solid #f0efef;
	border-radius: 0px !important;
	margin-right: 5px;
}

.tag-default-salray:last-child {
	border-right: none !important;
	margin-right: 0px;
}


#deleteHoliday tbody tr:hover, #deleteUserLeaveEntitlementModal tbody tr:hover {
	background-color: #f4f5f7;
	border-radius: 5px;
	transition: background-color 50ms ease-in-out 0s, color 50ms ease-in-out 0s;
}

.m-w-91 {
	min-width: 91px !important;
}

.fs94per {
	font-size: 94% !important;
	color: #4e4e4e !important;
	background-color: #f5f7fc !important;
	border-radius: 8px !important;
}

.white-page .absence-emp .input-daterange .input-group-addon {
	font-weight: 400 !important;
}

.new-gray-bg-2-first {
	position: relative;
	padding: 7px 10px;
	background-color: #f6f7f9;
	border-radius: 6px 0px 0px 6px;
	border: 1px solid #f6f7f9;
	text-align: center;
	float: left;
	width: 50%;
	border-right: 2px solid #fff;
	margin-top: 4px;
}

.new-gray-bg-2-last {
	position: relative;
	padding: 7px 10px;
	background-color: #f6f7f9;
	border-radius: 0px 6px 6px 0px;
	border: 1px solid #f6f7f9;
	margin-top: 4px;
	text-align: center;
	float: left;
	width: 50%;
}


.btn-boxed {
	position: relative;
	max-width: 1320px;
	margin: 0 auto;
	background-color: transparent;
}

.ngewgraybox-transparent {
	background-color: #f8fafc !important;
	border: none !important;
	box-shadow: none !important;
}


.ngewgraybox-transparent .list-group-item {
	background-color: #f8fafc !important;
}

.ngewgraybox-transparent .list-group-item:hover {
	background-color: #ebecf0!important;
	border-radius: 5px!important;
	transition: box-shadow .1s, background-color 60ms!important;
}

.badge-pricing {
	display: inline-block;
	padding: 8px 15px;
	font-size: 92%;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 25px;
	position: absolute;
	top: -18px;
	right: 27px;
	color: #429d1b !important;
	background: #dbf6e5 !important;
	border: 3px solid #fff;
}


@media (min-width: 768px){
	.modal-smx {
		width: 600px;
	}}



#selectInputType .bootstrap-select>.dropdown-toggle.bs-placeholder {
	color: #a4a4a4;
}

#selectInputType .btn-select {
	color: #111;
	font-weight: 400;
}

.btn-group.open .btn-select, .btn-select:hover {
	background-color: #f4f6f8 !important;
	border-radius: 5px !important;
	transition: background-color 120ms ease-in-out 0s, color 80ms ease-in-out 0s !important;
}


.toggle-cont .toggle-box {
	padding: 0px 0px 5px 0px;
	background: #f7faff;
	margin-top: 0px;
	border-radius: 8px;
}

.toggle-cont .toggle-title {
	cursor: pointer;
	color: #ff9800;
	font-weight: 500;
	border-radius: 12px;
	padding: 5px 10px;
}

.toggle-cont .toggle-title:hover {
	background-color: #fff;
	box-shadow: 0 5px 12px rgb(47 49 63 / 1%), 0 2px 2px rgb(47 49 63 / 4%), 0 1px 0px rgb(47 49 63 / 4%);
}

.toggle-cont .toggle-content {
	display: none;
	margin-top: 10px;
}

.toggle-cont .toggle-box input[type="checkbox"] {
	display: none;
}

.toggle-cont .toggle-box input[type="checkbox"] + .toggle-title + .toggle-content {
	display: none;
}

.toggle-cont .toggle-box input[type="checkbox"]:checked + .toggle-title + .toggle-content {
	display: block;
}

.toggle-cont .toggle-button {
	cursor: pointer;
}

.toggle-cont .toggle-box label {
	cursor: pointer;
}

#userCustomPropertyContainer .inputIndividualField {
	border: none !important;
	color: #5d5e5f !important;
	padding: 0px !important;
	font-size: .94rem !important;
	line-height: 1.0 !important;
	background-color: #fff !important;
	cursor: unset;
	height: 20px !important;
}


input.userCustomPropertyValue:hover  {
	background-color: #f4f6f8 !important;
	border-radius: 5px !important;
	transition: background-color 120ms ease-in-out 0s, color 80ms ease-in-out 0s !important;
}

.dragCont {
	position: absolute;
	width: 40px;
	height: 90px;
	left: -10px;
	top: -25px;

}

.dragCont:hover {
	background: #dfe1e6 !important;
	transition: all 0.3s !important;

}

.dragIcon {
	width: 100%;
	height: 100%;
	padding-top: 36px;
	padding-left: 11px;
}

.dragIcon:hover  {
	font-size: 17px !important;
	transition: all 0.3s !important;
}


.createInputField {
	cursor: unset !important;
}

.b-b-space {
	padding-bottom: 3px;
}

.absence-ma .daysPlanned {
	padding: 4px 6px !important;
	border-radius: 36px !important;
	border: none !important;
	background: #f4f5f7;
	color: #616161 !important;
}

tr:hover td.sticky-cell .daysPlanned {
	background: #fff !important;
}

.absence-ma .daysAvailable {
	padding: 4px 6px !important;
	border-radius: 36px !important;
	border: none !important;
	color: #616161 !important;
	background: #fff;
}

.absence-ma .daysNotAvailable {
	padding: 4px 6px !important;
	border-radius: 36px !important;
	border: none !important;
	color: #616161 !important;
	background: #fff;
}

.abs-yearselect button {
	width: 80px!important;
	border: none !important;
	padding-left: 12px !important;
	border-radius: 8px !important;
	color: #616161 !important;
	background-color: #ededef;
	font-weight: 400;
}

.abs-yearselect .dropdown-menu {
	width: 160px !important;
}

.abs-yearselect .dropdown-menu button {
	width: 20px !important;
	padding-left: 0px !important;
}

.shift-netto-duration {
	position: absolute;
	padding: 18px 15px;
	right: 40px;
	top: 20px;
	border-radius: 12px;
	background: #e3e8f240;
}

@media (max-width: 768px) {
	.shift-netto-duration {
		display: none;
	}
	.sm-mt-10 {
		margin-top: 10px;
	}
}