@import "brand-color.css";


.alert-mitr {
	display: table !important;
	margin: 0 auto 0px;
	padding: 10px 25px !important;
	font-weight: bold;
}

.alert-danger {
	color: #721c24 !important;
	background-color: #f8d7da !important;
	border-color: #f5c6cb !important;
}

/*****/
.icon-thread input[type='radio'] {
	opacity: 0;
	display: none;
	cursor: pointer;
}

	.icon-thread input[type='radio'] + label i {
		color: #4f4f4f !important;
		font-size: 14px;
		cursor: pointer;
	}

.table td .icon-thread input[type='radio']:checked + label i {
	color: #ff0000 !important;
}

.table td .nxtrnd input[type='radio']:checked + label i {
	color: #f58220 !important;
}

.table td .sltcnd input[type='radio']:checked + label i {
	color: #10ae18 !important;
}

.box-classic {
    background-color: #ffffff;
}
.box-classic {
    padding: 40px;
}
.box-classic {
	display: table;
	width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px rgb(0 0 0 / 8%);
	text-align: center;
	font-size: 16px;
}

.box-classic-icon {
	position: relative;
    color: #ffffff;
    width: 70px;
    height: 70px;
    border-radius: 10em;
    background: linear-gradient(98.15deg, #f1f1f1 17.7%, #e9e9e9 81.94%);
    box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
    text-align: center;
    line-height: 70px;
    font-size: 26px;
    margin: 0px auto 30px;
    color: #767676
}

.box-classic-icon i{ font-style: normal; margin: 0px;;}
.box-classic h2{font-size: 16px;}



.table td input[type='radio']:checked + label i, .table td input[type='radio']:checked + label i, .icon-thread input[type='radio'] + label i {
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}


a, :hover, .btn, a i, :hover i, .btn:hover {
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

@charset "utf-8";
/* CSS Document */
body {
	font-size: 12px;
	background: #f2f2f2;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #464D69
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: none;
	outline: 0;
	box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);
}

button:focus {
	online: none;
}

:before, :after {
	font-family: 'Font Awesome 5 Free';
}

ol, ul {
	margin: 0px;
}

li:last-child {
	border-bottom: 0px !important;
}

.table td, .table th {
	border-top: 0px solid;
	border-bottom: 1px solid;
	border: 1px solid;
	position: relative
}

a, .l-nav-item-icon, .l-nav-item a, label, .tablink, button, .box-design img, .morris-hover div, .ess-list a, .ess-list a svg, li:hover {
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0;
	-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0;
	-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0;
	-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0;
	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0;
}

	a:hover, .l-nav-item-icon, .button:hover, .l-nav-item a:hover, label:hover, .tablink:hover, .box-design:hover img, .morris-hover div:hover, .ess-list a, .ess-list a:hover svg, .ess-list a:hover, li:hover {
		o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
		text-decoration: none
	}

a {
	color: #464D69;
}

	a:hover {
		color: #ef8813
	}

i {
	margin-right: 5px;
}
/**** Guttar spacing ***/

.row {
	margin-right: -8px;
	margin-left: -8px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 9px;
	padding-left: 9px; /**margin-bottom:18px !important; **/
}
/*** heading ***/
.heading-grd {
	position: relative;
	margin-bottom: 10px;
}

	.heading-grd .clr-btn {
		right: -8px;
		top: -7px;
		background: #f58220;
	}

	.heading-grd img {
		width: 16px;
		margin-right: 10px;
		display: none
	}

	.heading-grd i, .pop-dgn .modal-title i, .tab-main .card-header a i {
		margin-right: 5px;
		background: -webkit-linear-gradient(#b7d41b, #f8cf18);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

.rgt-pst {
	position: absolute;
	right: 10px;
	bottom: -15px;
	z-index: 200
}

/* scrolling */
/* width */
::-webkit-scrollbar {
	width: 8px;
	height: 10px
}

/* Track */
::-webkit-scrollbar-track {
	background: #f2f2f2;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #9397cf;
}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #2a2b3c;
		cursor: pointer
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
/****btn **/

.btn-o {
	font-size: 16px;
	font-weight: bold
}

	.btn-o:hover {
		background: #ef8813;
		color: #fff
	}

.btn-p, .btn-a, .btn-b, .btn-c, .btn-g, .btn-gr {
	padding: 5px;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
	margin-right: 5px;
	color: #fff !important;
	width: 26px;
	height: 26px;
}

	.btn-p i, .btn-a i, .btn-b i, .btn-c i, .btn-g i, .btn-gr i {
		margin: 0px;
	}

	.btn-a i {
		color: #fff !important
	}

.btn-gr {
	background: #767676;
	color: #fff !important;
}

.btn-c {
	color: #939393 !important;
	background: #f6f6f6 !important
}

.btn-p {
	background: #d8b51a;
}

.btn-b {
	background: #363636
}

	.btn-b:hover {
		background: #000
	}

	.btn-p:hover, .btn-a:hover, .btn-b:hover {
		color: #fff
	}

.btn-p:hover {
	background: #61750d;
}

.btn-a {
	background: #035706
}

	.btn-a:hover {
		background: #235903
	}

.btn-g {
	background: #b4b5ca;
	color: #51548a !important;
}
/****/

input, textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #dbdbdb;
	font-size: 11px;
}

.l-header {
	background: #fff;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.l-header-inner {
	overflow: hidden;
	padding: 5px 23px 5px 10px
}

.l-header-item {
	height: 41px;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.l-header-logo-link-img {
	margin-top: 5px;
	margin-left: 0px;
}

.l-header-logo-link-img {
	height: 30px
}

.right-logo {
	height: 30px;
}

.l-header-item-contact {
	margin-top: 0px;
}
/*l-container
	------------------------*/
.l-container {
	max-width: 1000px;
	margin: 0 auto;
}
/*l-main
	------------------------*/

.l-main {
	padding: 0px 20px 50px;
	width: 100%;
}

@media screen and (min-width:769px) {
	.l-main {
		padding: 0px 60px 50px;
	}
}
/*l-contents
	------------------------*/
.l-contents {
	position: absolute;
	top: 107px;
	left: 52px;
	width: calc(100% - 52px);
	transition: all .25s cubic-bezier(0.77, 0, 0.175, 1);
	/**padding-bottom: 100px;**/
}

.is-sideopen .l-contents {
	transform: translate3d(170px, 0, 0);
	width: calc(100% - 223px);
	transition: all .25s cubic-bezier(0.77, 0, 0.175, 1);
}
/*l-sideNav
	------------------------*/

/* logo */
.l-nav-logo-link-img {
	width: 80px;
	display: block;
}

.l-nav-logo {
	position: absolute !important;
	top: 10px;
	right: 10px;
	display: block;
	text-transform: uppercase;
	color: #000;
	font-size: 21px;
	z-index: 2;
}

	.l-nav-logo span {
		font-weight: 400;
	}

	.l-nav-logo:hover {
		color: #777;
	}
/* common */
.l-nav, .l-nav a, .l-nav a:visited {
	text-decoration: none !important;
	position: relative;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/* side item */
.l-sideNav {
	position: fixed;
	z-index: 1034;
}

.l-nav {
	position: relative;
}

.l-nav {
	margin-bottom: 3em;
}

.l-nav-container a {
	color: #dbdbdb;
	font-size: 12px;
	font-weight: bold
}

.l-nav-item a:hover {
	text-align: right;
	background: rgba(54, 54, 54, 1);
	background: -moz-linear-gradient(-90deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(54, 54, 54, 1)), color-stop(100%, rgba(21, 20, 20, 1)));
	background: -webkit-linear-gradient(-90deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	background: -o-linear-gradient(-90deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	background: linear-gradient(-135deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#151414', GradientType=1 );
	color: #f8cf18
}

.l-nav {
	position: absolute;
	display: block;
	left: -170px;
	top: -6px;
	width: 220px;
	transition: all .25s cubic-bezier(0.77, 0, 0.175, 1);
}

.l-nav-inner {
	top: 0px;
	overflow-y: auto;
}

.l-nav-container {
	position: relative;
	height: calc(100vh) !important;
	overflow-y: auto;
	box-shadow: 1px 0px 10px #00000024;
	display: block;
	background: #2a2b3c;
	margin-top: 92px;
}
/*hover*/
.l-nav:hover {
	position: absolute;
	left: 0;
}
/*click*/
.is-sideopen .l-nav:hover {
	position: absolute;
	left: -170px;
	top: 0px;
}

.is-sideopen .l-nav {
	transform: translate3d(170px, 0, 0);
	transition: transform .25s cubic-bezier(0.77, 0, 0.175, 1);
}

.l-nav-inner {
	margin: 0;
	padding: 0;
	list-style: none;
}

.l-nav-item, .l-nav-item-sub {
	position: relative;
	border-bottom: 1px solid #414141
}

	.l-nav-item:last-child {
		border-bottom: 0px;
	}

	.l-nav-item:hover .l-nav-item-icon {
		left: 30px;
		transform: translate3d(-20px, 0px, 0px);
		transition: transform .25s cubic-bezier(0.77, 0, 0.175, 1);
		color: #f8cf18
	}

.l-nav-item-icon {
	position: absolute;
	top: 10px;
	right: 11px;
	pointer-events: none;
	width: 25px;
	height: 23px;
	color: #dbdbdb; /* background: #353535; */
}

	.l-nav-item-icon img {
		width: 100%
	}

.l-nav-icon-arrow {
	position: absolute;
	top: 0px;
	right: 0;
	width: 250px;
	height: 50px;
	text-align: left;
	background: rgba(233, 30, 99, 0);
	cursor: pointer;
}

	.l-nav-icon-arrow > i {
		position: absolute;
		top: 17px;
		right: 55px;
	}

.l-nav-icon-arrow-sub {
	position: absolute;
	top: -45px;
	right: 0;
	width: 250px;
	height: 50px;
	text-align: left;
	background: rgba(33, 150, 243, 0);
	color: #FFEB3B;
	cursor: pointer;
}

.l-nav-item-sub-inner {
	background: rgb(249, 249, 249);
}

.l-nav-item-sub-inner-2 {
	background: rgb(49, 49, 49);
}

.l-nav-item-link, .l-nav-item-sub-link {
	display: block;
	white-space: nowrap;
	padding: 1em;
}

.l-nav-item-link {
	font-size: 14px;
}

.l-nav-item-sub-link {
	padding-left: 2.5em;
	font-size: 12px;
}

.l-nav-item-sub-inner-2 .l-nav-item-sub-link {
	padding-left: 4.0em;
}

.l-nav-item-sub-icon {
	position: absolute;
	top: 15px;
	right: 20px;
}

.l-nav-item.active {
	display: block;
	white-space: nowrap;
	padding: 1em;
	font-size: 12px;
	font-weight: bold;
	background: rgba(54, 54, 54, 1);
	background: -moz-linear-gradient(-45deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(54, 54, 54, 1)), color-stop(100%, rgba(21, 20, 20, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	background: linear-gradient(135deg, rgba(54, 54, 54, 1) 0%, rgba(21, 20, 20, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#151414', GradientType=1 );
	color: #f8cf18
}

.active span img {
	width: 25px;
	position: absolute;
	right: 10px
}
/*l-hamburger
	------------------------*/

/*l-hamburger*/
.l-hamburger {
	position: fixed;
	display: block;
	text-align: center;
	padding: 13px 0px;
	left: -5px;
	top: 37px;
	z-index: 1000;
	cursor: pointer;
}

	.l-hamburger span {
		width: 16px;
		height: 3px;
		display: block;
		position: absolute;
		top: 30px;
		left: 14px;
		background: #000;
	}

/*move*/
.arrow span {
	transition: all 0.3s;
	transform: rotate(0deg);
}

.arrow .top {
	transform: translateY(-7px);
}

.arrow .middle {
	width: 20px;
}

.arrow .bottom {
	transform: translateY(7px);
	width: 10px;
}
/*hover*/
.arrow:hover .top {
	width: 20px;
	transform: rotate(0deg) translateY(-7px);
}

.arrow:hover .middle {
	width: 20px;
	transform: translateX(0px);
}

.arrow:hover .bottom {
	width: 20px;
	transform: rotate(0deg) translateY(7px);
}
/*arrow*/
.arrow.is-open:hover .top {
	width: 20px;
	transform: rotate(46deg) translateY(-15px) translateX(5px);
}

.arrow.is-open:hover .middle {
	width: 35px;
	transform: translateX(-5px);
	background: #fff;
}

.arrow.is-open:hover .bottom {
	width: 20px;
	transform: rotate(-46deg) translateY(15px) translateX(5px);
}
/*l-footer
	------------------------*/

.l-footer {
	width: 100%;
	height: 35px;
	clear: both;
}

.l-footer-inner {
	padding: 20px;
}

address {
	font-size: 10px;
	letter-spacing: 1px;
	color: #bbb;
	text-align: right;
}
/*l-footer
	------------------------*/

.l-footer {
	width: 100%;
	clear: both;
	z-index: -1;
	position: absolute;
	bottom: 0;
}

.l-footer-inner {
	padding: 10px 20px;
}

address {
	font-size: 10px;
	letter-spacing: 1px;
	color: #bbb;
	text-align: right;
	font-weight: normal;
}
/*PAGETOP
	------------------------*/
.page-top {
	position: fixed;
	right: -70px;
	bottom: 45px;
	z-index: 999;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

	.page-top.show {
		right: 10px;
		bottom: 45px;
	}

	.page-top a {
		background: #1abc9c;
		text-align: center;
		width: 50px;
		height: 50px;
		text-decoration: none;
		color: #fff;
		display: block;
		border-radius: 40px;
		-o-border-radius: 40px;
		-ms-border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
	}

	.page-top a {
		position: relative;
	}

		.page-top a:before {
			top: 27%;
			left: 35%;
			content: ' ';
			border: rgba(0, 0, 0, 0) solid 0.7rem;
			border-bottom-color: #FFF;
			position: absolute;
			height: 0;
			width: 0;
			margin: 0px;
			padding: 0px;
		}

		.page-top a:hover {
			background: #1abc9c;
		}

.u-pull-left {
	float: left;
	width: 10%;
}

.u-pull-right {
	float: right;
	width: 90%;
}

.u-dblock {
	display: block;
}

.u-cf:after {
	content: "";
	clear: both;
	display: block;
}
/**** header****/
.top-menu-list {
	padding: 0px;
	margin: 0px;
	float: right;
	margin: 8px 0px 0px;
}

	.top-menu-list .show .tp-arw {
		color: #f08d0e
	}

		.top-menu-list .show .tp-arw:before {
			content: '';
			position: absolute;
			width: 14px;
			height: 0;
			border: 12px solid transparent;
			border-bottom: 19px solid #e0e0df;
			bottom: -22px;
			left: 50%;
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
		}

	.top-menu-list li {
		display: inline;
		padding: 5px 5px;
		margin: 0px;
		border-right: 1px solid #dbdbdb;
		font-weight: bold;
	}

		.top-menu-list li a {
			position: relative;
			font-size: 12px;
		}

		.top-menu-list li:last-child {
			border: 0px;
			padding-right: 0px
		}

.top-prf-pic img {
	width: 25px;
	height: 25px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #eaeaea
}

.top-menu-list .dropdown-menu {
	border: 0px;
	padding: 0px;
	z-index: 9999;
	margin-top: 18px
}

.top-menu-list .dropdown-menu-form {
	left: -7px !important
}

.top-menu-list .dropdown-menu {
	box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}

	.top-menu-list .dropdown-menu a {
		padding: 8px 4px;
		font-size: 12px;
		font-weight: 400
	}

		.top-menu-list .dropdown-menu a i {
			margin-right: 0px;
			width: 25px;
			font-size: 12px;
			text-align: center;
			color: #dbdbdb;
		}

		.top-menu-list .dropdown-menu a:hover {
			background: #f2f2f2;
		}

			.top-menu-list .dropdown-menu a:hover, .top-menu-list .dropdown-menu a:hover i {
				color: #2a2b3c !important;
			}


.profile-list li:last-child a:hover, .profile-list li:last-child a:hover i {
	color: #fff !important
}


.top-menu-list .dropdown-menu a:hover, .top-menu-list .dropdown-menu a:hover i {
	color: #fff
}

.count-nt {
	background: #e72d35;
	position: absolute;
	top: -9px;
	border-radius: 10px;
	right: -4px;
	font-size: 8px;
	color: #fff;
	font-weight: bold;
	width: 17px;
	height: 17px;
	border-radius: 100%;
	text-align: center;
	padding: 0px 0px;
	line-height: 18px;
}
/***tab ****/

#tabs {
	width: 350px;
	background: #222121
}

	#tabs input[type="radio"] {
		display: none;
	}

	#tabs label {
		display: table;
		transition: background .3s;
		-webkit-transition: background .3s;
		background: rgba(50, 50, 50, 1);
		background: -moz-linear-gradient(top, rgba(50, 50, 50, 1) 0%, rgba(30, 29, 29, 1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50, 50, 50, 1)), color-stop(100%, rgba(30, 29, 29, 1)));
		background: -webkit-linear-gradient(top, rgba(50, 50, 50, 1) 0%, rgba(30, 29, 29, 1) 100%);
		background: -o-linear-gradient(top, rgba(50, 50, 50, 1) 0%, rgba(30, 29, 29, 1) 100%);
		background: -ms-linear-gradient(top, rgba(50, 50, 50, 1) 0%, rgba(30, 29, 29, 1) 100%);
		background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 0%, rgba(30, 29, 29, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#1e1d1d', GradientType=0 );
		margin: 0px;
		padding: 18px 20px;
		color: #f9c82e;
		cursor: pointer;
		float: left;
		position: relative;
		font-size: 11px;
	}

		#tabs label span {
			top: 10px;
			right: 3px;
			padding: 2px;
		}

		#tabs label:hover {
			color: #fff;
			;
			background: #000
		}

.tab-contain {
	padding-top: 55px;
	display: none;
}

.tab-contain-txt {
	background: #fff;
	padding: 16px 0px 0px
}

.scroll {
	height: 300px;
	overflow: auto;
	position: relative
}

#toggle-Approvaltab:checked ~ label[for="toggle-Approvaltab"], #toggle-Confirmationtab:checked ~ label[for="toggle-Confirmationtab"], #toggle-Infotab:checked ~ label[for="toggle-Infotab"], #toggle-tab4:checked ~ label[for="toggle-tab4"] {
	background: #000;
	color: #fff;
	cursor: default;
	position: relative
}

	#toggle-Approvaltab:checked ~ label[for="toggle-Approvaltab"]:before, #toggle-Confirmationtab:checked ~ label[for="toggle-Confirmationtab"]:before, #toggle-Infotab:checked ~ label[for="toggle-Infotab"]:before {
		content: '';
		position: absolute;
		width: 14px;
		height: 0;
		border: 12px solid transparent;
		border-top: 19px solid #000;
		bottom: -22px;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

#toggle-Approvaltab:checked ~ #Approvaltab, #toggle-Confirmationtab:checked ~ #Confirmationtab, #toggle-Infotab:checked ~ #Infotab, #toggle-tab4:checked ~ #tab4 {
	display: block;
}

.ntf-list li {
	border: 0px;
	padding: 0px;
}

.top-menu-list .dropdown-menu .ntf-list li a:hover {
	background: #f2f2f2;
	color: #000
}

.art-cntr .scroll {
	height: 310px;
}

.art-cntr li a {
	width: 100%;
	padding: 0px !important;
}

.art-cntr .c-media__avatar {
	margin-right: 5px
}

	.art-cntr .c-media__avatar i {
		font-size: 14px;
		margin: 0px;
	}

.art-cntr .red-clr {
	color: #ff000070 !important
}

.art-cntr .green-clr {
	color: #015c0570 !important;
}

.no-data {
	font-size: 80px;
	text-align: center;
	position: absolute;
	top: 10%;
	left: 70px;
	color: #f2f2f2;
}

	.no-data p {
		font-size: 12px;
		font-weight: 700;
		color: #363636
	}

		.no-data p span {
			display: table;
			font-size: 12px;
			color: #dadada;
			font-weight: 300;
		}
/***ripplelink***/
.ripplelink {
	overflow: hidden;
	transition: all 0.2s ease;
}

.ink {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 100%;
	transform: scale(0);
}

.animate {
	animation: ripple 0.65s linear;
}

@keyframes ripple {
	100% {
		opacity: 0;
		transform: scale(2.5);
	}
}

.cyan {
	background: #00bcd4;
}

.lightgreen {
	background: #8bc34a;
}

.amber {
	background: #ffc107;
}

.orange {
	background: #ff9800;
}
/** tab ****/

.tab-main {
	position: relative;
}

	.tab-main #tabs {
		background: none;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}

	.tab-main .card-body {
		display: block;
		width: 100%
	}

	.tab-main #tabs li a {
		display: block;
		float: right;
		padding: 6px 25px 10px 20px;
		background: rgba(21, 20, 20, 1);
		background: -moz-linear-gradient(left, rgba(21, 20, 20, 1) 0%, rgba(54, 54, 54, 1) 40%, rgba(54, 54, 54, 1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21, 20, 20, 1)), color-stop(40%, rgba(54, 54, 54, 1)), color-stop(100%, rgba(54, 54, 54, 1)));
		background: -webkit-linear-gradient(left, rgba(21, 20, 20, 1) 0%, rgba(54, 54, 54, 1) 40%, rgba(54, 54, 54, 1) 100%);
		background: -o-linear-gradient(left, rgba(21, 20, 20, 1) 0%, rgba(54, 54, 54, 1) 40%, rgba(54, 54, 54, 1) 100%);
		background: -ms-linear-gradient(left, rgba(21, 20, 20, 1) 0%, rgba(54, 54, 54, 1) 40%, rgba(54, 54, 54, 1) 100%);
		background: linear-gradient(to right, rgba(21, 20, 20, 1) 0%, rgba(54, 54, 54, 1) 40%, rgba(54, 54, 54, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151414', endColorstr='#363636', GradientType=1 );
		height: 30px;
		z-index: 2;
		position: relative;
		cursor: pointer;
		color: #bdbdbd;
		font-size: 12px;
		font-weight: bold;
		border-radius: 0px;
		border: 0px;
		transition: all 250ms ease;
	}

		.tab-main #tabs li a:before {
			width: 16px;
			right: -11px;
			transform: skew(11deg, 0deg);
			box-shadow: rgba(0, 0, 0, .1) 3px 2px 5px, inset rgba(255, 255, 255, .09) -1px 0;
		}

		.tab-main #tabs li a:before, .tab-main #tabs li a:after {
			display: block;
			content: " ";
			position: absolute;
			top: 0px;
			height: 30px;
			background-color: #363636;
			transition: all 250ms ease;
			border-top-right-radius: 9px;
		}

	.tab-main #tabs {
		background: #f2f2f2;
		border: 0px
	}

		.tab-main #tabs li a:after {
			height: 30px;
			width: 17px;
			left: -8px;
			transform: skew(21deg, 0deg);
		}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border: 0px;
}

.tab-main-dp {
	top: 2px;
	right: 0px;
	position: absolute;
	display: table
}

.widget-numbers {
	color: #949494;
	margin-top: 2px;
	font-size: 11px;
}

.rgt-pst.tab-main-dp .dropdown-menu {
	left: -54px !important;
	width: 230px;
}

.tab-main-dp svg {
	width: 15px;
	height: auto;
	margin-right: 5px;
}

.tab-main-dp .count-nt {
	top: 3px;
}

.dr-mting {
	background: #fff;
	font-size: 11px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}

	.dr-mting li strong {
		color: #00000070
	}

	.dr-mting li i {
		color: #00000050
	}

	.dr-mting li {
		padding: 10px 10px !important;
		border-bottom: 1px solid #f6f6f6;
		font-size: 11px;
		background: #fff !important
	}
/***.collapse:not(.show) {
	     display: block;
	}***/


.tab-main #tabs .ripplelink {
	overflow: visible
}

.tab-main #tabs img {
	width: 15px;
	margin-right: 5px;
}

.tab-main #tabs li a:hover {
	border: 0px;
	color: #fff;
}

	.tab-main #tabs li a:hover:before {
		top: 0px !important
	}

.tab-main #tabs li a.active {
	z-index: 3;
}

	.tab-main #tabs li a.active, .tab-main #tabs li a.active:before {
		color: #000;
		top: 0px;
	}

.tab-main #tabs li:first-child a:after {
	display: none
}

.tab-main .tab-content {
	background: none;
	border: 0px solid #eae3e3;
	box-shadow: 0 0px 0px rgba(0, 0, 0, .04), 0 0px 0px rgba(0, 0, 0, .04);
	border-bottom-left-radius: 0rem;
	border-bottom-right-radius: 0rem
}

	.tab-main .tab-content .card {
		background: none;
	}
/***.tab-main .tab-content .collapse:not(.show) {
	    display: block;
	}***/

@media(min-width:768px) {
	.nav-tabs {
		display: flex;
	}

	.card {
		border: none;
	}

	.tab-pane .card-header {
		display: none;
	}

	.tab-main .card .collapse {
		display: block;
	}
}

@media(max-width:767px) {
	.tab-main .tab-content > .tab-pane {
		display: block !important;
		opacity: 1;
	}

	.tab-main .nav-tabs {
		display: none;
	}
}
/*****/

.profile-list {
	left: -36px !important;
}

	.profile-list li:first-child {
		padding: 15px;
		background: #f2f2f2
	}

		.profile-list li:first-child img {
			border-radius: 0px;
		}

		.profile-list li:first-child a {
			padding: 0px;
		}

			.profile-list li:first-child a:hover {
				background: none;
				color: #000
			}

	.profile-list li:last-child {
		background: #2a2b3c;
		color: #fff;
		text-align: left;
		margin-top: 0px;
	}

		.profile-list li:last-child a {
			color: #fff;
		}

			.profile-list li:last-child a:hover {
				background: none;
				color: #fff;
			}

	.profile-list ul {
		padding: 0px;
		margin: 0px;
	}

	.profile-list li {
		display: table !important;
		width: 100%;
		border-bottom: 1px solid #dbdbdb;
		font-weight: bold;
		padding: 0px
	}

		.profile-list li a {
			display: table;
			width: 100%;
		}
/**btn **/

.blk-btn {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	-webkit-box-shadow: -1px -5px 15px -2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -1px -5px 15px -2px rgba(0, 0, 0, 0.75);
	box-shadow: -1px -5px 15px -2px rgba(0, 0, 0, 0.75);
}

	.blk-btn i {
		margin-right: 5px;
	}

.blk-btn {
	background: #232323;
}

	.blk-btn:hover {
		background: #000;
		color: #f9c82e;
	}

.clr-btn {
	width: 20px;
	height: 20px;
	padding: 5px;
	font-size: 10px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	text-align: center;
	color: #fff;
}

	.clr-btn i {
		background: none;
		-webkit-text-fill-color: white;
		margin: 0px;
	}

	.clr-btn:hover {
		background: #f29904
	}
/**** dashboard ***/


.tdy-dte {
	background: url(/images/monty-report-bg.jpg) no-repeat;
	padding: 100px 20px;
	text-align: center;
	height: 309px;
	color: #fff;
	font-size: 12px;
	background-size: cover
}

	.tdy-dte span {
		font-size: 25px;
		font-weight: bold;
		line-height: 35px;
	}

	.tdy-dte p {
		padding: 0px 0px 20px 0px;
		margin: 0px;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold
	}

.dte-ftr {
	margin-top: 50px;
}
/*** Calenderr ***/

.month {
	width: 100%;
	box-sizing: border-box;
}

	.month h2, .hld-lst h2, .tab-atv-rpt h2 {
		font-size: 12px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #dbdbdb !important;
		padding-bottom: 5px;
	}

	.month table {
		width: 100%;
	}

	.month th {
		color: #bdbdbd;
		font-weight: bold;
	}

	.month th, .month td {
		text-align: center;
		font-size: 12px;
		padding: 3px;
	}

	.month td {
		color: #363636;
	}

.crl-rpt {
	padding: 14px;
}

/***tooltip****/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
}
	/* Hide the tooltip content by default */
	[data-tooltip]:before, [data-tooltip]:after {
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
	}
	/* Position tooltip above the element */
	[data-tooltip]:before {
		position: absolute;
		bottom: 121%;
		left: -30px;
		padding: 5px 5px 8px;
		width: 160px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #363636;
		background-color: #363636;
		color: #fff;
		content: attr(data-tooltip);
		text-align: center;
		font-size: 12px;
		line-height: 1.2;
		font-weight: bold
	}
	/* Triangle hack to make tooltip look like a speech bubble */
	[data-tooltip]:after {
		position: absolute;
		bottom: 110%;
		left: 50%;
		margin-left: -5px;
		width: 0;
		border-top: 5px solid #363636;
		border-top: 5px solid #363636;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		content: " ";
		font-size: 0;
		line-height: 0;
	}
	/* Show tooltip content on hover */
	[data-tooltip]:hover:before, [data-tooltip]:hover:after {
		visibility: visible;
		opacity: 1;
	}
/*** info clr***/

.mtn-rpt {
	padding: 10px;
}
/**.info-clr, .rqt-list, .emg-n, .tesk-act, .stl-card .additional span{
		color: #717171
	}**/

.info-clr, .rqt-list, .emg-n, .tesk-act, .stl-card .additional span {
	font-size: 11px;
}

	.info-clr li {
		padding-bottom: 10px;
		padding: 0px 0px 10px 20px;
		position: relative;
	}

		.info-clr li div {
			padding: 7px;
			float: left;
			margin-right: 10px;
			position: absolute;
			top: 3px;
			left: 0px;
		}

.hld-lst {
	font-size: 12px
}

	.hld-lst h2 {
		border: 0px !important;
	}

	.hld-lst strong {
		font-size: 11px;
		color: #00000050;
	}

	.hld-lst hr {
		margin: 5px 0px
	}

	.hld-lst ul {
		margin: 10px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.hld-lst li {
		font-size: 11px;
		padding: 0px 0px 5px 0px;
		position: relative;
		border-bottom: 1px solid #f2f2f2;
		margin-bottom: 5px;
	}

		.hld-lst li span {
			position: absolute;
			right: 0px;
			top: -2px;
			right: 0px;
		}

	.hld-lst div {
		padding: 5px !important;
		top: 9px !important;
		left: 5px !important;
	}
/*** active repot ***/

.tab-atv-rpt {
	background: #fbfbfb;
	padding: 10px;
	height: 100%;
	border-bottom-right-radius: .75rem
}

.shadow-box {
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, 0.03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, 0.03), 0 0.25rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	background: #fff
}
/*** add task***/


.box-h {
	height: 600px;
}

.nav-tabs .nav-link {
	border: 0px;
	font-size: 11px;
	color: #464D69;
	font-weight: normal;
}

	.nav-tabs .nav-link:hover {
		color: #000
	}

.task-tab .collapse:not(.show) {
	display: initial;
}

.task-tab #tabs {
	background: none;
	padding: 10px 0px;
	position: relative;
	width: 100%;
}

	.task-tab #tabs li {
		margin-right: 5px;
	}

	.task-tab #tabs a:hover {
		font-size: 11px;
		border: 0px;
	}

	.task-tab #tabs .active, .task-tab #tabs .active i {
		color: #464D69
	}

	.task-tab #tabs i {
		color: #c8cfea
	}

.sup-bgd {
	padding: 3px 5px;
	margin-left: 5px;
	border-radius: 20px;
	color: black;
	font-size: 10px;
}

.task-list {
	border-bottom: 2px solid #f2f2f2;
	margin-bottom: 15px;
}

.tesk-act li {
	padding: 10px;
	font-size: 11px;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2
}

	.tesk-act li span, .task-list b {
		color: #999999;
		font-size: 11px;
	}

.tsk-scl-h {
	height: 300px;
}
/***/

.prj-scr-h {
	height: 320px;
}

	.prj-scr-h .project-list {
		padding-right: 10px
	}

.project-list li {
	padding: 10px 0px 10px 34px;
	position: relative;
	border-bottom: 1px solid #f2f2f2 !important;
	color: #999999
}

	.project-list li i {
		margin-right: 5px;
	}

	.project-list li h2 {
		font-size: 10px;
		margin: 5px 0px;
	}

.prj-name {
	background: #f2f2f2;
	width: 25px;
	height: 25px;
	font-weight: bold;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	text-align: center;
	font-size: 12px;
	color: #00000050;
	padding: 3px;
	font-size: bold;
}

.project-list li .prj-name {
	position: absolute;
	left: 0px;
	top: 15px;
}

/***/

.emp-new {
	background: #fff;
	padding: 20px;
	height: 245px;
}

	.emp-new h2 {
		margin-bottom: 20px;
	}

.emp-info {
	font-size: 11px;
	color: #676767
}

	.emp-info p {
		font-size: 12px;
		line-height: 16px;
		margin: 0px;
		font-weight: normal;
		color: #8d8d8d;
	}

	.emp-info .media-left {
		margin-right: 10px;
		background: #f2f2f2;
		border-radius: 100%
	}

		.emp-info .media-left img, .emp-info img {
			width: 50px;
			border-radius: 100%
		}

	.emp-info h4 {
		font-size: 11px;
		margin-bottom: 5px;
	}

.emp-new .col-sm-4 {
	margin-top: 20px;
}
/****Birthday ***/

.stl-card {
	width: 100%;
	height: 244px;
	overflow: hidden;
	position: relative;
	padding: 70px;
	text-align: center;
}

	.stl-card .additional {
		width: 100%;
		height: 100%;
		z-index: 2;
	}

		.stl-card .additional img {
			width: 80px;
			margin: 20px 0px 10px;
			border-radius: 100%;
			height: 80px;
			background: #f2f2f2;
		}

		.stl-card .additional i {
			font-size: 80px;
			margin: 20px 0px;
			color: #f2f2f2
		}

		.stl-card .additional .user-card {
			width: 100%;
			height: 100%;
			position: relative;
			float: left;
		}

	.stl-card .user-card h3, .stl-card .user-card h2 {
		font-size: 12px;
		margin: 0px 0px 5px 0px;
	}

	.stl-card .user-card h2 {
		color: #ef8813
	}

.card.green .additional .more-info h1 {
	color: #224C36;
}

.general {
	width: 400px;
	margin: 0px auto;
	padding: 0px 0px 0px 121px;
	text-align: center;
	display: none
}

	.general span {
		font-size: 14px;
		line-height: 16px;
		font-weight: bold
	}

	.general p {
		margin-bottom: 40px;
	}

	.general strong {
		display: block
	}

	.general img {
		width: 364px;
	}
/****Dropdown iocn ****/
.drp-menu-icon {
	width: 355px;
	padding: 0px !important;
}

	.drp-menu-icon ul {
		padding: 20px 40px;
		display: table;
		width: 100%;
	}

	.drp-menu-icon li {
		width: 70px;
		display: table !important;
		float: left;
		border: 0px;
		padding: 0px;
		background: rgba(0, 0, 0, 0.03);
		border-radius: 100%;
		padding: 20px;
		height: 40px;
		font-size: 18px;
		text-align: center;
		margin: 10px;
		color: #f08e0e;
		font-weight: bold;
		text-transform: uppercase;
	}

.top-menu-list .drp-menu-icon li:last-child {
	padding: 20px;
}
/*** model popup**/


.pop-dgn .close {
	color: #fff;
	text-shadow: 0 0px 0 #fff;
	cursor: pointer
}
/**.pop-dgn input, .pop-dgn textarea{
		background:#f2f2f2 !important;
		border:0px !important
		}

		***/



/** datapicker ****/
.datepicker-dropdown {
	padding: 0px;
}

.datepicker-days {
	padding: 0px;
}

	.datepicker-days th, .datepicker-days td {
		padding: 10px;
		border: 1px solid #f2f2f2;
		font-size: 14px;
		text-align: center
	}

		.datepicker-days td:hover {
			background: #f2f2f2;
			cursor: pointer
		}

	.datepicker-days .next, .datepicker-days .prev {
		cursor: pointer
	}

	.datepicker-days th, .datepicker-months th, .datepicker-years th {
		background: rgba(27, 26, 26, 1);
		background: -moz-linear-gradient(left, rgba(27, 26, 26, 1) 0%, rgba(52, 52, 52, 1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27, 26, 26, 1)), color-stop(100%, rgba(52, 52, 52, 1)));
		background: -webkit-linear-gradient(left, rgba(27, 26, 26, 1) 0%, rgba(52, 52, 52, 1) 100%);
		background: -o-linear-gradient(left, rgba(27, 26, 26, 1) 0%, rgba(52, 52, 52, 1) 100%);
		background: -ms-linear-gradient(left, rgba(27, 26, 26, 1) 0%, rgba(52, 52, 52, 1) 100%);
		background: linear-gradient(to right, rgba(27, 26, 26, 1) 0%, rgba(52, 52, 52, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1a1a', endColorstr='#343434', GradientType=1 );
		color: #fff;
		text-align: center;
		font-weight: bold;
		;
		padding: 10px;
		cursor: pointer;
	}

.datepicker-months .active, .datepicker-years .active {
	background: rgba(242, 158, 1, 1);
	background: -moz-linear-gradient(top, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 158, 1, 1)), color-stop(100%, rgba(239, 136, 19, 1)));
	background: -webkit-linear-gradient(top, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	background: -o-linear-gradient(top, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	background: -ms-linear-gradient(top, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	background: linear-gradient(to bottom, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29e01', endColorstr='#ef8813', GradientType=0 );
	color: #fff;
}

.datepicker-months td {
	padding: 10px;
}

.datepicker-months span, .datepicker-years .year {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center
}

	.datepicker-months span:hover, .datepicker-years .year:hover {
		background: #f2f2f2;
		color: #000
	}

.datepicker-days .dow {
	background: none;
	color: #d2d2d2;
	font-weight: bold;
}

.datepicker-days .old, .datepicker-days .new {
	background: none;
	color: #d2d2d2;
	font-weight: normal;
}

.datepicker-days .today {
	color: #ef8813
}

.input-group-addon {
	padding: 8px;
	cursor: pointer;
	border-radius: 100%;
	background: #ececec;
	width: 30px;
	height: 31px;
	font-size: 12px;
	text-align: center;
	margin: 3px 0px 0px 10px;
}

	.input-group-addon i {
		margin: 0px;
	}

.heading-one {
	font-size: 14px;
	font-weight: bold;
	color: #363636;
	padding-bottom: 5px;
	margin-bottom: 10px !important;
	display: table;
	width: 100%;
}

	.heading-one span {
		float: right
	}

.date-hd {
	font-size: 11px;
	color: #656565;
	padding: 2px 0px 10px;
	font-weight: bold
}

button {
	border: 0px;
}

.btn {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding: 5px 15px;
	font-weight: bold;
	font-size: 14px;
	-webkit-box-shadow: 0px 0px 48px -12px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 48px -12px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 48px -12px rgba(0, 0, 0, 0.75);
	position: relative;
}

	.btn.mtr-o-grn:hover {
		color: #fff
	}

.heading-btn .rgt-pst {
	bottom: -10px;
	right: 0px;
	position: absolute;
	border-radius: 0px;
}

	.heading-btn .rgt-pst i {
		background: -webkit-linear-gradient(#fff, #fff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
/** tool tip*/

.tooltip-btn[data-tooltip]:before {
	padding: 10px;
	font-size: 12px;
	width: 186px;
	font-weight: bold;
	top: -50px;
	bottom: initial;
	z-index: 99999;
	left: -106px;
}

.tooltip-btn[data-tooltip]:after {
	bottom: 120%;
	margin-left: 0px;
}

.tooltip-btn[data-tooltip]:after {
	border-top: 10px solid #950f14;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}

.tooltip-pnd[data-tooltip]:before {
	background-color: #950f14;
}

.tooltip-pnd[data-tooltip]:after {
	border-top: 10px solid #950f14;
}

.tooltip-apr[data-tooltip]:before {
	background-color: #235903;
}

.tooltip-apr[data-tooltip]:after {
	border-top: 10px solid #235903;
}
/**Scroll***/

.scroll {
	overflow-x: hidden;
}

.hight-440 {
	height: 440px
}

.height-200 {
	height: 210px;
}

.height-550 {
	height: 550px;
}

.height-229 {
	height: 234px;
}

.height-40 {
	height: 40px;
}
/****/

.left-dtl-r span {
	margin: 0px 5px;
	color: #e1e1e1
}

.cntr-dtl-r span {
	color: #99abb4
}

.rqt-list .right-dtl-r {
	text-align: right;
	padding-top: 10px;
}

.rqt-list li, .status-list li {
	border-bottom: 1px dotted #dbdbdb;
	padding: 5px 8px;
	;
	margin: 0px;
	font-size: 12px;
}

	.rqt-list li.active {
		color: #000
	}

		.rqt-list li.active span {
			color: #000
		}

.tablink {
	cursor: pointer;
}

	.tablink:hover {
		background: #f2f2f2
	}

.rqt-list .col-sm-7, .rqt-list .col-sm-6, .rqt-list .col-sm-3, .rqt-list .col-sm-2 {
	margin: 0px !important;
}

.trldte, .fvclmls .cntr-dtl-pst, .trvlstatusclr {
	color: #676767 !important
}

.trllct {
	line-height: 8px
}
/******/

.hd-p {
	display: table;
	float: left;
	padding: 20px 0px 0px 10px;
}

.dpl-t {
	display: table;
	width: 100%;
}

.spn-dtl {
	float: right;
	position: relative;
	width: 150px
}

.sp-nm {
	position: absolute;
	top: -19px;
	font-size: 11px;
	background: #656565;
	padding: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: table;
	width: 100%;
	left: 0px;
	text-align: center;
	font-weight: normal;
}

.spn-dtl .media {
	background: #656565;
	padding: 10px 10px;
	font-size: 11px;
	height: 52px;
}

	.spn-dtl .media img {
		width: 25px;
		height: 25px;
		margin: 0px 10px 0px 0px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		background: #eaeaea;
	}

	.spn-dtl .media h4 {
		font-size: 12px;
		font-weight: normal;
	}

.emg-n {
	background: #f2f2f2;
	width: 100%;
	display: table;
}

	.emg-n li {
		display: table;
		float: left;
		padding: 5px;
	}

		.emg-n li input {
			padding: 4px 5px;
			height: 21px;
			width: 100%;
		}

		.emg-n li:first-child {
			background: #656565;
			color: #fff;
			font-weight: bold;
		}
/*** loading ****/

body .vertical-centered-box {
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999
}

	body .vertical-centered-box:after {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	body .vertical-centered-box .content {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		background: -webkit-linear-gradient(#b7d41b, #f8cf18);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

.loader-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 80px rgba(255, 255, 255, 0.04);
	margin-left: -60px;
	margin-top: -60px;
}

	.loader-circle img {
		margin: 10px auto 0px;
		display: table;
	}

.loader-line-mask {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 120px;
	margin-left: -60px;
	margin-top: -60px;
	overflow: hidden;
	-webkit-transform-origin: 60px 60px;
	-moz-transform-origin: 60px 60px;
	-ms-transform-origin: 60px 60px;
	-o-transform-origin: 60px 60px;
	transform-origin: 60px 60px;
	-webkit-animation: rotate 1.2s infinite linear;
	-moz-animation: rotate 1.2s infinite linear;
	-o-animation: rotate 1.2s infinite linear;
	animation: rotate 1.2s infinite linear;
}

	.loader-line-mask .loader-line {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		box-shadow: inset 0px 2px 0px 2px rgba(239, 139, 0, 0.5);
		background: rgba(255, 255, 255, 0.05)
	}

#particles-background, #particles-foreground {
	left: -51%;
	top: -51%;
	width: 202%;
	height: 202%;
	-webkit-transform: scale3d(0.5, 0.5, 1);
	-moz-transform: scale3d(0.5, 0.5, 1);
	-ms-transform: scale3d(0.5, 0.5, 1);
	-o-transform: scale3d(0.5, 0.5, 1);
	transform: scale3d(0.5, 0.5, 1);
}

#particles-background {
	background: #ef8813;
	background-image: -moz-linear-gradient(45deg, #ef8813 2%, #002025 100%);
	background-image: -webkit-linear-gradient(45deg, #3f3251 2%, #002025 100%);
	background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);
}

lesshat-selector {
	-lh-property: 0;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@-o-keyframes rotate {
	0% {
		-o-transform: rotate(0deg);
	}

	100% {
		-o-transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

[not-existing] {
	zoom: 1;
}

lesshat-selector {
	-lh-property: 0;
}

@-webkit-keyframes fade {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.25;
	}
}

@-moz-keyframes fade {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.25;
	}
}

@-o-keyframes fade {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.25;
	}
}

@keyframes fade {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.25;
	}
}

[not-existing] {
	zoom: 1;
}

lesshat-selector {
	-lh-property: 0;
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

[not-existing] {
	zoom: 1;
}
/*****radio btn***/

.radio-btn li {
	display: inline;
	margin-right: 20px;
	color: #8c8c8c
}

.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

	.radio input[type="radio"] + .radio-label:before {
		content: '';
		background: #f2f2f2;
		border-radius: 100%;
		border: 1px solid #b4b4b4;
		display: inline-block;
		width: 1.4em;
		height: 1.4em;
		position: relative;
		top: 0px;
		margin-right: 5px;
		vertical-align: top;
		cursor: pointer;
		text-align: center;
		transition: all 250ms ease;
	}

	.radio input[type="radio"]:checked + .radio-label:before {
		background-color: #f08713;
		box-shadow: inset 0 0 0 4px #f2f2f2;
		border-color: #f08713
	}

	.radio input[type="radio"]:focus + .radio-label:before {
		outline: none;
		border-color: #f8cf18;
	}

	.radio input[type="radio"]:disabled + .radio-label:before {
		box-shadow: inset 0 0 0 4px #f2f2f2;
		border-color: #000;
		background: #b4b4b4;
	}

	.radio input[type="radio"] + .radio-label:empty:before {
		margin-right: 0;
	}
/***login page ****/

button:focus {
	outline: none
}

.login-bg {
	background: url(/images/login-bg.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: cover;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 100vh;
}

.login-page {
	background: #fff;
	padding: 40px 40px;
	background: #fff;
	width: 440px;
	height: 400px;
	-webkit-box-shadow: -2px 15px 37px -10px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -2px 15px 37px -10px rgba(0, 0, 0, 0.75);
	box-shadow: -2px 15px 37px -10px rgba(0, 0, 0, 0.75);
	position: relative;
}

.login-header {
	margin-bottom: 40px;
}

	.login-header h2 {
		font-size: 14px;
		margin-bottom: 5px;
	}

.login-logo {
	position: absolute;
	top: -55px;
	right: -40px;
	height: 120px;
	width: 120px;
	background: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding: 45px 27px;
}

.org-btn {
	padding: 10px 35px;
	color: #fff !important
}

	.org-btn:hover {
		color: #fff
	}

.login-footer a {
	font-size: 14px !important;
}
/****/
.leavelist {
	padding: 10px 10px 0px;
}

	.leavelist .form-group {
		margin-bottom: 0px
	}

	.leavelist button {
		height: 27px;
		padding: 3px 13px;
		border: 1px solid #f2f2f2;
		border-radius: 13px;
	}

.lev-txare {
	height: 64px;
	font-size: 11px;
	margin: 0px !important
}

.table-list {
	width: 100%
}


	.table-list input, .table-list select {
		padding: 5px;
		height: auto !important;
		border: 0px;
		border-radius: 0px;
	}

	.table-list td {
		vertical-align: middle !important;
		padding: 5px !important;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		position: relative;
	}

	.table-list select {
		font-size: 11px;
		color: #495057;
		height: 32px;
	}

	.table-list .close {
		font-size: 11px;
		float: none;
		color: #ff0000
	}

		.table-list .close a {
			font-size: 11px !important;
			font-weight: normal !important
		}

/*	.table-list td:nth-child(1) {
		width: 25px;
		text-align: center;
	}*/

		.table-list td:nth-child(1) label {
			font-weight: normal;
		}

/*	.table-list td:nth-child(2) {
		width: 110px;
	}*/

/*	.table-list td:nth-child(3) {
		width: 360px;
	}

	.table-list td:nth-child(4) {
		width: 60px;
	}

	.table-list td:nth-child(5) {
		text-align: center
	}
*/
	.table-list .sno {
		font-size: 11px;
	}

.btm-row {
	background: #f6f6f6;
}

	.btm-row td {
		padding: 10px !important;
		font-size: 14px !important;
		text-align: right;
		vertical-align: top;
	}

	.btm-row button {
		background: none
	}

.hrs-inp {
	width: 60px !important;
	text-align: center;
}

.height-95 {
	height: 95px;
}

.height-340 {
	height: 340px
}
/*****/

.table-design th {
	padding: 5px !important;
	background: none !important
}

	.table-design th i {
		background: -webkit-linear-gradient(#b7d41b, #f8cf18);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

.pnd-47 {
	padding-left: 47px;
}

.tm-pic {
	position: absolute;
	left: 15px;
}

	.tm-pic img {
		width: 35px;
		height: 35px;
		border-radius: 100%;
		background: #eaeaea;
	}
/****/
.hedr-emp-dtl {
	font-size: 11px;
}

.lef-emp-prf {
	position: absolute;
	top: -30px;
	text-align: center
}

	.lef-emp-prf img {
		width: 80px;
		height: 80px;
		border-radius: 100%;
		background: #eaeaea;
		display: table;
		margin-bottom: 10px;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		background: #eaeaea;
		display: table;
		margin-bottom: 10px;
		margin: 0px auto 5px;
		border: 2px solid #959494
	}

.hedr-emp-dtl p {
	padding: 0px;
	margin: 0px;
}
/***/

.shadow-box-ftr {
	padding: 0px 10px 10px;
}
/**button[class*="btn-"]{
	      padding: 10px 15px;
	    font-size: 16px;
	}****/
/*****/
.box-tab {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

	.box-tab .nav-link.active {
		color: #fff;
		background: #000;
	}

	.box-tab .nav-link:hover {
		background: none;
		border-radius: 0px;
		color: #fff;
		background: #000
	}
/*****/
.no-dat-dv {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #dbdbda;
	text-align: center;
	font-size: 11px;
}

	.no-dat-dv img {
		width: 180px;
		margin-bottom: 10px
	}

	.no-dat-dv p {
		margin-bottom: 0px
	}
/****/

.inlin-tbl {
	margin-top: 20px;
	border-top: 1px solid #dbdbdb;
	padding: 10px 0px 0px
}

	.inlin-tbl li {
		padding: 0px 20px 10px;
		display: table;
		float: left;
	}
/***/
.leave-pop .close {
	position: absolute;
	right: 3px;
	z-index: 999;
	top: 1px;
	font-size: 20px;
}
/****/

.emg-txt, .rmrk-text {
	color: #ccc
}
/****Profile Details***/

.profile-header {
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: #fff9f2;
	padding: 20px;
}

.profile-img {
	line-height: 2.5;
}

	.profile-img img {
		border-radius: 100%;
		width: 100px;
		height: 100px;
		background: #eaeaea;
		border: 0px solid #fff;
	}

.profile-txt h1 {
	font-size: 14px;
	margin-bottom: 20px;
}

.profile-txt ul {
	margin: 0px;
	font-size: 12px;
}

.profile-txt li {
	display: table;
	color: #363636;
	float: left;
	width: 30%;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	position: relative;
}

.with-icon li {
	padding: 0px 0px 10px 35px;
}

.with-icon i {
	position: absolute;
	left: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #00000030;
	top: 8px;
}

.profile-txt li strong {
	display: table;
	color: #00000080;
	font-weight: normal;
}

.profile-txt li:last-child {
	border: 0px;
	padding:
}

.prfole-info-list td {
	padding: 5px 10px !important;
	font-size: 11px !important;
	border-top: 0px;
	border-bottom: 1px solid #f2f2f2;
	color: #393939;
	word-break: break-all;
}

	.prfole-info-list td i {
		position: absolute;
		top: 3px;
		color: #00000030;
		left: -21px !important;
		border-radius: 100%;
		border-radius: 100%;
	}

	.prfole-info-list td strong {
		color: #00000080;
		display: table;
		margin: 0px 0px 0px 15px;
	}

	.prfole-info-list td span {
		color: #b8b8b8
	}

.table-striped tr:hover {
	background-color: rgb(240, 245, 211) !important
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.03)
}
/****/

.icon img {
	width: 25px;
}

.tsk-mnu {
	border-bottom-left-radius: 30px;
	padding-bottom: 40px
}

	.tsk-mnu li {
		position: relative;
		padding: 15px;
		border-top: 1px solid #2c2c2c
	}

		.tsk-mnu li a {
			color: #fff
		}

		.tsk-mnu li .count-nt {
			right: 23px;
			top: 23px;
			padding: 5px;
			width: 25px;
			height: 25px;
		}
/*******/

.form-steps {
	display: block;
	width: 100%;
	position: relative;
	margin: 0px 0;
	padding: 0px 10px;
	margin-bottom: 10px;
	display: table;
	width: 100%;
}

	.form-steps:after {
		content: "";
		display: table;
		clear: both;
	}

.form-steps__item {
	padding: 0;
	position: relative;
	display: block;
	float: left;
	width: 25%;
	text-align: left;
}

.form-steps__item-content {
	display: inline-block;
}

.form-steps__item-icon {
	background: #eaeaea;
	color: #fff;
	display: block;
	border-radius: 100%;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 16px;
	position: relative;
	font-size: 10px;
	font-weight: 700;
	z-index: 2;
	border: 5px solid #eaeaea;
}

.form-steps__item-text {
	font-size: 11px;
	color: lightslategray;
	font-weight: 500;
}

.form-steps__item-line {
	display: inline-block;
	height: 0px;
	width: 100%;
	float: left;
	position: absolute;
	left: -93%;
	top: 30px;
	z-index: 1;
	border: 1px solid #eaeaea50;
}

.form-steps__item--active .form-steps__item-icon {
	background: #f8cf18;
	color: white;
	border-color: #f8cf18;
}

.form-steps__item--active .form-steps__item-text {
	color: #000;
	font-weight: 600;
}

.form-steps__item--completed .form-steps__item-text {
	color: #4f5e77;
}

.imp-nt {
	background: #ff0000;
	padding: 5px 8px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	top: 47px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-transform: capitalize;
}
/******/

.header-secd {
	background: #f2f2f2;
	padding-bottom: 5px;
	font-size: 12px;
	color: #363636;
	position: relative;
}

	.header-secd .rgt-pst {
		top: -7px;
	}

.rgt-pst button {
	background: #6d6d6d;
	color: #fff;
	border-radius: 0px;
	font-size: 10px;
	padding: 5px;
}

	.rgt-pst button:hover {
		background: #000;
		color: #fff
	}

.rgt-pst .dropdown-menu {
	padding: 0px;
	border: 0px;
	left: -28px !important;
}

	.rgt-pst .dropdown-menu li {
		background: #f2f2f2;
		padding: 0px;
	}

		.rgt-pst .dropdown-menu li a {
			padding: 5px;
			font-size: 11px;
			font-weight: bold
		}

.heading-three {
	font-size: 12px;
}

	.heading-three img {
		width: 23px
	}

.tsk-mnu-fr {
	padding: 0px;
	font-weight: bold;
	text-align: center;
}

.trl-rq {
	padding: 0px 0px 20px;
}

	.trl-rq li {
		display: inline;
		font-size: 11px;
		padding-right: 12px;
		border-right: 1px solid #dbdbdb;
		margin-right: 5px;
		color: #676767
	}

.sz-sm {
	font-size: 11px !important;
}

.sz-md {
	font-size: 12px !important
}

.sz-dflt {
	font-size: 14px
}
/****/

.em-drp button {
	font-size: 12px;
	color: #656565;
	cursor: pointer;
	background: #dbdbdb;
	padding: 5px;
	font-weight: bold;
	border-radius: 100px;
}

	.em-drp button:hover {
		color: #fff;
		background: #000;
	}

.em-drp.show button {
	color: #fff;
	background: rgba(242, 158, 1, 1);
	background: -moz-linear-gradient(top, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 158, 1, 1)), color-stop(100%, rgba(239, 136, 19, 1)));
	background: -webkit-linear-gradient(top, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	background: -o-linear-gradient(top, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	background: -ms-linear-gradient(top, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	background: linear-gradient(to bottom, rgba(242, 158, 1, 1) 0%, rgba(239, 136, 19, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29e01', endColorstr='#ef8813', GradientType=0 );
	color: #fff;
}

.em-drp .dropdown-menu.show {
	display: block;
	padding: 0px;
	width: 320px;
	margin: 20px 0px 0px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	border: 0px solid #fff;
	font-size: 14px;
	background: #fff
}

.em-drp .dropdown-menu td {
	border-bottom: 1px solid #d1d0d0;
	font-weight: normal;
	padding: 10px !important;
	font-size: 12px
}

	.em-drp .dropdown-menu td i {
		color: #d7d5d5;
	}

	.em-drp .dropdown-menu td span {
		float: left;
		margin: 0px 0px 5px 5px;
		display: table;
		color: #656565;
	}

.em-drp table {
	width: 100%
}

.em-drp td:last-child {
	background: #f2f2f2;
	padding: 10px !important;
}

.mdl-lg {
	max-width: 860px;
}

.mdl-full {
	max-width: 98%;
}

/**** travel tab open in mobile ***/

.trvl-tab .collapse:not(.show) {
	display: block;
}

.tab-main.trvl-tab .collapsed {
	background: #2f2f2f;
}

.box-design {
	margin-top: 30px;
	border-radius: 20px;
	padding: 15px 0px 15px 60px;
	font-weight: bold;
	background: #f7f5f5;
	position: relative;
}

	.box-design .crl-img {
		position: absolute;
		margin: 0px;
		top: 0px;
		left: 0px;
	}

		.box-design .crl-img img {
			opacity: 0.4;
			transition: transform .2s;
		}

	.box-design:hover {
		background: #fff
	}

		.box-design:hover img {
			opacity: 0.9;
			-ms-transform: scale(1.5); /* IE 9 */
			-webkit-transform: scale(1.5); /* Safari 3-8 */
			transform: scale(1.5);
		}

.crl-img {
	background: #fff;
	display: table;
	width: 25px;
	height: 25px;
	padding: 12px;
	border-radius: 100%;
	margin: 0px auto 20px;
	margin: 0px auto 20px;
}

	.crl-img img {
		width: 25px;
	}
/******/

.slr-dtl-box {
	border: 1px solid #ffe1be;
	margin-top: 30px;
	padding: 10px;
	font-size: 12px
}

	.slr-dtl-box table {
		margin-top: 20px
	}

	.slr-dtl-box td i {
		color: #b7b7b7
	}

.finyear {
	display: none;
}
/***note ***/
.note-dgn {
	font-size: 18px;
	color: #ff0000;
	background: #f2f2f2;
	text-align: center;
	padding: 40px;
}

.crl-icon {
	background: #fff;
	display: table;
	margin: 0px auto 20px;
	padding: 30px;
	border-radius: 100%;
	text-align: center;
	font-size: 40px;
	color: #e2dede;
}

	.crl-icon i {
		margin: 0px;
	}
/****/

.heading-img {
	width: 20px
}
/**/
.width-auto {
	width: auto !important;
	display: initial !important;
	height: 34px !important;
	padding: 5px !important;
}
/*****/

.nm-dtl {
	background: #f2f2f2;
	padding: 10px;
}

	.nm-dtl table {
		margin: 0px;
	}

	.nm-dtl td {
		padding: 2px !important;
		color: #676767 !important;
	}
/** Collapse*/
#accordion .cls-hd {
	color: #015c05;
}

#accordion .collapsed {
	color: #676767;
	margin-bottom: 10px;
}

#accordion .cls-hd:hover {
	color: #ef8813
}

#accordion .cls-content {
	margin-bottom: 20px;
	background: #f2f2f2;
	padding: 20px;
	font-size: 14px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

[data-toggle="collapse"] .fas, #accordion .collapsed, #accordion .cls-hd:hover, #accordion .cls-hd {
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

	[data-toggle="collapse"] .fas:after {
		content: "\f068";
	}

[data-toggle="collapse"].collapsed .fas:after {
	content: "\f067";
}

[data-toggle="collapse"] .fas {
	transform: rotate(0deg);
	background: #f8cf18;
	border-radius: 100%;
	padding: 10px;
	color: #fff;
}

[data-toggle="collapse"].collapsed .fas {
	transform: rotate(90deg);
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background: #f2f2f2;
	color: #676767
}

.cls-hd {
	font-size: 14px;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 10px
}

	.cls-hd .fas {
		position: absolute;
		right: 0px;
		top: -10px;
	}
/***/
.off-list, .card-header-title {
	display: table;
	width: 100%
}

.card-header-title {
	padding: 0px 0px 4px 0px;
	margin-bottom: 20px;
	font-size: 11px !important;
	font-weight: bold;
	color: inherit;
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
	display: table;
	width: 100%
}

.widget-chart.text-left {
	flex-direction: row;
	align-items: center;
	padding: 10px;
	height: 100%;
	font-size: 11px;
	color "#363636
}

	.widget-chart.text-left .icon-wrapper {
		margin: 0 1rem 0 0;
	}


.icon-wrapper {
	width: 54px;
	height: 54px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.icon-wrapper {
	display: flex;
	align-content: center;
	align-items: center;
}

	.icon-wrapper .icon-wrapper-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 3;
		opacity: .2;
		border-radius: 100%;
	}

.opacity-10 {
	opacity: 1 !important;
}



.icon-wrapper i, .icon-wrapper img {
	margin: 0 auto;
	font-size: 20px;
	position: relative;
	z-index: 5;
	color: #fff
}

.icon-wrapper img {
	width: 30px;
}

.widget-description {
	font-size: 10px;
	color: #ef8813;
	margin-top: 10px;
}

	.widget-description span {
		margin: 0px 5px;
		color: #f2f2f2
	}


.off-list li {
	display: table;
	float: left;
	position: relative;
	background: #fff;
	border-radius: 100px;
	font-size: 10px;
	padding: 10px 40px 10px 10px;
	margin: 0px 10px 10px 0px;
	font-weight: bold;
}

	.off-list li .count-nt {
		top: 16px;
		border-radius: 10px;
		right: 10px;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		width: 5px;
		height: 5px;
		border-radius: 100%;
		text-align: center;
	}

	.off-list li .green-clr-bg {
		background: #015c0570 !important;
	}

@-webkit-keyframes blinker {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.0;
	}
}



.off-list li:hover .count-nt, .blink, .security-dtl:hover .icon-wrapper i, .morris-hover-point:hover:before, .mnt-alert .count-nt {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}


.icon-wrapper-bg {
	background: #00000020
}

.security-dtl .icon-wrapper {
	width: 123px;
	height: 100px;
}

.security-dtl .widget-chart-content {
	width: 100%
}

.security-dtl:hover .icon-wrapper {
	font-size: 36px;
}


/******/
.emp-pic {
	margin-bottom: 10px;
	display: table;
	width: 100%;
}



	.emp-pic .profile-img {
		display: table;
		float: left;
		margin-right: 20px;
	}

	.emp-pic .emp-upl {
		display: table;
		float: left;
		width: 300px;
		margin-top: 40px;
	}

	.emp-pic .profile-img img {
		border-radius: inherit;
		border: 8px solid #fff;
		display: table
	}
/*******/


.c-empty-state {
	height: 100%;
	font-size: 12px;
	text-align: center;
}

	.c-empty-state h3 {
		font-size: 12px;
		color: #00000040
	}

.c-empty-state__hero {
	display: block;
	width: 250px;
	margin: 0px auto 20px;
}


.error-pr {
	width: 100%;
}

/***/

.imp-listing li {
	border-bottom: 1px solid #f2f2f2
}

.c-media {
	padding: 5px;
	display: flex;
}

.c-media__avatar {
	border-radius: 100px;
	margin-right: 16px;
	color: #00000020;
	font-size: 20px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.c-media__content {
	color: #999999;
	position: relative;
	width: 100%;
}

	.c-media__content p {
		padding: 0px;
		margin: 5px 0px 0px;
		font-size: 11px
	}

	.c-media__content h5 {
		margin: 5px 0px 0px;
		text-transform: capitalize;
	}

	.c-media__content .count-nt {
		width: 10px;
		height: 10px;
		top: 25%;
		right: 0px;
		opacity: 0.4
	}

.imp-listing li:hover .count-nt {
	opacity: 0.8;
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}

.chart {
	height: 350px;
}

.morris-hover {
	top: 1px !important;
	position: absolute;
	background: #fff;
	border-radius: 10px;
}

	.morris-hover div {
		padding-bottom: 10px;
		border-bottom: 1px solid #f2f2f2;
		padding: 10px 10px 10px 26px;
		border-radius: 20px;
		position: relative;
		box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, 0.03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, 0.03), 0 0.25rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.03);
		margin-bottom: 5px;
		font-weight: bold
	}


		.morris-hover div:before {
			content: "";
			background: #34495e;
			position: absolute;
			width: 10px;
			height: 10px;
			top: 14px;
			left: 8px;
			border-radius: 100%;
		}

	.morris-hover .morris-hover-row-label {
		background: #2c2b2b;
		color: #fff;
		font-weight: bold;
	}


	.morris-hover div:nth-child(1):before {
		content: '\f15c';
		background: none;
		width: auto;
		height: auto;
		border: 0px;
		top: 10px;
	}

	.morris-hover div:nth-child(2):before {
		background: #26b99a
	}

	.morris-hover div:nth-child(3):before {
		background: #dca422
	}


	.morris-hover div:nth-child(5):before {
		background: #acadac
	}



/***/

.badge-act li {
	border: 0px;
}

.badge-act .badge-pill {
	padding: 5px 15px;
	font-size: 11px;
	border-radius: 5px;
}

.badge-act .badge {
	background: #e9e9e9;
	color: #015c05
}

.mact-tble th, .mact-tble td {
	padding: 5px
}

	.mact-tble th i, {
		color: #00000050
	}


/**********/

.left-lst-chk li {
	padding: 10px 30px !important
}

	.left-lst-chk li input[type=checkbox]:checked + label:before {
		top: 5px;
	}

.left-lst-chk input[type=checkbox] + label:before {
	left: 4px;
	top: 14px;
	right: initial;
}


/*****/
.prfl-pic {
	text-align: center;
}

	.prfl-pic img {
		width: 120px;
		height: 120px;
		border-radius: 100%;
		margin: 0px auto 10px
	}

	.prfl-pic h1 {
		font-size: 12px;
		margin-bottom: 3px;
	}

	.prfl-pic span {
		font-size: 10px;
		color: #595959
	}


.prfl-list li {
	padding: 5px 0px 5px 32px;
	position: relative;
	background: #fff;
	box-shadow: -2px 3px 11px -2px rgba(201,199,201,1);
	font-size: 11px;
	margin-top: 10px;
	border-radius: 20px;
	word-wrap: break-word;
}

	.prfl-list li span {
		display: table;
		font-weight: bold;
		color: #00000050
	}

	.prfl-list li i {
		position: absolute;
		top: 8px;
		color: #00000050;
		left: 0px;
		padding: 10px;
		border-radius: 100%;
	}

/*******/

.qtn-list {
	margin-top: 20px;
}

	.qtn-list .qtn-ans {
		padding: 10px;
		border-radius: 100px;
		position: relative;
		background: rgb(240, 245, 211) !important;
		margin-bottom: 20px
	}

		.qtn-list .qtn-ans span {
			color: #4f5252;
			background: #fff;
			font-weight: bold;
			padding: 5px 15px;
			border-radius: 10px;
			position: absolute;
			top: 4px;
			right: 10px;
			text-align: center;
			box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, 0.03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, 0.03), 0 0.25rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.03);
		}


/*****/


.nte-alrt {
	position: fixed;
	z-index: 99999;
	bottom: 20px;
	right: 20px;
	background: #015c05;
	padding: 10px 15px;
	border-radius: 10px;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, 0.03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, 0.03), 0 0.25rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.03);
	border: 1px solid #00000020;
}

	.nte-alrt a {
		color: #fff
	}

	.nte-alrt .card {
		padding: 0px;
		background: none
	}

	.nte-alrt .icon-wrapper {
		width: 25px;
		height: 25px;
	}

		.nte-alrt .icon-wrapper i {
			font-size: 12px
		}

	.nte-alrt .green-clr-bg {
		background: #ffffff25 !important;
	}

	.nte-alrt .close {
		position: absolute;
		top: 5px;
		font-size: 10px;
		right: 6px;
		color: #fff;
		text-shadow: 0 0px 0 #fff;
	}



/**** svg animation *****/

/* For Icons */

.line-icon {
	fill: none;
	stroke: #015c05;
	stroke-dasharray: 280;
	stroke-dashoffset: 0;
}

.svg-fill {
	fill: #000;
}


.line-icon:hover, .security-dtl:hover .line-icon, .box-design:hover .line-icon {
	-webkit-animation: draw 0.9s linear alternate;
	animation: draw 2s linear alternate alternate infinite;
	;
	stroke: #000000;
	fill: none
}


@-webkit-keyframes draw {
	0% {
		stroke-dashoffset: 280;
	}

	100% {
		stroke-dashoffset: 0;
	}
}


.svg-img {
	display: table;
	margin: 0px auto
}

	.svg-img .line-icon {
		fill: none;
		stroke: #000;
	}

.ess-list .box-design {
	padding: 15px 0px 15px 0px;
	text-align: center
}

.ess-list a {
	color: #676767;
	transition: transform .2s;
}

	.ess-list a:hover {
		color: #ef8813;
	}

		.ess-list a:hover svg {
			opacity: 0.9;
			-ms-transform: scale(1.5);
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
		}

.ess-list .svg-img .line-icon {
	width: 40px;
	height: 40px;
	margin: 0px auto 20px;
}




/******/

.tel-note {
	background: #f2f2f280;
	padding: 10px;
	position: relative;
}

	.tel-note small {
		font-weight: bold;
		color: #00000070
	}


	.tel-note p {
		background: none;
		padding: 5px 0px 0px 0px;
		margin-bottom: 0px;
	}


	.tel-note h2 {
		font-size: 12px;
		margin: 12px 0px
	}

.tel-share {
	position: absolute;
	right: 5px;
}



	.tel-share li {
		display: inline;
		color: #717171
	}

		.tel-share li a {
			color: #00000050
		}

			.tel-share li a:hover {
				color: #000000
			}

/*****task***/

.tsk-dtl {
	color: #8e8e8e;
	font-size: 11px;
	margin: 0px;
}

	.tsk-dtl span {
		padding: 0px 10px;
		color: #ccc;
	}


.chat {
	width: 100%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #434651;
}

	.chat .chat-history {
		padding: 0px 10px 0px 0px;
	}

		.chat .chat-history li {
			border-bottom: 1px solid #f6f6f6 !important;
			padding: 0px 0px 10px 0px;
			margin-bottom: 10px;
			font-size: 12px;
		}


		.chat .chat-history .message-data {
			margin-bottom: 5px;
		}

			.chat .chat-history .message-data strong, .crtd-tn strong {
				color: #747474;
			}

		.chat .chat-history .message-data-time {
			color: #a8aab1;
			float: right;
			font-size: 11px;
		}

		.chat .chat-history .message {
			padding: 10px 10px;
			line-height: 19px;
			font-size: 12px;
			border-radius: 4px;
			margin-bottom: 5px;
			width: 100%;
			position: relative;
		}

			.chat .chat-history .message:after {
				bottom: 100%;
				left: 10px;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-bottom-color: #f2f2f2;
				border-width: 10px;
				margin-left: -10px;
			}

		.chat .chat-history .my-message {
			background: #f2f2f2
		}


.crtd-tn {
	border-bottom: 1px solid #f6f6f6;
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
}





.media-img {
	width: 80px;
	font-size: 10px;
	text-align: center;
	margin-right: 25px;
	padding: 10px
}

	.media-img img {
		width: 40px;
		padding: 0px;
		border-radius: 100px;
		height: 40px;
		background: #eaeaea;
		margin-bottom: 5px;
	}

.crtd-tn .media-body table {
	width: 100%;
}

	.crtd-tn .media-body table td {
		color: #747474;
		padding: 2px 20px 2px 0px;
		vertical-align: top;
	}


.asgn-img {
	display: table;
	width: 100%
}

	.asgn-img .media-img {
		float: left;
		padding: 0px;
		position: relative;
		width: 40px;
		margin: 7px;
	}


/***/

.htsk-dtl .chat .chat-history li {
	padding: 10px;
	margin-bottom: 0px;
	border-bottom: 1px solid #f6f6f6 !important;
}

.htsk-dtl .chat .chat-history .message {
	background: none;
	padding: 5px 0px;
}

.htsk-dtl .message-data {
	font-size: 11px;
	color: #8e8e8e
}

.htsk-dtl i {
	color: #ccc
}





.table-scroll {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin: auto;
	display: table;
}

.table-wrap {
	width: 100%;
	display: block;
	height: 300px;
	overflow: auto;
	position: relative;
	z-index: 1;
	overflow-y: scroll;
}

.table-scroll table {
	width: 100%;
	margin: auto;
	border-collapse: separate;
	border-spacing: 0;
}

.table-scroll th, .table-scroll td {
	padding: 5px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	background: #fff;
	vertical-align: middle;
}

.table-scroll th, .lg-table th {
	background: #f2f2f2 !important;
	color: #000 !important
}

.table-scroll select {
	padding: 5px;
}

.table-scroll .text-center {
	font-weight: normal;
}

	/**.table-scroll .text-center span {
		font-weight: bold;
		display: block;
		position: absolute;
		top: 17px;
		left: 0px;
		font-size: 8px;
		width: 100%;
	}**/

.workclass {
	font-size: 11px !important
}

.table-scroll input {
	width: 28px;
	margin: 0px auto;
	display: table;
	text-align: center;
}


.table-scroll .td-150 {
	width: 128px;
}

.table-scroll select, .table-scroll textarea {
	height: 32px;
	font-size: 11px
}

.faux-table table {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
}

	.faux-table table + table {
		top: auto;
		bottom: 0;
	}

	.faux-table table tbody, .faux-table tfoot {
		visibility: hidden;
		border-color: transparent;
	}

	.faux-table table + table thead {
		visibility: hidden;
		border-color: transparent;
	}

	.faux-table table + table tfoot {
		visibility: visible;
		border-color: #f2f2f2;
	}

.faux-table thead th, .faux-table tfoot th, .faux-table tfoot td {
	background: #f2f2f2;
	text-align: center;
	color: #00000080
}

.faux-table {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow-y: scroll;
}

	.faux-table thead, .faux-table tfoot, .faux-table thead th, .faux-table tfoot th, .faux-table tfoot td {
		position: relative;
		z-index: 2;
	}


/*** modal-fullscreen ***/
.modal-fullscreen {
	padding: 0 !important;
}

	.modal-fullscreen .modal-dialog {
		width: 90%;
		min-width: 70%;
		margin: 50px auto;
		padding: 0;
	}

	.modal-fullscreen .modal-content {
		height: auto;
		min-height: 100%;
		border: 0 none;
		border-radius: 0;
	}



.pop-dgnnw .modal-header {
	background: #464D69;
	padding: 5px;
	border-radius: 0px
}

.pop-dgnnw .modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 14px;
	color: #fff;
}


.tmsht-left {
	padding: 10px 0px 0px 10px;
}


.tmsht-right {
	background: #f2f2f2;
	height: 100%;
	padding: 9px 0px 0px 14px;
}


.prj-lst-tm {
	padding: 0px 15px 10px 10px;
}

	.prj-lst-tm li {
		box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
		background: #fff;
		padding: 20px 10px;
		margin-bottom: 10px;
	}

		.prj-lst-tm li:last-child, .prj-lst-tm li {
			border-left: 4px solid #c8cfea !important
		}

			.prj-lst-tm li small {
				font-size: 11px;
				line-height: 14px;
				color: #949494;
			}

			.prj-lst-tm li span {
				float: right;
				color: #5ac6a2;
				position: absolute;
				top: 18px;
				right: 10px;
			}

.modal-fullscreen .modal-header .close {
	color: #ffffff !important;
}

.modal-fullscreen hr {
	margin: 2px 0px 10px;
	border-top: 1px solid #ededed;
}

.modal-fullscreen .modal-footer {
	padding: 5px 0px;
	border-top: 1px solid #f2f2f2;
}

.tmsht-right-hd {
	color: #a9a9a9;
}

	.tmsht-right-hd span {
		float: right;
	}

	.tmsht-right-hd strong {
		color: #42597b;
	}



.hgt-257 {
	height: 257px
}

.hgt-110 {
	height: 110px
}



.prj-lst-tm li:after, .imp-listing li:after, .project-list li:after, .htsk-dtl .chat .chat-history li:after {
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '.';
	color: transparent;
	width: 1px;
	height: 1px;
}

.prj-lst-tm li:hover:after, .imp-listing li:hover:after, .project-list li:hover:after, .htsk-dtl .chat .chat-history li:hover:after {
	-webkit-animation: circle 1.5s ease-in forwards;
}

/* Keyframes */
@-webkit-keyframes circle {
	0% {
		width: 1px;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		height: 1px;
		z-index: -1;
		background: #f9fbfe;
		border-radius: 100%;
		o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
	}

	100% {
		background: #f9fbfe;
		height: 5000%;
		width: 5000%;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 0;
		o-transition: .5s;
		-ms-transition: .5s;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		transition: .5s;
	}
}


.prj-lst-tm li, .imp-listing li, .project-list li, .htsk-dtl .chat .chat-history li {
	position: relative;
	overflow: hidden;
	z-index: 1;
}



	.imp-listing li:hover, .prj-lst-tm li:hover, .project-list li:hover, .htsk-dtl .chat .chat-history li:hover {
		background: #f2f2f2;
	}

.td-150 {
	width: 150px
}




.box-border {
	border: 1px solid #eae3e3;
	padding: 20px;
	background: #fff;
	box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
	border-radius: .75rem;
}

.h-220 {
	height: 270px;
}

.h-310 {
	height: 310px;
}


.emp-new h2, .heading-grd {
	color: #2a2b3c;
	font-size: 14px;
	font-weight: bold
}


/****color ****/
.c-media__content h5, .emp-info h4, body, .fc td {
	color: #464D69
}

/*****/

.list-dsh li {
	border: 1px solid #eae3e3;
	padding: 9px;
	background: #fff;
	box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
	border-radius: 10px;
	margin-bottom: 10px;
}




.tooltip-top {
	position: absolute;
	right: 10px;
	color: #117cc7;
	border: 1px solid #117cc7;
	background: #fff;
	width: 20px;
	border-radius: 100px;
	height: 20px;
	text-align: center;
	top: -4px;
	font-size: 10px;
	padding: 2px;
	cursor: help;
}

	.tooltip-top i {
		margin: 0px;
	}

.nav-link .tooltip-top {
	right: -10px;
	top: 4px
}

.tool-heading {
	position: inherit;
	padding: 3px 7px;
	float: none !important;
	margin: 0px 0px 0px 4px;
	color: #e6c128;
	border: 1px solid #e6c128;
	background: #fff;
}

	.tool-heading i {
		background: initial !important;
		-webkit-background-clip: initial !important;
		-webkit-text-fill-color: initial !important;
	}


/*******/

.count-nrm {
	position: initial;
	margin: 0px auto;
}

.act-nxt {
	text-align: right;
}

	.act-nxt span {
		color: #676767;
		font-weight: 500;
		font-size: 12px
	}

	.act-nxt i {
		color: #b3b7ba
	}

.wk-tag:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 12px solid #aed477;
	border-left: 12px solid transparent;
	position: absolute;
	top: 0px;
	right: 0px;
}


.btn-tm {
	padding: 8px 20px 10px 47px;
	border-radius: 10px;
	height: 15px;
	border: 1px solid #bf7118;
	display: table;
	font-size: 12px;
	font-weight: bold;
	color: #000 !important;
	position: relative;
}

	.btn-tm i {
		position: absolute;
		background: #fddab2;
		color: #000 !important;
		left: 8px;
		top: 14px;
		padding: 7px;
		border-radius: 100px;
		font-size: 12px;
		height: 27px;
		width: 28px;
	}

	.btn-tm span {
		display: table;
	}

.table a {
	color: #ef8813;
}

.rgt-td {
	position: absolute;
	right: 0px;
	top: 12px;
	font-size: 14px;
}

.heading-one .btn-tm {
	padding: 10px 10px 10px 41px;
	height: auto;
	position: absolute;
	right: 0px;
	top: 0px
}

	.heading-one .btn-tm i {
		top: 5px;
	}

/*******/

.clickproject input {
	background: white;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index: 999;
	width: 49%;
	width: 100%;
	padding: 15px 10px;
	height: 24px;
}

.adproject-side, .select-side {
	margin: 0px;
	width: 50%;
	float: left;
	position: relative;
}

.clickproject p {
	padding: 5px;
	text-align: center;
	margin: 0px;
	background: #fffeee;
}

.bin {
	background-color: #ECEFF1;
	height: 300px;
	overflow: auto;
	padding: 10px;
}


.item {
	cursor: pointer;
	padding: 10px;
	margin-bottom: 8px;
	background-color: white;
	border-radius: 2px;
	/** box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);**/
	transition: margin 0.1s;
}

.item-selected {
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
	margin: 5px -15px 15px -15px;
}

.bin-selectable {
	cursor: pointer;
}

.addproject li, .project-remove li {
	position: relative;
}

	.addproject li, .addproject li:last-child {
		border-left: 2px solid #f8cf18 !Important;
	}

		.addproject li:hover {
			background: #f2f2f2
		}

		.addproject li:after {
			content: '+';
			color: #1b8700;
			position: absolute;
			font-size: 14px;
			font-weight: bold;
			top: 9px;
			right: 9px;
			font-family: arial
		}



.project-remove li {
	background: #fefefe;
	color: #1e1e1e;
	font-size: 12px;
}

	.project-remove li, .project-remove li:last-child {
		border-left: 2px solid #1b8700 !important;
	}

		.project-remove li:after {
			content: 'X';
			color: #ff0000;
			position: absolute;
			font-size: 11px;
			font-weight: bold;
			top: 12px;
			right: 9px;
			font-family: arial
		}
/*****/

.center-div {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 20px;
	width: 100%;
}



/*****/

.h-380 {
	height: 380px;
}

.h-420 {
	height: 420px;
}

.h-450 {
	height: 450px;
}

.h-500 {
	height: 500px;
}

.h-424 {
	height: 424px;
}

.h-260 {
	height: 260px;
}


.h-178 {
	height: 178px;
}

.usr-h-scrl .h-260 {
	height: 425px;
}

.h-190 {
	height: 190px;
}

.h-340 {
	height: 340px;
}

.cloud-list li {
	display: table;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-right: 32px;
}

.cloud-list img {
	width: 170px;
	height: 69px;
}

.cloud-list li h2 {
	position: relative;
	font-size: 12px;
	margin-top: 10px;
}

.cloud-list span {
	position: absolute;
	top: -29px;
	background: #fff;
	width: 34px;
	-webkit-box-shadow: 10px 10px 24px 0px rgba(209,209,209,1);
	-moz-box-shadow: 10px 10px 24px 0px rgba(209,209,209,1);
	box-shadow: 10px 10px 24px 0px rgb(113, 107, 107);
	border-radius: 100%;
	height: 34px;
	padding: 9px 1px;
	text-align: center;
}


.rgt-td {
	position: absolute;
	right: 0px;
	top: 12px;
	font-size: 14px;
}


.center-div {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0px;
	width: 100%;
	height: 100px;
}


/****/

.pr {
	position: relative;
}

.height-316 {
	height: 306px
}

.height-190 {
	height: 190px;
}

.height-180 {
	height: 170px;
}

.height-170 {
	height: 170px;
}


.height-70 {
	height: 70px !Important;
}


.leavelist .col-md-3 {
	margin: 0px !important
}


.add-btn.white-btn {
	color: #015c05 !important;
	background: none
}



.pendingleave input {
	color: #fff
}
/**
.pendingleave, .fixholidaycolor{position:relative}

.pendingleave:before, .fixholidaycolor:before, .holiday:before{
	content: "";
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	position: absolute;
	top: 0px;
	right: 0px;
}
.pendingleave:before {
	border-top: 12px solid #b6baf2;
}
.fixholidaycolor:before {
	border-top: 12px solid #aed477;
}
th.fixholidaycolor:before {
	border-top: 0px solid #aed477;
}
.holiday:before {
	border-top: 12px solid #015c05;
}

****/
.center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}

.heading-btn .rgt-pst {
	top: 0px;
	right: 0px;
	position: absolute;
	border-radius: 0px;
	height: 33px;
}

.header-mnu li {
	display: table;
	float: left
}

	.header-mnu li a {
		color: #fff;
		background: #474747;
		display: table;
		padding: 9px 10px;
		height: 20px;
	}

		.header-mnu li a:hover {
			color: #fff;
			background: #ed9411;
		}

	.header-mnu li .active {
		background: #ed9411;
	}

.trvl-lst {
	padding: 10px 0px
}

	.trvl-lst a {
		color: #ef8813;
		font-weight: bold;
		position: relative;
	}

		.trvl-lst a .count-nt {
			right: -18px;
		}

	.trvl-lst img {
		margin-top: 10px;
		width: 50px
	}

.cntr-dtl-r {
	position: relative;
}

.cntr-dtl-pst {
	text-align: left;
}

.tab-main .tab-right {
	position: absolute;
	right: 0px;
	top: -16px;
}

	.tab-main .tab-right a {
		color: #6e6f84 !important;
		padding: 6px 0px !important
	}

		.tab-main .tab-right a, .tab-main .tab-right a:before, .tab-main .tab-right a:after {
			background: none !important;
			box-shadow: rgba(0, 0, 0, .1) 0px 0px 0px, inset rgba(255, 255, 255, .09) 0px 0 !important
		}

.header-two {
	margin-bottom: 10px;
	background: #6e6f83;
	padding: 5px 10px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.radio-btn li {
	color: #2a2b3c
}

.frline {
	border-color: #eceeff;
	margin: 5px 0px;
}
/***step-processs*******/
.progress-right {
	position: absolute !important;
	top: 10px;
	z-index: 999;
	right: 32px;
}

.progress-container {
	display: flex;
	justify-content: space-between;
	width: 200px;
	position: absolute;
	top: 0px;
}

.progress {
	background-color: #3498db;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 4px;
	width: 0%;
	z-index: -1;
	transition: .4s ease;
}

.progress-container span {
	position: absolute;
	top: 23px;
	font-size: 8px;
	left: -9px;
	width: 58px;
}

.progress-container::before {
	content: ' ';
	background-color: #dbdbdb;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: 4px;
	width: 100%;
	z-index: -1;
}

.circle {
	background-color: #fff;
	border-radius: 50%;
	color: #676767;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #dbdbdb;
	font-size: 12px;
	height: 20px;
	width: 20px;
	transition: .4s ease;
}

	.circle.active {
		background: #b7d41b;
		color: #fff;
		border: 2px solid #fff;
		font-weight: bold
	}

		.circle.active span {
			color: #464D69;
		}
/********radio tabs with icon***/
.radiotab input, .radiotab .content {
	display: none;
}

.height-150 {
	height: 150px
}

.radiotab .content input {
	display: table;
	padding: 6px 0px 7px !important;
	font-weight: bold
}

.radiotab #roundtrip:checked ~ .roundtrip, .radiotab #multiplecity:checked ~ .multiplecity {
	display: block;
}

.radiotab .radiotablist {
	transition: background .25s linear;
	margin-right: 10px;
	border-right: 0px solid #dbdbdb;
	padding-right: 10px;
	cursor: pointer;
	color: #676767;
	font-weight: bold;
}

.radiotab input:checked + label {
	color: #000;
	background: #f2f2f2;
	padding: 2px 6px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.radiotab .radiotablist:before {
	content: '\f111';
	font-weight: normal;
	color: #dbdbdb
}

.radiotab input:checked + label:before {
	content: '\f00c';
	margin-right: 5px;
	font-weight: 900;
	color: #000
}

.radiotab .radiotablist:before, .radiotab input:checked + label:before {
	margin-right: 5px
}
/**tr_mtr****/


.src-location {
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	padding: 0px 0px;
	display: table;
	width: 100%
}

	.src-location i {
		color: #dbdbdb
	}

	.src-location li {
		border-right: 1px solid #dbdbdb;
		display: table;
		float: left;
		width: 25%;
		padding: 5px 10px;
		position: relative;
	}

		.src-location li .select2-selection {
			border: 0px !Important;
			background: none !Important
		}

		.src-location li .select2-selection__rendered {
			font-size: 16px !important;
			font-weight: bold;
			color: #000 !important
		}

	.src-location .remove {
		position: absolute;
		right: 0px;
		top: 27px
	}

.swipCircle {
	width: 40px;
	height: 40px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: -22px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 1;
	cursor: pointer;
	position: absolute;
	right: -15px;
	text-align: center;
	font-size: 16px !important;
	top: 15px;
	display: none
}

	.swipCircle i {
		margin: 0px;
	}

.src-location li:hover {
	background: #f2f2f2;
	cursor: pointer !important;
}

	.src-location li:hover input {
		background: #f2f2f2
	}

.src-location li label {
	margin: 0px;
	width: 100%
}

.src-location li .btn-l {
	font-size: 10px;
	margin-top: 15px
}

.src-location li span {
	font-size: 12px;
}

.src-location li span, .src-location li small {
	color: #565656
}

.src-location li select {
	border: 0px;
	padding: 0px;
	width: 100%;
	background: none;
	font-size: 14px;
	font-weight: bold
}

.src-location input {
	border: 0px;
}

	.src-location input:focus {
		border: 0px;
		color: #000
	}

.font-lg {
	font-size: 16px;
}

.lbl-untle {
	padding-top: 28px;
}

.trvlslclist {
	margin: 10px 0px 0px
}

	.trvlslclist li {
		position: relative;
		background: #f2f2f2;
		display: table;
		float: left;
		border-radius: 4px;
		padding: 5px 20px 5px 10px;
		font-size: 12px;
		color: #2a2b3c;
		margin: 0px 5px 5px 0px;
		font-weight: bold;
		border: 1px solid #e4d8d8;
	}

		.trvlslclist li i {
			color: #578f30;
		}

		.trvlslclist li span {
			position: absolute;
			right: 9px;
			font-weight: bold;
			color: #ff0000;
			font-size: 8px;
			top: 8px;
		}
/****/

.amotlist .badge-primary {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px 8px;
	font-size: 10px;
	color: #363636;
}

	.amotlist .badge-primary i {
		font-size: 10px !Important
	}

.drop-pophr {
	position: absolute;
	top: -25px;
	right: 3px;
	cursor: pointer;
}

	.drop-pophr i {
		color: #000 !Important;
		margin: 0px;
		font-size: 14px !Important
	}

.tr-pophover {
	width: 250px;
}

	.tr-pophover li {
		margin-bottom: 5px;
		font-size: 11px
	}

.dropdown-menu {
	padding: 0px;
}

.tr-pophover li strong {
	color: #676767
}

.tr-pophover p {
	padding: 2px 5px;
	margin: 0px
}

.pt-13 {
	padding-top: 13px
}
/****popuphover***/


.tr-pophover {
	width: 250px;
	font-size: 12px
}

	.tr-pophover li {
		margin-bottom: 10px;
	}

	.tr-pophover p {
		padding: 2px 5px;
		color: #000
	}

.popover-body .close {
	font-size: 11px
}

.td-info {
	position: absolute;
	right: -2px;
	top: -2px;
	font-size: 16px;
	background: none;
}

	.td-info i {
		color: #7f83c5 !important;
	}

.ttl-bg {
	font-weight: bold;
}

	.ttl-bg td {
		background: #f2f2f2 !important
	}

.table input[type=checkbox] + label {
	margin: 0px;
	padding: 0px
}

	.table input[type=checkbox] + label:before {
		width: 18px;
		height: 18px
	}
/*****/

.booklistinfo .col-lg-4 {
	margin-bottom: 0px !Important
}

.booklist {
	position: relative;
	margin-bottom: 14px;
	padding: 5px 10px;
	border-radius: 100px;
	font-weight: bold;
}

.booklist {
	border: 1px solid #c3c3c3;
}

	.booklist i {
		color: #cccccc
	}

	.booklist .count-nt {
		top: 1px;
		right: 3px;
		width: 26px;
		height: 25px;
		padding: 4px;
		font-size: 11px;
	}

.dis-inline {
	border-bottom: 1px dotted #dbdbdb;
	display: table;
	width: 100%;
	font-size: 12px;
	padding-bottom: 10px;
	margin-bottom: 10px
}

	.dis-inline strong {
		color: #000;
	}

	.dis-inline li {
		float: left;
		margin-right: 30px;
		color: #aeaeae;
	}

.inline-icon li {
	position: relative;
	padding: 0px 4px 0px 13px;
}

	.inline-icon li strong {
		display: table;
		width: 100%
	}

.inline-icon i {
	color: #f0f0f0;
	position: absolute;
	left: 0px;
	top: 5px;
	font-size: 10px;
}

.info-box {
	margin-bottom: 15px;
	font-size: 12px;
	background: #f2f2f2
}

	.info-box h2 {
		background: #464d69;
		font-size: 12px;
		color: #fff;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.info-box p, .info-box h2 {
		padding: 10px;
		margin: 0px;
	}

.h-80 {
	height: 80px !Important
}

.h-166 {
	height: 166px
}


table .drop-pophr {
	top: -21px;
	right: 3px;
}

.two-clm li {
	width: 47.7%;
	float: left;
	margin-right: 5px;
}

.pr, .circle {
	position: relative;
}

	.pr .drop-pophr {
		top: 0px;
		right: 10px
	}


/****scd tab ****/


.tab-main-scd #tabs {
	width: 100%;
	background: none
}


	.tab-main-scd #tabs a {
		background: #fff !important;
		height: auto !important;
	}

	.tab-main-scd #tabs li, .tab-main-scd #tabs, .stot-list li {
		border-bottom: 1px solid #e3e3e3
	}

		.tab-main-scd #tabs a {
			padding: 10px 5px;
		}

			.tab-main-scd #tabs a.active, .tab-main-scd #tabs a:hover {
				color: #fff !important;
			}

		.tab-main-scd #tabs a {
			color: #2a2b3c !important;
			border-right: 1px solid #e3e3e3 !important
		}

			.tab-main-scd #tabs .active, .tab-main-scd #tabs a:hover {
				background: #ef8813 !important;
				border-radius: 0px
			}

		.tab-main-scd #tabs span {
			display: table;
			color: #7e7e7e;
			font-size: 11px;
			font-weight: normal;
		}

		.tab-main-scd #tabs li a.active, .tab-main-scd #tabs li a.active:before, .tab-main-scd #tabs li a:before, .tab-main-scd #tabs li a:after {
			content: initial !important;
		}



.tab-main-scd .tab-content p {
	font-size: 11px
}



.popuphead small {
	display: table;
	font-size: 11px
}

	.popuphead small span {
		margin: 0px 5px;
		color: #797979
	}

.popuphead p {
	font-size: 12px;
	margin: 0px
}


/****/

.status-list li {
	position: relative;
	padding: 5px 10px 5px 36px;
}

.status-list .count-nt {
	left: 0px;
	right: initial;
	top: 6px;
	width: 25px;
	height: 25px;
	font-size: 11px;
	color: #686868;
	text-align: center;
	padding: 7px 7px;
}

.statusdownlaod {
	position: absolute;
	right: 0px;
	color: #015c05;
	font-size: 16px;
	top: 16px;
}

.fvclmls .cntr-dtl-pst {
	position: absolute;
	top: 0px;
	right: -80px;
	width: 112px;
	font-weight: 300;
	font-size: 10px;
}

.fvclmls .cntr-dtl-pst {
    width: 177px;
    right: -163px;
}
.fvclmls .cntr-dtl-r {
    width: 185px;
}


.dis-tbl {
	display: table
}


.swal2-title {
	font-size: 14px !important
}

.swal2-textarea {
	height: 50px !important;
	border: 1px solid #c4c4c4 !important;
	padding: 10px !important;
	margin: 0px !important;
	font-size: 12px !important
}

.swal2-actions .swal2-confirm {
	-webkit-box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.2);
	box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.2);
	border-radius: 200px !important;
	background: #ed9411 !important;
	font-size: 14px !important;
	font-weight: bold;
	padding: 5px 26px !important
}

/*****/
.w-250 {
	width: 250px
}

.pb {
	position: absolute;
}

.pbr {
	bottom: 0px;
	right: 12px;
}

.onlineboxheader {
	height: 36px;
	color: #fff;
	background-color: #404040;
	cursor: pointer;
	font-size: 14px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 10px;
	margin-bottom: 0px
}


.td-150 {
	width: 150px
}

.td-250 {
	width: 250px
}

.td-300 {
	width: 300px
}

.badge {
	background: #f2f2f2;
	padding: 4px 10px;
	border-radius: 100px;
	font-size: 10px;
	color: #000
}


.trldsklst li:hover .trvlstatusclr, .rqt-list li:hover .trvlstatusclr {
	color: #ff0000 !important
}

.w-177 {
	width: 177px
}

.w-38 {
	width: 38px
}

.h-190 {
	height: 190px
}

.countlist {
	position: absolute;
	top: 5px;
	left: -10px;
}

.countlist {
	color: #000 !important;
}

.left-dtl-r.pl-1 {
	padding-left: 10px !important
}


/****pophover*****/
.popover {
	width: 250px;
	border-radius: 6px;
	border: 2px solid #000;
	border-radius: 0px
}

.popover-body {
	border: none;
	color: #5f6976;
	font-size: 12px;
	z-index: 2;
	font-weight: bold;
}

	.popover-body .popover-close {
		position: absolute;
		top: 5px;
		right: 10px;
		opacity: 1;
	}




.nav-item {
	position: relative;
}

	.nav-item .info-clr {
		position: absolute;
		z-index: 999;
		right: 0px;
		top: 9px;
		color: #fff !important;
	}

.note-list {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: #000
}

	.note-list ul {
		padding: 5px 0px 0px 20px;
	}

		.note-list ul li {
			border-bottom: 1px dotted #dbdbdb;
			margin-bottom: 5px;
			padding-bottom: 5px;
		}


.attachedleave {
	background: #f2f2f2;
	padding: 5px;
}

	.attachedleave label {
		font-weight: bold
	}

	.attachedleave input {
		font-weight: bold;
		padding: 2px
	}



/******/

.actdate[type=month] {
	-webkit-appearance: listbox;
	height: 40px;
	border: 0px;
	border-radius: 0px;
	font-size: 14px;
	font-weight: bold;
}

.actdate[type=date], .inputlbl {
	-webkit-appearance: listbox;
	height: 50px !important;
	border: 0px;
	border-radius: 0px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px
}


.lbl-abs {
	background: #fff;
	position: absolute;
	top: -10px;
	left: 10px;
	padding: 1px 10px;
	color: #887a7a !important;
	font-weight: bold;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 100;
	width: auto !important;
}

.pr {
	position: relative
}


.act-nxt {
	position: absolute;
	top: -61px;
	right: 7px;
	font-size: 13px;
	font-weight: bold;
}

	.act-nxt a {
		color: #000 !important
	}


/********color wheel****/
.colorwheel li {
	border-bottom: 1px solid #f2f2f2;
	padding: 5px;
	position: relative;
}

.triangle-dgn {
	display: table;
	border: 2px solid #f2f2f2;
	width: 20px !important;
	height: 20px;
	position: relative;
	float: left;
	margin-right: 7px;
}
.info-clr {
	color: #9f9f9f !important;
	font-size: 12px;
}

.triangle-dgn:before, .fixholidaycolor:before, .workclass:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	position: absolute;
	top: 0px;
	right: 0px;
}

.triangle-dgn:after {
	display: none
}


.wo-br-clr:before, .fixholidaycolor:before {
	border-top: 10px solid #aed477;
}

th.fixholidaycolor:before {
	border-top: 0px solid #aed477;
}

.holiday:before {
	border-top: 10px solid #779e3e;
}

.trl-br-clr:before {
	border-top: 10px solid #3a469d;
}

.pendingleave:before {
	border-top: 10px solid #c27ac0;
}

.selectleave:before {
	border-top: 10px solid #ef8813;
}

.approvedleave:before {
	border-top: 10px solid #452262;
}

.light-sl {
	background: #fdf0e1;
}

.workclass.pendingleave, .light-pl, .pendingleave .fc-content {
	background: #ffeafe !Important
}

	.workclass.pendingleave input {
		border: 1px solid #c27ac0 !important;
		color: #c27ac0
	}

.workclass.approvedleave, .light-al, .approvedleave .fc-content {
	background: #eddaff !important
}

	.workclass.approvedleave input {
		border: 1px solid #452262 !important;
		color: #452262
	}

.workclass.fixholidaycolor, .light-wo, .fc-sat, .fc-sun, .fixholidaycolor, td.fixholidaycolor {
	background: #eefbdb !important
}

	.workclass.fixholidaycolor input {
		border: 1px solid #aed477 !important, color:#aed477
	}

.holiday.holiday, .light-hd, .holiday .fc-content {
	background: #d0e4b4
}

	.holiday.holiday input {
		border: 1px solid #779e3e !important, color:#779e3e
	}

.workclass.trl-br-clr, .light-trl {
	background: #e4e8ff
}

	.workclass.trl-br-clr input {
		border: 1px solid #3a469d !important;
		color: #3a469d
	}


.fc-title:before {
	top: -1px !Important
}


.shadow-box {
	display: table;
	width: 100%;
	height: 100%
}

.spninfo {
	position: absolute;
	right: 0px;
	top: 20px;
	-webkit-text-fill-color: #fff;
}


.leaveinfoclr {
	position: absolute;
	top: 9px;
	left: 115px;
}

.va-t td {
	vertical-align: top !Important
}

.w-50 {
	width: 50px
}


.fixholidaycolor {
	text-align: right
}

#DivComOFF {
	padding: 10px
}

.rqt-list .right-dtl-r {
	display: table;
	width: 100%;
}

.h-540 {
	height: 540px
}

.w-70 {
	width: 70px
}




td .select2-container .select2-selection--single .select2-selection__rendered {
	width: 150px;
}

.modal-fw .modal-dialog {
	max-width: 96%;
}

	.modal-fw .modal-dialog .mtr-g-grn {
		background: #000
	}

		.modal-fw .modal-dialog .mtr-g-grn:before {
			content: "\f100";
			margin-right: 5px
		}

		.modal-fw .modal-dialog .mtr-g-grn i, .modal-fw .modal-dialog .mtr-g-grn span {
			display: none
		}


.form-control[readonly] {
	font-weight: bold;
	border: 0px;
	height: auto;
	padding: 0px;
	color: #000
}



/****/

.toggle-btn input[type="checkbox"].toggle {
	opacity: 0;
	position: absolute;
	left: -99999px;
}

	.toggle-btn input[type="checkbox"].toggle + label {
		width: 70px;
		height: 20px;
		line-height: 20px;
		background-color: #ff0000;
		padding: 0px 13px 0px 0px;
		border-radius: 100px;
		font-size: 10px;
		font-weight: bold;
		display: inline-block;
		position: relative;
		cursor: pointer;
		-moz-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		-webkit-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
		-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
	}

		.toggle-btn input[type="checkbox"].toggle + label:before, .toggle-btn input[type="checkbox"].toggle + label:hover:before {
			content: ' ';
			position: absolute;
			top: 5px;
			left: 8px;
			width: 12px;
			height: 12px;
			background: #fff !important;
			border: 1px solid #fff !important;
			z-index: 2;
			-moz-transition: all 0.25s ease-in;
			-o-transition: all 0.25s ease-in;
			-webkit-transition: all 0.25s ease-in;
			transition: all 0.25s ease-in;
			-moz-border-radius: 100;
			-webkit-border-radius: 100px;
			border-radius: 100px;
		}

		.toggle-btn input[type="checkbox"].toggle + label .off, .toggle-btn input[type="checkbox"].toggle + label .on {
			color: #fff;
		}

		.toggle-btn input[type="checkbox"].toggle + label .off {
			margin-left: 28px;
			display: inline-block;
		}

		.toggle-btn input[type="checkbox"].toggle + label .on {
			display: none;
			margin-left: 10px;
		}

	.toggle-btn input[type="checkbox"].toggle:checked + label .off {
		display: none;
	}

	.toggle-btn input[type="checkbox"].toggle:checked + label .on {
		margin-right: 46px;
		display: inline-block;
	}

	.toggle-btn input[type="checkbox"].toggle:checked + label, input[type="checkbox"].toggle:focus:checked + label {
		background-color: #157901;
	}

		.toggle-btn input[type="checkbox"].toggle:checked + label:before, input[type="checkbox"].toggle:checked + label:hover:before, input[type="checkbox"].toggle:focus:checked + label:before {
			background-position: 0 0;
			top: 5px;
			left: initial;
			right: 7px;
		}


/******************/

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


/*****fw-400********/
.top-menu-list li a {
	font-weight: 400
}

.rqt-list li, .status-list li {
	line-height: 1.4
}

small, .trvlstatusclr, .cntr-dtl-pst strong {
	font-size: 11px
}

.trvlstatusclr, .cntr-dtl-pst strong, .cntr-dtl-pst .trvlstatusclr {
	font-weight: 300;
}


.rqt-list li:hover {
	background: #f2f2f2;
	font-weight: bold
}

	.rqt-list li:hover, .rqt-list li:hover small {
		color: #2a2b3c !Important
	}


.height-312 {
	height: 380px;
}

.h-166 {
	height: 240px;
}


.h-424 {
	height: 425px;
}

.h-130 {
	height: 130px;
}



.btn-p, .btn-a, .btn-b, .btn-c, .btn-g, .btn-gr {
	width: 26px;
	height: 26px;
	display: inline-block;
	/**float: left;***/
	line-height: 28px;
	padding: 0px;
	margin: 0px;
	margin-left: 5px
}


.rqt-list .right-dtl-r {
	float: right;
	width: auto
}


.rqt-list strong, .font-md {
	font-size: 14px
}


small, .trvlstatusclr, .cntr-dtl-pst strong, .rqt-list small strong {
	font-size: 11px;
}



.rqt-list small strong {
	color: #464D69
}


.h-100 {
	height: 80px
}


.add-btn.white-btn {
	color: #2a2b3c !important;
	background: #f2f2f2;
	border: 1px solid #dbdbdb;
}

.act-nxt:hover a {
	background: #2a2b3c;
	margin-left: 0px;
}

	.act-nxt:hover a i, .act-nxt:hover a {
		color: #fff !important;
	}

.act-nxt .disabled {
	cursor: not-allowed;
	color: #f2f2f2 !important;
}


.act-nxt {
	display: table;
	float: right;
	background: none;
	color: #676767;
	font-weight: 300;
	border: 1px solid #dbdbdb !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2) !important;
	-webkit-border-radius: 100px;
	padding: 5px 0px 5px 0px !important;
}

	.act-nxt span {
		margin: 0px 8px;
	}

	.act-nxt span {
		color: #676767;
	}

	.act-nxt a {
		background: #f2f2f2;
		padding: 7px 7px;
		border-radius: 20px;
		text-align: center;
	}

		.act-nxt a i {
			margin: 0px
		}

.actdate[type=month] {
	height: 50px
}

.h-82 {
	height: 82px !important
}

.btn-tm i {
	position: absolute;
	background: #fddab2;
	color: #000 !important;
	left: 10px;
	top: 12px;
	padding: 7px;
	border-radius: 100px;
	font-size: 12px;
	height: 29px;
	width: 30px;
	line-height: 16px;
}

.btn-tm {
	padding: 10px 47px !important;
	border-radius: 100px;
	height: 15px;
	border: 1px solid #bf7118;
	display: table;
	font-size: 12px;
	font-weight: bold;
	color: #000 !important;
	position: relative;
	text-align: left;
	line-height: 15px;
}

	.btn-tm small {
		/* font-size: 12px; */
	}

	.btn-tm span {
		font-size: 14px;
		display: table;
	}



.center-div {
	top: 0px
}

.cloud-list-vr {
	margin: 0px;
}

	.cloud-list-vr h2 {
		margin-left: 50px;
	}

	.cloud-list-vr li {
		border: 1px solid #dbdbdb;
		margin-bottom: 20px
	}

		.cloud-list-vr li:last-child {
			border: 1px solid #dbdbdb !Important;
		}

.cloud-img, .cloud-img:before {
	background: #f2f2f2;
}

.cloud-img {
	padding: 16px;
	width: 100px;
	margin-right: 50px;
	position: relative;
}

	.cloud-img img {
		width: 180px;
		position: relative;
		vertical-align: middle;
	}

	.cloud-img:before {
		content: "";
		width: 23px;
		right: -9px;
		transform: skew(11deg, 0deg);
		position: absolute;
		height: 100%;
		top: 0px;
	}

.cp-0 .col-sm-4, .cp-0 .col-sm-6, .cp-0 .col-sm-2, .cp-0 .col-sm-3 {
	padding: 0px
}

.cloud-list-vr, .cloud-list-vr h2, .cloud-hr strong, .threcloud h2 {
	font-size: 14px !important
}

	.cloud-list-vr h2, {
		color: #51548a !Important
	}

.cloud-hr {
	background: #f2f2f2
}

.cloud-hr {
	background: #f2f2f2;
	height: 100%;
	padding: 29px 10px;
	text-align: Center
}

.cloud-pr {
	position: relative;
}


.threcloudhr strong, .threcloudhr small {
	color: #000;
}

.w-105 {
	width: 105px
}


.slt-dgn .select2-selection--single {
	height: 50px !important;
	border: 0px !important;
	font-size: 12px !important;
	font-weight: bold !important;
}


.slt-dgn .select2-selection--single {
	color: #495057;
	line-height: 32px !important;
	font-size: 12px !important;
	padding: 18px 0px !important
}

.slt-dgn .select2-selection__arrow {
	top: 16px !important;
}

.actdate[type=date], .actdate[type=month], .slt-dgn .select2-selection--single {
	background: #f2f2f2 !Important
}



.hrtbl th {
	border-bottom-width: 0px;
	padding: 5px;
	font-size: 11px;
	vertical-align: middle;
}

.hrtbl td {
	vertical-align: middle;
	padding: 5px !Important;
	font-size: 12px !important;
	color: #000 !important;
	font-weight: 500 !important;
}

	.hrtbl td a {
		font-size: 12px
	}

	.hrtbl td:hover {
		background: #f2f2f2;
		color: #000 !important
	}


textarea.h-50 {
	height: 50px
}

.add-btn.white-btn:hover {
	background: #2a2b3c;
	color: #fff !important;
}

/****
.e-dlg-header-content{
	display:none !important
}
*****/

.e-dlg-header, .e-dlg-header * {
	color: #000;
	font-size: 17px !important;
	font-weight: normal;
	font-weight: bold !important;
}

.e-alert-dialog.e-dialog.e-popup, .e-confirm-dialog.e-dialog.e-popup {
	border-radius: 4px !important;
}

.e-dialog .e-footer-content {
	text-align: center !important;
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary, .e-btn.e-flat, .e-css.e-btn.e-flat {
	background-color: transparent;
	border-color: transparent;
	background: #f2f2f2 !important;
	font-weight: bold
}

.e-lib {
	border: 0px solid #e5e5e5 !important;
	background: #fff;
	color: #939393 !important
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
	color: #fff !Important;
	background: #ef8813 !important;
	border: 1px solid #ef8813 !important;
}

.e-dialog .e-dlg-content {
	padding: 10px 18px !important;
	font-weight: bold !important;
}

.e-dlg-closeicon-btn {
	display: none
}

.e-dialog .e-footer-content {
	padding: 18px !important;
	border-top: 1px solid #f2f2f2 !important;
	margin-top: 20px !important;
}

.e-dialog .e-dlg-header-content {
	border-radius: 8px !Important;
}

.e-dialog .e-footer-content {
	border-radius: 8px !important;
}

.e-dlg-closeicon-btn {
	display: none !important
}

.h-63 {
	height: 63px !important
}


.threcloudhr {
	width: 100%;
	position: relative;
}

	.threcloudhr div {
		position: absolute;
		top: -49px;
		text-align: center;
		width: 100%;
		left: 6px;
	}

	.threcloudhr strong, .threcloudhr small {
		color: #000;
		font-size: 12px;
	}


.cloud-list li:last-child {
	margin: 0px
}


.threcloud_usr li {
	width: 100%;
	margin-bottom: 10px;
	text-align: center
}

.threcloud_usr .cloud-pr img {
	width: 240px !Important;
	height: auto !important
}

.threcloud_usr .threcloudhr div {
	top: -73px;
}

.center-div {
	top: -260px;
}


.td-rfc {
	top: 9px !important;
	right: 3px !important;
}

.act-table th {
	padding: 7px 5px !important
}

.act-table .text-center span {
	top: 20px !important
}



.e-dlg-header-content {
	text-align: center
}

.e-dlg-header {
	display: none !important
}



.e-dialog .e-dlg-content {
	text-align: center;
	line-height: 1.7;
	font-size: 16px !important
}

.e-btn.e-flat, .e-css.e-btn.e-flat {
	border: 1px solid;
	border-radius: 100px;
	padding: 8px 24px;
}


.badge-link {
	font-size: 12px;
	background: #797979;
	color: #fff !important
}

	.badge-link:hover {
		background: #000;
		color: #fff !important
	}


.table-list .sno label {
	color: #676767;
	font-weight: normal;
}

.deleterow {
	color: #ff0000 !important
}


.heading-three {
	color: #676767;
	font-size: 12px;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
	display: table;
	width: 100%
}


/******/

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(90deg);
	width: 2em;
}

	.spinner, .spinner div {
		transform-origin: 50% 50%;
	}

		.spinner div {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}

			.spinner:before,
			.spinner:after,
			.spinner div:before,
			.spinner div:after {
				animation-duration: 1000ms;
				animation-iteration-count: infinite;
				content: "";
				background: #676767;
				border-radius: 100%;
				width: 0.5em;
				height: 0.5em;
				position: absolute;
			}

			.spinner:before,
			.spinner div:before {
				animation-name: orbBounceBefore;
				top: -0.25em;
				left: -0.25em;
			}

			.spinner:after,
			.spinner div:after {
				animation-name: orbBounceAfter;
				top: -0.25em;
				right: -0.25em;
			}

.spinner-a {
	transform: rotate(60deg) translateY(0);
}

.spinner-b {
	transform: rotate(120deg) translateY(0);
}

@keyframes orbBounceBefore {
	60% {
		transform: translateX(0);
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	}

	80% {
		animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes orbBounceAfter {
	60% {
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		transform: translateX(0);
	}

	80% {
		animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0);
	}
}

.spinner-a:before {
	animation-delay: 166.6666666667ms;
}

.spinner-b:before {
	animation-delay: 333.3333333333ms;
}

.spinner:after {
	animation-delay: 500ms;
}

.spinner-a:after {
	animation-delay: 666.6666666667ms;
}

.spinner-b:after {
	animation-delay: 833.3333333333ms;
}

.loadingscd {
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background: #f2f2f2;
}

#LeaveSumDiv .rfcRequestdiv {
	position: initial
}


/*****/
.table-scroll .text-center span {
	color: #676767;
}



.message-popup .modal-body {
	padding: 40px !important;
	text-align: center
}

.message-popup h2 {
	font-size: 16px;
	margin-bottom: 14px;
}

.message-popup span {
	display: table;
	width: 100%;
	margin: 20px 0px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.message-popup .close {
	color: #888181;
}


.cntr-dtl-r strong {
	font-weight: 500
}

.h-70, textarea.h-70 {
	height: 70px
}


.tagslist {
	position: absolute;
	top: 36%;
	right: -40px;
}

	.tagslist .rfcRequestdiv {
		position: initial;
	}

.extratd1, .extratd2, .extratd3, .extratd4, .extratd5, .extratd6, .blankbox {
	width: 49px;
	cursor: not-allowed;
	background: #f2f2f2 !important
}


.w-10 {
	width: 10px
}

.btn-ftb {
	background: #fff;
	height: 47px;
	position: fixed;
	bottom: 0px !important;
	text-align: center;
	left: 50px;
	box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
	padding: 5px;
	transition: bottom 0.2s ease-in-out;
	width: 100%;
	padding: 10px 0px 0px;
	display: table;
	width: 100%;
}


.w-33 {
	width: 33px
}

.mb-100 {
	margin-bottom: 100px
}

.wht-brdbtn {
	border: 1px solid #fff !important;
	color: #fff;
	vertical-align: -webkit-baseline-middle;
}

.cmtlist li {
	margin-bottom: 15px;
	text-align: left
}

.cmt-box {
	background: #f2f2f2;
	padding: 10px;
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.7;
	border-radius: 4px;
	border: 1px solid #dcdcdc;
	position: relative
}

	.cmt-box:after {
		bottom: 100%;
		left: 17px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-bottom-color: #f2f2f2;
		border-width: 10px;
		margin-left: -10px;
	}

.cmtlist li span, .aComment {
	float: right
}

	.aComment i {
		color: #ef8813 !important
	}



/********tab-second ***************/

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

	.tabs-second a {
		background: #404040 !important;
		padding: 10px 15px 10px 50px !important;
		height: 40px !important;
		border-radius: 100px !important;
		margin-right: 10px;
		border: 2px solid #ef8813 !important;
	}

		.tabs-second a span {
			display: table;
			position: absolute;
			left: -5px;
			width: 47px;
			height: 47px;
			top: -6px;
			border-radius: 100px;
			padding: 8px 10px 7px;
			text-align: center;
			font-size: 20px;
			color: #fff;
		}

		.tabs-second a:before, .tabs-second a:after {
			display: none !important
		}

		.tabs-second a span {
			background: #ef8813;
		}

/********************/
.hd-md {
	font-size: 14px;
}



.badge-mtr-o {
	color: #fff !important;
	background-color: #f8f9fa;
	padding: 11px 6px;
	font-size: 12px;
	background: #ef8813;
	border-radius: .25rem;
}

.h-200 {
	height: 200px
}

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


.lgt-bg.indicatorSection td, .lgt-bg.indicatorSection {
	background: none !important
}

.btn-pst-ft {
	position: absolute;
	right: 0px;
	top: -20px;
}

.backgroundnone, th.backgroundnone {
	background: none !important;
}



table .field-validation-error, .table-scroll .field-validation-error {
	font-size: 10px;
	background: #f2f2f2;
	display: table;
	width: 100%;
	text-align: center
}

.subheading {
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dbdbdb;
}

.form-control, .select2-container .select2-selection--single, textarea.form-control {
	height: 38px;
}

td {
	position: relative;
}

	td .no-dat-dv img {
		width: 100px;
	}


.td-nodata {
	padding: 60px 0px !important
}


.table-loading {
	height: 100px;
	position: relative
}


.inner-main {
	background: #fff;
	padding: 10px;
	border: 1px solid #e8e8e8;
	box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}

.emp-ifno {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	width: 100%;
	display: table;
	padding: 5px 10px;
}

	.emp-ifno ul {
		display: table;
		margin: 0px auto;
		width: 100%;
	}

	.emp-ifno li {
		display: table;
		float: left;
		margin-right: 10px;
		width: 23%;
		font-size: 12px;
		text-align: center;
		line-height: 16px;
	}

		.emp-ifno li strong {
			font-size: 11px;
			color: #676767 !important;
			line-height: 18px
		}



.slt-srh .field-validation-error {
	display: table;
	width: 100%;
	background: #f2f2f2;
	padding: 2px;
	text-align: center;
	font-size: 10px;
}

.new_width tr input[type=number] {
	width: 25px;
	height: 25px;
	padding: 5px;
	text-align: center;
}

.tab-radio {
	background: #f2f2f2;
	padding: 5px 5px 0px;
	display: table;
	width: 100%;
	margin-bottom: 10px
}

.inline-li li {
	display: table;
	float: left;
	margin-right: 10px;
}


.srcheck {
	display: table !Important;
	width: auto !Important;
	float: left;
	margin-right: 5px;
}


.warning-center {
	display: flex;
	align-items: center;
	min-height: 450px;
	text-align: center
}

	.warning-center i {
		font-size: 60px;
		color: #edeeff;
		margin-bottom: 20px;
	}

	.warning-center h2 {
		font-size: 24px;
		color: #807d7d;
	}


/********/


.f-modal-alert {
	background-color: #fff;
	box-shadow: 0 0 10px 2px rgb(218 205 205 / 20%);
	border-radius: 4px;
	margin: 20px;
	padding: 50px;
}


.w-80 {
	width: 80px;
}

.input-group input, .input-group-text {
	height: 38px;
}


.slt-emp {
	background: #f2f2f2;
	height: 197px;
	padding: 20px
}

.add-slt {
	width: 80%;
	margin: 0px auto !important
}

.slt-scroll .select2-selection--multiple ul {
	overflow: scroll !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.slt-scroll .select2-container--default .select2-selection--multiple, .slt-scroll .select2-selection--multiple ul {
	height: 131px;
}

.inlin-list li {
	float: left;
	margin-right: 10px
}


/***copy **/
#inviteCode.invite-page {
	box-sizing: border-box;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	padding: 2px 2px 2px 5px;
	border-radius: 5px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	position: relative;
}

	#inviteCode.invite-page #link {
		align-self: center;
		font-size: 12px;
		padding: 9px 0px 0px 12px !Important;
		color: #333;
		font-weight: bold;
		-webkit-box-flex: 2;
		flex-grow: 2;
		background-color: #f2f2f2;
		border: none;
	}

	#inviteCode.invite-page #copy {
		border-radius: 5px;
		background-color: #a9a9a980;
		padding: 6px 15px;
		text-align: center
	}

		#inviteCode.invite-page #copy:hover {
			background: #333 !Important;
			color: #fff
		}

			#inviteCode.invite-page #copy:hover i {
				color: #fff
			}

		#inviteCode.invite-page #copy i {
			display: block;
			line-height: 30px;
			position: relative;
			color: #5f635f;
			margin: 0px;
		}

			#inviteCode.invite-page #copy i::before {
				display: block;
				width: 15px;
				margin: 0 auto;
			}

			#inviteCode.invite-page #copy i.copied::after {
				position: absolute;
				top: 3px;
				font-family: arial;
				right: 35px;
				height: 30px;
				line-height: 25px;
				font-weight: normal;
				display: block;
				content: "Copied";
				font-size: 12px;
				padding: 2px 10px;
				color: #fff;
				background-color: #2a2b3c;
				border-radius: 5px;
				opacity: 1;
				will-change: opacity, transform;
				-webkit-animation: showcopied 1.5s ease;
				animation: showcopied 1.5s ease;
			}

		#inviteCode.invite-page #copy:hover {
			cursor: pointer;
			background-color: #dfdfdf;
			-webkit-transition: background-color .3s ease-in;
			transition: background-color .3s ease-in;
		}

@-webkit-keyframes showcopied {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	70% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
	}
}

@keyframes showcopied {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	70% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
	}
}

.tabact {
	position: absolute;
	top: 0px;
	right: 5px;
	z-index: 100
}


.jdview {
	height: 200px;
	overflow: scroll;
	overflow-x: auto;
	padding: 10px;
	margin-top: 0px 10px 10px;
	background: #fbfbfb;
}

.form-group .jdview p {
	line-height: 1.5 !important;
	font-size: 12px !important;
	font-weight: 300 !important;
	background: none !important;
	padding: 0px;
}

.jdview ul {
	margin: 0px 0px 0px 32px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5;
}

	.jdview ul li {
		list-style-position: outside;
		padding-bottom: 10px
	}

.form-control:disabled, .form-control[readonly] {
	background: #f2f2f2 !important;
	padding: 5px;
	border: 1px solid #dbdbdb;
	height: 38px;
}


.w-150 {
	width: 150px
}

.w-180 {
	width: 180px
}



.qlist li {
	position: relative;
	padding-left: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
}

.qcnt {
	position: absolute;
	left: 0px;
	color: #a39696;
}


.w-55 {
	width: 55px
}

.table {
	margin: 0px
}

.e-emptyrow td {
	font-weight: bold !IMPORTANT;
}

.dataTables_empty, .e-emptyrow td {
	color: #bfbfbf !important;
	background: #ffffff !Important;
	padding: 0px !Important;
	margin: 0px;
	height: 188px;
}

.table {
	margin-bottom: 20px;
}

.badge-secondary.No, .badge-secondary.Yes {
	color: #fff
}

.badge-secondary.No {
	background: #ff0000
}

.badge-secondary.Yes {
	background: #015c05
}


.slt-dgn .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 21px;
	font-size: 14px;
}

.form-group label .td-info {
	font-size: 11px;
	right: 3px;
}


.e-grid .e-headercelldiv, .table.table-striped.table-bordered th {
	background: #f2f2f2 !important;
	color: #000 !important;
}


.input-group p {
	padding: 10px 5px !important;
}


.form-control[readonly] {
	font-weight: normal;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	margin-bottom: 18px !important;
}


.navbar-scd li a {
	color: #464D69;
}


	.navbar-scd li a:hover {
		color: #464D69;
	}

.h-420 {
	height: 420px
}


.emp-info-txt {
	display: table;
	margin: 2px auto;
	font-weight: normal;
	font-size: 11px;
}

.emp-info .media-left img {
	width: 30px;
	height: 30px;
	border-radius: 100px !important;
	display: table;
	border: 2px solid #fff;
}


.prf-img {
	cursor: pointer;
}

	.prf-img .emp-info-txt:hover {
		color: #000;
	}

.profile-img {
	width: 30px;
	height: 30px;
	background: #ffffff;
	border-radius: 100px;
	text-align: center;
	border: 1px solid #dbdbdb;
	margin: 0px auto 5px;
}



.proflieupd {
	background: #7d5d69;
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	height: 250px;
	position: relative;
}

	.proflieupd img {
		width: 100%;
		height: 250px
	}

.prftxt {
	position: absolute;
	top: 0%;
	margin: 0px auto;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: table;
}

.rv, .prfimg, .prftxtshow {
	display: none
}


	.rvbtn, .prfimg.imgshow {
		display: block;
	}

	.prfimg .count-nt {
		right: 4px;
		top: 7px;
		padding: 0px 8px;
		width: 25px;
		height: 25px;
		background: #00000080;
		color: #a3a3a3;
		font-size: 12px;
		text-align: center;
	}

.prfimg {
	background: #fff;
	height: 250px
}

	.prfimg img {
		height: 250px;
		vertical-align: top;
	}

.uplinp {
	background: #fff;
	font-weight: bold;
	color: #7f7f80;
	margin-bottom: 0px
}

/****input file design ******/
.file-input__input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	display: none;
}

.file-input__label {
	cursor: pointer;
	display: table;
	width: 100%;
	align-items: center;
	border-radius: 0px;
	color: #fff;
	font-size: 12px;
	padding: 10px;
	background-color: #3b3d38;
	margin: 0px
}

	.file-input__label svg {
		height: 16px;
		margin-right: 4px;
	}

.heading-grd {
	padding: 8px;
}

.countshow {
	margin-top: 5px
}

	.countshow, .countshow.red-clr strong {
		font-size: 10px !important;
	}

		.countshow.red-clr, .countshow.red-clr strong {
			font-weight: normal;
			animation: blink 1s linear;
		}

@keyframes blink {
	0% {
		opacity: 0;
		margin-left: 5px
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}


.rqt-list .col-sm-4, .rqt-list .col-sm-5, .rqt-list .col-sm-3 {
	margin: 0px !important;
}

.rqt-list .right-dtl-r {
	padding-top: 0px;
}

.hedr-emp-dtl .col-sm-2, .hedr-emp-dtl .col-sm-3, .hedr-emp-dtl .col-sm-4 {
	margin-bottom: 0px !important
}


.rqt-list strong {
	font-size: 12px
}


.spn-dtl .media {
	height: 44px;
	padding: 10px;
}

.hd-p {
	padding: 13px 10px;
	margin: 0px;
}


.table-list input, .table-list select {
	height: 38px !important;
}


.lvtdslt .select2-container .select2-selection--single .select2-selection__rendered {
	width: 40px !important
}



.hwlist label {
	width: auto !important;
	display: initial !important;
}

.hwlist {
	background: #fbfbfb;
	display: table;
	width: 100%;
	padding: 5px;
}

.tdbtn-icon {
	margin: 0px !important;
	border-radius: 0px !important;
	padding: 10px !important;
}

	.tdbtn-icon i {
		margin: 0px;
	}


.table .m-0 {
	margin: 0px !important;
}


table.table-scroll .border-top td {
	border-top: 1px solid #a19f9f !important;
	border-bottom: 0px solid #707070 !important;
}



.table-scroll th, .table-scroll td {
	border-bottom: 0px
}

.act-nxt.npdgn {
	margin-top: 16px;
}

.table.table-scroll.act-table tfoot td {
	position: -webkit-sticky !Important;
	position: sticky !Important;
	bottom: 0;
	background: #000;
	z-index: 4;
	font-weight: bold !important
}

.table.table-scroll.act-table {
	margin: 0px;
}


.bgbox {
	background: #f2f2f2;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px
}

	.bgbox img {
		width: 120px;
	}



.ts-list td {
	border: 0px;
	border-bottom: 1px solid;
}


/*******/
.div_maintb, .three-sticky {
	height: 350px;
	overflow: scroll;
}

	.div_maintb table, .three-sticky table {
		border-spacing: 0;
	}

	.div_maintb th, .three-sticky th, .sticky-sbhead th {
		position: sticky;
		z-index: 200;
		font-weight: normal;
	}

	.div_maintb th, .three-sticky th {
		top: -6px;
	}

.sticky-sbhead th {
	top: 40px !important;
}

.div_maintb input, .three-sticky input {
	width: 40px !important;
}

.div_maintb th:nth-child(1), .div_maintb td:nth-child(1),
.three-sticky th:nth-child(1), .three-sticky td:nth-child(1) {
	position: sticky;
	left: -5px;
	width: 50px;
	min-width: 50px;
}

.div_maintb th:nth-child(2), .div_maintb td:nth-child(2),
.three-sticky th:nth-child(2), .three-sticky td:nth-child(2) {
	position: sticky;
	left: 40px;
	width: 50px;
	min-width: 50px;
}

.div_maintb th:nth-child(3), .div_maintb td:nth-child(3),
.three-sticky th:nth-child(3), .three-sticky td:nth-child(3) {
	position: sticky;
	left: 80px;
}

.left-110 th:nth-child(3), .left-110 td:nth-child(3) {
	position: sticky;
	left: 110px;
}

.div_maintb th:nth-child(4), .div_maintb td:nth-child(4) {
	position: sticky;
	left: 140px;
}

.div_maintb th:nth-child(5), .div_maintb td:nth-child(5) {
	position: sticky;
	left: 250px;
}

.div_maintb th:nth-child(6), .div_maintb td:nth-child(6) {
	position: sticky;
	left: 300px;
}

.div_maintb th:nth-child(7), .div_maintb td:nth-child(7) {
	position: sticky;
	left: 340px;
}

.div_maintb td:nth-child(1), .div_maintb td:nth-child(2),
.div_maintb td:nth-child(3), .div_maintb td:nth-child(4),
.div_maintb td:nth-child(5), .div_maintb td:nth-child(6), .div_maintb td:nth-child(7),
.three-sticky td:nth-child(1), .three-sticky td:nth-child(2),
.three-sticky td:nth-child(3) {
	background: #fff2ab;
	z-index: 200;
}

.div_maintb th:nth-child(1), .div_maintb th:nth-child(2), .div_maintb th:nth-child(3), .div_maintb th:nth-child(4), .div_maintb th:nth-child(5),
.div_maintb th:nth-child(6), .div_maintb th:nth-child(7), .three-sticky th:nth-child(1), .three-sticky th:nth-child(2), .three-sticky th:nth-child(3) {
	z-index: 300;
}

.ellipsis {
	width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.fn-bold, .fn-bold td {
	font-weight: bold !important
}

.sticky-sbhead.top th {
	top: 110px !important;
}

.sticky-sbhead.top th {
	top: 66px !important;
}

.div_maintb .table-striped tbody tr:nth-of-type(odd) td, .three-sticky .table-striped tbody tr:nth-of-type(odd) td {
	background-color: #f2f2f2 !important;
}

.div_maintb .table-striped td, .three-sticky .table-striped td {
	background-color: #fff2ab !important;
}



.table.table-striped.table-bordered .thLeaveBg, .thLeaveBg {
	background: #ffe7e7 !important
}

.table.table-striped.table-bordered .thHourBg, .thHourBg {
	background: #f3e7ff !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding: 5px 9px !important;
}


.cntitle {
	text-transform: uppercase;
	font-size: 20px;
}


.fn-md {
	font-size: 14px !important
}


th.fixholidaycolor {
	background: #eefbdb !important;
}

.check-ctn {
	display: table;
	margin: 0px auto !important
}




@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.plans .plan input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.plans .plan {
	cursor: pointer;
	width: 100%;
}

	.plans .plan .plan-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 8px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #dbdbdb;
		border-radius: 10px;
		-webkit-transition: -webkit-box-shadow 0.4s;
		transition: -webkit-box-shadow 0.4s;
		-o-transition: box-shadow 0.4s;
		transition: box-shadow 0.4s;
		transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
		position: relative;
	}

		.plans .plan .plan-content img {
			margin-right: 10px;
			height: 30px;
			vertical-align: middle;
		}

	.plans .plan .plan-details span {
		margin-bottom: 10px;
		display: block;
		font-size: 20px;
		line-height: 24px;
		color: #252f42;
	}

.container .title {
	font-size: 16px;
	font-weight: 500;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	color: #252f42;
	margin-bottom: 20px;
}

.plans .plan .plan-details {
	margin: 0px;
	padding: 4px 0px;
	font-weight: bold;
}

.plans .plan .plan-content:hover {
	-webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
	box-shadow: 0px 3px 5px 0px #e8e8e8;
	background: #f2f2f2;
}

.plans .plan input[type="radio"]:checked + .plan-content:after {
	content: "";
	position: absolute;
	height: 18px;
	width: 18px;
	background: #fff;
	right: 10px;
	top: 15px;
	border-radius: 100%;
	border: 0px solid #fff;
}

.plans .plan input[type="radio"]:checked + .plan-content {
	border: 2px solid #8ca216;
	color: #000;
	-webkit-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	transition: ease-in 0.3s;
}

.reportimg {
	width: 510px;
	animation: fadeIn ease 5s;
	-webkit-animation: fadeIn ease 5s;
	-moz-animation: fadeIn ease 5s;
	-o-animation: fadeIn ease 5s;
	-ms-animation: fadeIn ease 5s;
}


.table {
	width: 100% !important
}


.modal {
	padding: 0px !important
}

.print-header {
	background: #FFF;
	box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
	margin-bottom: 20px;
	padding: 10px 0px 0px;
	position: fixed;
	width: 100%;
	z-index: 99;
	top: 0px;
}

	.print-header .col-sm-12 {
		margin-bottom: 0px !important
	}

.plans a {
	display: block;
}

	.plans a .plan-content:hover {
		border: 2px solid #495057 !important;
		background: #b7d41b !important;
		color: #000 !important
	}

.box-plan .plan-content {
	display: block !important;
	text-align: center;
	height: 145px;
	padding: 30px 0px !important;
	border-radius: 0px !important;
	border: 1px solid #dbdbdb !important;
}

	.box-plan .plan-content img {
		margin-bottom: 10px;
		height: 50px !important
	}

.fn-i {
	font-style: italic;
}
/****************/

.input-group-dgn {
	width: 490px;
	margin: 0px auto;
	position: relative;
	top: -44px;
}

	.input-group-dgn .lbl-abs {
		font-size: 14px;
		color: #000 !important
	}

	.input-group-dgn input {
		padding: 23px;
		text-align: left !important;
		font-size: 16px;
		font-weight: bold;
		-webkit-box-shadow: 2px 18px 32px -19px rgba(173,173,173,1);
		-moz-box-shadow: 2px 18px 32px -19px rgba(173,173,173,1);
		box-shadow: 2px 18px 32px -19px rgba(173,173,173,1);
	}

.input-group-btn {
	position: absolute;
	right: 6px;
	top: 7px;
	z-index: 999;
}

.boxcenter {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.input-group-dgn .field-validation-error {
	position: absolute;
	bottom: -26px;
	left: 20px;
}

.input-group-dgn .input-validation-error {
	border: 1px solid #ff0000
}

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

.table.table-striped.table-bordered .ylwlightbg, .table.table-striped.table-bordered td.ylwlightbg {
	background: #fff3cb !important;
}

.table.table-striped.table-bordered th.ylwlght2bg, .table.table-striped.table-bordered td.ylwlght2bg, .ylwlght2bg {
	background: #fffbef !important;
}

.tds-fism td input {
	height: 28px !important;
}

.tds-fism td input {
	width: 60px !important;
}

.srtbl th:nth-child(3), .srtbl td:nth-child(3) {
	left: 158px !important;
}

.srtbl th {
	word-break: break-word !important;
}

.crdgn th:nth-child(3), .crdgn td:nth-child(3) {
	left: 115px;
}


/***************#b7d41b**********/

.tab-main #tabs li a.active, .tab-main #tabs li a.active:before, .l-hamburger:hover span,
.tab-main #tabs li a.active:before, .rqt-list li.active, .plans .plan input[type="radio"]:checked + .plan-content {
	background: #b7d41b;
}

.tabs-second a.active span, .tabs-second a:hover span {
	background: #b7d41b !important;
}

.tab-main.trvl-tab .collapsed, .tab-main.trvl-tab .collapsed i {
	color: #b7d41b !important;
}

.tabs-second a.active, .tab-main .tabs-second li a:hover {
	border: 2px solid #b7d41b !important;
}

.tabs-second a.active {
	color: #fff !important
}


.swal-content__input:focus, .swal-content__textarea:focus {
	outline: none;
	border-color: #b7d41b !important;
}


.act-nxt .disabled, .task-tab {
	background: #f2f2f2 !important;
}
/*********/
.leadcountlist {
	text-align: center;
	padding: 10px 2px;
	margin: 10px 0px;
	border-right: 1px solid #dbdbdb
}

.col-sm-3:last-child .leadcountlist {
	border: 0px;
}

.cnt-number {
	color: #9f9f9f;
	font-size: 42px;
	font-weight: bold;
}

.cnt-text {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.cnt-text, .ldimplistbox h2 {
	color: #2a2b3c;
}

.svgimg {
	display: table;
	margin: 0px auto
}

.ldimplist {
	text-align: center;
}

.ldimplistbox {
	background: #f2f2f2;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 12px;
	border-radius: 8px
}

.ldimplist p {
	margin: 0px;
	color: #9f9f9f
}

.ldimplistbox h2 {
	font-size: 18px;
}

.ldimplist strong {
	font-size: 14px
}

.ldimplistbox .count-nt {
	font-size: 10px;
	width: 18px;
	height: 18px;
	line-height: 19px;
	top: 4px;
	right: 4px;
}
/*************/
.slider {
	position: relative;
}

	.slider .bx-wrapper {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		border: 0;
	}

		.slider .bx-wrapper .bx-controls-direction a.bx-next:after {
			content: "\f105";
		}

		.slider .bx-wrapper .bx-controls-direction a.bx-prev:after {
			content: "\f104";
		}

.thumbnail.product {
	overflow: hidden;
	border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.slider .bx-prev, .slider .bx-next {
	position: absolute;
	top: -33px;
	background: #fcfbfb;
	padding: 2px 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold !important;
	z-index: 100
}

.slider .bx-prev {
	right: 33px
}

.slider .bx-next {
	right: 0px
}

.w-128 {
	width: 128px
}

.tagslist {
	position: absolute;
	top: 8%;
	right: -40px;
	font-size: 11px;
	color: #9f9f9f;
}

	.tagslist svg {
		position: absolute;
		left: -40px;
		top: -10px;
	}

.rgt-pst {
	font-size: 12px
}

	.rgt-pst a {
		color: #fff
	}

.h-495 {
	height: 495px
}

.linkrgt {
	float: left;
	padding: 10px 5px;
}

.fa-solid {
	font-style: normal;
}

.ulmyteam li {
	cursor: initial;
}

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

.icon-40 {
	height: 40px;
}

.icon-20 {
	height: 20px;
}

.icon-80 {
	height: 60px;
}

.ldimplistbox h2 {
	margin-top: 20px;
}

.col-md-6.mb-0 {
	margin-bottom: 0px !important
}

.box-fh {
	height: 450px
}

.col-sm-12.mb-0 {
	margin-bottom: 0px !important
}

.slt-group {
	position: relative;
}

	.slt-group .select2-container {
		width: 100% !important;
	}

	.slt-group .select2-container--default .select2-selection--single
	.select2-selection__arrow {
		right: 44px;
	}

.sltplus {
	position: absolute;
	right: 1px;
	top: 1px;
	height: 37px;
	text-align: center;
	padding: 0px 12px;
}

.dwnloadimg img {
	width: 100%
}

.center-hr {
	margin: 0px auto;
	display: table;
	width: auto;
	right: 0px;
}

.ul-center, ul.ul-center {
	display: table;
	margin: 0px auto;
	width: auto
}


.serbox {
	background: #fafafa;
	padding: 10px 10px 0px;
	margin-bottom: 20px;
}

	.serbox .col-sm-3, .serbox .col-sm-4, .serbox .col-sm-4, .serbox .col-sm-1, .serbox .col-sm-2 {
		margin: 0px !important;
		position: relative;
	}

	.serbox .form-control, .serbox .select2-selection {
		border: 0px solid #fff !important;
		background: none !important;
		border-bottom: 1px solid #a7c234 !important;
		font-weight: bold
	}

	.serbox .form-control, .serbox .select2-selection__rendered {
		font-size: 12px !important;
	}

.lgt-heading {
	font-size: 14px;
	color: #000;
	margin-bottom: 10px
}

.serbox .form-control, .serbox .select2-selection__rendered {
	font-size: 14px !important;
}

.serbox .form-control, .serbox .select2-selection {
	border-bottom: 1px solid #000000 !important;
}

.showatchimg {
	background: #f2f2f2;
	line-height: 39px;
	text-indent: 1em;
	margin-bottom: 1px;
	clear: right;
	transform: translate3d(0, 0, 0); /* Not sure if it helps here :) */
	transition: all .15s;
	overflow: hidden;
	height: 39px;
}

.delete {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 5px;
}

.shwoinput {
	position: relative;
}

	.shwoinput .delete {
		top: 12px
	}

.attimg {
	width: 100%;
}

/*****/

.commentlistdng {
	background: #f2f2f2;
	margin-bottom: 10px;
	padding: 10px 5px;
	border-radius: 5px;
}

.circle-nm {
	width: 40px;
	height: 40px;
	font-size: 12px;
	border: 0px;
	background: #fff;
	padding: 10px;
}

.modal-content {
	border: 0px;
	;
}

.confirmmsg .modal-body {
	padding: 0px
}

.confirmmsg .swal-icon {
	text-align: center;
	margin: 0px !important;
}

.confirmmsg .swal-txt {
	padding: 20px;
	padding: 10px;
	font-size: 14px;
	color: #2a2b3c;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}

.confirmmsg .modal-footer {
	display: table;
	background: #fff;
	text-align: center;
	width: 100%;
}

/*styling star rating*/
.rating-wrap {
	box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}

.rating {
	border: none;
	padding: 10px;
	border-radius: 10px;
	width: 250px;
	display: table;
	margin: 0px auto;
}

.form-group .rating-wrap label {
	width: auto !important;
	color: #f2f2f2;
}

.rating > input {
	display: none;
}

.rating > label:before {
	content: '\f005';
	margin: 5px;
	font-size: 1.5rem;
	display: inline-block;
	cursor: pointer;
}

.rating > .half:before {
	content: '\f089';
	position: absolute;
	cursor: pointer;
}


.rating > label {
	color: #ddd;
	float: right;
	cursor: pointer;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	color: #ef8813;
}

	.rating > input:checked + label:hover,
	.rating > input:checked ~ label:hover,
	.rating > label:hover ~ input:checked ~ label,
	.rating > input:checked ~ label:hover ~ label {
		color: #f8cf18;
	}

.acd-tab {
	width: 100%;
	display: table;
}

	.acd-tab .btn-link {
		display: table;
		float: left;
		padding: 10px 20px;
		font-weight: bold;
		background: #f08916;
		color: #fff;
		text-decoration: none;
		border-right: 1px solid #dbdbdb;
	}

		.acd-tab .btn-link:hover {
			background: #f2f2f2 !important;
			color: #f08916;
		}

		.acd-tab .btn-link.collapsed {
			background: #fff;
			color: #464D69 !important;
		}

.col-sm-12.m-0 {
	margin-bottom: 0px !important;
}

/****************/

.kmicon {
	margin: 0px auto;
	display: table;
	padding: 0px;
	background: none;
}

	.kmicon > span {
		display: block;
		width: 4px;
		height: 4px;
		margin: 3px;
		border-radius: 10px;
		background-color: #000;
		opacity: 1;
		transition: all 0.3s;
		transform-origin: center;
	}

	.kmicon:hover > span {
		background-color: #fc0;
	}

	.kmicon.open > span {
		margin: 0;
	}

.dropdown-menu.show {
	display: block !important;
	font-size: 12px;
}


.dropdown-menu li a {
	font-size: 12px;
}

	.dropdown-menu li a:hover {
		background: #b7d41b;
	}

		.dropdown-menu li a:hover i, .dropdown-menu li a:hover {
			color: #000;
		}


.dw-listdtl li a {
	position: relative;
	padding: 8px 8px 8px 30px;
}

.dw-icon {
	position: absolute;
	top: 11px;
	color: #dbdbdb;
	left: 10px;
}

.dropdown-menu.show {
	left: 20px !important;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.headingtab {
	cursor: pointer;
	color: #9f9f9f;
}

	.headingtab i {
		background: none;
		-webkit-background-clip: initial;
		-webkit-text-fill-color: initial;
		color: #9f9f9f
	}

	.headingtab .active i {
		background: -webkit-linear-gradient(#b7d41b, #f8cf18);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.headingtab .active {
		color: #ef8813;
		font-weight: 600;
	}

.list-group {
	width: 100%;
}

.fn-sm {
	font-size: 12px;
}

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

.h-400 {
	height: 400px;
}

.count-nt i {
	margin: 0px;
	background: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
}

.headding-right .count-nt {
	text-align: center;
	color: #fff;
	font-size: 10px;
	width: 20px;
	height: 20px;
	background: #ef8813;
	line-height: 22px;
}

.subhead {
	position: inherit;
	border-top: 1px solid #dbdbdb;
	padding: 5px;
	margin-top: 8px;
}

.fixedbtmmsg {
	position: fixed;
	bottom: -12px;
	right: 20px;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	padding: 10px 20px !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

.btn-sm {
	padding: 5px 10px !important;
}

.acd-tab .collapsed:after {
	display: none;
}

/*************/

.tabscroll {
	position: relative;
	max-width: 1830px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.tabscrollinfo {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 0px;
	padding: 0px;
}

	.tabscrollinfo .item {
		display: inline-block;
		padding: 0px;
		text-align: left;
		box-sizing: border-box;
		margin: 0px;
	}

.paddle {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 3em;
}

.left-paddle {
	left: 0;
}

.right-paddle {
	right: 0;
}

.hidden {
	display: none;
}

.print {
	margin: auto;
	max-width: 500px;
}

	.print span {
		display: inline-block;
		width: 100px;
	}

.deskbtn form {
    width: 100%;
    display: initial;
}

.table td, .table th{font-size: 11px}

.m-leftside{display: none}

.lblUnitType{
	width: 73px !important;
    display: table !important;
    word-break: break-all;
}

.chatmsgtree li {
	margin-bottom: 20px;
}

.chatmsgtree li {
	list-style-type: none;
	margin: 10px 0 10px 0px;
	position: relative;
}

	.chatmsgtree li ul li {
		list-style-type: none;
		margin: 10px 0 10px 30px;
		position: relative;
	}

.msgname {
	position: relative;
}

.msgdate {
	position: absolute;
	top: 1px;
	right: 11px;
}

.chatmsgtree li ul li:before {
	content: "";
	position: absolute;
	top: -10px;
	left: -20px;
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	width: 20px;
	height: 15px;
}

.chatmsgtree li ul li:after {
	position: absolute;
	content: "";
	top: 5px;
	left: -20px;
	border-left: 1px solid #f2f2f2;
	border-top: 1px solid #f2f2f2;
	width: 20px;
	height: 100%;
}

.chatmsgtree li:last-child:after {
	display: none;
}

.chatmsgtree li span {
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
	color: #888;
	text-decoration: none;
}

	.chatmsgtree li span:hover, .chatmsgtree li span:focus {
		background: #eee;
		color: #000;
		border: 1px solid #aaa;
	}

		.chatmsgtree li span:hover + ul li span, .chatmsgtree li span:focus + ul li span {
			background: #eee;
			color: #000;
			border: 1px solid #aaa;
		}

		.chatmsgtree li span:hover + ul li:after, .chatmsgtree li span:hover + ul li:before, .chatmsgtree li span:focus + ul li:after, .chatmsgtree li span:focus + ul li:before {
			border-color: #aaa;
		}

.mymsg {
	background: #fff0db;
}


.h-350{height: 350px}

.h-245{height: 245px}
.headding-right{font-size: 12px}

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

.roundesar{border-radius: 10px; background: #fff; color: #000; box-shadow: 0 5px 10px 0 rgb(50 50 50 / 15%);
}
.headingtab{cursor: pointer; color: #9f9f9f ;}
.headingtab{cursor: pointer; color: #9f9f9f ;}
.headingtab  i {    
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
	color: #9f9f9f
}

.headingtab .active i {
    background: -webkit-linear-gradient(#b7d41b, #f8cf18);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.headingtab .active{color: #ef8813; font-weight: 600;}
.list-group{width: 100%;}
.fn-sm{font-size: 12px;}

.subhead {
	position: inherit;
	border-top: 1px solid #dbdbdb;
	padding: 5px;
	margin-top: 8px;
	font-size: 12px;
	font-weight: normal;
}


.heading-line{margin: 5px 0px}
.fn-10{font-size: 10px}
.h-245{height: 245px}
.h-350{height: 350px}
.dcptlist{margin: 0px; padding: 0px}
.dcptlist li{display: table; float: left}
.fn-md, a.fn-md {font-size: 14px !important;}
.dcptlist li{border-right: 1px solid #f2f2f2; padding-right: 5px; margin-right: 10px}
.ck.ck-editor__editable_inline p{background: none; background: none;padding: 0px 0px 0px;min-height: auto;
}

.ck-editor__editable{height: 300px}
.form-control.h-150{height: 150px}

.rdo-block li {
	display: block;
	float: none;
	margin-bottom: 8px;
}

.mxh-150{max-height: 150px;height: auto;}
.mxh-264{max-height: 264px;height: auto;}
.chknew + label {position: relative;padding: 0px 0px 0px 25px !important;}
.chknew + label:before {position: absolute;left: 0px;}

 .tab-main .card-header a i{
  	-webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
  }

  .btn.clc-35{padding: 0px !important;
    width: 35px;
    height: 35px;}

.btn.clc-35.mt-13{margin-top: 13px !important}

.btn{cursor: pointer;}

.th-bg-none th {
    border: 0px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-bottom-width: 1px !important;
    background: none !important;
}

.td-border-none td {border: 0px;}
.table .headingtwo {margin: 10px 0px;}
.responsive-tabs li.active a {
    background: #f08916 !important;
    color: #fff !important;
    border-radius: 0px;
}

.responsive-tabs.nav-tabs i.fa {
    display: none;
}

.responsive-tabs.nav-tabs i.fa {
    position: absolute;
    top: 14px;
    right: 22px;
}

.count-scd {
    font-size: 11px;
    position: absolute;
    color: #ffff;
    width: 39px;
    right: 5px;
    background: #ff0000;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: normal;
    text-align: right;
}


.autocomplete-suggestions{height: 110px !important}

.autocomplete-suggestion {padding: 5px;}

.autocomplete-suggestion, .autocomplete-suggestions{border-bottom: 1px solid #dbdbdb  !important; }
.autocomplete-suggestions strong {color: #ef8813 !important;}

.dataTables_wrapper .row {margin: 0px;}
.dataTables_wrapper .col-sm-12 {margin: 0px !important;padding: 0px !important;}
/*.table-responsive {display: table;}*/
#calendar .loadingscd {
    width: 99%;
    top: 0px;
    left: 0px;
    border-radius: 16px;
}

 .m-table.table {
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
  }
  .m-table caption {
    text-align: left;
    color: gray;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
  }
 .m-table th {
    text-align: left;
    padding: .5em 1em;
  }
  .m-table td {
    text-align: left;
    padding: .5em 1em;
  }
 .m-table tbody tr:nth-of-type(odd) {
    background: whitesmoke;
  }

    .rstable {
   border-collapse: collapse;
 }
 
 .rstable th {
   text-align: left;
   padding: .5em 1em;
 }
 .rstable td {
   text-align: left;
   padding: .5em 1em;
 }
 .rstable tbody tr:nth-of-type(odd) {
   background: whitesmoke;
 }

 .tkttbl{-webkit-box-shadow: 0px 4px 30px rgb(95 94 231 / 7%);
    box-shadow: 0px 4px 30px rgb(95 94 231 / 7%);}
.tkttbl td{border: 0px; padding: 7px !important;}
.plans .plan input[type="radio"]:checked + .plan-content, .plans .plan input[type="checkbox"]:checked + .plan-content {
	border: 2px solid #8ca216;
	color: #000;
	-webkit-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	transition: ease-in 0.3s;
}

.tab-main #tabs li a.active, .tab-main #tabs li a.active:before, .l-hamburger:hover span, .tab-main #tabs li a.active:before, .rqt-list li.active, .plans .plan input[type="radio"]:checked + .plan-content, .plans .plan input[type="checkbox"]:checked + .plan-content {
	background: #b7d41b;
}


.prdodrheader {
	padding: 10px;
	font-size: 16px;
	margin-bottom: 40px;
}

	.prdodrheader h2 {
		font-weight: normal;
	}

	.prdodrheader .offerleterlogo {
		width: 200px;
	}

	.prdodrheader .rightsideinfo p {
		margin-bottom: 5px;
	}

	.prdodrheader .rightsideinfo small {
		line-height: 18px !important;
		font-size: 12px;
		display: table
	}

.prdord-info, .prdord-tableprice {
	padding: 0px 20px 20px;
}

	.prdord-info h2 {
		display: table;
		font-size: 14px;
		font-weight: normal;
		background: #fffaf3;
		padding: 4px 10px;
		border-left: 4px solid #ef8813;
		color: #7c7c7c;
		margin-bottom: 15px;
	}

.prdord-adr {
	font-size: 14px;
}

.prdord-adr table{width: 100%}

	.prdord-adr p {
		margin-top: 5px;
		margin-bottom: 0px;
	}

	.prdord-adr table td {
		font-size: 14px !important;
	}

	.prdord-adr table td {
		padding: 0px 15px 5px 0px;
	}

.prdord-tableprice th {
	font-size: 14px !important;
	padding: 15px !important;
	border: 0px !important;
	background: #fffaf3 !important;
	color: #000 !important;
}

.prdord-tableprice td {
	padding: 15px !important;
	border: 0px;
	border-bottom: 1px solid #dbdbdb !important;
	font-size: 14px !important;
	border-bottom: 0px;
}

.prdordftr {
	padding: 20px;
	font-size: 14px;
}

.square li {
	list-style-type: square;
	padding: 0px 0px 10px;
}

.prdordftr td {
	border: 0px;
}

.prdodrheader td{vertical-align: top !important}
ol li::before {
	color: #040404;
}

ol li li::before {
	content: "";
}

.rightsideinfo table td {
	font-size: 14px !important;
	padding-bottom: 5px;
	vertical-align: top;
}

.prdord-info table td {
	vertical-align: top;
}


#tblQutation td:nth-of-type(2), #tblQutation td:nth-of-type(3), #tblQutation td:nth-of-type(4), #tblQutation td:nth-of-type(5),
#tblQutation th:nth-of-type(2), #tblQutation th:nth-of-type(3), #tblQutation th:nth-of-type(4), #tblQutation th:nth-of-type(5) {
  text-align: center
}

#tblQutation th:nth-of-type(4) {
  width: 200px !important
}


#tblQutation td:nth-of-type(5){
	font-weight: bold
}


#tblPaymentTermPrint td:nth-of-type(2),
#tblPaymentTermPrint th:nth-of-type(2){
	text-align: center
}


#divTermCondition ul{
	margin-left: 20px !important
}


.tcdgn ol li{
	counter-increment: my-awesome-counter !important;
    position: relative;
    padding: 0px 0px 10px 20px !important;
    list-style: none !important;
}


.tcdgn blockquote{border:0px !important;}

.cntprint .lower-alpha li, .decimal .lower-alpha li, .decimal .decimal  .lower-alpha li{
    list-style-type: lower-alpha;
    padding: 0px;
    list-style-position: outside;
  }
.cntprint   ol .lower-alpha li::before, .lower-roman li::before, .decimal li::before{display: none;}
.cntprint   ol li .lower-alpha{ margin:10px 0px 0px 10px;}
  
.cntprint  ol li .decimal { margin:10px 0px 0px 15px;}
.cntprint .lower-roman li{list-style-type: lower-roman; }
.cntprint .lower-roman{ margin:10px 0px 0px 10px;}
.cntprint  ol li ol li{padding-left: 0px;}
.cntprint .decimal li, .lower-alpha .decimal li {list-style-type: decimal }
.cntprint ol li{ margin-bottom: 5px; padding-bottom: 0px}
.cntprint  .lower-alpha {margin: 10px 0px 0px 14px !important}
.cntprint li p{margin: 0px}
.right-dtl-r .dropdown-menu.show {left: 0px !important;}
.togledtl .btn{
	border-radius: 4px !important
}
/*****tab*******/
.tab-thrid {
  list-style: none;
  display: flex;  
  margin: 0px 0px 20px;
  padding: 0px;
  background: #f2f2f2;
  overflow: auto;
}

.tab-thrid li {
  position: relative;
  color: #Fff;
  height: 40px;
  padding: 0 20px 0 40px;
  display:flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
}

.tab-thrid li::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: -10px;
    z-index: 9;
    border-right: 2px solid #fff;
    transform: skewX(45deg);
}

.tab-thrid li:before, .tab-thrid li:after, .tab-thrid li{
	    background: #f08815;

}
.tab-thrid .active:before, .tab-thrid .active:after,.tab-thrid .active{
	    background: #a7c234;

}

.tab-thrid .dnactive:before, .tab-thrid .dnactive:after, .tab-thrid .dnactive{
	    background: #ffcb05;

}
.tab-thrid li::before {
      content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: -10px;
    z-index: 9;
    border-right: 2px solid #fff;
    transform: skewX(-45deg);
}

.hglt-bg {
    background: #f7f7f7;
    padding: 10px 10px 0px;
    border: 1px solid #f2f2f2;
}


.tab-link {
	position: absolute;
	right: 10px;
	top: 5px;
}
.tab-link a {
	background: none !important;
	padding: 0px !important;
	font-weight: bold !important;
	color: #000 !important;
}
.tab-link a:after, .tab-link a:before {display: none !important;}
.btn-c .darkclr {color: #939393 !important;}
.btn-c .darkclrNewMsg {
	color: #b7d41b !important;
}



.tab-thrid {
  list-style: none;
  display: flex;  
  margin: 0px 0px 20px;
  padding: 0px;
  background: #f2f2f2
}
	.tab-thrid li {
		position: relative;
		color: #Fff;
		height: 40px;
		padding: 0 20px 0 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1;
		font-size: 12px;
		font-weight: bold;
		text-transform: capitalize;
		cursor:pointer;
	}

.tab-thrid li::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: -10px;
    z-index: 9;
    border-right: 2px solid #fff;
    transform: skewX(45deg);
}

.tab-thrid li:before, .tab-thrid li:after, .tab-thrid li{
	    background: #f08815;

}
.tab-thrid .active:before, .tab-thrid .active:after,.tab-thrid .active{
	    background: #a7c234;

}

	.tab-thrid .dnactive:before, .tab-thrid .dnactive:after, .tab-thrid .dnactive {
		background: #ffcb05;
		cursor:pointer;
	}

}
.tab-thrid li::before {
      content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: -10px;
    z-index: 9;
    border-right: 2px solid #fff;
    transform: skewX(-45deg);
}
*/
/*.lower-alpha{margin-left: 20px}
		.lower-alpha li {list-style-type: lower-alpha !important; padding: 0px 0px  0px 10px    }
		li ol.lower-roman li{list-style-type: lower-roman !important;}
*/
.signimg {width: 100%;}
.stampimg {width: 120px;}
.po-stemp{vertical-align: middle;}
.po-stemp .stampimg {width: 80px; margin: 0px}

/**/
.printcontractlog{
        width: 230px !important;
        margin-bottom: 30px;
    }
    .contract-dgn{
        width: 90%;
        margin: 0px auto;
        font-size: 14px;
    }

    .contract-dgn h2{
        margin-bottom: 10px;
    
    }

    .contract-dgn p{margin-bottom: 15px;    }

    .contract-dgn h2, .contract-dgn p, .contract-dgn ol li, .contract-dgn ul li {
        font-size: 18px !important;
        color: #000 !important;
        
    }
    .contract-dgn ol li::before{
        display: none;
    }
    .contract-dgn ul li{list-style: none !important ;    }
    .contract-dgn ul, ol{margin: 0px; padding: 0px;}
    .contract-dgn li{margin-bottom: 10px; padding: 0px;}
    .signatureimg{margin-bottom: 20px;}
    .signatureimg img, .stampimg img{ width: 120px;}
    .stampimg{
        margin-top: 20px;
    }
       
/**/
 .contract-dgn-new{
        width: 80%;
        margin: 0px auto;
        font-size: 14px;
        text-align: justify;
        
    }

    .contract-dgn-new h2{
        margin-bottom: 10px;
    
    }

    .contract-dgn-new p{margin-bottom: 15px;    }

    .contract-dgn-new h2, .contract-dgn-new p, .contract-dgn-new ol li, .contract-dgn-new ul li {
        font-size: 18px !important;
        color: #000 !important;
        line-height: 23px;
        margin-top: 20px;
        
    }

/*.contract-dgn-new ul, ol{margin: 0px; padding: 0px;}*/
    .contract-dgn-new ol li ol, .contract-dgn-new ul li ul{
        margin-left: 30px;
    }

    .contract-dgn-new ol li ol ol, .contract-dgn ul li ul ul{
        margin-left: 50px;
    }
    .contract-dgn-new ol li::before{
        display: none;
    }
    .contract-dgn-new ul li{list-style: none !important ;    }
    
    .contract-dgn-new li{margin-bottom: 10px; padding: 0px;}
    .signatureimg{margin-bottom: 20px;}
    .signatureimg img, .stampimg img{ width: 120px;}
    .stampimg{
        margin-top: 20px;
    }

 .po-conditiondgn{text-align: justify; }
 #divTermCondition.po-conditiondgn ul{
     margin: 0px 0px 0px 20px!important;
    padding: 0px; }
 
 .po-conditiondgn ol{ margin: 0px 0px 0px 20px }
 .po-conditiondgn ol li{
 	list-style: auto;
 	padding: 0px;
 }

 .po-conditiondgn ol li ul li {
    list-style: disc;
}

.po-conditiondgn ol li ol li{
 	list-style: auto;
 	padding: 0px;
 }

.po-conditiondgn ol li, .po-conditiondgn ul li{
	margin-top: 15px
}
 .po-conditiondgn ol li::before{display: none}
 


 .po-conditiondgn, .po-conditiondgn p, .po-conditiondgn ul, .po-conditiondgn ul li,
 .po-conditiondgn ol, .po-conditiondgn ol li, .po-conditiondgn li p, .po-conditiondgn h2{
 	color: #000;
 	font-size: 16px !important
 }

.lower-latin li{list-style-type: lower-latin !important}
.lower-roman li{list-style-type: lower-roman !important;}
    .decimal li{list-style-type: decimal !important ;}

    .decimal li .lower-latin li {
    list-style-type: lower-latin !important;
}

.decimal .lower-latin li .decimal li .lower-latin li {
    list-style-type: lower-latin !important;
}

.decimal .lower-latin li .decimal li{list-style-type: decimal !important ;}

 .header-mnu li a{
    position: relative;
  }
  .badge-num {
  box-sizing:border-box;
  
  background: #ff0000;
  cursor:default;
  border-radius: 50%;
  color: #fff;
  font-weight:bold;
  font-size: 16px;
  height: 10px;
  line-height:1.55em;
  top:3px;
  right:15px;
  /* border:3px solid #fff; */
  position: absolute;
  text-align: center;
  width: 10px;
  box-shadow: 1px 1px 5px rgba(0,0,0, .2);
  animation: pulse 1.5s 1;
}
.badge-num:after {
  content: '';
  position: absolute;
  top:0px;
  left:0px;
  border:2px solid #fff;
  opacity:0;
  border-radius: 50%;
  width:100%;
  height:100%;
  animation: sonar 1.5s infinite;
}

@keyframes sonar { 
  0% {transform: scale(.9); opacity:1;}
  100% {transform: scale(2);opacity: 0;}
}

.po-conditiondgn p{
	margin: 0px !important
}

@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}



.po-conditiondgn ol, .po-conditiondgn ol {
    margin-left: 20px !Important;
}

.po-conditiondgn ol ol, .po-conditiondgn ul ul{
	margin-left: 30px !Important;	
}

.po-conditiondgn ol ol ol, .po-conditiondgn ul ul ul{
	margin-left: 20px !Important;	
}


.po-conditiondgn-header p{
	margin-bottom: 20px !important
}

#divContentHtml{
	margin-top: 10px
}

.po-conditiondgn ol li {
    padding: 3px 0px 3px 10px !important;
}

.signatureimg {
    margin-top: 10px;
}

.highlighted {
	background-color: yellow;
}


.anexlist{
	margin-top: 20px
}

.tbl-amoutright th:first-child {
	text-align: left !important;
}

.tbl-amoutright th {
	text-align: right !important;
}
.tbl-amoutright td:first-child {
	text-align: left !important;
}

.tbl-amoutright td {
	text-align: right !important;
}

.prdord-adr table td {
	word-break: break-word;
}

.ClassColumnWidth {
	width:700px;
}



/**.reportlist .plan .plan-content {
    padding: 16px;
    
}


.reportlist .plan {margin: 0px;}
***/

.reportlist .col-sm-4{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0px !important
}


.offerleterlogo{
	width: 150px
}


div.mb-0{margin: 0px !important}

.wlc-dtl video{
	width: 700px;
	height: 400px;
	margin:0px;
	padding: 0px;
	border: 4px solid #fff;
	border-radius: 10px;
}

.wlc-lgo{
	    margin-bottom: 0px;
    width: 160px;
}

.wlc-dtl h2{
	font-size: 20px;
    font-weight: bold;
    margin:10px 0px;
}


.card.mitrcrd {border-radius: 10px !important;}
.card.mitrcrd{box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}


.mitrcrd {
    background: #f5f5f5 !important;
    padding: 25px 10px 0px;
    border: 0px !important;
    height: 100%;
}

.mitrcrd .iconsize {
    margin: 0px auto;
}

.iconsize {
    width: 80px;
}

.mitrcrd h5 {
    margin-bottom: 30px;
    font-size: 16px;
    height: 50px
}


.joincard {
    width: 800px;
}


.form-control.wlc-tarea{
	width: 500px;
	height: 300px
}

.skip .btn-lg {
    font-size: 20px !important;
    padding: 10px 50px !important;
}

.md-lst p{
	padding:0px !important;

}
.mtdgn-profile.count-nt{
	position: inherit;
    left: 0px;
    display: table;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #9c9c9c;
    background: #f5f5f5;
    text-transform: uppercase;
    margin: 0px auto 10px;
}

.v-line {
    border-color: #dbdbdb;
    margin: 5px 0px;
}


.impactive{background: #f5e2e2;}
.table-bordered{
  border: 1px solid #dee2e6 !important;
}
.table-bordered td, .table-bordered th{
  border: 0px !important;
  border-right: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
}

.table-bordered td.br-0, .table-bordered th.br-0{
  border-right: 0px solid !important ;
  
}

.amendmentDetails .form-group p, .amendmentDetails .select2-selection--multiple, 
.amendmentDetails .form-control, .amendmentDetails span.select2-container--default.select2-container--disabled .select2-selection--multiple, 
.amendmentDetails span.select2-container--default.select2-container--disabled .select2-selection--multiple,  
.amendmentDetails span.select2-container--default.select2-container--disabled .select2-selection--single,
.amendmentDetails textarea.form-control, .amendmentDetails .select2-container--default .select2-selection--single
{
	background: #ffe0e0 !important;
    font-weight: bold !important;
    border: 1px solid #f68d8d !important;
}

.amendmentDetails .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #923636;
    color: #ffffff;
}
/*Welcome onlbooard*/
.divi-delayed-button-1 {
			transform: translateY(100%);
		}

		.divi-delayed-button-1 {
			visibility: hidden;
			transition: all 400ms ease !important;
		}

			.divi-delayed-button-1.show-button,
			.divi-delayed-button-2.show-button {
				visibility: visible;
				transform: none;
			}

		.welcome-body {
			background: #b7d41b url('../../../assets/design/images/welcom-bg.jpg') no-repeat;
			position: relative;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			display: -webkit-box;
			display: -ms-flexbox;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			background-attachment: fixed;
			background-size: cover;
		}

	/**/

.weeklylistdgn li {
	display: table;
	float: left;
	width: 100px;
	margin-top: 8px
}

.frqdign {
	border-left: 1px solid #f4f4f4;
	padding-left: 26px;
}

	.frqdign .leftside {
		width: 86px;
	}

	.frqdign .rightside {
		width: 100%;
	}


.listoptiondgn {
	margin: 0px;
}

	.listoptiondgn li {
		font-weight: normal;
		border-bottom: 1px solid #f2f2f2;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

th sup {
	color: #ff0000;
}


.radio input[type="radio"] + .radio-label:before {
	width: 15px;
	height: 15px;
	top: 0px;
}

.tp-15 {
	top: 15px;
}

.act-nxt.tp-15 {
	top: -15px;
}

.divhide {
	display: none;
}

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

/*  */


.cswitch {
	position: relative;
	display: inline-flex;
	flex-direction: row-reverse;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.cswitch--label {
	margin-left: 0.5rem;
	color: #0f1f4d;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cswitch--input {
	position: absolute;
	opacity: 0;
	display: none;
	width: 0;
	height: 0;
	top: -100rem;
	left: -100rem;
}

.cswitch--trigger {
	position: relative;
	height: 1.8rem;
	width: 4rem;
	border-radius: 5rem;
	transition: all 0.3s ease-in;
	background-color: #f2f2f2;
}

	.cswitch--trigger::after {
		content: "";
		position: absolute;
		height: 1.3rem;
		width: 1.3rem;
		background: #fff;
		left: 0.9rem;
		top: 50%;
		transform: translate(-50%, -50%);
		transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
		border-radius: 100%;
		box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
	}

.cswitch:hover .cswitch--trigger {
	background-color: #ef8813;
}

.cswitch input:checked ~ .cswitch--trigger {
	box-shadow: 0 0 0.25rem 0 #0040ff inset;
	background-color: #015c05;
}

	.cswitch input:checked ~ .cswitch--trigger::after {
		left: calc(100% - 0.9rem);
	}

.tasklsit {
	padding: 0px;
	background: #fff;
	box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative;
	margin-left: 50px;
}

.tasktitle {
	font-size: 14px;
	border-radius: 4px 4px 0px 0px;
	background: #f2f2f2;
	padding: 10px;
}

.task-contain {
	padding: 10px;
}

.taskcheck {
	position: absolute;
	left: -40px;
	top: 50%;
}

.showatchimg {
	background: #f2f2f2;
	line-height: 39px;
	text-indent: 1em;
	margin-bottom: 1px;
	clear: right;
	transform: translate3d(0, 0, 0);
	transition: all .15s;
	overflow: hidden;
	height: 39px;
}

.showatchimgicon {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 5px;
}

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

.reprttask table thead tr.sticky-sbhead.top th {
	top: 22px !important;
}

.reprttask .table-striped td {
	background-color: #ffffff !important;
}

.reprttask th:nth-child(3), .reprttask td:nth-child(3) {
	left: 250px;
}

.reprttask td:nth-child(1), .reprttask th:nth-child(1) {
	left: -2px;
}

.reprttask th:nth-child(2), .reprttask td:nth-child(2) {
	left: 40px;
}




.reprttask td:nth-child(3), .reprttask td:nth-child(2), .reprttask td:nth-child(1) {
	background: #fff;
}


#msghde {
	display: none;
}


.epellipsis-td {
	max-width: 500px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.weeklylistdgn li {
	display: table;
	float: left;
	width: 100px;
	margin-top: 8px
}

.frqdign {
	border-left: 1px solid #f4f4f4;
	padding-left: 26px;
}

	.frqdign .leftside {
		width: 86px;
	}

	.frqdign .rightside {
		width: 100%;
	}


.listoptiondgn {
	margin: 0px;
}

	.listoptiondgn li {
		font-weight: normal;
		border-bottom: 1px solid #f2f2f2;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

th sup {
	color: #ff0000;
}


.radio input[type="radio"] + .radio-label:before {
	width: 15px;
	height: 15px;
	top: 0px;
}

.tp-15 {
	top: 15px;
}

.act-nxt.tp-15 {
	top: -15px;
}

.divhide {
	display: none;
}


.multiselect.dropdown-toggle {
	border: 0px;
	font-size: 12px;
	padding: 5px;
	font-weight: normal;
	-webkit-box-shadow: px px 0px px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-align: left !important;
	border: 1px solid #dbdbdb;
	width: 100%;
	display: block;
	height: 38px;
}

.btn-group {
	width: 100%;
}

.multiselect-container input[type=checkbox] {
	display: table;
	width: auto;
	position: absolute;
	top: 7px;
	left: 6px;
}



.multiselect-container li, .multiselect-container li.multiselect-all {
	padding: 0px !important;
	position: relative;
}


	.multiselect-container li:hover, .multiselect-container .multiselect-group:hover, .multiselect-container li:hover, .multiselect-container .multiselect-option:focus, .multiselect-container .multiselect-group:focus, .multiselect-container .multiselect-all:focus {
		background: #a7c234 !important;
		color: #fff !important;
	}

	.multiselect-container li a {
		padding: 5px 5px 5px 28px !important;
		display: block;
		border-bottom: 1px solid #f2f2f2;
		cursor: pointer;
	}

.multiselect-container .active {
	background: #a7c234 !important;
}

.multiselect-container li a label {
	cursor: pointer;
	font-weight: none
}

.multiselect-container.dropdown-menu {
	height: 250px !important;
	width: 100%;
	overflow: scroll;
	overflow-x: hidden;
	left:0px !important
}

.multiselect-container.dropdown-menu.show {
	left:0px !important
}

	button.custom-select:focus {
		border: 1px solid #dbdbdb !important
	}




.attacehdownbtn {
	background: #f2f2f2;
	position: absolute;
	top: 6px;
	right: 3px;
	height: 35px;
	display: block;
	padding: 9px 7px;
}

	.attacehdownbtn i, td .attacehdownbtn i {
		margin: 0px;
		color: #000 !important
	}


.showatchimg {
	display:table;
	width:100%
}

.vwdwn .showatchimgicon {
	top:13px
}



.DeleteAttachicon {
	position: absolute;
	right: 41px;
	top: 2px;
}

.tblTrainingCalendar td:nth-child(6) {
	width: 150px !important;
	word-break: break-all;
}



.td-info-i {
	position: absolute;
    top: 17px;
    right: 0px;

}

.form-group table p {
	background: none;
	padding: 0px;
	margin: 0px;
	min-height: auto;
}



.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}


.input-group p {
	padding: 10px 10px !important;
}



.modal-footer.text-center {
	justify-content: center;
}


.cmt-view {
	position: absolute;
	top: 30px;
	right: 20px;
	color: #ef8813;
}



.rqt-dtl {
	background: #f5f5f5;
	padding: 15px 10px;
}

	.rqt-dtl li {
		margin-right: 20px;
		padding-right: 20px;
		border-right: 1px solid #e1e1e1;

	}
.cmt-view {
	display:none
}



.modal-full {
	max-width: 90%;
}

.note-text {
	padding:20px;
	
}


.note-text {
	background: #fff6f6;
	margin: 0px 30px 10px;
	padding: 10px;
}

	.note-text ul {
		margin: 0px;
		padding: 10px 0px 0px 20px;
	}



.dayleft-text {
	background: #f2f2f2;
	padding: 4px 10px;
	border-radius: 100px;
	font-size: 10px;
	color: #000;
}

.warning-bg {
	background: #ffc9c9
}
.modal-xxl {
	max-width: 98%;
}

.p-r {
	position:relative
}

.btn-c .count-nt {
	top: -8px;
	right: -1px;
	border-radius: 4px !important;
	padding: 0px 2px;
	background: #ed9411;
	font-size: 10px;
	
	width: auto;
}
.image-50 {
	width:50px
}

.btn-c .fa-plus {
	background:none !important
}
.alart-info {
	border-radius: 4px !important;
	padding: 10px !important;
	background: #ebf3ff !important;
}

/*.slt-w-auto .select2-selection__rendered {
	width: 100% !important
}*/


.h-90, textarea.h-90 {
	height: 90px !important
}


.w-250-select .select2-container .select2-selection--single .select2-selection__rendered {
	width:250px !important
}


/**/

.gap-10 {
	gap: 10px;
}

.progress-two {
	width: 180px;
	background-color: #f3f3f3;
	border-radius: 5px;
	height: 8px;
	display: none; /* Initially hidden */
}

/* Style for the progress bar itself */
.progress-done {
	height: 100%;
	width: 0;
	background: linear-gradient(to right, #ef8813, #b7d41b);
	text-align: center;
	line-height: 30px; /* Vertically center the text */
	color: #000;
	border-radius: 5px;
	transition: width 1s ease-in-out;
	position: relative;
}

/* Style for the progress percentage text */
.progress-count {
	font-weight: bold;
	position: absolute;
	bottom: -35px;
	background: #b7d41b;
	padding: 0px 4px;
	border-radius: 5px;
	font-size: 12px;
	right: 0px;
}

.fn-bold {
	font-weight: bold;
}

.box-img {
	width: 500px;
	padding: 100px 0px;
}

.gap-10 {
	gap: 10px;
}

.boxdownload {
	width: 100%;
	padding: 10px 20px;
	background: #f4ead7;
	border-radius: 5px;
	border: 1px solid #ffdc99;
	box-shadow: 0 11px 24px rgb(220 220 220), 0 2px 12px rgba(0, 0, 0, 0.22);
}



/**/

.fn-bold {
	font-weight: bold;
}

.box-img {
	width: 500px;
	padding: 100px 0px;
}

.gap-10 {
	gap: 10px;
}

.boxdownload {
	width: 100%;
	padding: 10px 20px;
	background: #f4ead7;
	border-radius: 5px;
	border: 1px solid #ffdc99;
	box-shadow: 0 11px 24px rgb(220 220 220), 0 2px 12px rgba(0, 0, 0, 0.22);
}

.boxdownloadfile {
	border: 1px solid #c4c4c4;
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	text-align: left;
}
.logoTitleRow {
	display: none
}

.field-a {
	position:absolute;
	top:0px;
	height:100% !important
}

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


.headertab {
	background-color: #f7f7f7;
	padding: 5px 10px;
}


	.leftheader input[type=checkbox] + label {
		margin: 0px !important;
	}


/***New 06/6/2011***/


.filter-sidebar {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	padding: 8px;
	/* max-height: 15vh; */
	/* overflow-y: auto; */
	box-shadow: none;
	font-family: Inter, system-ui, Arial, sans-serif;
}

.filters-title {
	font-size: 12px;
	letter-spacing: 0.5px;
	font-weight: 700;
	color: #232323;
	text-transform: uppercase;
}

.filters-clear {
	font-size: 12px;
	color: #7d7d7d;
	text-decoration: none;
}

	.filters-clear:hover {
		text-decoration: underline;
	}

.f-acc {
	border-top: 1px solid #e6e6e6;
}

	.f-acc:first-of-type {
		border-top: 0;
	}

.f-head {
	width: 100%;
	background: #fff6f6;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 4px;
	cursor: pointer;
}

.f-title {
	font-size: 12px;
	font-weight: 700;
	color: #000000;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}

.f-toggle {
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	text-align: center;
	color: #000000;
}

.f-acc[data-open="true"] .f-toggle::after {
	content: "–";
}

.f-acc[data-open="false"] .f-toggle::after {
	content: "+";
}

.filter-border {
	border: 1px solid #eaeaea;
	padding: 6px;
	border-radius: 4px;
}

.filter-width {
	max-height: 500px;
	overflow: auto;
}

.f-body {
	display: none;
	padding: 0 4px 10px 4px;
}

.f-acc[data-open="true"] .f-body {
	display: block;
}

.f-item {
	display: flex;
	align-items: center;
	gap: 1px;
	font-size: 12px;
	color: #333;
	padding: 6px 2px;
	margin: 0;
	cursor: pointer;
}


	.f-item input[type="checkbox"] {
		margin-right: 10px;
		accent-color: #e07700;
		width: 16px;
		height: 16px;
		border-radius: 2px;
		display: inline-block;
	}


		.f-item input[type="checkbox"]:not(:checked) {
			border: 2px solid #cfcfcf;
		}

		/* Checkboxes when checked */
		.f-item input[type="checkbox"]:checked {
			background-color: #ef8813;
			border-color: #ef8813;
		}

			/* Check mark styling */
			.f-item input[type="checkbox"]:checked::after {
				content: "✔";
				font-size: 12px;
				color: white;
				position: absolute;
				top: -2px;
				left: 3px;
			}

/* Slim scrollbar like screenshot */
.filter-sidebar::-webkit-scrollbar {
	width: 4px;
}

.filter-sidebar::-webkit-scrollbar-thumb {
	background: #d0d0d0;
}



/*checkbox********************************************************************/
.select-design {
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.select-checkbox {
	cursor: pointer !important;
	flex-direction: column-reverse !important;
	display: flex !important;
	align-items: center !important;
	font-weight: 700 !important;
}

input[type=checkbox] + label {
	margin: 0px 0px 0px 0px !important;
}

.table input[type=checkbox] + label:before {
	padding: 0px 3px;
	border: 1px solid #dbdbdb;
	background: #fff;
	margin-top: 5px;
}



/*mobile Responive*/

/* overlay (initially hidden) */
.table-container {
	display: none; /* shown only when .open added by script */
	position: fixed;
	inset: 0; /* top:0; right:0; bottom:0; left:0 */
	background: rgba(0,0,0,0); /* transparent until open */
	z-index: 9999;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

	/* overlay visible state (background fades in) */
	.table-container.open {
		display: block;
		background: rgba(0,0,0,0.45);
	}

	/* content sheet anchored to bottom */
	.table-container .sheet {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		border-top-left-radius: 14px;
		border-top-right-radius: 14px;
		background: #fff;
		max-height: 85vh;
		margin: 0px 8px;
		padding: 14px;
		transform: translateY(100%); /* start off screen */
		will-change: transform, opacity;
		box-shadow: 0 -8px 30px rgba(0,0,0,0.25);
	}

	/* sheet content when opened (slide up) */
	.table-container.open .sheet {
		animation: sheet-up 320ms cubic-bezier(.22,.9,.32,1) forwards;
	}

	/* when closing we play slide-down */
	.table-container.closing .sheet {
		animation: sheet-down 240ms cubic-bezier(.22,.9,.32,1) forwards;
	}

/* optional small handle */
.sheet .handle {
	width: 40px;
	height: 4px;
	background: #ddd;
	border-radius: 4px;
	margin: 6px auto 12px;
}

/* close button */
.close-btn {
	color: #fff;
	border: none;
	padding: 8px 12px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 15px;
}

.modalheader {
	font-size: 14px;
	color: #000;
}

/* small-screen only toggle button */
.d-block-575 {
	display: none;
}

/*Modal Use*/

/* slide keyframes */
@keyframes sheet-up {
	from {
		transform: translateY(100%);
	}

	to {
		transform: translateY(0%);
	}
}

@keyframes sheet-down {
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(100%);
	}
}



/*Add */
.list-wrap2 {
	max-height: 214px;
	overflow: auto;
	min-height: 214px;
}

.loc-item {
	display: flex;
	align-items: center;
	padding: .45rem .5rem;
	border-radius: .5rem;
}

.form-check-input {
	-webkit-appearance: checkbox !important;
	appearance: checkbox !important;
	position: static !important;
	float: none !important;
	display: inline-block !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 .45rem 0 0 !important;
	background: #fff !important;
	/* border: 1px solid #cfd5dd !important; */
	background-image: none !important;
	accent-color: #e17800;
	cursor: pointer;
}

.panel {
	border: 1px solid #e5e7eb;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.category {
	font-size: 11px;
	margin: 0px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #464D69;
}


.highlight-text {
	color: #b87e22
}

.underlinetext {
	text-decoration:underline
}


.inputlbl {
	background: #f2f2f2 !Important;
	font-size:14px !important;
	font-weight:bold
}

.applyleavedgn {
	gap: 10px;
	align-items: end
}
.applyleavedgn .form-group {
	width: 100%;
	position:relative
	
}



.containerorder {
display:flex	
}

.travelgrid .form-group{
	width:100%;
	margin:0px !important
}


.w-40-p {
	width:40% !important
}


.red-clr:hover i{
	color:#ff0000 !important

}


/*Toggle */
/* Basic layout */
.toggles {
}

/* Header (button) */
.toggle-header {

	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 10px;
	background: #f7f7fb;
	border: 1px solid #e6e6ee;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	text-align: left;
	transition: background 0.18s, box-shadow 0.18s;
}

	/* Make the first header have no top margin if desired */
	.toggle-header:first-child {
		margin-top: 0;
	}

	.toggle-header:focus {
		outline: 3px solid rgba(21, 156, 228, 0.18);
		box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	}


	.toggle-header[data-open="true"] {
		background: #b7d41b;
		font-weight:bold
	}
/* Chevron */
.chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.28s ease;
	transform: rotate(-90deg);
}

/* rotate when header has attribute data-open (JS toggles this) */
.toggle-header[data-open="true"] .chevron {
	transform: rotate(2deg);
}

/* Content panel */
.toggle-content {
	overflow: hidden;
	max-height: 0; /* collapsed */
	transition: max-height 0.32s cubic-bezier(.2,.9,.2,1);
	background: #ffffff;
	
	border-top: none;
	
	padding: 10px 0px;
}

	/* When open we add padding via JS by toggling class 'is-open' */
	.toggle-content.is-open {
		padding: 10px 0px;
		border: 0px;
	}

	/* Content text */
	.toggle-content p {
		margin: 0;
		line-height: 1.45;
		color: #333;
	}

/* Responsive tweaks for mobile */
@media (max-width: 420px) {
	.toggle-header {
		padding: 12px;
		font-size: 15px;
	}

	.toggle-content {
		padding-left: 12px;
		padding-right: 12px;
	}
}