@font-face {
	font-family: 'Captcha font';
	src: url(../fonts/Captcha_code.otf);
}

:root {
	/* --color-primary: #2b74ba; */
	--color-primary: #004384;
	--hover-primary: #0057ab;
	--color-secondary: #417bbf;
	--hover-secondary: #0054b7;
	--color-orange: #e03f25;
	--lightblue: #00abff;
	--hover-lightblue: #107fb5;
	--theme-gray: #3e424a;
	--hover-themegray: #222222;
	--color-error: #c5202a;
	--color-white: #ffffff;
	--color-black: #000000;
	--white-gray: #efefef;
	--link-color: #417bbf;
	--link-hover: #0054b7;
	--heading-1: #343a40;
	--heading-2: #3e424a;
	--heading-3: #3e424a;
	--heading-4: #3e424a;
	--heading-5: #3e424a;
	--heading-6: #3e424a;

}

.profile-text {
	display: none !important;
}

/* ====App.blade css==== */
.mg-left {
	margin-left: 0 !important;
}

.ql-editor {
	resize: vertical;
	overflow-y: scroll;
}

.loader {
	position: fixed;
	top: 45%;
	right: 46%;
	text-align: center;
	margin: 15px auto 35px auto;
	z-index: 9999;
	display: block;
	width: 80px;
	height: 80px;
	border: 10px solid rgba(0, 0, 0, .3);
	border-radius: 50%;
	border-top-color: #000;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;

}

@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
	}
}

.modal-content {
	border-radius: 0px;
	box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 50%) !important;
	height: 100% !important;
}

.modal {
	background: rgba(0, 0, 0, 0.3)
}



.modal-backdrop.show {
	opacity: 0.75;
}

.loader-txt {
	p {
		font-size: 13px;
		color: #666;

		small {
			font-size: 11.5px;
			color: #999;
		}
	}
}

.form-group.required label:after {
	content: "*";
	color: #FF0000;
	font-size: 16px;
	margin-left: 4px;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	width: 50%;
}

/*********************Page loader image css***********************/
.page-loader {
	position: fixed;
	z-index: 9999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	display: flex;
	background-color: rgba(255, 255, 255, 0.5);
}

.page-loader img {
	margin: auto;
	max-width: 120px;
}

/*********************END***********************/


/*====Css from app.css====*/

body {
	/*font-family: "Raleway", sans-serif;*/
	/*font-family: 'LatoLight',Roboto,Helvetica,sans-serif;*/
	color: #3e424a;
	background-color: #e5e5e5;
}

.my-9px {
	margin-top: 9px;
	margin-bottom: 9px;
}

h1 {
	color: var(--heading-1) !important;
}

::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #c3c3c3 !important;
	opacity: 1;
	/* Firefox */
}

::-moz-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #888888 !important;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #888888 !important;
	opacity: 1;
	/* Firefox */
}

::-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #888888 !important;
	opacity: 1;
	/* Firefox */
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #888888 !important;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #888888 !important;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #888888 !important;
}

a {
	color: var(--link-color);
}

a:hover {
	color: var(--link-hover);
	text-decoration: none;
}

.text-xs {
	font-size: 10px !important;
}

.bg-primary,
.btn-primary {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}

.btn-primary:hover {
	background-color: var(--hover-primary) !important;
	border-color: var(--hover-primary) !important;
}

.bg-gradient-primary {
	background: var(--color-primary) -webkit-gradient(linear, left top, left bottom, from(var(--color-primary)), to(var(--color-secondary))) repeat-x !important;
	background: var(--color-primary) linear-gradient(180deg, var(--color-primary), var(--color-secondary)) repeat-x !important;
}

.bg-gradient-purple {
	background-image: -webkit-gradient(linear, left top, right top, from(#285592), to(var(--lightblue)));
	background-image: linear-gradient(to right, #285592, var(--lightblue));
}

.text-primary {
	color: var(--color-primary) !important;
}

.bg-orange,
.btn-orange {
	background-color: var(--color-orange) !important;
	border-color: var(--color-orange) !important;
	color: var(--color-white);
}

.btn-orange:hover {
	color: var(--color-white);
}

.purple-blue-gradient {
	background-image: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%);
	color: var(--color-white);
}

.bg-skyblue,
.btn-skyblue {
	background-color: var(--color-secondary) !important;
	border-color: var(--color-secondary) !important;
	color: var(--color-white);
}

.btn-skyblue:hover {
	color: var(--color-white);
	background-color: var(--hover-secondary) !important;
	border-color: var(--hover-secondary) !important;
}

.text-skyblue {
	color: var(--color-secondary) !important;
}

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

.bg-lightblue,
.btn-lightblue {
	background-color: var(--lightblue) !important;
	border-color: var(--lightblue) !important;
	color: var(--color-white);
}

.btn-lightblue:hover {
	color: var(--color-white);
	background-color: var(--hover-lightblue) !important;
	border-color: var(--hover-lightblue) !important;
}

.bg-themegray,
.btn-themegray {
	background-color: var(--theme-gray) !important;
	border-color: var(--theme-gray) !important;
	color: var(--color-white);
}

.bg-themegray:hover {
	color: var(--color-white);
	background-color: var(--hover-themegray) !important;
	border-color: var(--hover-themegray) !important;
}

.bg-whitegray {
	background-color: var(--white-gray) !important;
	color: var(--color-black) !important;
}

.text-lightblue {
	color: var(--lightblue) !important;
}

.bg-lightgray {
	background-color: #d4d4d4;
}

.border-lightgray {
	border: 1px solid #d4d4d4;
}

.btn-light {
	background-color: #e2e2e2;
	border-color: #e2e2e2;
}

.btn-light:hover {
	background-color: #cccccc;
	border-color: #cccccc;
}

.btn-light:disabled {
	background-color: #e2e2e2;
	border-color: #e2e2e2;
}

.text-lightgray {
	color: #9e9e9e;
}

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

.w-65 {
	width: 65% !important;
}

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

.no-wrap {
	white-space: nowrap;
}

.have-shadow {
	box-shadow: 0 4px 10px #cacaca;
}

.box-shadow {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

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

.mt-3px {
	margin-top: 3px;
}

.table-responsive {
	padding: 0px 0;
}

.word-break {
	word-break: break-all;
}

.text-12p {
	font-size: 12.5px !important;
}

.numbers-font {
	font-family: "Lato", sans-serif !important;
}

.color-lato {
	color: #625c61 !important;
}

.resize-none {
	resize: none;
}

label.error {
	color: var(--color-error);
	font-weight: 600 !important;
	font-size: 11px;
	margin-bottom: 0;
}

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

.cust-checkbox label.error {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -13px;
	white-space: nowrap;
}

.pointer {
	cursor: pointer;
}

.pointer-none {
	pointer-events: none;
	cursor: default;
}

.modal .ui-draggable-handle {
	cursor: move;
}

form {
	margin: 0;
}

/*== Tooltip Class ==*/

.tooltip-inner {
	color: var(--color-white);
	/* background-color: var(--color-primary);
	border: 1px solid var(--color-primary); */
	font-weight: 500;
	font-family: "Raleway", sans-serif !important;
	border-radius: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
	border-top-color: var(--color-primary);
	border-width: 0.3rem 0.3rem 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
	/* border-bottom-color: var(--color-primary); */
	border-width: 0 0.3rem 0.3rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
	border-left-color: var(--color-primary);
	border-width: 0.3rem 0 0.3rem 0.3rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
	border-right-color: var(--color-primary);
	border-width: 0.3rem 0.3rem 0.3rem 0;
}

/*== Custom Chcekbox ==*/

.cust-checkbox {
	display: block;
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cust-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: var(--color-white);
	border: 1px solid #888888;
}

.cust-checkbox:hover input~.checkmark {
	background-color: #ccc;
}

.cust-checkbox input:checked~.checkmark {
	background-color: var(--color-white);
	border: 1px solid #285592;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.cust-checkbox input:checked~.checkmark:after {
	display: block;
}

.cust-checkbox .checkmark:after {
	left: 4px;
	top: 1px;
	width: 5px;
	height: 10px;
	border: solid #285592;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.restrict .more,
.restrict .less {
	color: #04327d;
	font-weight: 500;
	white-space: nowrap;
	font-size: 13px;
}

/*== AdminLTE Css Changes ==*/

.elevation-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.05) !important;
}

.brand-link {
	height: 50px !important;
	background: var(--color-primary) !important;
}

.brand-link .brand-image {
	width: 100% !important;
	height: 35px !important;
	-o-object-fit: contain;
	object-fit: contain;
}

.sidebar-dark-navy .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-navy .nav-sidebar>.nav-item>.nav-link.active {
	background-color: var(--color-secondary) !important;
}

[class*='sidebar-light-'] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*='sidebar-light-'] .nav-sidebar>.nav-item:hover>.nav-link {
	background-color: rgba(0, 0, 0, 0.2);
}

.nav-sidebar .nav-item {
	font-weight: 600;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.nav-treeview .nav-item {
	font-weight: 400;
	-webkit-transition: 0.4s ease all;
	transition: 0.4s ease all;
}

.nav-item .nav-icon {
	font-size: 15px !important;
	color: #949ea9;
}

.nav-item .nav-link.active .nav-icon {
	color: var(--color-white);
}

[class*=sidebar-light-] .sidebar a .nav-icon {
	color: #343a40;
}

[class*=sidebar-light-] .sidebar .nav-treeview a .nav-icon {
	color: #777;
}

.nav-treeview .nav-item a:hover,
.nav-treeview .nav-item a:hover i {
	color: var(--color-black) !important;
}

.sidebar-light-navy .nav-treeview .nav-item.active a {
	color: var(--color-primary) !important;
	background-color: transparent !important;
}

.sidebar-light-navy .nav-treeview .nav-item.active a .nav-icon {
	color: var(--color-primary) !important;
}

.sidebar-light-navy .nav-legacy.nav-sidebar>.nav-item>.nav-link.active {
	color: var(--color-white);
}

.navbar-nav .nav-item img {
	width: 23px;
	height: 23px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	border-radius: 100%;
	margin-top: 8px;
}
.navbar-nav .nav-item i{
	margin-top: 9px !important;
    font-size: 22px !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar,
.sidebar-mini.sidebar-collapse .main-sidebar::before,
.sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
	width: 6rem !important;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-header {
	margin-left: 6rem !important;
}

.layout-fixed .main-sidebar,
.layout-fixed .brand-link {
	width: 7rem;
}

.sidebar-mini.sidebar-collapse .main-footer {
	margin-left: 0 !important;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 99;
	background-color: #f5f5f5;
}

.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
	max-width: 390px;
}

.modal.right .modal-dialog.modal-lg {
	max-width: 600px;
	width: 100%;
}

.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
	border-radius: 0;
	/*background-color: #f5f5f5;*/
	background-color: transparent;
	box-shadow: none;
}

.modal.right .modal-body {
	padding: 15px 15px 80px;
}

/*Right*/

.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right .modal-dialog {
	background-color: transparent;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}

.image-user img {
	height: 85px;
	width: 85px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

textarea.task {
	height: 37px;
}

.collapsed .fa-chevron-up:before {
	content: "\F078";
}

.card-primary:not(.card-outline) .card-header {
	background-color: var(--color-primary);
}

.card-primary.card-outline {
	border-top: 3px solid var(--color-primary);
}

.collapsed-card .fa-minus:before {
	content: "\F067";
}

/*Date Picker css*/

.ui-datepicker {
	font-family: "Raleway", sans-serif !important;
	z-index: 999 !important;
}

.ui-widget-header {
	background-image: none !important;
	background: var(--color-primary) 50% 50% repeat-x !important;
	font-weight: normal !important;
	color: var(--color-white) !important;
}

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

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	width: 1.6em !important;
	height: 1.6em !important;
	background-color: var(--color-white);
	cursor: pointer;
}

.ui-datepicker-multi .ui-datepicker-group table {
	font-size: 11px;
}

/* Loader */

.page-loader {
	position: fixed;
	z-index: 99999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	display: -webkit-box;
	display: flex;
	background-color: rgba(255, 255, 255, 0.5);
}

.page-loader img {
	margin: auto;
	max-width: 120px;
	filter: invert(28%) sepia(84%) saturate(850%) hue-rotate(336deg) brightness(108%) contrast(95%);
}

.content-wrapper {
	position: relative;
	min-height: calc(100vh - 50px) !important;
	padding-bottom: 60px;
}

.content-header h1 {
	font-size: 1.5rem;
}

.content-header h1 i {
	margin-right: 4px;
}

.filter-border {
	filter: drop-shadow(0px 0px 0px black);
}

footer.main-footer {
	/* position: absolute; */
	bottom: 0;
	left: 0;
	right: 0;
}

.login-wrapper {
	/* min-height: 100vh; */
	min-height: calc(100vh - 54px);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0;
}

.login-logo {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.login-logo img {
	width: 95%;
}

.navbar {
	padding: 0.29rem 1rem;
}

.max-logo,
.mini-logo {
	margin: auto !important;
	-webkit-transition: 0s;
	transition: 0s;
}

.mini-logo {
	display: none;
}

.sidebar-collapse .max-logo {
	display: none;
}

.sidebar-collapse .mini-logo {
	display: block;
}

.main-sidebar {
	z-index: 1052;
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

.modal-open .main-sidebar {
	z-index: 999;
}

.nav-sidebar .nav-item>.nav-link {
	font-size: 13px;
	padding: 5px;
	font-weight: normal;
}

.main-sidebar:hover .mini-logo {
	display: none;
}

.main-sidebar:hover .max-logo {
	display: block;
}

.login-wrapper .input-group-append .input-group-text {
	border-bottom-left-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.login-overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 0;
}

.login-section {
	/* height: 100vh; */
	min-height: calc(100vh - 54px);
}

.login-wrapper .card-group {
	box-shadow: 0 0 25px var(--color-black);
}

.nav-sidebar>.nav-item .nav-icon {
	text-align: left;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon,
.nav-sidebar>.nav-item .nav-icon {
	width: 1rem;
}

.nav-pills .nav-link:not(.active):hover {
	color: #285592;
}

.colbrown {
	color: #795548;
	font-size: 16px;
}

@media (min-width: 992px) {
	.toggle-bar {
		display: none;
	}
}

@media (max-width: 991px) {

	.sidebar-mini.sidebar-collapse .content-wrapper,
	.sidebar-mini.sidebar-collapse .main-footer,
	.sidebar-mini.sidebar-collapse .main-header {
		margin-left: 0rem !important;
	}

	.layout-fixed .brand-link,
	.layout-fixed .main-sidebar {
		width: 7rem;
	}
}

/* ==== New Login Page ==== */
.login-new {
	position: relative;
	margin: 10px 0;
}

.logo-bg {
	min-height: 550.26px;
	width: 100%;
	/* background-image: linear-gradient(#307dc5, #352789); */
	/* background-image: linear-gradient(#000000, #004384); */
	background: linear-gradient(180deg, #B90E15 0%, #000000 78.96%);
	box-shadow: 0 0 15px #000000;
	background-color: #ffffff;
}

.forgot-bg {
	/* height: 265px; */
	width: 100%;
	/* background-color: #ffffff; */
}

.main-login {
	/* width: 80%; */
	/* height: fit-content; */
	/* max-height: 285px; */
	background-color: transparent;
	position: absolute;
	left: 35px;
	right: 35px;
	top: 96px;
	bottom: 122px;
	margin: auto;
	display: flex;
	max-width: 360px;
	height: 284px;
	margin-bottom: 20px;


}

.main-login p {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 17px;
	color: #ffffff;
	/* padding: 30px; */

}

.reset-text {
	font-style: normal;
	font-weight: 400;
	font-size: 15px !important;
	line-height: 17px !important;
	color: #dae0e5 !important;
	padding: 0 10px 10px 10px;
	margin-bottom: 30px;
}


.main-login .login-field {
	width: 100%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.04) 100%);
	box-shadow: 0px 0px 32.2066px -0.619357px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(12.3871px);
	border-radius: 33.4453px;
	margin: auto;
	min-height: 388px;

	border: 2px solid rgba(255, 255, 255, .3)
}

.login-field h3 {
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 17px;
	color: #ffffff;
	padding: 10px;
	margin-bottom: 30px
}

.logo-sec {
	margin-top: 15px;
}

.logo-sec img {
	width: 180px;
	margin-top: 35px;
	/* height: 80px; */
	height: auto;
	object-fit: contain;
	object-position: center;
	/* border: 2px solid #fff; */
	/* border-radius: 100%; */
	/* padding: 4px; */
	/* box-shadow: 0 0 10px #000; */
	/* background-color: #cacaca; */
}

.forgot-bg {
	position: relative;
	padding-right: 0 !important;
}

.forgot-bg .forgot-link {
	position: absolute;
	right: 0px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #ffffff;

}

/*== PMS Profile page ==*/

.profile-section .profile-img img {
	height: 55px;
	width: auto;
	border-radius: 100%;
}

.dd {
	width: 100% !important;
}

.dd .ddTitle {
	background: none !important;
}

.borderRadius {
	border-radius: 0.25rem;
}

.ddcommon .divider {
	display: none;
}

.dd .arrow {
	background-size: 10px 30px;
	background-repeat: no-repeat;
}

.avatar-upload {
	position: relative;
	max-width: 105px;
}

.avatar-upload .avatar-edit {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	background-color: transparent;
	border-radius: 100%;
	display: block;
}

.avatar-upload .avatar-edit input {
	display: none;
}

.avatar-upload .avatar-edit input+label {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	border-radius: 100%;
	background: transparent;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #fff;
	display: none;
}

.avatar-upload .avatar-edit input+label:hover {
	background: rgba(0, 0, 0, 0.5);
	border-color: #d6d6d6;
}

.avatar-upload:hover .avatar-edit input+label {
	display: -webkit-box;
	display: flex;
}

.avatar-upload .avatar-preview {
	width: 65px;
	height: 65px;
	position: relative;
	/* border-radius: 100%; */
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	border: 3px solid #c7c7c7;
	padding: 2px;
}
.avatar-upload .avatar-preview .fa-fill-drip{
	filter: drop-shadow(0px 2px 0px #cacaca);
}

.avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.avatar-save input{
	max-width: calc(100% - 26px);
    border-radius: 0;
	padding: 5px;
	height: 28px;
	font-size: 13px;
}
.avatar-save .btn{
    border-radius: 0;
}

/*== PMS dashboard ==*/

.gantt-box {
	background-color: #fafafa;
}

.gantt-box:hover {
	box-shadow: 0 0 5px #cacaca !important;
}

.gantt-box .gantt-img {
	height: 100px;
	width: auto;
	margin-bottom: 5px;
	padding: 15px;
}

.table-wrapper {
	height: 100%;
	/* max-height: calc(100vh - 120px); */
	max-height: calc(100vh - 200px);
}

.table-wrapper table tfoot tr th {
	position: sticky;
	bottom: 0;
	background-color: #ffffff;
	z-index: 99;
}

/* .table-wrapper table tfoot tr th:first-child {
	left: 0;
	z-index: 999;
} */

/* .table-wrapper table tfoot tr th:last-child {
	right: 0;
	z-index: 999;
	border-left: 0.5px solid #dee2e6;
} */

.table-wrapper .dataTables_scrollHeadInner {
	padding: 0 !important;
}

.table-wrapper .dataTables_scrollHeadInner table {
	border-bottom: 1px solid #cacaca;
}

.project-table {
	background-color: #ffffff;
}

.project-table thead {
	background-color: #ffffff !important;
	color: #454545 !important;
	font-weight: 400 !important;
	border-bottom: 1px solid #cacaca;
}

.project-table thead tr th {
	font-size: 15px !important;
	white-space: nowrap;
	overflow: hidden !important;
	padding: 7px !important;
	text-transform: initial;
}

.project-table thead td {
	border: none !important;
	font-size: 14px !important;
	white-space: nowrap;
	overflow: hidden !important;
	padding: 7px !important;
}

.project-table tbody td {
	font-size: 14px !important;
	white-space: nowrap;
	overflow: hidden !important;
	padding: 7px !important;
}

.table-wrapper .dataTables_scrollBody thead th {
	padding: 0px !important;
}

.project-table .main-task,
.project-table .main-task a {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #000000 !important;
}

.project-table .main-task a .far {
	color: var(--color-primary) !important;
}

.td-width {
	width: 200px;
	overflow: hidden;
	display: block;
}

.th-width {
	width: 450px;
	overflow: hidden;
	display: block;
}

.table-hover tbody tr:hover {
	background-color: rgb(244, 246, 249);
}

.dash-img {
	height: 27px;
	width: 27px;
	border-radius: 100%;
	margin-right: 5px;
	object-fit: cover;
	object-position: center;
	border: 2px solid var(--color-primary);
}

.text-overflow {
	max-width: 150px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: inherit;
	display: block;
}

.table-wrapper {
	/* position: absolute; */
	left: 0;
	top: 0;
	width: 100%;
	/* height: 100%; */
	/* overflow: hidden; */
}

.table-wrapper .fixed-header-table {
	border-collapse: collapse;
	position: relative;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.table-wrapper .fixed-header-table thead,
.table-wrapper .fixed-header-table tbody,
.table-wrapper .fixed-header-table tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.table-wrapper .fixed-header-table thead {
	height: 75px;
	/* position: absolute;
	top: 0; */
	z-index: 10;
	background-color: #00BCD4;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.table-wrapper .fixed-header-table tbody {
	display: block;
	/* height: 100%; */
	overflow-y: auto;
	/* position: absolute; */
	padding-top: 0px;
	box-sizing: border-box;
	color: #757575;
	height: 210px;
}

.table-wrapper .fixed-header-table tr th,
.table-wrapper .fixed-header-table tr td {
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table-wrapper .fixed-header-table tr th {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 25px;
}

.table-wrapper .fixed-header-table tr td {
	padding: 20px 25px;
}


/* ==== New Dashboard 01-06-2020 ==== */



/*== Dashboard Pages ==*/

.overview-box .card {
	min-height: 145px;
}

.overview-box:nth-child(1) .card {
	background-image: linear-gradient(150deg, #004888, #004888);
	color: var(--color-white) !important;
}

.overview-box:nth-child(2) .card {
	background-image: linear-gradient(150deg, #0069c5, #0069c5);
	color: var(--color-white) !important;
}

.overview-box:nth-child(3) .card {
	background-image: linear-gradient(150deg, #0380b4, #0380b4);
	color: var(--color-white) !important;
}

.overview-box:nth-child(4) .card {
	background-image: linear-gradient(150deg, #008f9e, #008f9e);
	color: var(--color-white) !important;
}

.overview-box .tile-icon {
	position: absolute;
	right: 15px;
	bottom: 15px;
	top: 15px;
	margin: auto;
	height: 52px;
}

.overview-box .card .fas,
.overview-box .card .fas {
	font-size: 52px;
	opacity: 0.4;
}

.complete-box .small-box {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
	min-height: 130px;
	border: 1px solid rgba(0, 0, 0, 0.09);
}

.overview-box .card-body h6 {
	font-size: 13px;
	font-weight: 600;
}

.img-text {
	font-size: 12px !important;
}

.img-list li {
	line-height: 14px;
	font-size: 12px;
}

/*== product slider ==*/

.complete-percent .badge {
	box-shadow: 0px 5px 5px #454545;
	border: 1px solid var(--color-white) !important;
	font-size: 70%;
	padding: 15.5px 4px !important;
	height: 42px;
	width: 45px;
	font-weight: 600;
}

#product-slider {
	width: 100%;
}

#product-slider>div:nth-of-type(2) {
	margin-top: 0;
}

#product-slider.reverse {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	flex-direction: column-reverse;
}

#product-slider.reverse>div:first-of-type {
	margin-bottom: 1em;
}

#product-slider.reverse>div:nth-of-type(2) {
	margin-top: 0;
}

#product-slider.has-social-share #product-slider__nav {
	width: 100%;
	margin-bottom: 0;
	display: inline-block;
	border: 1px solid #cacaca;
	padding: 10px 0px;
	margin-top: -1px;
}

#product-slider .slick-slide {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

#product-slider .slick-slide img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

#product-slider .slick-arrow {
	-webkit-appearance: none;
	border: none;
	background: none;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 10%;
	text-align: center;
	z-index: 1;
	color: var(--color-black);
	height: 1.2em;
	padding: 1em 0;
	cursor: pointer;
}

.slick-arrow {
	font-size: 16px;
	width: 12px;
}

.slick-arrow:hover {
	color: var(--color-black);
}

#product-slider .slick-arrow.slick-next {
	left: initial;
	text-align: right;
	margin-right: 2px;
}

#product-slider .slick-arrow.slick-prev {
	right: initial;
	text-align: left;
	margin-left: 2px;
}

#product-slider .slick-disabled {
	opacity: 1;
}

#product-slider__main {
	border: 1px solid #cacaca;
	height: 400px;
}

#product-slider__main .slick-slide {
	height: 400px;
}

#product-slider__main.object-fit--contain .slick-slide img {
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	height: auto;
	max-width: 100%;
}

#product-slider__main .slick-slide img {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

#product-slider__nav .slick-list {
	width: 85%;
	margin: auto;
}

#product-slider__nav .slick-slide {
	height: auto !important;
}

.related-slider .slick-list {
	width: 100%;
	margin: auto;
}

.related-slider {
	width: 95%;
	margin: auto;
}

#product-slider__nav.object-fit--contain .slick-slide img {
	-o-object-fit: contain;
	object-fit: contain;
	height: 100px;
}

#product-slider__nav .slick-slide {
	margin-right: 1em;
	text-align: center;
	display: block;
}

#product-slider__nav .slick-slide.slick-current img {
	border: 1px solid #333;
	padding: 2px;
	box-sizing: border-box;
	opacity: 0.7;
}

#product-slider__nav .slick-slide img {
	cursor: pointer;
}

.slick-arrow {
	color: var(--color-black);
	background-color: transparent;
}

.slick-next:before {
	content: none !important;
	font-family: "FontAwesome" !important;
	color: var(--color-black) !important;
}

.slick-prev:before {
	content: none !important;
	font-family: "FontAwesome" !important;
	color: var(--color-black) !important;
}

.slick-disabled {
	opacity: 0.4;
}

.slick-thumbnail {
	margin-left: 0;
}

.slick-thumbnail .slick-prev {
	left: 0;
}

.slick-thumbnail .slick-next {
	right: 0;
}

.slick-thumbnail .slick-list {
	width: calc(100% - 40px);
	margin: auto;
}

.slick-thumbnail .slick-slide {
	margin-right: 1em;
	text-align: center;
	display: block;
}

.slick-thumbnail .slick-slide.slick-current img {
	border: 1px solid #333;
	padding: 2px;
	box-sizing: border-box;
	opacity: 0.7;
}

.slick-thumbnail .slick-slide img {
	cursor: pointer;
}

.modal-body #thumbnail_nav .slick-track {
	margin: auto;
}

.modal-body #modal-product-box .slick-slide img,
.modal-body #modal-product .slick-slide img {
	height: 400px;
	width: 100%;
	max-width: 100%;
	-o-object-fit: scale-down;
	object-fit: scale-down;
	border: 1px solid var(--white-gray);
}

#size_btn {
	position: absolute;
	z-index: 99;
	left: 51%;
	top: 45%;
	margin: auto;
	width: 47.5%;
}

#size_btn .changeImage {
	border: 1px solid #000;
	font-weight: 600;
}

.changeImage.active {
	background-color: #000;
	color: #fff;
}

/*== Manual Guides Section ==*/

.prc-img img {
	max-height: 460px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top right;
	object-position: top right;
}

.manualGuides .manualHeading h4 {
	margin: 0;
}

.manualGuides .guide-link {
	font-size: 14px;
}

.manualGuides .guide-link .far {
	font-size: 22px;
}

.manualGuides .guide-link a {
	text-decoration: underline;
	font-weight: 400;
}

/*== Product Tabs ==*/

.prod-tab .nav-tabs {
	border-color: var(--color-primary);
	margin-bottom: 1px;
	border: 0;
}

.prod-tab .nav-tabs .nav-link {
	border-radius: 0px;
	background-color: #ebedef;
	color: #3e424a;
	margin-right: 1px;
	font-weight: 500;
	padding: 6.5px 10px;
}

.prod-tab .nav-tabs .nav-link:hover {
	color: var(--color-primary);
}

.prod-tab .nav-tabs .nav-link.active {
	border: 1px solid var(--color-primary);
	border-bottom: 1px solid transparent;
	background-color: var(--color-primary);
	color: var(--color-white);
}

.prod-tab .tab-content {
	padding: 15px 15px;
	border: 1px solid var(--color-primary);
}

/*== Related Product ==*/

.related-product .slide-product {
	margin: 0 15px;
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: 300;
}

.related-product .slick-slide:hover .prod-link {
	-webkit-text-decoration-color: var(--color-white) !important;
	text-decoration-color: var(--color-white) !important;
	text-decoration: underline;
}

.related-product .slick-slide img {
	border: 1px solid var(--color-primary);
}

.related-product .prod-link {
	background-color: var(--color-primary);
	margin: 0 !important;
	color: var(--color-white) !important;
	padding: 10px;
	font-size: 12px;
}

/*== product popup ==*/

/*== datatable ==*/

table.dataTable {
	width: 100% !important;
}

.dataTable thead,
.table thead {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.dataTable thead tr th,
.table thead tr th {
	white-space: nowrap;
	border-right: 1px solid var(--color-white);

}

.dataTable thead tr th,
.dataTable tbody tr td,
.table thead tr th,
.table tbody tr td {
	font-size: 14px !important;
	font-weight: 400;
	vertical-align: middle;
	/*background-color: #F4F6F9;*/
}

.dataTables_info {
	float: left;
	display: inline-block;
}

.dataTables_paginate {
	float: right;
	display: inline-block;
	font-size: 0.7875rem;
}

.pagination {
	font-size: 0.7875rem;
}

.dataTables_length {
	float: left;
	display: inline-block;
}

.dt-buttons {
	display: inline-block;
	float: right;
	margin-left: 5px;
}

.dt-buttons .buttons-excel {
	background-color: #004b1c !important;
	border-color: #004b1c !important;
}

.dataTables_filter {
	display: inline-block;
	float: right;
}

.dataTables_filter label {
	display: -webkit-box;
	display: flex;
	float: right;
}

.dataTables_filter label .input-group-prepend .input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.dataTables_filter label input {
	display: block;
	width: 100%;
	height: 29px;
	padding: 4px;
	font-size: 0.7875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: var(--color-white);
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0;
	-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin-left: 0 !important;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.dataTables_filter label input:focus,
.dataTables_filter label input:active {
	box-shadow: none;
	border: 1px solid #ced4da;
}

.dataTables_length label select {
	min-width: 70px;
	height: 29px;
	padding: 4px;
	font-size: 0.7875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: var(--color-white);
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: "Lato";
	font-size: 12px;
}

.dataTables_scrollHeadInner,
.dataTables_scrollHeadInner .table,
.dataTables_scrollBody,
.dataTables_scrollBody .table {
	width: 100% !important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
	bottom: 0.7em;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(230, 234, 237, 0.3);
}

.mw-300 {
	min-width: 250px;
}

.max-w400 {
	max-width: 500px;
}

.max-w350 {
	max-width: 350px;
}

.max-w215 {
	max-width: 215px;
}

.w300 {
	width: 300px !important;
}

.min-w500 {
	min-width: 500px;
}

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

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

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

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

.h-85 {
	height: 86.6%;
}

.vh-height {
	min-height: 75vh;
}

.max-h450 {
	max-height: 490px;
	overflow-y: auto;
}

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

.max-h70vh {
	max-height: 68vh;
	overflow-y: auto;
}

.max-h450::-webkit-scrollbar,
.max-w350::-webkit-scrollbar,
.max-h70vh::-webkit-scrollbar,
.max-h300::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
.collapse-div::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar,
ul::-webkit-scrollbar,
#chat-child::-webkit-scrollbar,
.modal-body::-webkit-scrollbar
 {
	height: 10px;
	width: 8px;
	background-color: #cacaca;
	border-radius: 5px;
}

.table-wrapper-custom::-webkit-scrollbar
 {
	height: 9px;
	width: 9px;
	background-color: #cacaca;
	border-radius: 5px;
}

.hoverable-cell::-webkit-scrollbar{
	height: 8px;
	width: 8px;
	background-color: #cacaca;
	border-radius: 5px;

}
.max-h450::-webkit-scrollbar-corner,
.max-w350::-webkit-scrollbar-corner,
.max-h70vh::-webkit-scrollbar-corner,
.max-h300::-webkit-scrollbar-corner,
.table-responsive::-webkit-scrollbar-corner,
.collapse-div::-webkit-scrollbar-corner,
.dataTables_scrollBody::-webkit-scrollbar-corner,
ul::-webkit-scrollbar-corner,
#chat-child::-webkit-scrollbar-corner,
.modal-body::-webkit-scrollbar-corner,
.table-wrapper-custom::-webkit-scrollbar-corner,
.hoverable-cell::-webkit-scrollbar-corner
 {
	background: #cccccc;
	border-radius: 5px;
}

.max-h450::-webkit-scrollbar-thumb,
.max-w350::-webkit-scrollbar-thumb,
.max-h70vh::-webkit-scrollbar-thumb,
.max-h300::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb,
.collapse-div::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
#chat-child,
.modal-body::-webkit-scrollbar-thumb,
.table-wrapper-custom::-webkit-scrollbar-thumb,
.hoverable-cell::-webkit-scrollbar-thumb
 {
	background: #606060;
	border: 1px solid #cccccc;
	border-radius: 5px;
}

.max-h450::-webkit-scrollbar-thumb:hover,
.max-w350::-webkit-scrollbar-thumb:hover,
.max-h70vh::-webkit-scrollbar-thumb:hover,
.max-h300::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover,
.collapse-div::-webkit-scrollbar-thumb:hover,
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover, 
ul::-webkit-scrollbar-thumb:hover,
#chat-child::-webkit-scrollbar-thumb:hover,
.modal-body::-webkit-scrollbar-thumb:hover,
.table-wrapper-custom::-webkit-scrollbar-thumb:hover,
.hoverable-cell::-webkit-scrollbar-thumb:hover
{
	background: #868686;
	border-radius: 5px;
}

.max-h450::-webkit-scrollbar-track,
.max-w350::-webkit-scrollbar-track,
.max-h70vh::-webkit-scrollbar-track,
.max-h300::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track,
.collapse-div::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
#chat-child::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track,
.table-wrapper-custom::-webkit-scrollbar-track,
.hoverable-cell::-webkit-scrollbar-track
{
	border: 1px solid #cccccc;
	background-color: #cccccc;
	border-radius: 5px;
}

.max-h450,
.max-w350,
.max-h300,
.table-responsive,
.collapse-div,
.dataTables_scrollBody,
ul,
#chat-child,
.modal-body {
	scrollbar-width: thin;
	border-radius: 5px;
}

.page-link {
	color: var(--color-black);
	font-family: "Lato", sans-serif;
	line-height: 15px;
}

.page-link .fa,
.page-link .far,
.page-link .fas {
	line-height: 15px;
}

.page-item.active .page-link {
	color: var(--color-white);
	background: var(--color-primary);
	border-color: var(--color-primary);
}

.attr-table .table {
	margin: 0;
}

.table tr th {
	padding: 5px;
	white-space: nowrap;
}

.table thead tr:last-child th,
.dataTable thead tr:last-child th {
	border-bottom: none;
}

td a,
a {
	color: var(--link-color);
}

.sort-by-name {
	margin-bottom: -27px;
	max-width: 120px;
	margin-top: 0;
	padding-top: 2px;
}

.sort-by-name .cust-checkbox {
	font-size: 13px;
}

td.attr-img img {
	height: 50px !important;
	width: 50px !important;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}

td.attr-img p {
	margin-bottom: 0 !important;
}

.tab-pane td.attr-img img {
	width: 20px !important;
	-o-object-position: top;
	object-position: top;
	height: 20px !important;
	-o-object-fit: contain;
	object-fit: contain;
}

#attribute-val-editor {
	resize: vertical;
	overflow-y: scroll;
}

.ql-container,
.ql-editor {
	min-height: 150px;
}

/*== Category Definition Page ==*/

.attribute-box .cust-checkbox {
	font-weight: 600;
}

.attribute-box .card-link h6 {
	font-size: 16px;
	vertical-align: middle;
	width: calc(100% - 25px);
	margin: 0px;
}

.attribute-box .card-link .fa-caret-up {
	font-size: 22px;
	vertical-align: middle;
}

.attribute-box .card-link.collapsed .fa-caret-up:before {
	content: "\F0D7";
}

.attribute-box .card-header .cust-checkbox {
	padding-left: 20px !important;
}

.btn-save {
	min-width: 100px;
}

.attribute-box .card-body h5 {
	font-size: 16px;
}

.attr-description .badge {
	box-shadow: 0px 5px 5px #454545;
	border: 1px solid var(--color-white) !important;
	font-size: 85%;
	padding: 17.5px 4px !important;
	height: 50px;
	width: 50px;
	font-weight: 600;
}

.attribute-tbl.table thead {
	box-shadow: none;
}

.modal-body .select2-container {
	width: 100% !important;
	outline: none;
}

.select2-container {
	width: auto !important;
}

.modal-body .select2-selection {
	min-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	margin-top: 2px;
}

.select2-selection,
.select2-search__field,
.select2-results {
	font-size: 0.7875rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--color-secondary) !important;
	border-color: var(--color-secondary) !important;
}

.jconfirm-buttons .btn {
	text-transform: capitalize !important;
	font-weight: 500 !important;
	font-size: 13px !important;
}

.jconfirm-buttons .btn:first-child {
	background-color: var(--color-primary) !important;
	color: var(--color-white) !important;
}

.jconfirm-buttons .btn:first-child:hover {
	background-color: var(--hover-primary) !important;
}

/*== File upload ==*/

.file-drop-area {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: auto;
	max-width: 300px;
	padding: 2px;
	border: 1px dashed rgba(0, 0, 0, 0.4);
	border-radius: 3px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	height: 30px;
}

.file-drop-area.is-active {
	background-color: rgba(255, 255, 255, 0.05);
}

.fake-btn {
	flex-shrink: 0;
	background-color: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.25rem;
	padding: 3px 6px;
	margin-right: 10px;
	font-size: 10px;
	text-transform: uppercase;
	background-color: var(--color-primary);
	color: var(--color-white);
}

.file-msg {
	font-size: small;
	font-weight: 300;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file-input {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	opacity: 0;
}

/*== Product Filter Page ==*/

.display-block {
	display: block;
}

.filter-sidebar {
	overflow: hidden;
	-webkit-transition: all 0.75s ease;
	transition: all 0.75s ease;
}

.filter-sidebar select.form-control {
	height: 30px;
	padding: 3px 5px;
}

.filter-sidebar .select2-container {
	width: 100% !important;
}

.filter-sidebar .select2-selection {
	height: 30px;
	padding: 2px 10px;
}

.filter-sidebar .select2-selection__arrow {
	height: 25px;
}

.filter-hide {
	display: none;
}

.filter-panel {
	position: relative;
}

.filter-loader {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
	background-color: rgba(255, 255, 255, 0.5);
	display: -webkit-box;
	display: flex;
}

.filter-panel .card-header {
	cursor: pointer;
}

.filter-panel .card-title {
	font-size: 14px;
	line-height: normal;
}

.filter-panel .card-tools .btn-tool {
	border-radius: 100%;
	border: 1.5px solid #f2f4f7;
	position: absolute;
	left: -11px;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 21px;
	height: 21px;
	line-height: 14px;
	text-align: center;
	padding: 0;
	font-size: 8px;
	box-shadow: 0 0 2px var(--color-black);
}

.filter-panel .cust-checkbox {
	padding-left: 20px;
	font-size: 12px;
	font-weight: 500 !important;
	margin-bottom: 7px;
}

.filter-panel .checkmark {
	height: 15px;
	width: 15px;
}

.filter-panel .cust-checkbox .checkmark:after {
	left: 4px;
	top: 1px;
}

.filter-buttons .btn {
	font-size: 12px;
}

.btn-filter i {
	font-size: 12px;
}

.expand-div .card-header .fa-plus:before,
.attr-expand-div .card-header .fa-plus:before {
	content: "\F068";
}

.expand-div .card-header.collapsed .fa-plus:before,
.attr-expand-div .card-header.collapsed .fa-plus:before {
	content: "\F067";
}

.collapse-div {
	max-height: 130px;
	overflow-y: auto;
}

.filter-sidebar .select2-selection__arrow {
	height: 25px !important;
}

.vt-add-search-report-btn {
	min-width: 105px !important;
	height: 28px;
}

.search-result div {
	font-weight: 400;
	display: contents;
	width: 100% !important;
	float: none !important;
}

.permission-roleList li {
	list-style: none;
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
}

.permission-roleList li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	border: solid 8px var(--color-secondary);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.permission-roleList li:after {
	content: "";
	position: absolute;
	left: 6px;
	top: 5px;
	width: 4px;
	height: 8px;
	border: solid var(--color-white);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.list-style-none {
	list-style: none !important;
}

.roles-permission .cust-checkbox .checkmark {
	top: 1px;
}

.permission-box .heading label {
	font-size: 15px;
}

/*== Select 2 ==*/

.select2 {
	display: block;
	max-height: 150px;
	overflow-y: auto;
}

.select2-search--dropdown {
	position: static;
	left: 0;
	right: 0;
	top: 0;
}

.select2-search--dropdown input {
	border-radius: 0.25rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
.select2-container--default .select2-results__option {
	display: inline-block;
	width: 100%;
}

.select2-results__option {
	border-bottom: 1px solid #eeeeee;
}

.select2-selection strong,
.select2-results__option strong {
	font-size: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] a,
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover a {
	color: #fff !important;
}

.select2-selection__rendered:focus {
	outline: none;
}

.select2-selection__rendered span div {
	padding: 0 !important;
	overflow: hidden;
}

.select2-selection.select2-selection--single {
	overflow: hidden;
}

.multiselect-container>li>a>label {
	padding: 3px 20px 3px 20px;
	font-weight: 400 !important;
	font-size: 13px;
}

.multiselect-container>li>a>label b {
	font-size: 16px;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 300px;
}

strong.select2-results__group {
	font-size: 16px;
	color: #F44336;
	font-size: 14px;
	font-weight: 600;
}

.multiselect-container .checkbox input {
	opacity: 0;
	height: 0;
	width: 0;
	visibility: hidden;
}

.multiselect-container li .checkbox:before {
	content: "";
	display: inline-block !important;
	position: relative;
	height: 15px;
	width: 15px;
	border: 1px solid #cacaca !important;
	border-radius: 4px;
	background-color: #fff;
	margin-right: 3px;
	vertical-align: middle;
}

.multiselect-container li.active .checkbox:before {
	content: "\2713" !important;
	/* color: #fff; */
	border: 0;
	display: inline-block;
	padding-left: 3px !important;
	font-size: 10px;
	font-weight: 600;
}

.multiselect-container {
	margin: 0;
	padding: 0;
}

.multiselect-filter {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	right: 0;
	top: 0;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	background-color: #f1f1f1;
	z-index: 99;
}

.multiselect-filter .form-control {
	height: 30px;
}

.multiselect-filter .input-group {
	margin: 0;
}

.multiselect-filter .input-group-addon,
.multiselect-filter .input-group-btn {
	display: none;
}

button.multiselect {
	height: auto;
	max-height: 150px;
	overflow-y: auto;
}

.multiselect-selected-text {
	white-space: normal;
}

/*== Bootstrap Dual List Multiselect ==*/

button.move,
button.remove {
	display: inline-block;
}

.btn-group {
	width: 100%;
}

.btn-group .moveall,
.btn-group .removeall {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.btn-group .move,
.btn-group .remove {
	background-color: var(--lightblue);
	color: var(--color-white);
}

.btn-group .moveall,
.btn-group .removeall,
.btn-group .move,
.btn-group .remove {
	width: calc(50% - 5px);
	margin: 5px 5px;
	border-radius: 5px !important;
	padding: 2px;
	font-size: 12.5px;
}

.btn-group .btn:first-child {
	margin-left: 0px;
}

.btn-group .btn:last-child {
	margin-right: 0px;
}

button.moveall,
button.removeall {
	background-color: #ececec;
	width: inherit;
}

/*== Multiselect CSS ==*/

.multiselect {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.7875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
	color: #495057;
	background-color: var(--color-white);
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border-radius: 0.25rem !important;
}

.dropdown-toggle::after {
	float: right;
	margin-top: 0.7rem;
}

/*== Hicharts css ==*/

.highcharts-credits {
	display: none;
}

.highcharts-container tspan {
	font-family: "Raleway", sans-serif !important;
}

.highcharts-axis-labels,
.highcharts-root,
.highcharts-data-label tspan {
	font-family: "Lato", sans-serif !important;
}

.highcharts-axis tspan {
	font-family: "Raleway", sans-serif !important;
}

.highcharts-axis-labels .highcharts-anchor {
	text-decoration: underline;
	fill: var(--color-secondary);
	opacity: 1;
	font-weight: 600;
	font-family: "Lato", sans-serif !important;
}

.highcharts-axis-labels .highcharts-anchor:hover {
	color: var(--color-secondary);
	fill: var(--color-secondary);
	text-shadow: 0 0 1px #454545;
}

.dataTables_processing{
    z-index: 999;
}

.dataTables_processing.card {
	width: 0 !important;
	border: 0;
}

.attributes-tbl td img {
	width: 50px !important;
	height: auto !important;
	margin: auto;
	border: 1px solid #cacaca;
	display: inline-block;
	margin-right: 5px;
}

.attributes-tbl td span div img {
	width: 25px !important;
	height: 25px !important;
}

.ImagePreviewBox table td img {
	width: 100% !important;
	height: auto !important;
}

/*==Image gallery Page==*/

.box-shadow {
	box-shadow: 0 0 5px #999999;
	overflow: hidden;
}

.grid-item {
	width: 20%;
}

.grid-item img {
	width: 100%;
	height: 200px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}

.grid-item .card {
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

.grid-item .card:hover {
	box-shadow: 0 0 15px #999999;
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

/*== Image list page ==*/

.image-table tr td img {
	width: 50px;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain;
	border: 1px solid #cacaca;
	margin-right: 5px;
	padding: 2px;
	border-radius: 2px;
}

td .img-count {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: relative;
}

.img-count .count-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 13px 3px;
}

.img-show a {
	margin-right: 2px;
}

/*== Multistep Foem Import Page ==*/

#grad1 {
	background-color: #9C27B0;
	background-image: linear-gradient(120deg, #FF4081, #81D4FA);
}

#msform {
	position: relative;
}

#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-bottom: 20px;
	position: relative;
}

#msform fieldset:not(:first-of-type) {
	display: none;
}

#msform fieldset .form-card {
	text-align: left;
	color: #9E9E9E;
}

#progressbar {
	overflow: hidden;
	color: lightgrey;
}

#progressbar .active {
	color: var(--color-black);
}

#progressbar li {
	list-style-type: none;
	font-size: 12px;
	width: 25%;
	float: left;
	position: relative;
	text-align: center;
}

#progressbar li:before {
	content: "";
	width: 21px;
	height: 21px;
	line-height: 45px;
	display: block;
	font-size: 18px;
	color: var(--color-white);
	background: lightgray;
	border-radius: 50%;
	margin: 0 auto 0 auto;
	padding: 2px;
	border: 5px solid var(--color-white);
	box-shadow: 0 0 6px var(--color-black);
	z-index: 1;
}

#progressbar li:after {
	content: "";
	width: 100%;
	height: 2px;
	background: lightgray;
	position: absolute;
	left: 0;
	top: 9.5px;
	z-index: 0;
}

#progressbar li.active:before,
#progressbar li.active:after {
	background: var(--color-primary);
}

/*== data mapping nav tabs ==*/

.data-mapping .nav-link {
	color: var(--color-black);
	font-size: 13px;
}

.data-mapping .nav-tabs.flex-column {
	border-right: 1px solid var(--color-primary);
}

.data-mapping .nav-link.active {
	background-color: var(--color-white);
	color: var(--color-primary);
	border-color: var(--color-primary) transparent var(--color-primary) var(--color-primary) !important;
}

/*== Modal Body ==*/

.select2-selection {
	min-height: 29px !important;
	padding: 2px 10px !important;
}

.select2-selection .select2-selection__arrow {
	min-height: 24px !important;
}

td select.form-control {
	max-width: 250px;
}

/*== Glossary page ==*/

.glossary-card table,
.glossary-card img {
	width: 100% !important;
	display: block;
}

.glossary-card table th,
.glossary-card table td {
	white-space: normal !important;
}

.glossary-card table th span,
.glossary-card table td span {
	font-size: 13px !important;
}

.table tr th:first-child .cust-checkbox,
.table tr td:first-child .cust-checkbox {
	width: 17px;
	height: 17px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: 0 !important;
}

.table tr th:first-child .cust-checkbox .checkmark,
.table tr td:first-child .cust-checkbox .checkmark {
	right: 0;
	margin: auto;
}

.glossary-card table .glossary-card img {
	width: 100%;
	height: 150px;
	-o-object-fit: contain;
	object-fit: contain;
}

.glossary-grid .glossary-card {
	-webkit-transition: 0.4s ease all;
	transition: 0.4s ease all;
	background-color: #f0f7ff;
}

.glossary-grid .glossary-card:hover {
	box-shadow: 0 0 8px #cacaca;
	background-color: var(--color-white);
}

.glossary-grid .glossary-card .card-body {
	overflow: auto;
}

/*=== Integration page === */

.integ-box img {
	max-width: 100%;
	height: 120px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}

.integ-box {
	text-decoration: none;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.1s ease all;
	transition: 0.1s ease all;
	cursor: pointer;
}

a.integ-box:hover {
	text-decoration: none;
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.integ-box input.check-int {
	height: 0;
	width: 0;
	visibility: hidden;
	opacity: 0;
}

.switch-field {
	display: -webkit-box;
	display: flex;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 13px;
	line-height: 1;
	text-align: center;
	padding: 7px 12px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	font-weight: 600 !important;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked+label {
	background-color: var(--green);
	box-shadow: none;
	color: var(--color-white);
}

.switch-field label:first-of-type {
	border-radius: 0.25rem 0 0 0.25rem;
}

.switch-field label:last-of-type {
	border-radius: 0 0.25rem 0.25rem 0;
}

/*== 404 not found ==*/

.error-404 {
	height: 100vh;
}

.heading-404 {
	font-size: 140px;
	font-weight: 900;
	line-height: 130px;
}

.subheading-404 {
	font-size: 30px;
	font-weight: 600;
}

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

.full-height {
	height: 100vh;
}

.flex-center {
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}

.position-ref {
	position: relative;
}

.code {
	font-size: 26px;
	padding: 0 15px 0 15px;
	text-align: center;
}

.message {
	font-size: 18px;
	text-align: center;
}

/*== D css ==*/

.mask {
	display: none;
}

.mask.ajax {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1000;
	/*puts on top of everything*/
}

.mask.ajax {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1000;
}

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

	to {
		opacity: 0.2;
	}
}

.blink {
	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;
}

/* Email Template */

.form-send {
	padding: 25px 15px;
}

.form-send .form-group {
	margin-bottom: 5px;
}

.form-send .form-group .form-control {
	height: 27px !important;
	margin-left: 3px;
	font-weight: 400;
	font-size: 14px;
	padding: 5px;
}

.form-send .form-group .form-control[readonly],
.form-send .form-group .form-control[disabled] {
	background-color: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.form-send .form-group .form-control:focus {
	box-shadow: none;
}

.form-send .form-group .border-trans {
	border: 1px solid #fff;
}

.form-send .form-group .button {
	width: 65px;
	border: 1px solid #ccc;
	font-size: 11px;
	padding: 4px 0px;
	border-radius: 3px;
}

.form-send .form-group .button:focus {
	box-shadow: none;
	outline: none;
}

.form-send .form-group .label-text {
	width: 65px;
	font-size: 11px;
	padding: 4px 0px;
}

.bordered-email {
	border: 1px solid #ccc;
	margin: 0px 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 25px;
}

/* ==== ck editor css ==== */
.cke_toolbox {
	display: flex;
	flex-wrap: wrap;
}

/*== Media Query ==*/

@media (min-width: 768px) {

	body:not(.sidebar-mini-md) .content-wrapper,
	body:not(.sidebar-mini-md) .main-footer,
	body:not(.sidebar-mini-md) .main-header {
		margin-left: 7rem;
	}
}

@media (min-width: 768px) and (max-width: 1260px) {
	.sort-by-name {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 991px) {
	.grid-item {
		width: 25%;
	}

	.vt_product_attribute_shipping .min-w200 {
		min-width: 130px !important;
	}
	
	#app .main-header{
		flex-wrap: wrap !important;
		position: relative;
	}
	.content-wrapper{
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 767px) {
	#size_btn {
		position: relative;
		z-index: 99;
		left: auto;
		top: auto;
		width: 100%;
		margin-bottom: 25px !important;
	}
	.main-footer{
		text-align: center;
	}
	.main-footer .emails{
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	.login-submit-btn{
		font-size: 14px !important;
	}
	.main-login{
		left: 20px;
    	right: 20px;
	}
	.logo_c{
		margin-left: 0px;
		width: auto !important;
	}
	.main-header .input-group span h5{
		font-size: 14px;
		margin-left: 20px;
	}
	.main-header a .mx-auto img{
		height: 30px;
	}
}

@media screen and (max-width: 575px) {
	.prod-tab .nav-tabs .nav-item {
		width: calc(50% - 4px);
		margin: 2px;
	}

	.dataTables_info,
	.dataTables_paginate {
		display: block;
		float: unset;
		margin-bottom: 5px;
	}

	.dataTables_length,
	.dataTables_filter,
	.dataTables_filter label {
		width: 100% !important;
		float: unset !important;
		text-align: center;
	}

	.dt-buttons {
		text-align: right;
	}

	div.dataTables_wrapper div.dataTables_filter input {
		width: 100% !important;
	}

	.page-link {
		padding: 0.4rem 0.5rem;
	}

	.dataTables_wrapper .dataTables_paginate .ellipsis {
		padding: 0 0.2em;
	}

	.grid-item {
		width: 50%;
	}

	.data-mapping .nav-tabs.flex-column {
		border-right: none;
	}

	.data-mapping .nav-link {
		text-align: center;
		border: 1px solid #cacaca;
		border-radius: 0.25rem;
		margin-bottom: 5px;
	}

	.data-mapping .nav-link.active {
		border-color: var(--color-primary) var(--color-primary) var(--color-primary) var(--color-primary) !important;
	}

	/* .main-login {
		width: 90%;
	} */
}

@media screen and (max-width: 475px) {
	.main-header .input-group span h5{
		max-width: 150px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.os-theme-light>.os-scrollbar> {
	background: #000;
}

.sidebar-dark-navy .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-navy .nav-sidebar>.nav-item>.nav-link.active {
	background-color: #1d5086;
	color: #fff;
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar>.os-scrollbar-track {
	background: #1d50865d;
}

.brand-link {
	background: #1d5086;
	height: 70px;
}

.brand-link .brand-image {
	max-height: 45px;
	width: auto;
}

/* ==== Org Setting page ==== */
.display {
	cursor: pointer;
}

.dis .display {
	visibility: hidden;
}

.dis:hover .display {
	visibility: visible;
}

.bg_images {
	margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    background-position: center;
    height: 85px;
    width: 85px;
    border-radius: 50%;
    margin-top: 12px;
    margin-bottom: 12px;
	border: 1px solid #cccccc;
}

.dis .act-deact {
	position: absolute;
	right: 3px;
	top: 20px;
	display: none;
	font-size: 12px;
	z-index: 9;
}

.dis:hover .act-deact {
	display: block;
}

.org-setting {
	display: flex;
	width: 100%;
}

.org-setting .left-bar {
	background-color: #eaeaea;
	color: #ffffff;
	width: 210px;
	/* height: calc(100vh - 15px); */
	position: fixed;
	height: 100%;

	font-size: 15px;
}

.toggle-arrow {
	/* position: absolute; */
	position: fixed;
	top: 53px !important;
	left: 195px;
	z-index: 9;
	top: 3px;
	transition: 0.1s linear;
}

.left-0 {
	left: -13px;
	transition: 0.1s linear;
}

.left-0:hover {
	left: 0;
}

.left-bar.width-0 {
	width: 0px;
	padding: 0 !important;
	overflow: hidden;
}

.left-items {
	list-style: none;
}

.left-items li {
	line-height: 30px;
}

.left-items li a {
	color: #454545;
	font-size: 14px;
}

.left-items li.active a,
.left-items li a:hover {
	text-decoration: underline;
	color: var(--color-primary);
}

.org-setting .right-setting {
	/* width: calc(100% - 210px); */
	margin-left: 210px;
	width: 100%;
}

.right-setting .org-profile-setting {
	display: flex;
	justify-content: center;
}

.org-profile-setting .avatar-upload .avatar-preview {
	width: 105px;
	height: 105px;
}

.org-profile-setting .avatar-upload .avatar-edit input+label {
	border-radius: 0;
}

/* .right-setting .bg_images{
	max-height: 70px;
  } */

/* == Setup Page== */
.setup-card .setup-list {
	font-size: 1 px;
}

/*ab css start*/

.user_search {
	position: absolute;
	bottom: -24px;
	width: 100%;
	left: 0px;
}

.user_search>ul {
	list-style-type: none;
	position: absolute;
	z-index: 9;
	background: #fff;
	top: -23px;
	text-align: left;
	text-decoration: none;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	padding: 10px;
	width: 100%;
	max-height: 192px;
	overflow-x: auto;
	padding: 0px !important;
}

.user_search>ul>li {
	padding: 10px;
	word-wrap: break-word;
	font-size: 12px;
}

.user_search>ul>li:hover {
	background-color: #F4F6F9;
}

.user_search>ul::-webkit-scrollbar {
	height: 10px;
	width: 8px;
	background-color: #ccc;
}

.user_search>ul::-webkit-scrollbar-corner {
	background: #ccc;
}

.user_search>ul::-webkit-scrollbar-thumb {
	background: #3490dc;
	border: 1px solid #3490dc;
}

.user_search>ul::-webkit-scrollbar-thumb:hover {
	background: #3490dc;
}

.user_search>ul::-webkit-scrollbar-track {
	border: 1px solid #ccc;
	background-color: #ccc;
}

.user_search>ul {
	scrollbar-width: thin;
}

.clss_none::after {
	display: none;
}

.classDEmail::after {
	float: inherit;
}

.cursor {
	cursor: pointer;
}

/* Style the tab */
.tab {
	float: left;
	/* border: 1px solid #ccc; */
	background-color: transparent;
	width: 16%;
	height: auto;
	position: fixed;
	top: 61px;
	right: 40.57em;

}

/* Style the buttons inside the tab */
.tab button {
	display: block;
	background-color: #f5f5f5;
	color: #000;
	padding: 6px 9px;
	width: 83%;
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	font-size: 13px;
	text-align: center;
	border: 1px solid #f0f0f0;
	margin-bottom: 3px;
	box-shadow: 0 0 10px #cacaca;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
	background-color: #2b74ba;
	color: #ffffff;
}

.tab button.active img {
	filter: brightness(0) invert(1);
}

/* Style the tab content */
.tabcontent_left {
	box-shadow: 2px -12px 19px rgba(0, 0, 0, 0.21) !important;
	box-sizing: content-box !important;
}


.tabcontent {
	float: right;
	padding: 0px 0px;
	border: 1px solid #ccc;
	width: 100%;
	border-left: none;
	height: auto;
	/* box-shadow: 2px -12px 19px rgba(0,0,0,0.21);*/
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;

}

.border_b {
	border: none !important;
	border-bottom: 1px solid #1e5598 !important;
	border-radius: 0px !important;
}

.border_r {
	border-right: 1px solid #1e5598 !important;
}

.modal_size {
	width: 99% !important;
	max-width: 99% !important;
	left: 0;
	top: 10px;
}

.modal_size>div {
	overflow-x: hidden;
}

.color {
	color: #4a89dc;
}

.task_active {
	background-color: #3490dc;
	color: #fff;
	padding: 5px;
	margin-right: 8px;
	border-radius: 2px;
}

.color_1 {
	color: #3490dc;
	padding: 5px;
	margin-right: 8px;
}

.color_2 {
	color: #a1d36e;
	padding: 5px;
	margin-right: 8px;
}

.fixed_b {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 24%;

	background-color: #eaeaea;
	z-index: 99;
}

.fixed_b11 {
	height: calc(100% - 50px);
	overflow: hidden;
	overflow-y: auto;
}

.fixed_b11::-webkit-scrollbar {
	height: 10px;
	width: 8px;
	background-color: #ccc;
}

.fixed_b11::-webkit-scrollbar-corner {
	background: #ccc;
}

.fixed_b11::-webkit-scrollbar-thumb {
	background: #3490dc;
	border: 1px solid #3490dc;
}

.fixed_b11::-webkit-scrollbar-thumb:hover {
	background: #3490dc;
}

.fixed_b11::-webkit-scrollbar-track {
	border: 1px solid #ccc;
	background-color: #ccc;
}

.tex_box {
	font-size: 18px;
	width: 50%;
	background: #f2f2f2;
	position: absolute;
	top: 25px;

}

.md_header {
	padding: 0;
	background: #fff;
	border: none;
}

.bg_t {
	/* background-color: #fbe8e0;*/
	padding: 15px;
	padding-left: 6px;
	border-bottom: 1px solid #dad2d2;
}

.text_d {
	background-color: #3490dc;
	width: 90px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

.none {
	border-left: 2px solid #878b8e;
	padding: 2px 0px;
}

.low {
	border-left: 2px solid #5eb864;
	padding: 2px 0px;
}

.low {
	border-left: 2px solid #face6d;
	padding: 2px 0px;
}

.high {
	border-left: 2px solid 3f36969;
	padding: 2px 0px;
}

.act_color {
	background-color: #38c172;
	text-align: center;

}

.p_d {
	padding: 2px 4px;
	border-radius: 2px;
}

.backlog {
	background-color: #eb5768;
	padding: 0px 4px;
	border-radius: 2px;
}

.under_i {
	background-color: #33927d;
	padding: 0px 4px;
	border-radius: 2px;
}

.under_d {
	background-color: #3c8ab9;
	padding: 0px 4px;
	border-radius: 2px;
}

.awating {
	background-color: #ac94ea;
	padding: 0px 4px;
	border-radius: 2px;
}

.under_Qa {
	background-color: #f5ad5f;
	padding: 0px 4px;
	border-radius: 2px;
}

.iat {
	background-color: #935b1a;
	padding: 0px 4px;
	border-radius: 2px;
}

.deploy {
	background-color: #a1d36e;
	padding: 0px 4px;
	border-radius: 2px;
}

.on_uat {
	background-color: #3cccc6;
	padding: 0px 4px;
	border-radius: 2px;
}

.push_pro {
	background-color: #a1d36e;
	padding: 0px 4px;
	border-radius: 2px;
}

.closed {
	background-color: #a1d36e;
	padding: 0px 4px;
	border-radius: 2px;
}

.sr {
	max-height: 219px;
	overflow-y: auto;
}

.value_n {
	background: #eaeaea;
	padding: 16px 22px 15px 22px;
}

.fixed_p {
	padding: 0px;
	position: fixed;
	right: 16px;
	width: 100%;
	background-color: #fff;
	z-index: 9;

}

.m8 {
	margin-top: 8em;
}

.bg_Border {
	border: none;
	/*border-bottom:#eee solid 1px;*/
}

.bg_Border1 {
	border-radius: 0px !important;
	border: #eee solid 1px;
}

.project-tab #tabs {
	background: #007b5e;
	color: #eee;
}

.project-tab #tabs h6.section-title {
	color: #eee;
}

.dropdown-toggle1::after {
	display: none;
}

.project-tab #tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #fff;
	/* background-color: #2b74ba; */
	border-color: transparent transparent #f3f3f3;
	border-bottom: 1px solid #cccccc !important;
	/* border-top: 1px solid #2b74ba !important;*/
	font-size: 16px;
	font-weight: normal;
}

.project-tab .nav-link {
	border: none;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	background-color: #f5f5f5;
}

.project-tab .nav-link:hover {
	border: none;
}

.project-tab thead {
	background: #f3f3f3;
	color: #333;
}

.project-tab a {
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

.bor_der {
	border-top: 1px solid #dee2e6;
	margin-top: 21px;
}

.icon_w {
	width: 35px;
	border-radius: 50%;
}

.padd_t_b {
	padding-top: 45px;
	padding-bottom: 45px;
}

.table_c {
	white-space: normal;

}

.fa_user {
	font-size: 18px;
}

.content_d {
	background: #fff;
	display: none;
	height: auto;
	width: 279px;
	box-shadow: 2px 5px 19px rgba(0, 0, 0, 0.21) !important;
	position: absolute;
	right: 46px;
	padding: 10px;
	margin-top: 6px;
}

.subtask_d {
	background: #fff;
	display: none;
	height: auto;
	width: 430px;
	box-shadow: 2px 5px 19px rgba(0, 0, 0, 0.21) !important;
	position: absolute;
	right: 44%;
	padding: 10px;
	margin-top: 6px;
	/* left: 0; */
	bottom: 4.5em;
	z-index: 99;
}

.LogHour_d {
	background: #fff;
	display: none;
	height: auto;
	width: 430px;
	box-shadow: 2px 5px 19px rgba(0, 0, 0, 0.21) !important;
	position: absolute;
	right: 44%;
	padding: 10px;
	margin-top: 6px;
	/* left: 0; */
	/*bottom: 31%;	*/
	bottom: 4.5em;
	z-index: 99;
}

.associate_d {
	background: #fff;
	display: none;
	height: auto;
	width: 430px;
	box-shadow: 2px 5px 19px rgba(0, 0, 0, 0.21) !important;
	position: absolute;
	right: 44%;
	padding: 10px;
	margin-top: 6px;
	/* left: 0; */
	bottom: 4.5em;
	z-index: 99;
}

.issues_d {
	background: #fff;
	display: none;
	height: auto;
	width: 430px;
	box-shadow: 2px 5px 19px rgba(0, 0, 0, 0.21) !important;
	position: absolute;
	right: 44%;
	padding: 10px;
	margin-top: 6px;
	/* left: 0; */
	bottom: 4.5em;
	z-index: 99;
}

.class_p_l {
	margin-bottom: 10px;
}

.subtask_scroll::-webkit-scrollbar {
	height: 10px;
	width: 8px;
	background-color: #ccc;
}

.subtask_scroll::-webkit-scrollbar-corner {
	background: #ccc;
}

.subtask_scroll::-webkit-scrollbar-thumb {
	background: #3490dc;
	border: 1px solid #3490dc;
}

.subtask_scroll::-webkit-scrollbar-thumb:hover {
	background: #3490dc;
}

.subtask_scroll::-webkit-scrollbar-track {
	border: 1px solid #ccc;
	background-color: #ccc;
}

.subtask_scroll {
	scrollbar-width: thin;
}

.subtask_scroll {
	height: 300px;
	overflow: auto
}

.btn-bs-file {
	position: relative;
}

.btn-bs-file input[type="file"] {
	position: absolute;
	top: -9999999;
	filter: alpha(opacity=0);
	opacity: 0;
	width: 0;
	height: 0;
	outline: none;
	cursor: inherit;
}

.toaster-blue {
	background-color: #d9edf7;
	border: #bce8f1 solid 1px;
	color: #31708f;
}

.mB15 {
	margin-bottom: 15px;
}

.w100px {
	width: 86px;
	margin-right: 6px;
	margin-bottom: 6px;

}

.exlam {
	width: 22px;
	position: relative;
	bottom: 6px;
	left: 6px;
}

.dropbtn {
	background-color: transparent;
	color: white;
	border: none;
	z-index: 9;
	position: relative;
}

.dropdown1 {
	position: relative;
	display: inline-block;
	top: 5px;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 315px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	left: 9px;
	top: -11px;
	padding: 10px 23px 10px 30px;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown1:hover .dropdown-content {
	display: block;
}

.button_tasks {
	background-color: #fff !important;
	color: #1e5598;
	border: 1px solid #1e5598 !important;
	border-radius: 0;
	height: 37px;
}

.button_tasks1 {
	background-color: #F4F6F9 !important;
	border: 0px !important;
	border-radius: 0;

}

.square {
	border: 1px solid #ccc;
	padding: 2px 6px 2px 6px;
	color: #333;
}

.bgg1 {
	background-color: #f3f7f9;
}

.bgg1 td {

	font-size: 13px !important;
}

.bgg2 {
	background-color: #fff;
}

.bgg2 td {

	font-size: 13px !important;
}

.cl_1 {
	color: #2ba2ad;
	font-size: 14px;
	font-weight: 600;
}

.cl_2 {
	color: #f4484f;
	font-size: 14px;
	font-weight: 600;
}

.cl_3 {
	color: #2b61ad;
	font-size: 14px;
	font-weight: 600;
}

.br_rigt {
	border-right: 1px solid #c6c6c6;
}

.totl {
	color: #999;
	font-size: 10px;
	font-weight: 600;
	margin-bottom: -6px;
}

.time {
	color: #000;
	font-size: 25px;
	font-weight: 600;

}

.bil {
	color: #31b744;
	font-size: 10px;
	font-weight: 600;
	margin-bottom: -6px;

}

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

.next_p {
	float: right;
	position: absolute;
	right: 0;
	bottom: 18px;
	right: 16px;
}

.text_data {
	position: absolute;
	right: 0;
	bottom: 0px;
	right: 12px;
}

.t1 {
	color: #2ba2ad;
}

.t2 {
	color: #f4484f;
}

.t3 {
	color: #2b61ad;
}

.font30 {
	font-size: 26px;
	font-weight: 600;
}

.font_16_n {
	font-size: 14px;
}

.f_15_c {
	font-size: 14px;
	color: #888;
}

.width10 {
	width: 10% !important;
}

.font_16 th,
td {
	font-size: 13px !important;
	letter-spacing: 0.6px;
}

.width_875 {
	width: 8.75% !important;
}

.width_assign {
	width: 10%;
}

.width220 {
	width: 220px !important;

}

.taskIssue {
	border: 1px solid #ced4da;
	border-radius: 4px;
	width: 150px;
	background-color: #fff;
	padding: 6px 11px 6px 11px;
	font-size: 14px;
}

.arrow_s {
	color: #888;
	font-size: 14px;
}



.content_data {
	background: #fff;
	display: none;
	height: auto;
	width: 50%;
	box-shadow: 2px 5px 19px rgba(0, 0, 0, 0.21) !important;
	position: absolute;
	margin-top: 2.5em;
}

.font_w_n {
	font-weight: normal !important;
}

.bgg_clr {
	background-color: #f5f5f5;
}

.cross_button {
	text-align: center;
	line-height: 2.5;
	border-left: 1px solid #e1e1e1;
	font-weight: normal !important;
	cursor: pointer;
}

.over_scroll {
	max-height: 210px;
	overflow: auto;
}

.over_scroll1 {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}

.width14 {
	width: 14%;
}

.width8_22 {
	width: 8.22%;
}

.width12 {
	width: 12%;
}

.view_profile {
	font-size: 16px;
	position: relative;
	left: 21%;
	top: 4px;
	font-weight: normal;
	color: #2b74ba;
}

.search {
	background: #f5f5f5;
	padding: 7px;
}

.dataTables_scrollBody {
	min-height: calc(100vh - 250px) !important;
}

/* .os-viewport{background-color: rgb(71, 137, 208);} */
.os-viewport,
.layout-fixed .main-sidebar {
	background-color: var(--color-primary);
}

.icon_width {
	width: 20px;
}

#finded_users>p {
	margin-left: 25px;
}

.bottom_b {
	left: -34.2% !important;
	bottom: -13px !important;
}

.bottom_b1 {
	position: absolute;
	bottom: -20px;
}

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

.wrapwrd {

	width: 280px;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.dataDisplay {
	width: 96%;
	z-index: 9;
	margin-top: 2.7em;
}

.cross_d {
	display: none;
	float: right;
}

.hvD:hover .cross_d {
	display: inline-block;
}

.logo_c {
	right: 16px;
	/* background-color: #2B74BA; */
	background-color: var(--color-primary);
	width: 96px;
	position: relative;
	/* left: -2px; */
	text-align: center;
	padding: 5px 0 0 0;
}

.pad_c {
	padding: 0.26rem 0rem;
}

.width_50_p {
	width: 50%;
	padding: 8px 0px;
}

.font_sss {
	font-size: 1.5rem;
}

.br_right {
	border-right: 1px solid #ccc;
}

.btn {
	border: 1px solid #d3d3d3;
	border-radius: 3px;
}

.bg_c_c {
	background-color: #F4F6F9;
}

.classDEmail {
	-webkit-appearance: meter;
}

.btn.btn-link.text-danger.p-0 {
	border: none;
}

.hrs_D {
	font-size: 13px;
	font-weight: 100;
}

th,
td {
	font-size: 13px !important;
	letter-spacing: 0.6px;
}

th {
	text-transform: uppercase;
}

.top_m {
	position: relative;
	bottom: 10px;
}

.f_n16 {
	font-size: 16px;
}

.ulFont li a {
	font-size: 16px;
}

.ulFont .nav-link.active,
.nav-pills .show>.nav-link {
	border-bottom: 1px solid #2b74ba !important;
}

.width_dropdown {
	width: 47px;
}

.width_text {
	width: 100%;
}

.width_dropdown1 {
	width: 47px;
}

.width_text1 {
	width: 100%;
}

.font_w_n {
	font-weight: 600 !important;
}

.set_pd {
	position: relative;
	top: 5px;
	cursor: pointer;
}

#add_group {
	float: right;
	position: relative;
	top: 1px;
	left: 11px;
	border: 1px solid #6aa0e0;
	padding: 0px 5px 0 5px;
}

.top_border {
	border-top: 2px solid #2b74ba;
}

.w-15 {
	width: 15%;
}

.w-10 {
	width: 10%;
}

.bg_color_new {
	background-color: #2b74ba;
	padding: 9px 7px 1px 9px;
	color: #fff;
	margin-bottom: 9px;
}

.txt-tr {
	text-transform: uppercase;
}

.color_bgg {
	background-color: #2b74ba;
	color: #fff;
	text-transform: uppercase;
}

#notification_count {
	position: absolute;
	top: 0;
	background-color: #66A33E;
	color: #fff;
	font-size: 10px;
	border-radius: 8px;
	right: 0;
	padding: 1px 6px 1px 6px;
}


/*29_05 ab*/

.notif_image {
	width: 35px;
	height: 35px;
	margin: 5px 9px 0px 0;
}

.notif_text {
	width: 35px;
	height: 35px;
	margin: 5px 9px 0px 0;
	background-color: #2B74BA;
	color: #fff;
	vertical-align: middle;
	font-size: 20px;
	padding: 1px 0px 0px 0px;
	border-radius: 2px;
	text-align: center;

}


.width_395word_w {
	white-space: nowrap;
	width: 395px;
	overflow: hidden;
	text-overflow: ellipsis;
}


.word_wrap_f {
	white-space: nowrap;
	width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;

}

.td-width1 {
	width: 160px;
	overflow: hidden;
	display: block;
}

.td-width2 {
	width: 260px;
	overflow: hidden;
	display: block;
}

.td-width3 {
	width: 130px;
	overflow: hidden;
	display: block;
}

/*29_05 ab*/

/* ab 23_07 */
.width_pdf {
	max-width: 24.6% !important;
	border: 1px solid #dee2e6;
	margin: 1px;
}

.bg_color_client {
	background-color: #f5f5f5 !important;
}

/* ab 23_07 */

@-moz-document url-prefix() {
	.m8 {
		margin-top: 9em;
	}

	.fixed_p {
		margin-top: 1em;
	}

	.font_w_n {
		font-weight: 500 !important;
	}

	#dropdownEmail {
		background-color: transparent;
	}

	b,
	strong {
		font-weight: 500;
	}

	.font-weight-bold {
		font-weight: 500 !important;
	}
}

@media(min-width: 1921px) and (max-width: 3000px) {
	.subtask_d {
		right: 60%;
	}

	.LogHour_d {
		right: 60%;
	}

	.associate_d {
		right: 60%;
	}

	.issues_d {
		right: 60%;
	}

	/* .content-wrapper {min-height: 94vh !important;}*/
}

@media(min-width: 1920px) and (max-width: 3000px) {
	/*.content-wrapper {min-height: 94.5vh !important;}*/
	/* .dataTables_scrollBody{min-height: calc(70em - 450px) !important;}*/
}

@media(min-width: 1367px) and (max-width: 1919px) {
	.class_p_l {
		padding-left: 10px;
	}

	/*.dataTables_scrollBody { min-height: calc(58em - 450px) !important;}	*/
}

@media(min-width: 1440px) and (max-width: 1660px) {
	.subtask_d {
		right: 22%;
	}

	.LogHour_d {
		right: 22%;
	}

	.associate_d {
		right: 22%;
	}

	.issues_d {
		right: 22%;
	}

	.class_p_l {
		padding-left: 10px;
	}
}

@media(min-width: 1366px) and (max-width: 1440px) {
	.subtask_d {
		right: 22%;
	}

	.LogHour_d {
		right: 22%;
	}

	.associate_d {
		right: 22%;
	}

	.issues_d {
		right: 22%;
	}

	.class_p_l {
		padding-left: 30px;
	}

	.width1366 {
		-webkit-box-flex: 0;
		flex: 0 0 13.6666666667%;
		max-width: 13.6666666667%;
	}

	.width12 {
		width: 17%;
	}

	/* .dataTables_scrollBody { min-height: calc(57em - 450px) !important;}*/

	/*.modal-header {padding: 0.8rem 1rem;}*/

}

@media(min-width: 1779px) and (max-width: 1780px) {
	.subtask_d {
		right: 40%;
	}

	.LogHour_d {
		right: 40%;
	}

	.associate_d {
		right: 40%;
	}

	.issues_d {
		right: 40%;
	}

	.width1366 {
		-webkit-box-flex: 0;
		flex: 0 0 13.6666666667%;
		max-width: 13.6666666667%;
	}

	.width12 {
		width: 17%;
	}
}

@media(min-width: 1744px) and (max-width: 1778px) {
	.subtask_d {
		right: 39%;
	}

	.LogHour_d {
		right: 39%;
	}

	.associate_d {
		right: 39%;
	}

	.issues_d {
		right: 39%;
	}

	.width1366 {
		-webkit-box-flex: 0;
		flex: 0 0 13.6666666667%;
		max-width: 13.6666666667%;
	}

	.width12 {
		width: 17%;
	}
}

@media(min-width: 1569px) and (max-width: 1743px) {
	.subtask_d {
		right: 32%;
	}

	.LogHour_d {
		right: 32%;
	}

	.associate_d {
		right: 32%;
	}

	.issues_d {
		right: 32%;
	}

	.width1366 {
		-webkit-box-flex: 0;
		flex: 0 0 13.6666666667%;
		max-width: 13.6666666667%;
	}

	.width12 {
		width: 17%;
	}
}

@media(min-width: 1496px) and (max-width: 1568px) {
	.subtask_d {
		right: 30%;
	}

	.LogHour_d {
		right: 30%;
	}

	.associate_d {
		right: 30%;
	}

	.issues_d {
		right: 30%;
	}

	.width1366 {
		-webkit-box-flex: 0;
		flex: 0 0 13.6666666667%;
		max-width: 13.6666666667%;
	}

	.width12 {
		width: 17%;
	}
}

@media(min-width: 1200px) and (max-width: 1363px) {
	.width1366 {
		-webkit-box-flex: 0;
		flex: 0 0 13.6666666667%;
		max-width: 13.6666666667%;
	}

	.width12 {
		width: 17%;
	}
}

@media(min-width: 1089px) and (max-width: 1095px) {
	.subtask_d {
		right: 2%;
	}

	.LogHour_d {
		right: 2%;
	}

	.associate_d {
		right: 2%;
	}

	.issues_d {
		right: 2%;
	}
}

@media(min-width: 1063px) and (max-width: 1088px) {
	.subtask_d {
		right: 25%;
		bottom: 13%;
	}

	.LogHour_d {
		right: 25%;
		bottom: 13%;
	}

	.associate_d {
		right: 25%;
		bottom: 13%;
	}

	.issues_d {
		right: 25%;
		bottom: 13%;
	}
}

@media(min-width: 768px) and (max-width: 1023px) {

	.logo_c {
		right: 0px;
	}
}

@media(min-width: 480px) and (max-width: 767px) {

	.fixed_p {
		position: relative;
		width: 100%;
		right: 0;
	}

	.m8 {
		margin-top: 1em;
		padding: 10px !important;
	}

	.tex_box {
		position: relative;
		top: 0;
	}

	.subtask_d {
		width: 100%;
		right: 0;
	}

	.LogHour_d {
		width: 100%;
		right: 0;
	}

	.associate_d {
		width: 100%;
		right: 0;
	}

	.issues_d {
		width: 100%;
		right: 0;
	}

	.bottom_b {
		left: 0% !important;
		bottom: -8px !important;
	}

	.logo_c {
		right: 0px;
	}

	.width_pdf {
		max-width: 50% !important;
		border: 1px solid #dee2e6;
		margin: 1px;
	}
}

@media(min-width: 320px) and (max-width: 479px) {
	.tabcontent {
		width: 70%;
	}

	.tab {
		width: 36%;
		right: auto !important;
	}

	.fixed_p {
		position: relative;
		width: 100%;
		right: 0;
	}

	.m8 {
		margin-top: 1em;
		padding: 10px !important;
	}

	.tex_box {
		position: relative;
		top: 0;
	}

	.subtask_d {
		width: 100%;
		right: 0;
	}

	.LogHour_d {
		width: 100%;
		right: 0;
	}

	.associate_d {
		width: 100%;
		right: 0;
	}

	.issues_d {
		width: 100%;
		right: 0;
	}

	.bottom_b {
		left: 0% !important;
		bottom: -8px !important;
	}

	.logo_c {
		right: 0px;
		padding: 1px 0 0 0;
	}

	.f_15_c {
		font-size: 12px;
	}

	.width_pdf {
		max-width: 50% !important;
		border: 1px solid #dee2e6;
		margin: 1px;
	}
}

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	  .sticky{position:static;}
  }
  */
/*ab css end*/


.sky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.stars {
	z-index: 10;
	width: 1px;
	height: 1px;
	border-radius: 50%;
	background: transparent;
	animation: animStar 100s linear infinite;
}

.stars:after {
	content: " ";
	top: -600px;
	width: 1px;
	height: 1px;
	border-radius: 50%;
	position: absolute;
	background: transparent;
}

.stars1 {
	z-index: 10;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: transparent;
	box-shadow: 1202px 2336p x #FFF, 329px 2143px #FFF, 2248px 1834px #FFF, 1151px 2320px #FFF, 335px 261px #FFF, 411px 527px #FFF, 2417px 2432px #FFF, 1112px 1808px #FFF, 2405px 892px #FFF, 1897px 2369px #FFF, 114px 376px #FFF, 1778px 1085px #FFF, 479px 1219px #FFF, 686px 1068px #FFF, 634px 927px #FFF, 248px 1362px #FFF, 2460px 911px #FFF, 2155px 367px #FFF, 1022px 9px #FFF, 489px 921px #FFF, 505px 2079px #FFF, 591px 414px #FFF, 1455px 1605px #FFF, 1645px 928px #FFF, 1036px 832px #FFF, 2086px 1797px #FFF, 979px 1939px #FFF, 998px 2412px #FFF, 1983px 1328px #FFF, 2413px 2431px #FFF, 1929px 1607px #FFF, 2252px 1487px #FFF, 12px 2218px #FFF, 399px 2002px #FFF, 1609px 369px #FFF, 195px 550px #FFF, 489px 492px #FFF, 1208px 953px #FFF, 2188px 830px #FFF, 618px 2462px #FFF, 1037px 1584px #FFF, 327px 726px #FFF, 2242px 614px #FFF, 1413px 753px #FFF, 781px 51px #FFF, 896px 2058px #FFF, 1720px 1632px #FFF, 155px 1425px #FFF, 233px 1786px #FFF, 2294px 225px #FFF, 29px 448px #FFF, 1991px 687px #FFF, 237px 2207px #FFF, 2133px 1395px #FFF, 1851px 418px #FFF, 1828px 2068px #FFF, 1648px 956px #FFF, 1930px 998px #FFF, 1303px 1219px #FFF, 1285px 247px #FFF, 875px 1262px #FFF, 2488px 1604px #FFF, 577px 1879px #FFF, 1928px 263px #FFF, 1321px 1495px #FFF, 1803px 1544px #FFF, 1023px 2071px #FFF, 2000px 785px #FFF, 1898px 2303px #FFF, 418px 1720px #FFF, 308px 473px #FFF, 1793px 39px #FFF, 1261px 713px #FFF, 542px 908px #FFF, 927px 1095px #FFF, 1761px 2179px #FFF, 2540px 331px #FFF, 1005px 961px #FFF, 102px 1214px #FFF, 1965px 563px #FFF, 1915px 245px #FFF, 1765px 1697px #FFF, 2287px 1726px #FFF, 2236px 723px #FFF, 378px 501px #FFF, 1416px 1489px #FFF, 1711px 2245px #FFF, 850px 1586px #FFF, 2527px 2166px #FFF, 118px 1335px #FFF, 1925px 943px #FFF, 756px 2359px #FFF, 2234px 855px #FFF, 599px 208px #FFF, 2336px 267px #FFF, 571px 2539px #FFF, 2108px 11px #FFF, 1354px 69px #FFF, 2362px 1129px #FFF, 341px 677px #FFF, 1125px 1195px #FFF, 1674px 2038px #FFF, 2394px 74px #FFF, 1801px 1305px #FFF, 43px 1506px #FFF, 1530px 1983px #FFF, 1475px 2112px #FFF, 1101px 504px #FFF, 651px 105px #FFF, 185px 1687px #FFF, 1837px 2055px #FFF, 2263px 1594px #FFF, 439px 83px #FFF, 798px 1774px #FFF, 2535px 304px #FFF, 2216px 1865px #FFF, 790px 867px #FFF, 2370px 1475px #FFF, 530px 1163px #FFF, 1199px 1928px #FFF, 1789px 1429px #FFF, 1280px 2220px #FFF, 1794px 1220px #FFF, 847px 2087px #FFF, 1488px 2482px #FFF, 1842px 1258px #FFF, 168px 888px #FFF, 2507px 697px #FFF, 1910px 2166px #FFF, 1238px 53px #FFF, 956px 505px #FFF, 318px 2211px #FFF, 82px 815px #FFF, 2261px 897px #FFF, 1602px 557px #FFF, 1962px 1108px #FFF, 1102px 1079px #FFF, 2066px 353px #FFF, 422px 1125px #FFF, 2215px 1664px #FFF, 702px 167px #FFF, 2499px 523px #FFF, 1991px 582px #FFF, 864px 661px #FFF, 1882px 952px #FFF, 2064px 703px #FFF, 1920px 513px #FFF, 163px 2084px #FFF, 70px 1439px #FFF, 1369px 2533px #FFF, 241px 1310px #FFF, 968px 729px #FFF, 105px 2126px #FFF, 479px 13px #FFF, 2512px 2176px #FFF, 1758px 812px #FFF, 2556px 2293px #FFF, 1015px 1596px #FFF, 81px 2227px #FFF, 2246px 1984px #FFF, 2492px 1087px #FFF, 1882px 1666px #FFF, 1810px 1839px #FFF, 2227px 2024px #FFF, 1835px 1444px #FFF, 2442px 509px #FFF, 857px 2334px #FFF, 1172px 776px #FFF, 206px 1358px #FFF, 712px 2396px #FFF, 2091px 339px #FFF, 539px 2187px #FFF, 755px 1534px #FFF, 2298px 2266px #FFF, 1471px 1950px #FFF, 2163px 2112px #FFF, 2109px 666px #FFF, 111px 26px #FFF, 687px 789px #FFF, 2504px 2388px #FFF, 1416px 1071px #FFF, 1213px 1865px #FFF, 771px 1861px #FFF, 908px 2170px #FFF, 1694px 133px #FFF, 658px 2145px #FFF, 907px 1979px #FFF, 44px 1486px #FFF, 1940px 188px #FFF, 654px 639px #FFF, 1467px 1548px #FFF, 380px 690px #FFF, 1069px 696px #FFF, 2487px 706px #FFF, 752px 1385px #FFF, 1522px 900px #FFF, 679px 1546px #FFF, 1012px 1452px #FFF, 327px 698px #FFF, 962px 1397px #FFF, 1906px 2036px #FFF, 1418px 433px #FFF, 2221px 2254px #FFF, 522px 2275px #FFF, 1008px 606px #FFF, 812px 878px #FFF, 1617px 2408px #FFF, 1337px 2472px #FFF, 2380px 2530px #FFF, 990px 603px #FFF, 1916px 703px #FFF, 1803px 914px #FFF, 2376px 569px #FFF, 1678px 1446px #FFF, 1959px 2318px #FFF, 2276px 2291px #FFF, 2048px 240px #FFF, 1909px 1630px #FFF, 123px 407px #FFF, 2164px 2067px #FFF, 254px 360px #FFF, 151px 1635px #FFF, 2159px 2152px #FFF, 732px 1044px #FFF, 1234px 879px #FFF, 1286px 83px #FFF, 2329px 916px #FFF, 406px 1707px #FFF, 1468px 863px #FFF, 1202px 1353px #FFF, 1829px 2501px #FFF, 2511px 2169px #FFF, 1574px 1165px #FFF, 1004px 787px #FFF, 645px 146px #FFF, 1371px 1774px #FFF, 2169px 2221px #FFF, 1484px 2309px #FFF, 1188px 111px #FFF, 2524px 2145px #FFF, 1582px 747px #FFF, 307px 1333px #FFF, 2281px 337px #FFF, 760px 687px #FFF, 1010px 1056px #FFF, 150px 1026px #FFF, 2443px 2512px #FFF, 120px 2418px #FFF, 401px 838px #FFF, 1466px 863px #FFF, 891px 2066px #FFF, 2134px 1810px #FFF, 130px 1778px #FFF, 1461px 684px #FFF, 928px 79px #FFF, 1442px 1216px #FFF, 1582px 42px #FFF, 1985px 2032px #FFF, 1704px 1563px #FFF, 1075px 740px #FFF, 579px 646px #FFF, 1209px 1189px #FFF, 897px 2271px #FFF, 2485px 2165px #FFF, 977px 2053px #FFF, 298px 1665px #FFF, 134px 2387px #FFF, 1608px 1140px #FFF, 1899px 448px #FFF, 889px 701px #FFF, 371px 1534px #FFF, 312px 1353px #FFF, 1148px 1294px #FFF, 1626px 61px #FFF, 1903px 947px #FFF, 2197px 72px #FFF, 1766px 422px #FFF, 1190px 1446px #FFF, 553px 1966px #FFF, 2294px 274px #FFF, 1642px 2262px #FFF, 826px 782px #FFF, 2409px 900px #FFF, 1522px 1026px #FFF, 2557px 2124px #FFF, 1918px 2408px #FFF, 192px 1162px #FFF, 1613px 1362px #FFF, 1086px 1839px #FFF, 1839px 2038px #FFF, 893px 2368px #FFF, 791px 1943px #FFF, 2467px 1535px #FFF, 2140px 594px #FFF, 2416px 1811px #FFF, 1590px 1058px #FFF, 825px 1761px #FFF, 217px 1515px #FFF, 708px 2381px #FFF, 1769px 1479px #FFF, 942px 1024px #FFF, 1928px 2408px #FFF, 315px 1221px #FFF, 2244px 400px #FFF, 1455px 69px #FFF, 2482px 1223px #FFF, 242px 1939px #FFF, 1324px 2040px #FFF, 1318px 981px #FFF, 1247px 2259px #FFF, 1745px 2185px #FFF, 1639px 2382px #FFF, 568px 2046px #FFF, 453px 1618px #FFF, 1846px 1056px #FFF, 1813px 847px #FFF, 1477px 1833px #FFF, 1456px 1936px #FFF, 1213px 344px #FFF, 2491px 2269px #FFF, 621px 1540px #FFF, 2424px 173px #FFF, 655px 828px #FFF, 2315px 1941px #FFF, 1895px 2024px #FFF, 1839px 382px #FFF, 439px 250px #FFF, 738px 88px #FFF, 2500px 758px #FFF, 1061px 2456px #FFF, 294px 908px #FFF, 1053px 440px #FFF, 162px 369px #FFF, 460px 1737px #FFF, 296px 2042px #FFF, 1417px 1903px #FFF, 813px 1536px #FFF, 2486px 643px #FFF, 652px 2162px #FFF, 1980px 1740px #FFF, 859px 1681px #FFF, 1011px 1637px #FFF, 2046px 428px #FFF, 652px 728px #FFF, 2529px 2052px #FFF, 373px 1688px #FFF, 2350px 2399px #FFF, 1260px 1461px #FFF, 1388px 402px #FFF, 1014px 790px #FFF, 356px 253px #FFF, 1516px 1574px #FFF, 808px 1193px #FFF, 662px 830px #FFF, 2046px 115px #FFF, 1621px 2551px #FFF, 2307px 704px #FFF, 69px 2545px #FFF, 2455px 1547px #FFF, 1611px 2297px #FFF, 224px 2095px #FFF, 1943px 236px #FFF, 1391px 807px #FFF, 1720px 1637px #FFF, 2006px 12px #FFF, 2404px 804px #FFF, 28px 224px #FFF, 1639px 257px #FFF, 1771px 1113px #FFF, 2076px 1548px #FFF, 505px 739px #FFF, 2403px 1213px #FFF, 2535px 49px #FFF, 1766px 2225px #FFF, 1197px 743px #FFF, 147px 1951px #FFF, 621px 156px #FFF, 963px 1834px #FFF, 443px 1916px #FFF, 363px 1075px #FFF, 425px 500px #FFF, 232px 926px #FFF, 968px 1313px #FFF, 2511px 735px #FFF, 312px 2035px #FFF, 1936px 1260px #FFF, 167px 2058px #FFF, 1780px 1490px #FFF, 2324px 1939px #FFF, 1807px 190px #FFF, 2367px 1945px #FFF, 1482px 2295px #FFF, 99px 818px #FFF, 538px 932px #FFF, 444px 1438px #FFF, 1377px 565px #FFF, 826px 1290px #FFF, 1915px 2390px #FFF, 2408px 781px #FFF, 1409px 2257px #FFF, 1136px 89px #FFF, 1051px 2357px #FFF, 209px 1128px #FFF, 1624px 576px #FFF, 1198px 1954px #FFF, 1489px 632px #FFF, 2347px 573px #FFF, 598px 1037px #FFF, 869px 2190px #FFF, 1985px 2172px #FFF, 79px 2003px #FFF, 2510px 884px #FFF, 1673px 1124px #FFF, 542px 1990px #FFF, 23px 105px #FFF, 1197px 682px #FFF, 1945px 1403px #FFF, 915px 853px #FFF, 1308px 2382px #FFF, 234px 2554px #FFF, 995px 2433px #FFF, 899px 1062px #FFF, 1729px 1427px #FFF, 1560px 1485px #FFF, 210px 1068px #FFF, 464px 1986px #FFF, 865px 740px #FFF, 2373px 1702px #FFF, 1853px 2222px #FFF, 2374px 2047px #FFF, 1813px 1754px #FFF, 1449px 1334px #FFF, 532px 793px #FFF, 622px 2248px #FFF, 123px 1558px #FFF, 809px 1095px #FFF, 66px 927px #FFF, 1688px 2496px #FFF, 1370px 2172px #FFF, 911px 1582px #FFF, 1041px 369px #FFF, 2421px 1628px #FFF, 1725px 682px #FFF, 478px 118px #FFF, 470px 1415px #FFF, 961px 2111px #FFF, 1766px 1797px #FFF, 104px 249px #FFF, 1455px 1637px #FFF, 611px 76px #FFF, 2243px 1795px #FFF, 291px 1003px #FFF, 1917px 1215px #FFF, 2437px 2545px #FFF, 656px 1864px #FFF, 1392px 344px #FFF, 2070px 284px #FFF, 1435px 1592px #FFF, 2084px 708px #FFF, 864px 111px #FFF, 1609px 1323px #FFF, 40px 1648px #FFF, 917px 1690px #FFF, 2475px 1134px #FFF, 63px 484px #FFF, 1751px 1545px #FFF, 1044px 666px #FFF, 343px 1994px #FFF, 2027px 2432px #FFF, 2374px 1606px #FFF, 2013px 262px #FFF, 798px 584px #FFF, 1746px 1169px #FFF, 2509px 978px #FFF, 254px 2414px #FFF, 1384px 285px #FFF, 2258px 466px #FFF, 2203px 853px #FFF, 317px 605px #FFF, 979px 662px #FFF, 896px 1093px #FFF, 2299px 2348px #FFF, 1819px 1118px #FFF, 96px 1742px #FFF, 2040px 1137px #FFF, 2025px 370px #FFF, 1450px 554px #FFF, 403px 1563px #FFF, 969px 2354px #FFF, 488px 382px #FFF, 881px 971px #FFF, 480px 1631px #FFF, 2458px 1620px #FFF, 150px 1967px #FFF, 1107px 2318px #FFF, 1463px 2139px #FFF, 267px 371px #FFF, 1429px 2001px #FFF, 2308px 754px #FFF, 2266px 1855px #FFF, 227px 2031px #FFF, 982px 1813px #FFF, 611px 975px #FFF, 1022px 1938px #FFF, 37px 1955px #FFF, 569px 795px #FFF, 613px 1331px #FFF, 1431px 668px #FFF, 817px 1244px #FFF, 1866px 108px #FFF, 525px 2189px #FFF, 916px 1282px #FFF, 525px 1542px #FFF, 48px 1163px #FFF, 96px 2239px #FFF, 1491px 1359px #FFF, 259px 2048px #FFF, 444px 2369px #FFF, 2017px 1829px #FFF, 1633px 1284px #FFF, 401px 1730px #FFF, 1604px 875px #FFF, 959px 807px #FFF, 1359px 2368px #FFF, 269px 472px #FFF, 1984px 446px #FFF, 957px 1083px #FFF, 1407px 1739px #FFF, 1124px 2314px #FFF, 1946px 1405px #FFF, 90px 2070px #FFF, 726px 1306px #FFF, 1110px 1046px #FFF, 153px 2195px #FFF, 2464px 1141px #FFF, 1225px 124px #FFF, 1699px 153px #FFF, 1910px 1499px #FFF, 299px 2044px #FFF, 2072px 2150px #FFF, 352px 1229px #FFF, 1520px 1516px #FFF, 634px 1626px #FFF, 1802px 2214px #FFF, 2178px 257px #FFF, 337px 937px #FFF, 1249px 1380px #FFF, 482px 1564px #FFF, 2244px 12px #FFF, 1750px 1354px #FFF, 1151px 1826px #FFF, 411px 1066px #FFF, 45px 884px #FFF, 2393px 1373px #FFF, 948px 2534px #FFF, 2476px 730px #FFF, 1213px 426px #FFF, 1103px 1622px #FFF, 1788px 1239px #FFF, 660px 2038px #FFF, 1291px 2520px #FFF, 1713px 101px #FFF, 969px 1307px #FFF, 1647px 1736px #FFF, 2076px 2111px #FFF, 1920px 921px #FFF, 2328px 1920px #FFF, 481px 1337px #FFF, 464px 1988px #FFF, 1738px 359px #FFF, 675px 971px #FFF, 840px 1683px #FFF, 2372px 1670px #FFF, 1859px 1306px #FFF, 443px 1968px #FFF, 1433px 1456px #FFF, 174px 738px #FFF, 291px 997px #FFF, 1810px 207px #FFF, 2333px 1813px #FFF, 498px 1648px #FFF, 361px 1962px #FFF, 1754px 134px #FFF, 1023px 198px #FFF, 895px 157px #FFF, 2430px 494px #FFF, 1126px 237px #FFF, 2232px 1299px #FFF, 677px 1797px #FFF, 2405px 1087px #FFF, 1063px 23px #FFF, 1322px 2226px #FFF, 1330px 286px #FFF, 2108px 732px #FFF, 1760px 858px #FFF, 45px 1908px #FFF, 277px 1531px #FFF, 2419px 2129px #FFF, 158px 674px #FFF, 822px 144px #FFF, 2025px 1292px #FFF, 1021px 673px #FFF, 861px 1621px #FFF, 619px 1549px #FFF, 2182px 859px #FFF, 787px 2177px #FFF, 1623px 27px #FFF, 454px 903px #FFF, 244px 429px #FFF, 1535px 304px #FFF, 15px 720px #FFF, 1277px 1971px #FFF, 396px 622px #FFF, 785px 299px #FFF, 1445px 257px #FFF, 993px 256px #FFF, 1131px 1018px #FFF, 2255px 2464px #FFF, 2px 2191px #FFF, 1804px 481px #FFF, 1014px 1586px #FFF, 2075px 1857px #FFF, 716px 526px #FFF, 731px 807px #FFF, 1949px 2266px #FFF, 1609px 587px #FFF, 37px 2113px #FFF, 838px 2176px #FFF, 227px 2021px #FFF, 2358px 1627px #FFF, 2143px 1927px #FFF, 1958px 767px #FFF, 1522px 581px #FFF, 2173px 2545px #FFF, 1136px 813px #FFF, 159px 273px #FFF, 233px 1841px #FFF, 1145px 1554px #FFF, 1622px 1375px #FFF, 11px 2399px #FFF, 2396px 2136px #FFF, 717px 2359px #FFF, 576px 1786px #FFF, 458px 485px #FFF, 695px 1568px #FFF, 1567px 1195px #FFF, 2350px 89px #FFF, 1054px 2267px #FFF, 1794px 690px #FFF, 1872px 280px #FFF, 1475px 30px #FFF, 914px 1188px #FFF, 376px 1660px #FFF, 1324px 2034px #FFF, 1270px 607px #FFF, 1694px 194px #FFF, 2209px 1691px #FFF, 916px 1297px #FFF, 2221px 2040px #FFF, 1947px 1112px #FFF, 1214px 2037px #FFF, 1711px 766px #FFF, 200px 2183px #FFF, 2054px 1229px #FFF, 354px 676px #FFF, 2022px 1689px #FFF, 1060px 2292px #FFF, 1127px 1201px #FFF, 2042px 1373px #FFF, 1022px 1845px #FFF, 1911px 1076px #FFF, 2144px 1472px #FFF, 712px 1165px #FFF, 1970px 2078px #FFF, 2399px 446px #FFF, 1921px 446px #FFF, 134px 1715px #FFF, 2253px 1579px #FFF, 1746px 176px #FFF, 1317px 2330px #FFF, 1286px 1718px #FFF, 2127px 2504px #FFF, 577px 2120px #FFF, 2321px 1388px #FFF, 148px 332px #FFF, 1035px 1414px #FFF, 2115px 940px #FFF, 2127px 2290px #FFF, 2309px 581px #FFF, 177px 783px #FFF, 1843px 1543px #FFF, 14px 554px #FFF, 1071px 1862px #FFF, 2460px 2419px #FFF, 1106px 2543px #FFF, 976px 997px #FFF, 847px 583px #FFF, 2146px 1255px #FFF, 2373px 1516px #FFF, 2216px 1406px #FFF;
	animation: animStar 125s linear infinite;
}

.stars1:after {
	content: " ";
	top: -600px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	position: absolute;
	background: transparent;
	box-shadow: 160px 586px #FFF, 1782px 936px #FFF, 1036px 1562px #FFF, 1455px 2202px #FFF, 1734px 523px #FFF, 1703px 811px #FFF, 2448px 2417px #FFF, 891px 506px #FFF, 2128px 698px #FFF, 714px 2422px #FFF, 1533px 1993px #FFF, 998px 382px #FFF, 2423px 294px #FFF, 1072px 865px #FFF, 846px 1214px #FFF, 2267px 2068px #FFF, 2121px 979px #FFF, 348px 2335px #FFF, 2098px 187px #FFF, 2189px 2330px #FFF, 1917px 2204px #FFF, 1188px 367px #FFF, 1001px 1434px #FFF, 2208px 499px #FFF, 349px 1367px #FFF, 1632px 1034px #FFF, 1911px 973px #FFF, 717px 770px #FFF, 1228px 392px #FFF, 2552px 1311px #FFF, 1307px 1012px #FFF, 1281px 1000px #FFF, 1496px 398px #FFF, 397px 1611px #FFF, 730px 2230px #FFF, 1781px 575px #FFF, 123px 411px #FFF, 2396px 422px #FFF, 1907px 164px #FFF, 666px 1362px #FFF, 1157px 1143px #FFF, 290px 94px #FFF, 1609px 1697px #FFF, 747px 2295px #FFF, 2017px 56px #FFF, 852px 551px #FFF, 1899px 1427px #FFF, 245px 230px #FFF, 1224px 2143px #FFF, 1695px 560px #FFF, 2142px 662px #FFF, 1085px 1483px #FFF, 708px 2140px #FFF, 594px 10px #FFF, 2042px 1818px #FFF, 750px 1853px #FFF, 378px 1519px #FFF, 975px 202px #FFF, 1580px 257px #FFF, 459px 667px #FFF, 2370px 823px #FFF, 611px 1107px #FFF, 2392px 1375px #FFF, 37px 450px #FFF, 1063px 1455px #FFF, 41px 1960px #FFF, 1744px 2065px #FFF, 2549px 2220px #FFF, 1678px 1224px #FFF, 865px 2114px #FFF, 346px 323px #FFF, 1517px 212px #FFF, 121px 1672px #FFF, 1492px 1757px #FFF, 2254px 274px #FFF, 728px 518px #FFF, 1037px 2226px #FFF, 740px 2106px #FFF, 198px 989px #FFF, 1841px 816px #FFF, 79px 1588px #FFF, 338px 568px #FFF, 1408px 2054px #FFF, 633px 399px #FFF, 2382px 2157px #FFF, 173px 641px #FFF, 1417px 739px #FFF, 2542px 2183px #FFF, 1484px 1322px #FFF, 2378px 2474px #FFF, 1623px 109px #FFF, 669px 67px #FFF, 437px 580px #FFF, 721px 2091px #FFF, 271px 1377px #FFF, 1706px 126px #FFF, 1863px 1645px #FFF, 1785px 2502px #FFF, 1605px 2187px #FFF, 60px 885px #FFF, 2384px 171px #FFF, 226px 1588px #FFF, 536px 1344px #FFF, 2486px 2215px #FFF, 1421px 1044px #FFF, 653px 422px #FFF, 2087px 2347px #FFF, 1760px 441px #FFF, 17px 1923px #FFF, 1464px 1824px #FFF, 2165px 1692px #FFF, 1412px 1375px #FFF, 1860px 2063px #FFF, 2081px 700px #FFF, 1872px 870px #FFF, 539px 1816px #FFF, 1684px 1560px #FFF, 472px 443px #FFF, 423px 1689px #FFF, 2127px 937px #FFF, 776px 284px #FFF, 2128px 1019px #FFF, 2465px 2006px #FFF, 252px 918px #FFF, 2037px 1130px #FFF, 823px 2126px #FFF, 70px 1952px #FFF, 1345px 1117px #FFF, 33px 2401px #FFF, 2076px 579px #FFF, 2066px 2305px #FFF, 1605px 1652px #FFF, 666px 70px #FFF, 1573px 1200px #FFF, 2396px 731px #FFF, 784px 2041px #FFF, 536px 2016px #FFF, 1881px 1402px #FFF, 1775px 1962px #FFF, 10px 2298px #FFF, 2548px 751px #FFF, 1795px 2488px #FFF, 427px 1776px #FFF, 961px 512px #FFF, 918px 1284px #FFF, 782px 1582px #FFF, 2007px 580px #FFF, 1460px 643px #FFF, 286px 2050px #FFF, 2124px 1080px #FFF, 1452px 1746px #FFF, 1245px 209px #FFF, 536px 2464px #FFF, 1023px 2308px #FFF, 1724px 624px #FFF, 1542px 2464px #FFF, 106px 2484px #FFF, 2419px 580px #FFF, 2032px 2375px #FFF, 873px 1123px #FFF, 598px 790px #FFF, 487px 1844px #FFF, 491px 87px #FFF, 1546px 1383px #FFF, 1599px 154px #FFF, 413px 1443px #FFF, 2132px 1731px #FFF, 421px 1319px #FFF, 1309px 2267px #FFF, 2351px 1518px #FFF, 2px 462px #FFF, 842px 2359px #FFF, 2465px 511px #FFF, 1986px 1026px #FFF, 346px 2461px #FFF, 1942px 2122px #FFF, 1993px 9px #FFF, 156px 1814px #FFF, 359px 924px #FFF, 913px 1030px #FFF, 1519px 28px #FFF, 2262px 2054px #FFF, 635px 360px #FFF, 2047px 2312px #FFF, 690px 1719px #FFF, 1987px 1944px #FFF, 674px 107px #FFF, 136px 773px #FFF, 1069px 72px #FFF, 681px 299px #FFF, 2179px 2456px #FFF, 491px 754px #FFF, 482px 138px #FFF, 870px 2516px #FFF, 1108px 1722px #FFF, 673px 2275px #FFF, 1427px 28px #FFF, 1413px 2062px #FFF, 1567px 745px #FFF, 1585px 1950px #FFF, 2296px 1938px #FFF, 864px 290px #FFF, 725px 133px #FFF, 2436px 1612px #FFF, 2428px 477px #FFF, 1823px 285px #FFF, 1429px 1847px #FFF, 2501px 1219px #FFF, 179px 1636px #FFF, 1441px 1386px #FFF, 1678px 1026px #FFF, 206px 369px #FFF, 1139px 2009px #FFF, 958px 2380px #FFF, 295px 261px #FFF, 777px 2155px #FFF, 683px 1413px #FFF, 246px 2097px #FFF, 1175px 2384px #FFF, 1790px 1411px #FFF, 1217px 1419px #FFF, 309px 2164px #FFF, 1195px 2328px #FFF, 1939px 1321px #FFF, 760px 2352px #FFF, 165px 1294px #FFF, 2178px 2358px #FFF, 2473px 834px #FFF, 640px 2118px #FFF, 1994px 2018px #FFF, 1949px 729px #FFF, 2049px 2073px #FFF, 687px 462px #FFF, 2200px 736px #FFF, 739px 2110px #FFF, 1396px 1133px #FFF, 1580px 2001px #FFF, 1227px 20px #FFF, 2343px 1983px #FFF, 2409px 1239px #FFF, 1993px 1911px #FFF, 2036px 550px #FFF, 1428px 2244px #FFF, 773px 564px #FFF, 1578px 2372px #FFF, 1380px 1361px #FFF, 2558px 1370px #FFF, 37px 586px #FFF, 2482px 2416px #FFF, 60px 635px #FFF, 2450px 2262px #FFF, 1517px 2320px #FFF, 1749px 1828px #FFF, 2131px 1492px #FFF, 1787px 187px #FFF, 882px 1279px #FFF, 2557px 825px #FFF, 1107px 2386px #FFF, 1659px 1758px #FFF, 525px 1020px #FFF, 2195px 1357px #FFF, 527px 2413px #FFF, 753px 2249px #FFF, 1431px 1620px #FFF, 982px 1151px #FFF, 170px 300px #FFF, 181px 2198px #FFF, 1733px 2175px #FFF, 813px 158px #FFF, 1748px 2367px #FFF, 1517px 1077px #FFF, 247px 225px #FFF, 1452px 1368px #FFF, 331px 119px #FFF, 1179px 1247px #FFF, 1759px 1988px #FFF, 2388px 1111px #FFF, 2462px 294px #FFF, 2383px 1875px #FFF, 373px 1973px #FFF, 9px 61px #FFF, 1730px 1531px #FFF, 923px 275px #FFF, 1056px 1505px #FFF, 2342px 172px #FFF, 2535px 1047px #FFF, 1851px 103px #FFF, 1790px 1005px #FFF, 976px 2145px #FFF, 53px 1877px #FFF, 2287px 200px #FFF, 2053px 2222px #FFF, 1565px 1945px #FFF, 1995px 77px #FFF, 2381px 1245px #FFF, 408px 1540px #FFF, 640px 2073px #FFF, 2091px 2054px #FFF, 1179px 2265px #FFF, 1073px 2107px #FFF, 2407px 1499px #FFF, 1353px 1038px #FFF, 1598px 188px #FFF, 2367px 939px #FFF, 908px 1192px #FFF, 619px 2329px #FFF, 438px 642px #FFF, 1904px 1162px #FFF, 659px 506px #FFF, 1246px 1773px #FFF, 377px 920px #FFF, 2302px 677px #FFF, 2220px 2050px #FFF, 318px 79px #FFF, 1849px 2111px #FFF, 2313px 1217px #FFF, 788px 2046px #FFF, 1932px 175px #FFF, 2474px 817px #FFF, 134px 1750px #FFF, 294px 867px #FFF, 1456px 914px #FFF, 2054px 1813px #FFF, 699px 180px #FFF, 47px 2371px #FFF, 482px 1594px #FFF, 1075px 2465px #FFF, 1599px 1173px #FFF, 2224px 1936px #FFF, 1984px 53px #FFF, 1817px 614px #FFF, 2549px 2280px #FFF, 1830px 2151px #FFF, 1677px 2198px #FFF, 1016px 1145px #FFF, 1644px 1351px #FFF, 1362px 716px #FFF, 2431px 1148px #FFF, 2049px 199px #FFF, 1242px 1968px #FFF, 1214px 1691px #FFF, 204px 1550px #FFF, 2320px 1332px #FFF, 1833px 981px #FFF, 126px 2150px #FFF, 1895px 1314px #FFF, 454px 1300px #FFF, 1295px 668px #FFF, 2560px 2324px #FFF, 2041px 2343px #FFF, 2213px 1463px #FFF, 1687px 2527px #FFF, 2410px 1717px #FFF, 2027px 2145px #FFF, 2298px 621px #FFF, 2418px 1306px #FFF, 184px 1557px #FFF, 1926px 342px #FFF, 2520px 1364px #FFF, 1481px 16px #FFF, 1019px 1656px #FFF, 1743px 106px #FFF, 958px 1567px #FFF, 2354px 2300px #FFF, 1881px 688px #FFF, 1351px 228px #FFF, 1633px 716px #FFF, 1023px 436px #FFF, 384px 462px #FFF, 204px 687px #FFF, 824px 1812px #FFF, 181px 485px #FFF, 1919px 2086px #FFF, 2406px 1972px #FFF, 1837px 129px #FFF, 1091px 1951px #FFF, 1841px 213px #FFF, 1894px 74px #FFF, 828px 961px #FFF, 2202px 270px #FFF, 2095px 2409px #FFF, 1160px 736px #FFF, 406px 1477px #FFF, 1266px 107px #FFF, 204px 485px #FFF, 1839px 1650px #FFF, 1311px 202px #FFF, 652px 1786px #FFF, 1700px 1664px #FFF, 836px 2534px #FFF, 941px 2124px #FFF, 2538px 2555px #FFF, 258px 128px #FFF, 177px 1971px #FFF, 1331px 2328px #FFF, 1367px 172px #FFF, 2109px 1414px #FFF, 1345px 653px #FFF, 1837px 2037px #FFF, 146px 1297px #FFF, 534px 448px #FFF, 571px 1004px #FFF, 1422px 1248px #FFF, 1989px 1207px #FFF, 2158px 2349px #FFF, 855px 2429px #FFF, 2268px 225px #FFF, 1523px 473px #FFF, 787px 484px #FFF, 1963px 611px #FFF, 1552px 2353px #FFF, 1924px 2037px #FFF, 2336px 562px #FFF, 461px 781px #FFF, 2265px 1725px #FFF, 965px 1904px #FFF, 917px 1135px #FFF, 1054px 350px #FFF, 1055px 2323px #FFF, 1079px 498px #FFF, 168px 989px #FFF, 1977px 1514px #FFF, 416px 1913px #FFF, 847px 2049px #FFF, 1170px 1139px #FFF, 1344px 316px #FFF, 1911px 2046px #FFF, 1826px 811px #FFF, 821px 1462px #FFF, 536px 2553px #FFF, 1337px 818px #FFF, 261px 1540px #FFF, 1183px 186px #FFF, 359px 1509px #FFF, 752px 204px #FFF, 345px 1584px #FFF, 2257px 1096px #FFF, 2320px 1928px #FFF, 1562px 1547px #FFF, 1104px 2091px #FFF, 1227px 2529px #FFF, 2472px 133px #FFF, 977px 870px #FFF, 245px 67px #FFF, 1815px 1018px #FFF, 1906px 446px #FFF, 35px 317px #FFF, 439px 1485px #FFF, 1928px 43px #FFF, 1704px 832px #FFF, 978px 1169px #FFF, 136px 1069px #FFF, 2107px 1383px #FFF, 980px 651px #FFF, 1006px 1041px #FFF, 1634px 167px #FFF, 1477px 1677px #FFF, 487px 1500px #FFF, 2430px 2116px #FFF, 1316px 1581px #FFF, 1150px 118px #FFF, 2156px 743px #FFF, 745px 648px #FFF, 359px 851px #FFF, 1752px 1638px #FFF, 524px 2133px #FFF, 1746px 2022px #FFF, 1355px 42px #FFF, 246px 1624px #FFF, 2034px 508px #FFF, 1760px 2093px #FFF, 458px 696px #FFF, 1775px 238px #FFF, 1108px 1626px #FFF, 647px 147px #FFF, 769px 1231px #FFF, 722px 575px #FFF, 2392px 2242px #FFF, 976px 24px #FFF, 1518px 207px #FFF, 1701px 698px #FFF, 565px 238px #FFF, 1637px 638px #FFF, 477px 692px #FFF, 1957px 175px #FFF, 1535px 1192px #FFF, 1296px 2215px #FFF, 27px 954px #FFF, 1044px 975px #FFF, 958px 906px #FFF, 2144px 2459px #FFF, 1503px 2482px #FFF, 1946px 2041px #FFF, 1543px 1944px #FFF, 36px 2455px #FFF, 2304px 1481px #FFF, 1441px 1784px #FFF, 50px 789px #FFF, 1826px 1774px #FFF, 777px 1572px #FFF, 741px 438px #FFF, 1493px 1869px #FFF, 1345px 507px #FFF, 60px 234px #FFF, 2161px 1642px #FFF, 1659px 1721px #FFF, 862px 1971px #FFF, 2295px 1699px #FFF, 1755px 733px #FFF, 1439px 650px #FFF, 289px 198px #FFF, 962px 2130px #FFF, 1592px 1326px #FFF, 232px 1281px #FFF, 2249px 1360px #FFF, 2093px 902px #FFF, 2029px 2428px #FFF, 1224px 2486px #FFF, 2323px 500px #FFF, 2055px 1050px #FFF, 305px 1877px #FFF, 989px 2136px #FFF, 1503px 434px #FFF, 1677px 1410px #FFF, 1394px 254px #FFF, 249px 243px #FFF, 668px 2379px #FFF, 1297px 2468px #FFF, 2383px 1196px #FFF, 1566px 420px #FFF, 1061px 1633px #FFF, 784px 383px #FFF, 1778px 931px #FFF, 589px 2212px #FFF, 297px 885px #FFF, 2112px 477px #FFF, 402px 954px #FFF, 1827px 2140px #FFF, 1370px 1215px #FFF, 1349px 1916px #FFF, 765px 2406px #FFF, 827px 2317px #FFF, 2401px 250px #FFF, 2497px 2245px #FFF, 1903px 494px #FFF, 540px 1236px #FFF, 2556px 1473px #FFF, 2056px 1015px #FFF, 926px 465px #FFF, 2353px 560px #FFF, 780px 372px #FFF, 1108px 2540px #FFF, 913px 865px #FFF, 523px 2081px #FFF, 1803px 1068px #FFF, 1704px 1734px #FFF, 1257px 2307px #FFF, 2148px 435px #FFF, 2010px 2139px #FFF, 798px 1825px #FFF, 796px 1679px #FFF, 2164px 1065px #FFF, 1031px 1672px #FFF, 190px 65px #FFF, 1842px 585px #FFF, 414px 2267px #FFF, 830px 1152px #FFF, 391px 540px #FFF, 1916px 1197px #FFF, 1514px 1245px #FFF, 426px 1641px #FFF, 1734px 1354px #FFF, 1633px 580px #FFF, 168px 2433px #FFF, 2374px 758px #FFF, 906px 2124px #FFF, 2061px 849px #FFF, 222px 1676px #FFF, 988px 612px #FFF, 66px 817px #FFF, 1131px 888px #FFF, 1430px 1692px #FFF, 548px 300px #FFF, 33px 2471px #FFF, 234px 1036px #FFF, 733px 243px #FFF, 1588px 1475px #FFF, 2072px 2078px #FFF, 1264px 552px #FFF, 1951px 2039px #FFF, 1362px 185px #FFF, 2532px 423px #FFF, 1294px 2012px #FFF, 845px 983px #FFF, 1792px 1057px #FFF, 611px 1513px #FFF, 1683px 648px #FFF, 1593px 2053px #FFF, 1991px 1232px #FFF, 2388px 2017px #FFF, 160px 632px #FFF, 880px 1043px #FFF, 706px 229px #FFF, 850px 2295px #FFF, 622px 2208px #FFF, 945px 2093px #FFF, 2398px 2130px #FFF, 291px 799px #FFF, 698px 923px #FFF, 182px 1752px #FFF, 1129px 1377px #FFF, 2354px 2375px #FFF, 227px 2080px #FFF, 597px 153px #FFF, 677px 1952px #FFF, 2178px 1151px #FFF, 1222px 1269px #FFF, 1200px 1552px #FFF, 784px 1568px #FFF, 833px 887px #FFF, 2210px 2092px #FFF, 968px 1572px #FFF, 1772px 1313px #FFF, 1352px 967px #FFF, 280px 2225px #FFF, 1457px 1406px #FFF, 1805px 1369px #FFF, 1325px 252px #FFF, 2135px 860px #FFF, 857px 1063px #FFF, 962px 365px #FFF, 430px 1557px #FFF, 473px 2227px #FFF, 1849px 766px #FFF, 653px 2299px #FFF, 978px 527px #FFF, 1802px 1557px #FFF, 1438px 2403px #FFF, 363px 114px #FFF, 1288px 1157px #FFF, 892px 1103px #FFF, 61px 843px #FFF, 1893px 473px #FFF, 1893px 1809px #FFF, 769px 2434px #FFF, 852px 812px #FFF, 840px 741px #FFF, 1382px 735px #FFF, 910px 534px #FFF, 1589px 1257px #FFF, 1515px 2550px #FFF, 963px 2208px #FFF, 99px 1569px #FFF, 1000px 514px #FFF, 71px 1245px #FFF, 449px 1181px #FFF, 1016px 729px #FFF, 928px 1979px #FFF, 2090px 2151px #FFF, 1201px 895px #FFF, 1984px 1961px #FFF, 63px 359px #FFF, 2364px 2212px #FFF, 322px 2552px #FFF, 1703px 64px #FFF, 1393px 1787px #FFF, 2145px 1931px #FFF, 2208px 1372px #FFF, 298px 1017px #FFF, 132px 1069px #FFF, 1827px 1409px #FFF, 1979px 957px #FFF, 225px 876px #FFF, 568px 1774px #FFF, 983px 286px #FFF, 243px 1531px #FFF, 129px 1755px #FFF, 1751px 1624px #FFF, 2361px 1167px #FFF, 226px 580px #FFF, 582px 676px #FFF, 1896px 1616px #FFF, 1292px 385px #FFF, 771px 335px #FFF, 1319px 1973px #FFF, 207px 284px #FFF, 1180px 1716px #FFF, 1961px 2544px #FFF, 206px 2447px #FFF, 1591px 960px #FFF, 2245px 246px #FFF, 241px 1350px #FFF, 2190px 1446px #FFF, 2321px 392px #FFF, 456px 1949px #FFF, 1507px 1507px #FFF, 2225px 151px #FFF, 993px 903px #FFF, 1389px 2132px #FFF, 133px 1489px #FFF;
}

.stars2 {
	z-index: 10;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: transparent;
	box-shadow: 852px 948px #FFF, 1720px 2377px #FFF, 130px 493px #FFF, 1874px 1772px #FFF, 2392px 1527px #FFF, 1088px 2502px #FFF, 1584px 890px #FFF, 957px 230px #FFF, 1527px 2240px #FFF, 2233px 527px #FFF, 2227px 986px #FFF, 505px 1163px #FFF, 766px 831px #FFF, 584px 467px #FFF, 237px 559px #FFF, 1670px 978px #FFF, 1374px 1751px #FFF, 1956px 1228px #FFF, 1861px 236px #FFF, 3px 1201px #FFF, 389px 409px #FFF, 273px 1465px #FFF, 536px 338px #FFF, 618px 1595px #FFF, 1480px 447px #FFF, 761px 1377px #FFF, 1152px 220px #FFF, 1878px 2441px #FFF, 18px 94px #FFF, 705px 744px #FFF, 1410px 1859px #FFF, 1837px 104px #FFF, 1078px 1907px #FFF, 1750px 269px #FFF, 2520px 2171px #FFF, 1690px 838px #FFF, 1963px 1701px #FFF, 1647px 1698px #FFF, 1231px 286px #FFF, 2397px 327px #FFF, 245px 2513px #FFF, 639px 471px #FFF, 2022px 267px #FFF, 2333px 1181px #FFF, 441px 2038px #FFF, 84px 2068px #FFF, 279px 1271px #FFF, 1964px 1833px #FFF, 384px 2281px #FFF, 3px 447px #FFF, 1495px 1976px #FFF, 2504px 1899px #FFF, 1554px 2194px #FFF, 1406px 1254px #FFF, 113px 86px #FFF, 649px 857px #FFF, 2435px 251px #FFF, 1683px 1640px #FFF, 997px 1909px #FFF, 2198px 1824px #FFF, 244px 2043px #FFF, 1039px 1247px #FFF, 466px 1712px #FFF, 1362px 2526px #FFF, 2180px 1901px #FFF, 1474px 1248px #FFF, 160px 1808px #FFF, 593px 1800px #FFF, 647px 198px #FFF, 1862px 2144px #FFF, 532px 2096px #FFF, 2171px 1893px #FFF, 1589px 1363px #FFF, 2069px 1407px #FFF, 1563px 1184px #FFF, 440px 1358px #FFF, 1332px 1667px #FFF, 268px 1042px #FFF, 81px 1880px #FFF, 2397px 456px #FFF, 208px 1148px #FFF, 1844px 1581px #FFF, 469px 426px #FFF, 1600px 1211px #FFF, 968px 2175px #FFF, 608px 275px #FFF, 2451px 2048px #FFF, 2213px 158px #FFF, 530px 545px #FFF, 1789px 1812px #FFF, 2302px 57px #FFF, 1529px 1754px #FFF, 757px 682px #FFF, 428px 2370px #FFF, 369px 1621px #FFF, 1349px 2013px #FFF, 729px 704px #FFF, 1623px 2067px #FFF, 2217px 1080px #FFF, 219px 1528px #FFF, 1881px 596px #FFF, 732px 691px #FFF, 1144px 1886px #FFF, 1347px 1733px #FFF, 1169px 29px #FFF, 2398px 1735px #FFF, 2053px 329px #FFF, 1360px 1885px #FFF, 1513px 1460px #FFF, 2377px 2182px #FFF, 631px 1806px #FFF, 1508px 44px #FFF, 1923px 138px #FFF, 1949px 1155px #FFF, 62px 1180px #FFF, 359px 886px #FFF, 170px 1383px #FFF, 370px 1522px #FFF, 2517px 1952px #FFF, 2454px 1138px #FFF, 535px 2468px #FFF, 610px 261px #FFF, 1767px 182px #FFF, 292px 1812px #FFF, 896px 2550px #FFF, 1990px 2325px #FFF, 2495px 2438px #FFF, 234px 1267px #FFF, 2102px 2134px #FFF, 1583px 554px #FFF, 974px 1855px #FFF, 486px 1460px #FFF, 1427px 1830px #FFF, 903px 333px #FFF, 1337px 923px #FFF, 378px 1163px #FFF, 454px 1370px #FFF, 2307px 191px #FFF, 2067px 2229px #FFF, 633px 1700px #FFF, 1382px 666px #FFF, 712px 1525px #FFF, 1172px 2509px #FFF, 2404px 1393px #FFF, 2242px 1520px #FFF, 2364px 331px #FFF, 2192px 1023px #FFF, 520px 211px #FFF, 414px 481px #FFF, 2130px 1968px #FFF, 1374px 1556px #FFF, 1236px 2560px #FFF, 2546px 640px #FFF, 2100px 1954px #FFF, 2494px 1769px #FFF, 1651px 1869px #FFF, 2436px 101px #FFF, 235px 2491px #FFF, 514px 1463px #FFF, 2210px 1798px #FFF, 1410px 2176px #FFF, 378px 150px #FFF, 1846px 781px #FFF, 1580px 2504px #FFF, 137px 1361px #FFF, 226px 2372px #FFF, 534px 1961px #FFF, 1808px 768px #FFF, 2097px 282px #FFF, 115px 813px #FFF, 1814px 4px #FFF, 1027px 775px #FFF, 2184px 72px #FFF, 2326px 2112px #FFF, 1459px 150px #FFF, 2193px 1339px #FFF, 1250px 1651px #FFF, 1488px 1873px #FFF, 656px 470px #FFF, 1136px 2145px #FFF, 608px 1438px #FFF, 2px 69px #FFF, 1360px 1196px #FFF, 2072px 1696px #FFF, 1095px 987px #FFF, 1773px 122px #FFF, 2361px 196px #FFF, 1783px 813px #FFF, 184px 1200px #FFF, 2242px 447px #FFF, 1582px 110px #FFF, 2548px 598px #FFF, 1869px 482px #FFF, 1799px 2487px #FFF, 2370px 2558px #FFF, 1797px 658px #FFF, 1384px 2015px #FFF, 1865px 1962px #FFF, 248px 751px #FFF, 1250px 2360px #FFF;
	animation: animStar 175s linear infinite;
}

.stars2:after {
	content: " ";
	top: -600px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	position: absolute;
	background: transparent;
	box-shadow: 949px 652px #FFF, 2260px 1583px #FFF, 1481px 1189px #FFF, 2169px 1377px #FFF, 1637px 1705px #FFF, 1988px 2260px #FFF, 441px 1110px #FFF, 1312px 1812px #FFF, 576px 670px #FFF, 137px 49px #FFF, 181px 1345px #FFF, 23px 1675px #FFF, 2104px 1376px #FFF, 1494px 803px #FFF, 1623px 796px #FFF, 1528px 28px #FFF, 424px 1550px #FFF, 1824px 1623px #FFF, 1853px 624px #FFF, 445px 1283px #FFF, 17px 1509px #FFF, 425px 834px #FFF, 994px 1802px #FFF, 1567px 1092px #FFF, 1039px 2445px #FFF, 1361px 1322px #FFF, 1744px 999px #FFF, 884px 681px #FFF, 802px 1635px #FFF, 2248px 2446px #FFF, 2373px 1818px #FFF, 1697px 762px #FFF, 214px 1278px #FFF, 1199px 1233px #FFF, 1325px 2290px #FFF, 1583px 1983px #FFF, 391px 2350px #FFF, 2368px 2552px #FFF, 1170px 2514px #FFF, 1759px 1501px #FFF, 1891px 382px #FFF, 1916px 1411px #FFF, 447px 1970px #FFF, 2312px 638px #FFF, 616px 2066px #FFF, 2558px 2101px #FFF, 772px 564px #FFF, 731px 423px #FFF, 1350px 528px #FFF, 794px 2182px #FFF, 424px 675px #FFF, 2506px 1731px #FFF, 479px 2323px #FFF, 622px 1676px #FFF, 276px 1295px #FFF, 1902px 2366px #FFF, 1655px 2248px #FFF, 1357px 1152px #FFF, 1585px 1675px #FFF, 265px 1973px #FFF, 318px 1033px #FFF, 500px 2276px #FFF, 902px 537px #FFF, 2206px 1148px #FFF, 1009px 267px #FFF, 457px 107px #FFF, 2211px 807px #FFF, 222px 2424px #FFF, 1234px 1988px #FFF, 1155px 1112px #FFF, 724px 1154px #FFF, 1221px 426px #FFF, 1034px 2555px #FFF, 1171px 2195px #FFF, 183px 77px #FFF, 2078px 1968px #FFF, 2509px 2081px #FFF, 1274px 1228px #FFF, 2284px 522px #FFF, 1118px 2256px #FFF, 2206px 2473px #FFF, 1658px 172px #FFF, 237px 1295px #FFF, 162px 2469px #FFF, 1994px 1284px #FFF, 2032px 662px #FFF, 1306px 934px #FFF, 663px 1184px #FFF, 1643px 939px #FFF, 1679px 842px #FFF, 2153px 876px #FFF, 1741px 309px #FFF, 2075px 1010px #FFF, 992px 946px #FFF, 601px 1810px #FFF, 1792px 966px #FFF, 774px 2448px #FFF, 932px 1952px #FFF, 402px 2533px #FFF, 1357px 2247px #FFF, 1628px 1118px #FFF, 1861px 1490px #FFF, 1510px 1027px #FFF, 119px 201px #FFF, 2093px 792px #FFF, 2138px 1498px #FFF, 63px 560px #FFF, 1850px 989px #FFF, 570px 99px #FFF, 2179px 1622px #FFF, 1152px 385px #FFF, 1435px 43px #FFF, 2286px 89px #FFF, 2558px 748px #FFF, 176px 1458px #FFF, 453px 748px #FFF, 135px 1339px #FFF, 2453px 2276px #FFF, 857px 1559px #FFF, 510px 1972px #FFF, 152px 495px #FFF, 1198px 1825px #FFF, 442px 1435px #FFF, 459px 765px #FFF, 811px 1417px #FFF, 2542px 1266px #FFF, 2192px 1457px #FFF, 1725px 2399px #FFF, 701px 2503px #FFF, 192px 1363px #FFF, 1917px 280px #FFF, 512px 1050px #FFF, 574px 1449px #FFF, 717px 191px #FFF, 2473px 2206px #FFF, 2324px 2205px #FFF, 1806px 1211px #FFF, 2108px 1108px #FFF, 512px 1942px #FFF, 1207px 1511px #FFF, 1390px 727px #FFF, 156px 1911px #FFF, 202px 2274px #FFF, 1720px 2371px #FFF, 1123px 2077px #FFF, 764px 1895px #FFF, 2355px 201px #FFF, 968px 837px #FFF, 1766px 1616px #FFF, 884px 278px #FFF, 92px 2296px #FFF, 933px 1026px #FFF, 2479px 2413px #FFF, 189px 944px #FFF, 575px 900px #FFF, 2007px 558px #FFF, 1282px 2071px #FFF, 2241px 562px #FFF, 2313px 113px #FFF, 988px 1279px #FFF, 85px 587px #FFF, 855px 1839px #FFF, 719px 641px #FFF, 1772px 2269px #FFF, 429px 2328px #FFF, 2353px 2107px #FFF, 2139px 686px #FFF, 952px 2288px #FFF, 1509px 1859px #FFF, 536px 1555px #FFF, 550px 1563px #FFF, 1290px 2042px #FFF, 85px 1029px #FFF, 2438px 2452px #FFF, 1600px 2041px #FFF, 2270px 2242px #FFF, 2386px 873px #FFF, 2061px 1981px #FFF, 2036px 868px #FFF, 2539px 1390px #FFF, 949px 1702px #FFF, 1936px 2033px #FFF, 984px 112px #FFF, 645px 794px #FFF, 584px 889px #FFF, 1081px 76px #FFF, 1948px 1982px #FFF, 1125px 934px #FFF, 1094px 2394px #FFF, 604px 181px #FFF, 537px 116px #FFF, 2318px 2262px #FFF, 1881px 1231px #FFF, 1815px 2487px #FFF, 834px 2535px #FFF, 1684px 2481px #FFF, 677px 932px #FFF, 893px 845px #FFF, 1994px 154px #FFF, 2003px 2508px #FFF;
}

.shooting-stars {
	z-index: 0;
	width: 5px;
	height: 85px;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	background: linear-gradient(to top, rgba(255, 255, 255, 0), #fff68d);
	animation: animShootingStar 10s linear infinite;
}

@keyframes animStar {
	from {
		transform: translateY(0px);
	}

	to {
		transform: translateY(-2560px) translateX(-2560px);
	}
}

@keyframes animShootingStar {
	from {
		transform: translateY(0px) translateX(0px) rotate(-45deg);
		opacity: 1;
		height: 5px;
	}

	to {
		transform: translateY(-2560px) translateX(-2560px) rotate(-45deg);
		opacity: 1;
		height: 100%;
	}
}

.text-sm .main-footer,
.main-footer.text-sm {
	padding: 6px;
}

/**************accordion collapse in Client request page************/
/*
* By : Mukesh Kshirsagar
* Date : 20-07-2020
*/
.accordion .card-header:after {
	font-family: 'FontAwesome';
	content: "\f068";
	float: right;
}

.accordion .card-header:after {
	font-family: 'FontAwesome';
	content: "\f068";
	float: right;
}

.accordion .card-header.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\f067";
}

/* .accordion .card-header.collapsed::before {
    content: "\f067"; 
} */

.functional-accordian .radio-btn {
	margin-left: 25px;
}

.functional-accordian.accordion .card-header:after {
	position: absolute;
	left: -35px;
	top: auto;
	bottom: auto;
	margin: auto;
	line-height: 30px;
}

.functional-accordian.accordion .card-title {
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 16px;
}

.accordian-check .cust-checkbox .checkmark {
	bottom: 0;
	/* margin: auto; */
	margin-top: 4px;
}


/* custom file upload css */
.custom-file {
	height: 100%;
}

.custom-file input[type="file"] {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile+label {
	width: 100%;
	/* width: 215px; */
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-weight: 400;
	margin: 0px;
	height: 37px;
}

.no-js .inputfile+label {
	display: none;
}


.inputfile+label {
	/* border: 1px solid #d1d1d1; */
	padding: 0;
	background-color: #eeeeee;
}


.inputfile+label .archive-name,
.inputfile+label .btn-inputfile {
	padding: 8px 10px;
	height: 32px;
	font-style: normal;
}

.inputfile+label .archive-name {
	width: calc(100% - 93px);
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	font-weight: 300;
	line-height: 19px;
	height: 100%;
}

.inputfile+label .btn-inputfile {
	color: #ffffff;
	display: inline-block;
	position: absolute;
	right: 0;
	font-size: 12px;
	padding: 9px 15px;
	/* font-weight: 600; */
	background-color: var(--color-primary);
	font-size: 17px;
	height: 50px;
	line-height: 17px;
}

.inputfile:focus+label .btn-inputfile,
.inputfile.has-focus+label .btn-inputfile,
.inputfile+label:hover .btn-inputfile {
	background-color: var(--color-primary);
	color: #ffffff;
}

.form-group.required .custom-file label:after {
	content: none;
}

.accordian-check .cust-checkbox:after {
	content: none !important;
}

span.action-icon {
	cursor: pointer;
	font-size: 20px;
}


/* small input file upload */
.custom-file-sm .inputfile+label {
	height: 38px;
	border-radius: 4px;
}

.custom-file-sm .inputfile+label .archive-name {
	line-height: 22px;
}

.custom-file-sm .inputfile+label .btn-inputfile {
	height: 38px;
	line-height: 18px;
}

.input-required {
	border: 1px solid red;
}

.collapse-flex {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	background-color: rgba(0, 0, 0, 0.03);
}

.collapse-flex .card-header {
	display: inline-block;
	width: 100%;
	height: 100%;
	min-height: 45px;
	border-bottom: none;
	background-color: transparent;
	cursor: pointer;
}

.input-div {

	white-space: nowrap;
	padding: 10px;
	padding-left: 18px;

}

.collapse-flex .card-title {
	display: flex;
	align-items: center;
}

.collapse-flex .card-title label {
	margin-left: 5px;
	font-size: 16px;
}

.collapse-flex .card-title label::after {
	content: none;
}

.readonly {
	pointer-events: none !important;
}

.readonly.cust-checkbox input:checked~.checkmark {
	background-color: #6c757d3b !important;
}

.top-5 {
	top: 4px !important;
}

.card-title .radio-btn,
label {
	cursor: pointer;
}



/**************************/
#fileList>div>label>span:last-child {
	color: red;
	display: inline-block;
	margin-left: 7px;
	cursor: pointer;
}

#fileList input[type=file] {
	display: none;
}

#fileList>div:last-child>label {
	display: inline-block;
	width: 23px;
	height: 23px;
	font: 16px/22px Tahoma;
	color: orange;
	text-align: center;
	border: 2px solid orange;
	border-radius: 50%;
}

.approve-green {
	color: #24B54D !important;
}

.cancel-red {
	color: #FF0000 !important;
}

.reject-orange {
	color: #e7a000 !important;
}

.partially-invoiced {
	color: #C34829;
}

.fully-invoiced {
	color: #9F8600;
}

.forecast-invoiced {
	color: #343a40;
}
.submit-blue {
	color: #0000FF;
}

.cursor-pointer-link span:hover {
	text-decoration: underline;
	cursor: pointer;
}

.status-update-drop {
	width: 15px;
	padding: 0px;
	margin-right: -5px;
	border: 0px;
	background-color: transparent;
}

.quote-img-w {
	width: 125px;
}

.light-gray {
	background-color: #f8f9fa;
}

.dark-red {
	color: #bd2026;
}

.w-100 {
	font-size: xx-large;
	font-weight: bold !important;
}

.bold-blue {
	color: #000000;
	font-weight: bold !important;
}

.c-bg-blue {
	background-color: #f8f9fa;
}

.bold-black {
	color: #000000;
	/*font-weight: bold !important;*/
}

.dotted {
	line-height: 1.5em;
	/*padding: 0.25em;*/
	border: 1px dashed #ccc !important;
	padding: 3px !important;
}

.bg-tr-azure {
	background-color: #f8f9fa;
}

.t-bold td {
	font-weight: bold !important;
}

.text-bold {
	font-weight: bold !important;
}

.td-border {
	border: 1px solid #00000036 !important;
}

.stripes {
	/*background-image: linear-gradient(136deg, #080808 2.38%, #ffffff 2.38%, #ffffff 50%, #080808 50%, #080808 52.38%, #ffffff 52.38%, #ffffff 100%);
background-size: 30.23px 29.19px;*/
	background: repeating-linear-gradient(82deg, #746e6e, #534a4a 0.2px, transparent 0px, transparent 1px);
}

.td-height {
	height: 34px;
}

.table-m-t {
	margin-top: 26.5em;
}

.th-h {
	height: 60px;
}

.border-color {
	border: 2px solid #ccc;
	padding: 10px !important;
}

.empty-row {
	height: 4px !important;
	;
	padding: 0px !important;
	;
	margin: 0px !important;
	;
	border: none !important;
}

.display-none {
	display: none;
}

.pd-t {
	padding-top: 6px !important;
}

.tr-1 {
	border-top: 1px solid lightgray;
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
}

.tr-2 {
	border-left: 1px solid lightgray;
}

.tr-3 {
	border-left: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}

.td-r {
	border-right: 1px solid lightgray !important;
}

.readonly-transparent {
	border: none;
	background-color: transparent !important;
	pointer-events: none;
	resize: none;
}

.btn-color {
	color: #ffffff !important;
	background-color: #8f0c09 !important;
	border-color: #bc302c !important;
	box-shadow: none;
}

.border-r {
	border-right: 1px solid transparent !important;
}

.text-bold {
	font-weight: bold !important;
}

#design_description_text {
	/*resize: none;*/
	overflow: hidden;
	height: auto;
}

.auth-display-none {
	display: none;
}

.w-10per {
	width: 10% !important;
}

.status-badge-button {
	/*  height: 20px;
    width: 20px;
    text-align: center;
    line-height: 15px;*/

	height: 22px;
	width: 22px;
	text-align: center;
	font-weight: bold;
	padding: 6px;
	display: inline-block;
}

/*.status-icon-group .A:hover{
  background-color: #059b44;
  color: #ffffff;

}
 
.status-icon-group .R:hover{
  background-color: #ffe600;
  color: #212529;

}
.status-icon-group .W:hover{
  background-color: #ff0700;
  color: #ffffff;

}*/
.status-icon-group {
	float: right;
	display: inline-block;
}

.popover {
	background: tomato !important;
}

.popover.bottom .arrow:after {
	border-bottom-color: tomato;
}

.A .tooltip>.tooltip-inner {
	background-color: #38c172;
	color: #ffffff;
	max-width: 200px;
	text-align: center;
	padding: 3px 8px;
	border-radius: 0.35rem;
	border-color: #38c172;
}

.R .tooltip>.tooltip-inner {
	background-color: #ffed4a;
	color: #212529;
	max-width: 200px;
	text-align: center;
	padding: 3px 8px;
	border-radius: 0.35rem;
	border-color: #ffed4a;
}

.W .tooltip>.tooltip-inner {
	background-color: #e3342f;
	color: #ffffff;
	max-width: 200px;
	text-align: center;
	padding: 3px 8px;
	border-radius: 0.35rem;
	border-color: #e3342f;
}

/* for arrow color */
/*.A > .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #38c172; !important;
}
.R > .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #ffed4a; !important;
}

.W > .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #e3342f; !important;
}*/

.popover-link {
	position: relative;
	cursor: pointer;
	margin-left: -13px;
	margin-right: 20px;
}

.popover-link::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background: #000;
	transition: width .2s;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	margin: auto;
}

.popover-link:hover::after {
	width: 100%;
}

.approve-success {
	background-color: #38c172 !important;
}

.approve-success .popover-body {
	color: #ffffff !important;
}

.approve-success.bs-popover-top>.arrow::after {
	border-top-color: #38c172 !important;
}

.approve-success.bs-popover-bottom>.arrow::after {
	border-bottom-color: #38c172 !important;
}

.approve-success .popover-body .popover-link::after,
.withdraw-danger .popover-body .popover-link::after {
	background: #ffffff;
}

.requote-warning {
	background-color: #ffed4a !important;
}

.requote-warning.bs-popover-top>.arrow::after {
	border-top-color: #ffed4a !important;
}

.requote-warning.bs-popover-bottom>.arrow::after {
	border-bottom-color: #ffed4a !important;
}


.hold-info {
	background-color: #6cb2eb !important;
}

.hold-info.bs-popover-top>.arrow::after {
	border-top-color: #6cb2eb !important;
}

.hold-info.bs-popover-bottom>.arrow::after {
	border-bottom-color: #6cb2eb !important;
}

/*.requote-warning > .popover-link{
  color: #fff !important;
}*/

.withdraw-danger {
	background-color: #e3342f !important;
}

.withdraw-danger.bs-popover-top>.arrow::after {
	border-top-color: #e3342f !important;
}

.withdraw-danger .popover-body {
	color: #ffffff !important;
}

.withdraw-danger.bs-popover-bottom>.arrow::after {
	border-bottom-color: #e3342f !important;
}

.tooltip-close {
	cursor: pointer;
	position: absolute;
	right: -3px;
	top: -5px;
	border-radius: 50%;
	background: #1f2d3d;
	height: 15px;
	width: 15px;
	line-height: 14px;
	text-align: center;
}

.withdraw-danger .tooltip-close:hover {
	color: #1f2d3d;
	;
	background: #ffffff;
}

.approve-success .tooltip-close:hover {
	color: #1f2d3d;
	;
	background: #ffffff;
}

.requote-warning .tooltip-close:hover {
	color: #1f2d3d;
	;
	background: #ffffff;
}

.requote-warning .tooltip-close {
	color: #ffffff;
}

.hold-info .tooltip-close:hover {
	color: #1f2d3d;
	;
	background: #ffffff;
}

.hold-info .tooltip-close {
	color: #ffffff;
}

.popover-body {
	position: relative;
	margin-left: 10px;
}

#cke_other_functionality {
	/*margin: 0px -20px -20px -20px !important;*/
}

/*.is-active.active {
    color: #fff !important;
    background-color: #c34729 !important;
}*/
#myTabContent{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-color: #3e424a !important;
	background-color: #ffffff;
}

.quote-tab{
	border-bottom: 1px solid var(--hover-themegray);
	border-bottom: none;
	/* margin-bottom: 15px; */
	margin-bottom: -1px;
	border-radius: 0;
}

/* .quote-tab .nav-item{
	margin-left: 3px;
} */
.quote-tab .nav-item:first-child {
	margin-left: 0;
}

.quote-tab .nav-link {
	border-bottom: none;
	color: var(--hover-themegray);
	/* padding: 11px; */
	border-radius: 5px;
	border: 1px solid var(--theme-gray);
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 14px !important;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	background-color: #ffffff;
}

.quote-tab .nav-link.active {
	background-color: var(--hover-themegray);
	/* border: none !important; */
}

.quote-tab .nav-link.theme_color::before {
	/* content: ''; */
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	/* border-top: 6px solid #c34729; */
	/*border-top: 8px solid #c34729;*/
}

/* ==== Header dropdown ==== */
.header-dd .ddcommon .ddTitle .ddTitleText img {
	width: 30px;
}

.header-dd .ddcommon {
	height: 41px !important;
	margin-top: 4px;
	border-radius: 4px !important;
	min-width: 300px;
	cursor: pointer !important;
}

.header-dd .dd .ddTitle {
	-webkit-appearance: none;
	background-image: url(../img/down-arrow.svg) !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 10px !important;
}

.header-dd .dd .ddChild {
	left: -2px;
	width: calc(100% + 4px);
}

.header-dd .dd .ddChild li img {
	width: 30px;
}

/* all new css for header logo dropdown */
.header-dd .ddcommon {
	height: 100% !important;
	margin-top: 0;
	min-width: initial;
	border-radius: 0px !important;
	border: none !important;
}

.header-dd .ddcommon .ddTitle {
	height: 100%;
	min-height: 48.5px !important;
	display: flex !important;
	align-items: center;
}

.header-dd .dd .ddTitle .ddTitleText {
	padding: 0 !important;
	padding-right: 27px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.header-dd .ddcommon .ddTitle .ddTitleText img {
	height: 43px;
	width: auto;
}

.header-dd .ddcommon .ddChild {
	min-width: 179px;
	min-height: 37px;
}

.ui-slider-range {
	background: green;
}

.percent {
	font-weight: bold;
	text-align: center;
	width: 100%;
	border: none;
	pointer-events: none;
}

.percent-val {
	font-weight: bold;
	/*text-align:center;*/
	width: 100%;
	border: none;
	pointer-events: none;
}

.tdShow>.select2-container {
	width: 250px !important;
}

.is_disabled {
	pointer-events: none !important;
}

.is_disabled .checkmark {
	opacity: 0.5;
	background-color: #dadada;
}

.cke_path {
	display: none !important;
}

.swal2-title {
	font-size: 22px;
	color: #3e424a !important;
	line-height: 36px !important;
}

.swal2-icon {
	width: 55px;
	height: 55px;
}

.hide-class-td {
	display: none;
}

.show-class-td {
	display: table-cell;
}

.disc-td {
	vertical-align: middle;
	width: 180px !important;
	max-width: 100px;
}

.disc-td-div {
	display: flex;
	margin: auto;
	align-items: center;
	width: 100%;
	max-width: 175px;
}

.disc-brackets {
	margin-top: -7px;
}

.disc_amount {
	margin-top: -5px;
}

/* ---- changes by avi 10-12-2021 ---- */
.form-edit .form-group p {
	font-size: 16px;
	line-height: 15px;
	color: #000000;
}

.zoho-projects-link {
	color: #454a53;
}

.zoho-projects-link:hover {
	color: #417bbf;
	text-decoration: underline;
}

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

.mychat:before,
.mychat:after {
	/*border: #3c8dbc;*/
	border-left-color: #d0e5f9 !important;
}

.msg-alert {
	height: 13px;
	width: 13px;
	border-radius: 100%;
	background-color: #ff0000;
	display: block;
	position: absolute;
	/*right: 0;
    top: 0px;*/
	/* z-index: 9; */
	z-index: 2;
	color: #fff;
	font-weight: bold;
	font-size: 8px;
	text-align: center;
	/* padding: 0; */
	vertical-align: middle;
	line-height: 12px;
	cursor: pointer;
	margin-top: -24px;
	margin-left: 27px;

}

/* css by navin 13/04/2022 to 15/04/2022*/

* {
	outline: 0 none !important;
}

.chat-icon {
	margin-left: 20px;
	position: relative;
}

.zoho-icon {
	left: 18px;
}

/*.dataTable thead tr th:nth-child(9){text-align: right;}
.dataTable thead tr th:nth-child(10){text-align: right;}
.dataTable thead tr th:nth-child(11){text-align: right;}
table.table-bordered.dataTable tbody td:nth-child(9){text-align: right;}
table.table-bordered.dataTable tbody td:nth-child(10){text-align: right !important;}
table.table-bordered.dataTable tbody td:nth-child(11){text-align: right !important;}*/

/* .table-responsive{overflow: initial;} */
.table-wrapper {
	overflow-x: auto;
	width: 100%;
}

.table-wrapper::-webkit-scrollbar {
	height: 10px;
	width: 8px;
	border-radius: 5px;
}

.table-wrapper::-webkit-scrollbar-track {
	background-color: #cacaca;
	border-radius: 5px;
	height: 10px
}

.table-wrapper::-webkit-scrollbar-thumb {
	background: #606060;
	border: 1px solid #cccccc;
	border-radius: 5px;
	height: 10px
}

.dt-buttons {
	display: none;
}

table.dataTable {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.dataTables_paginate {
	padding-top: 0.85em
}

.edit-requester {
	display: none;
}

.on-hover:hover .edit-requester {
	display: inline;
}

/* css by navin 25/05/2022 */

.quote-tab .nav-item {
	/* margin: 0 3px 5px 0 */
	margin: 5px 3px 0.7px 0;
}

div.vendor-note-readonly img {
	width: auto !important;
	max-width: 100% !important;
}

div.vendor-note-readonly {
	overflow: auto;
	max-height: 500px !important;
}

div.vendor-note-readonly table {
	width: auto !important;
	max-width: 100% !important;

}

.quote-tab .nav-item .allProjectCount {
	margin-left: 5px;
}


@media screen and (max-width: 991.5px) {
	.col-responsive .col {
		flex: 0 0 50%;
	}
}

@media screen and (max-width: 767.5px) {
	.col-responsive .col {
		flex: 0 0 100%;
	}
}

@media screen and (max-width: 575.5px) {
	.col-responsive .col {
		flex: 0 0 100%;
	}
}


.on-hover-link:hover {
	/*text-decoration: underline;*/
	/* color: #0000FF; */
	color: #003482;
	cursor: pointer;
}

.emulation-button {
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}


/* realse notes css by Navin 14/07/2022 */


.relaseNote_wrap {
	background-color: #eeeeee;
}

.relaseNote_wrap .content-header h1 {
	/* font-size: 17px;
	font-weight: 400;
	color: #863951 !important; */
}

/*.realseNote h5 {
	font-size: 16px;
	color: #000000;
}

.realseNote ul {
	list-style: none;
	padding-left: 0rem;
}

.realseNote li {
	padding: 7px 0px;
	color: #863951 !important;
	cursor: pointer;
}*/

.activeList {
	color: #000000 !important;
	background: #dddddd !important;
	font-weight: 400;
}

.realseNote ul {
	padding-left: 25px;
}

.realseNote ul li a {
	color: #863951;
	font-size: 14px;
	display: block;
	padding: 5px;

}

.realseNote ul li a:hover {
	/*background: #dddddd !important;*/
	font-weight: 400;
	color: #000000;
}


.realseNote .card-body {
	/* padding: 0 25px !important; */
}

.realseNote .card .card-header {
	/* border: none;
	background: #f5f5f5;
	margin-bottom: 9px !important;
	padding: 13px; */
}

.realseNote .card .card-header h5 {
	margin: 0;
	color: #000000 !important;
}

.widthInitial {
	width: 100% !important;
	margin-left: 0 !important;
	transition: .4s;
}

.org-profile-setting .profile-img {
	margin-left: 20px;
}

#accordionEx .card .card-header {
	cursor: pointer;
}

.btnWidth {
	width: 105px;
	box-shadow: 0 8px 16px 0 rgb(40 40 90 / 9%), 0 3px 6px 0 rgb(0 0 0 / 7%);
}

/* .close-btn{color: #ffffff;} */
.invoiceBtn:hover {
	color: #ffffff
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
	top: 4px !important
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	top: 4px !important
}

.fa-file-csv:hover {
	color: #ffffff;
}

.fa-usd:hover {
	color: #ffffff;
}

.form-group label {
	text-transform: capitalize;
}

.col-sticky thead {
	position: sticky !important;
	top: -1px;
	left: 0;
	z-index: 999;
	width: 100%;
}

.storebtnDiv button,
.businessDiv_btn button,
.serviceDiv_btn button {
	border-color: transparent !important;
}

.storebtnDiv button:hover,
.businessDiv_btn button:hover,
.serviceDiv_btn button:hover {
	border-color: transparent !important;
}


.store_tbl thead,
.userRole-tbl thead,
.quote_tbl thead,
.serviceType_tbl thead,
.business_tbl thead,
.invoice_tbl thead {
	position: sticky;
	top: -1px;
	left: 0;
	width: 100%;
	z-index: 999;
}

.modalHead_clr .modal-header,
.addUserHead,
.orgSettingHead {
	color: #ffffff;
}
.modalHead_clr .modal-header .close,
.modal-header.theme_color .close{
	color: #ffffff;
	opacity: 1;
}

.serviceBtn,
.serviceBtn:hover,
.storeBtn,
.storeBtn:hover,
.AddroleBtn,
.AddroleBtn:hover,
.OrgBtn,
.OrgBtn:hover,
.profileBtn,
.profileBtn:hover,
.mailboxSend-btn:hover,
.mileStone-Btn:hover {
	color: #ffffff;
}


.mailboxHeader,
.milestone-head {
	border-top-left-radius: calc(0.3rem - 5px);
	border-top-right-radius: calc(0.3rem - 5px);
}


/*Rj temp css for the specificity in length*/

/*div#quote-table-All_length + div {
    float: right;
} */

/* .dataTable thead.theme_color th:first-child, .table thead.theme_color th:first-child, .dataTable thead.theme_color th:last-child, .table thead.theme_color th:last-child {
    background: #c34729 !important;
}

.dataTable thead.theme_color, .table thead.theme_color {
    background-color: #c34729 !important;
} */

/*div#quote-table-All_filter {
    margin-right: 8px;
} */

/* .table-responsive .page-item.active .page-link {
    color: #fff;
    background: #c34729 !important;
    border-color: #c34729 !important;
}  */

/*for all common modal*/

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #00000000 !important;
}

.modal-backdrop.show {
	opacity: 0.3;
}

.modal-open .modal {
	transition: all 0.5s ease;
}

.modal.show .modal-dialog {
	transition: all .5s ease;
}

button.theme_color {
	color: #f8f9fa !important;
}

/*tab in */
.nav-tabs.quote-tab .nav-link:hover,
.nav-tabs.quote-tab .nav-link:focus {
	border-color: #3e424a80;
}

.quote_selTable .select2 {
	display: block;
	max-height: 150px;
	overflow-y: auto;
	min-width: 90px !important;
	max-width: 170px;
}

.quote_selTable .select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 0;
}

.quote_selTable .select2-container--default .select2-selection--single {
	border: 1px solid #ced4da;
	padding: 1px 10px 10px 10px !important;
	height: 29px;
}

.quote_selTable .select2-container .select2-selection--single .select2-selection__clear {
	position: relative;
	top: -2px;
}

div#app~.select2-container--default .select2-results__option--highlighted[aria-selected],
div#app~.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
	background-color: #b2b3b4;
	color: #ffffff;
}

.quote_selTable .select2-selection {
	min-height: 29px !important;
	padding: 2px 10px !important;
	font-size: 11px;
}

.quote_selTable .select2-container--default .select2-selection--single .select2-selection__rendered {
	margin-top: 0px;
	text-align: left;
	text-transform: capitalize;
}

.quote_selTable .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: unset;
	right: 6px;
}

/*div#quote-table-All_wrapper td:last-child a.action-icon.pointer.text-primary {
    font-size: 20px; 
}  
*/

.toggleDiv {
	/* position: relative;
	top: 67px;
	left: -18px; */
	position: absolute;
    top: 44px;
    left: 60px;
    z-index: 9999;
}
.scrollhide .toggleDiv{
	filter: brightness(0.7);
	pointer-events: none;
	z-index: 999;
}

.toggleDiv .btn-sm {
	padding: 0px 4px;
}

.toggleDiv .btn-sm:hover {
	color: #ffffff !important;
}

.dt-reset:hover {
	color: #ffffff !important;
}

.input-box-event {
	/*background-color: transparent !important;
  border: none;*/
}


.forecast-div i{
		position: absolute;
    left: 2px;
    top: 5px;
    font-size: 16px;
    cursor: pointer;
}


.slidePrevent .availDiv.row label + input {
    height: 40px;
}
.gr_div {min-height: 40px;
margin-bottom: 17px}

.quoteDv {margin-top: -1px}

.slidePrevent .select2-container--default .select2-selection--single {height: 40px;}
.quoteDv.grStack_lg  .grayStack { min-height: 40px;}

.spinner-loader{

	z-index: 9999 !important;
}

.table-responsive.allocation-modal-table.view-table {
	max-height: calc(100vh - 275px);
}

.loaderclass {
	z-index: 9999999;
	position: fixed;

}

/*log popup css*/

.shadow-td {
	padding: 20px !important;
	box-shadow: rgb(0 0 0 / 30%) -6px 10px 8px, rgb(0 0 0 / 22%) 10px 15px 12px;
	z-index: 999 !important;
}


.input_mn input {
	border: 1px solid #c6c6c6;
	border-radius: 0 !important;
	height: 35px;
	padding: 10px;
	min-width: 293px;
}

.input_mn input+button {
	color: #fff;
	border-radius: 0;
	position: relative;
	left: -4px;
	height: 36px;
	top: -1px;
	padding: 0 10px;
}

#myTabContent .table-responsive button.bt_cmSave {
	color: #fff;
	border-radius: 4px !important;
	background-color: #0b990b !important;
}

.modal-header {
	border-top-left-radius: calc(0.3rem - 5px);
	border-top-right-radius: calc(0.3rem - 5px)
}

.scrollhide {
	overflow: hidden;
}



.updated-name::-webkit-scrollbar-thumb {
	background: #606060;
	border-radius: 5px;
	-moz-border-radius: 5px;
	height: 10px;
}

.updated-name::-webkit-scrollbar {
	height: 10px;
	background-color: #cacaca59;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

/*Navin 15/12/2022  For Column Sticky */

/* .request-quote-tbl thead tr th:nth-child(2),
.request-quote-tbl tbody tr td:nth-child(2) {
	position: sticky !important;
    left: 178px !important;
	z-index: 99 !important;
    border-left: 0.5px solid #dee2e6;
}
.request-quote-tbl thead tr th:nth-child(3),
.request-quote-tbl tbody tr td:nth-child(3) {
	position: sticky !important;
    left: 240.5px !important;
	z-index: 99 !important;
}

.request-quote-tbl thead tr th:nth-child(4),
 .request-quote-tbl tbody tr td:nth-child(4) {
    position: sticky !important;
    left: 380.5px !important;
    z-index: 99 !important;
    border-left: 0.5px solid #dee2e6;
}

.request-quote-tbl tbody tr.odd td:nth-child(2),
.request-quote-tbl tbody tr.odd td:nth-child(3),
.request-quote-tbl tbody tr.odd td:nth-child(4) {
	background-color: #f7f9fa;
}

.request-quote-tbl tbody tr.even td:nth-child(2),
.request-quote-tbl tbody tr.even td:nth-child(3),
.request-quote-tbl tbody tr.even td:nth-child(4) {
	background-color: #ffffff;

}

.request-quote-tbl thead tr th:last-child,
.col-sticky tbody tr td:last-child {
	position: unset !important;

}



.table-wrapper table .tfoot-tbl tr th {
	position: unset;
}

.table-wrapper table .tfoot-tbl tr th:nth-child(1) {
	position: sticky;
	left: 0;
	z-index: 99;
	bottom: unset;
}

.table-wrapper table .tfoot-tbl tr th:nth-child(2),
.table-wrapper table .tfoot-tbl tr th:nth-child(3),
.table-wrapper table .tfoot-tbl tr th:nth-child(4)  {
	position: sticky !important;
	z-index: 99 !important;
	bottom: unset;
}
.table-wrapper table .tfoot-tbl tr th:nth-child(2){
    left: 178px !important;
    position: sticky;
    border-left: 1px solid #dee2e6;
}
.table-wrapper table .tfoot-tbl tr th:nth-child(3){
	left: 240px !important;
}
.table-wrapper table .tfoot-tbl tr th:nth-child(4) {
    left: 380.5px !important;
    border-left: 1px solid #dee2e6;
} */



.proscape-logo-n {
	display: inline-block;
	padding: 13px;
}

.main-login .input-group-append {
	background: #FFFFFF;
	box-shadow: 0.619357px 0px 0.619357px rgba(0, 0, 0, 0.05);
}

.form-control-cust {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 0;
	height: 34.34px;
	padding: 0px;
	box-shadow: none !important;
}

.form-control-cust-pop{
	background: rgba(255, 255, 255, 0.8);
	border-radius: 0;
	height: 34.34px;
	box-shadow: none !important;
}


.form-control-cust::placeholder {
	color: #B90E15 !important;
	font-style: normal;
	font-weight: 400;
	font-size: 12.3871px;
	line-height: 17px;
}

.form-control-cust-pop::placeholder {
	color: #B90E15 !important;
	font-style: normal;
	font-weight: 400;
	font-size: 12.3871px;
	line-height: 17px;
}

.user-logo {
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background: #E3D5D6;
	position: relative;
	z-index: 9;
	top: 15px;
}

.signinArrea {
	margin-top: 25px
}

.alert-danger-cust {
	height: 34.34px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 0;
}

.Sign-text {
	margin-bottom: 35px;
	margin-top: 38px;
}

.btn-animate {
	max-width: 269.49px;
	margin: 0 auto;
}

.btn-animate button {
	display: none;
}

.btn-animate-pop{
	max-width: 269.49px;
	margin: 0 auto;
}

.login-submit-btn {
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	color: #A91D23 !important;
	font-weight: 600;
	font-size: 16px;
	line-height: 17px;
	text-align: center;
	text-transform: none;
	height: 34.34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;

}

.reset-submit-btn,
.validate-btn,
.verify-btn {
	background: rgba(255, 255, 255, 0.8);
	color: #A91D23 !important;
	border-radius: 0;
	display: none;
}

.reset-cancel-btn {
	background-color: #ABB0B8;
	border-color: #ABB0B8;
	border-radius: 0;
	display: none;
}

.reset-submit-btn:hover,
.reset-cancel-btn:hover,
.validate-btn:hover,
.verify-btn:hover {
	background-color: #282828;
	color: #ffffff !important;
	border: 1px solid #ffffff;
}

.login-submit-btn:hover {
	background-color: #282828;
	color: #ffffff !important;
	border: 1px solid #ffffff;
}

/* .skill-bar {
	width: 0%;
} */

.modal-dialog-cust-new {
	max-width: 1400px;
}


.fa-key-cust,
.fa-lock-cust {
	color: #b90e15;
}

.forgot-link-cust {
	margin-top: 85px;
}

.modal-dialog-cust-new {
	max-width: 1400px;
}

.fa-toggle-cust,
.fa-eye-cust {
	font-size: 17px;
}

.valethi-animated-image {
	position: fixed;
	right: 0;
	bottom: 0;
	display: none;
}

.captcha a {
	color: #ffffff;
	font-size: 13px;
}

.captch-input {
	/*background: url('https://bespecular-blog.s3.amazonaws.com/blog74054e389122fd355363104c1990700d__t_e048fd7a0f1e.png')no-repeat;
	
	*/
	background-size: cover;
	background-position: 100%;
	line-height: 12px;
}

.captch-enter {
	color: #000000 !important;
	font-size: 18px;
	line-height: 14px;
}


.captcha-text {
	font-size: 20px;
	/*font-family: 'Captcha font';*/
}

.captcha-refresh:hover {
	transform: rotate(180deg);
}

.captcha-refresh {
	transition: transform 0.5s ease 0s;
	font-size: 19px;
}

.dd {
	height: 34.35px;
}

.invalid-feedback-val {
	position: relative;
	left: -35px;
}

.form-control-cust1::placeholder {
	line-height: 15px !important;
	color: #000 !important;
}

.entered-captcha1 {
	padding: 5px 10px 10px !important;
}

/* toggle switch css */

.request-view-switch{float: right;}
.request-view-switch   .toggle-switchBox .switch1 {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    }

    .request-view-switch   .toggle-switchBox .switch1 input { 
    opacity: 0;
    width: 0;
    height: 0;
    }

    .request-view-switch  .toggle-switchBox .slider1 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #FF0000;
    }
    .request-view-switch  .toggle-switchBox .slider1:before {
		position: absolute;
		content: "";
		height: 18px;
		width: 18px;
		left: 0px;
		bottom: 0px;
		top: 0px;
		background-color: #1EBE83;
		-webkit-transition: .4s;
		transition: .4s;
	}
    .request-view-switch  .toggle-switchBox input:checked + .slider1 {
    background-color: transparent;
    border: 1px solid #1EBE83;
    }
    .request-view-switch .toggle-switchBox input:focus + .slider1 {
    box-shadow: 0 0 1px #2196F3;
    }
    .request-view-switch .toggle-switchBox input:checked + .slider1:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    }

    .request-view-switch  .toggle-switchBox input:checked + .slider1.round1{
    background-color: transparent;
    }
    /* Rounded slider1s */
	.request-view-switch .toggle-switchBox .slider1.round1 {
		border-radius: 34px;
		height: 19px;
		width: 38px;
	}
    .request-view-switch  .toggle-switchBox .slider1.round1:before {
    border-radius: 50%;
    background-color: #FF0000;
    }
	.request-view-switch .toggle-switchBox input:checked + .slider1.round1:before {
		border-radius: 50%;
		background-color: #1EBE83;
		width: 17px;
		left: -5px;
	}

    .request-view-switch .toggle-switchBox{position: relative;
    top: 3px;
    left: 8px}
/* toggle switch css  Ends*/

.leftborder-switch{border-left: 1px solid #cccccc;}
.bottom-border-switch{border-bottom: 1px solid #cccccc;}
.border-bottom-cust{border-bottom: 0 !important;}


.swal2-confirm{background-color:#bc0019 !important;;
border-color: #bc0019 !important;}
.swal2-title{color: #BC0019 !important;
    line-height: 36px !important;
    text-transform: none !important;
    font-size: 26px !important;
    }
.swal2-content{font-size: 16px;
    padding: 10px;}
.swal2-styled:focus{box-shadow:unset}

.disbled-button::before{background-color:#cacaca !important ;}
.remove-uppercase{
	text-transform: none !important;
}


/* ==== Finance Page ==== */
.finance-wrapper .dt-buttons{
	display: block;
}
#finance_table thead{
    position: sticky;
    top:0;
}
.finance-tbl{
	max-height: calc(100vh - 370px);
}

[data-toggle="collapse"]{
	cursor: pointer;
}
.collapsed .fa-angle-up{
	transform: rotate(180deg);
}
.multiselect.dropdown-toggle {
    height: 37px;
    text-align: left;
    font-size: 14px;
}

/* ==== Module Master ==== */
.tab-add-btn{
	position: absolute;
	right: -4px;
	top: -64px;
	min-width: 85px;
	height: 30px;
}
.tabs-absolute-div{
	position: absolute;
	right: -4px;
	top: -48px;
	width: auto;
}
.tabs-absolute-div .btn{
	min-width: 85px;
	height: 30px;
}
#div_list .invoiceBtn{
	min-width: 85px;
    height: 30px;
}
div.dataTables_wrapper div.dataTables_length select{
	font-family: 'Source Sans Pro', sans-serif;
}
.table tbody tr:hover td{
	/* background-color: #f9fdff !important; */
	background-color: #eff8fe !important;
	color: #000000;
}
.content-wrapper{
	background-color: #ffffff;
	padding-bottom: 0px;
}
section.content {
    /* min-height: calc(100vh - 134px) !important; */
	min-height: calc(100vh - 148px) !important;
}
/* .btn{
	box-shadow: 0px 2px 4px -2px #555555;
} */
td a, a {
    color: #003777;
}
.button_tasks {
    color: #003777;
    border: 1px solid #003777!important;
}
.main-header{
	box-shadow: 0 0 6px #cacaca;
    border-bottom: 1px solid #cacaca;
}
.content-wrapper>.content{
	padding-bottom: 15px !important;
}
#forecast-datatable tr td{
	min-width: 60px;
}
.forecast-datatable tfoot tr:first-child th{
	bottom: 31px;
	position: sticky !important;
}
.forecast-datatable2 tfoot tr:first-child th{
	bottom: 0px;
	position: sticky !important;
}
#forecast-datatable tbody tr th:first-child{
	z-index: 9999;
	background-color: #ffffff !important;
}
/* #forecast-datatable tfoot tr th{
	left: auto;
} */
#forecast-datatable tr th:last-child,
#forecast-datatable tr td:last-child{
	position: sticky;
	right: 0;
	z-index: 99;
}
#forecast-datatable tr td:last-child{
	background-color: #ffffff;
	border: 1px solid #dee2e6 !important;
}
#forecast-datatable tr.odd td:last-child,
#forecast-datatable tr.odd td:nth-child(1),
#forecast-datatable tr.odd td:nth-child(2),
#forecast-datatable tr.odd td:nth-child(3){
	background-color: #f7f9fa;
}
#forecast-datatable tr.even td:last-child,
#forecast-datatable tr.even td:nth-child(1),
#forecast-datatable tr.even td:nth-child(2),
#forecast-datatable tr.even td:nth-child(3){
	background-color: #f7f9fa;
}
#forecast-datatable tr th:last-child,
#forecast-datatable tr th:nth-child(1),
#forecast-datatable tr th:nth-child(2),
#forecast-datatable tr th:nth-child(3){
	border: 1px solid #dee2e6 !important;
}
#forecast-datatable tr.appended-row td,
#forecast-datatable tbody tr.appended-row th{
	background-color: #ffffff;
	z-index: 99 !important;
}
#forecast-datatable .ttl-row th:nth-child(2),
#forecast-datatable .ttl-row th:nth-child(3){
	position: unset !important;
}
#forecast-datatable tr th:nth-child(1),
#forecast-datatable tr td:nth-child(1){
	position: sticky !important;
	left: 0;
	z-index: 99;
}
#forecast-datatable tr th:nth-child(2),
#forecast-datatable tr td:nth-child(2){
	position: sticky !important;
	left: 73.5px;
	z-index: 99;
}
#forecast-datatable tr th:nth-child(3),
#forecast-datatable tr td:nth-child(3){
	position: sticky !important;
	left: 215px;
	z-index: 99;
}
#forecast-datatable tr th:nth-child(1),
#forecast-datatable tr th:nth-child(2),
#forecast-datatable tr th:nth-child(3){
	z-index: 999;
}


.multiselect-container.dropdown-menu{
	max-height: 250px;
    overflow: auto;
}
#div_list .right-list .quote-tab{
	margin-bottom: -0.5px;
}
.chat-footer-section{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin-top: 0;
    margin-top: 12px;
}
.chat-footer-section label{
	margin-bottom: 0;
}
.chat-footer-section .cl-label{
	padding: 2px 5px;
    border-radius: 4px;
    font-size: 13px !important;
	margin: 0;
	box-shadow: 0 2px 4px 0px #cacaca;
	padding-left: 21px;
	position: relative;
}
.chat-footer-section .cl-label input{
	position: absolute;
	left: 5px;
	top: 7px;
}
.label-green{
	background-color: #8AFF8A;
	border: 1px solid #2bcd2b;
}
.label-amber{
	background-color: #FFE28A;
	border: 1px solid #e7bf47;
}
.label-red{
	background-color: #FF8A8A;
	border: 1px solid #f94242;
}


/* ==== File Icon ==== */
.file-icon {
    display: block;
    position: relative;
    width: 15px;
	height: 33px;
  }
  .file-icon::before {
    padding-top: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 15px;
    height: 20px;
    background-color: #cccccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    line-height: inherit;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 18px;
  }
  .file-icon::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 11px;
    overflow: hidden;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #ffffff #777777 transparent;
    background-color: #24B54D;
  }
  .file-icon::before {
    background-color: #24B54D;
    border-radius: 0;
    font-size: 34px;
    font-style: initial;
    padding-top: 0;
  }
  .file-icon::after {
    border-bottom-color: #008f28;
    box-shadow: -1px 1px 0px 0px #ffffff;
  }
  .file-icon .main-line-wrapper{
    position: absolute;
    left: 2px;
    top: 9px;
  }
  .file-icon .main-line-wrapper .file-line{
	display: block;
    height: 0px;
    width: 6px;
    background-color: #ffffff;
    margin-bottom: 1.5px;
    border: 0.5px solid #ffffff;
  }
  .file-icon .icon-currency{
    /* position: absolute;
    top: 12px;
    left: 4px;
    font-size: 10px;
    color: #ffffff;
    font-weight: 400;
    font-style: initial; */
	position: absolute;
    top: 14px;
    left: 0;
    font-size: 8px;
    color: #ffffff;
    font-weight: 400;
    font-style: initial;
    right: 0;
    width: 15px;
    overflow: visible;
    text-align: center;
  }
/* ==== Dynamic Changes ==== */
.file-icon.fully-invoiced::before {
	background-color: #9F8600;
}
.file-icon.fully-invoiced::after{
	border-bottom-color: #9F8600;
}

.file-icon.forecast-invoiced::before {
	background-color: #343a40;
}
.file-icon.forecast-invoiced::after{
	border-bottom-color: #343a40;
}

.file-icon.partially-invoiced::before {
	background-color: #C34829;
}
.file-icon.partially-invoiced::after{
	border-bottom-color: #C34829;
}

.file-icon.cancel-red::before {
	background-color: #FF0000 !important;
}
.file-icon.cancel-red::after{
	border-bottom-color: #FF0000 !important;
}

.file-icon.cancel-red::before {
	background-color: #FF0000 !important;
}
.file-icon.cancel-red::after{
	border-bottom-color: #FF0000 !important;
}
.currency-btn{
	font-size: 14px;
    line-height: 15px;
	height: 28px;
	margin: 3px 0px 0px 23px;
	font-style: normal;
}
.body-login-page .main-footer{
	position: relative !important;
}

#chat-child{
	position: absolute;
    bottom: calc(100% - 40px);
    left: 0px;
    right: 0px;
    max-height: 200px;
    background-color: #ffffff;
    z-index: 99999;
    overflow-y: auto;
    border: 1px solid #cacaca;
    border-radius: 4px;
    padding: 0px;
    box-shadow: 0 -3px 10px #949494;
}
#chat-child .suggest-div{
	border-bottom: 1px solid #f3f3f3;
}
#chat-child .suggest-div .user-nm{
	padding: 5px 15px;
}
#chat-child .suggest-div .user-nm:hover{
	background-color: #f9f9f9;
}
#chat-child .chat-suggest-img{
	border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-right: 10px;
}
#chat-child .org-user-div{
	position: sticky;
    top: 0;
    left: 0;
    right: 0;
}
.ui-slider-range{
	max-width: 100% !important;
}

.col-sticky tbody tr td.sticky-right, 
/*.col-sticky tfoot tr th.sticky-right,*/
.request-quote-tbl thead tr th.sticky-right{
	position: sticky !important;
	right: 0 !important;
	z-index: 99 !important;
}
.request-quote-tbl thead tr th.sticky-right{
	top: 0 !important;
	z-index: 999 !important;
}

.col-sticky tfoot tr th.sticky-right{
    position: sticky !important;
    z-index: 99 !important;
    bottom: 0 !important;
    right: 0 !important;
	border-left: 1px solid rgb(222, 226, 230);
}

.notification-img{
	width: 25px;
            height: 25px;
            object-fit: cover;
            border-radius: 50%;
    }
.unread-color{
	background-color: #fff7e7;
}

.status-badge-button-img{
	height: 26px !important;
    width: 26px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reciepient{
	font-size: 13px;
    font-weight: 500;
    margin: 0;
}

#not-details-box{
	box-shadow: unset !important;
}

#notification .ui-resizable-e{
	width: 0 !important;
}
#notification .modal-content{
	overflow: hidden;
}
#notification .modal-content .modal-body{
	max-height: calc(100vh - 58.71px);
    overflow: auto;
	padding: 0;
}
#modal-notification-details{
	overflow: hidden;
	width: calc(100% - 501px);
}
#modal-notification-details .modal-dialog{
	/* max-width: 667px;
	margin-right: 292px; */
	/* margin-right: 342px;
    margin-left: auto; */
	max-width: 100%;
    margin-right: 0;
	height: 100vh;
    width: 100vw;
}
#modal-notification-details .modal-dialog .modal-content{
	/* right: 0 !important;
    left: auto;
    margin-right: 0 !important; */
	max-width: 600px !important;
	/* margin-right: 377px; */
	margin-right: -124px;
	margin-left: auto;
}
#modal-notification-details .modal-dialog .modal-header{
	position: sticky;
    top: 0;
    z-index: 99;
	background-color: #f5f5f5;
    min-height: 58px;
    border-bottom: 1px solid #dee2e6 !important;
}

#modal-notification-details .modal-dialog .modal-content table{
	width: 100% !important;
}
#modal-notification-details .modal-dialog .modal-content .modal-body{
	height: calc(100vh - 58px);
    background-color: #ffffff;
    overflow: auto;
}
.notify-open{
	overflow: hidden !important;
}
#bell_notification .notify-div{
	margin-bottom: 0 !important;
	padding: 5px 15px;
}

#attachment .table tr td{
	word-break: break-all;
}
.sub-logo{
	height: 27px;
	width: 27px;
	object-fit: contain;
	object-position: center;
}

/* Select 2 tags UI */
/* .tags-parent{
	width: 250px;
} */
.cust-popover{
	background-color: #ffffff !important;
	z-index: 999 !important;
	width: 250px;
}
.cust-popover .popover-body{
	margin-left: 0;
}

/*Popover functionality*/

.pointed-div{
	position: relative;
}
.pointed-div::before{
	content: '';
	position: absolute;
	top: -22px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
}
.dropdown-unit{
	position: fixed;
	width: 300px;
	border: 1px solid #fafafa;
	z-index: 999;
	background-color: #ffffff;
	padding: 15px;
	text-align: center;
	box-shadow: 0 -2px 15px #bebebe;
	top: 150px;
}
/* .tag-list{
	max-height: 150px;
	overflow-y: auto;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
.tag-list li{
	position: relative;
	padding: 0px 18px 0px 0px;
	background-color: #cacaca;
	margin-bottom: 5px;
	margin-right: 5px;
	display: inline-block;
	font-size: 13px;
}
.tag-list li .tag-text{
	display: inline-block;
    padding: 5px;
	cursor: pointer;
}
.list-output{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.list-output li{
	position: relative;
	padding: 5px 25px 5px 5px;
	background-color: #cacaca;
	margin-bottom: 5px;
	display: inline-block;
	font-size: 13px;
	margin-right: 5px;
}
.tag-remove{
	display: inline-block;
	background-color: #ffffff;
	font-size: 9px;
	color: #000000;
	position: absolute;
	right: 3px;
	top: 0;
	bottom: 0;
	height: 14px;
	width: 14px;
	border-radius: 100%;
	text-align: center;
	line-height: 14px;
	margin: auto;
	cursor: pointer;
}
.search-input{
	border: 0;
}
.search-input:focus,
.search-input:active,
.search-input:hover{
	border: none;
	outline: none;
}
.tags-main .form-control{
	min-height: 38px;
	height: auto;
} */
.create-btn{
	font-size: 14px;
    font-weight: 600 !important;
}
.tags-main .fstElement{
	width: 100%;
}
.tags-main .fstMultipleMode .fstControls{
	width: 100%;
}
.tags-main .fstControls .fstChoiceItem{
	font-size: 12px;
	padding: 2px 20px 2px 5px;
	background-color: #454545;
    border: none;
	position: relative;
	margin-right: 15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
/* .tags-main .fstControls .fstChoiceItem::after{
	content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 10px solid #454545;
    border-bottom: 12px solid transparent;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
} */
.tags-main .fstMultipleMode .fstQueryInput{
	font-size: 12px;
}
.tags-main .fstResultItem{
	font-size: 13px;
	text-align: left;
}
.tags-main  .fstResultItem.fstFocused{	
	background-color: #a0a0a0;
    border-color: #a0a0a0;
}
.tags-main .fstChoiceRemove{
	right: 2px;
    left: auto;
    background-color: #ffffff;
    color: #000000;
    border-radius: 100%;
    height: 12px;
    width: 12px;
    line-height: 11px;
	top: 0;
    bottom: 0;
    margin: auto;
	padding: 0;
	font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}
.tags-main .fstNoResults{
    font-size: 13px;
}
.tags-badge{
	font-size: 12px;
    padding: 4px 7px 4px 7px;
    background-color: #454545;
    border-color: #454545;
    color: #ffffff;
    margin-right: 5px;
    white-space: nowrap;
	border-radius: 4px;
	position: relative;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 5px;
    display: inline-block;
	margin-right: 15px;
	line-height: 17px;
}
.tags-td{
	min-width: 150px;
}

/* ==== Proscape tiles ==== */
.redirection-tile{
	color: #ffffff;
	transition: 0.4s;
	/* box-shadow:  0 0 10px 5px #cacaca; */
}
.redirection-tile:hover{
	box-shadow:  0px 5px 12px 0px #888888;
	color: #ffffff;
	transform: scale(1.02);
}
.redirection-tile img{
	height: 100px;
    width: 100px;
    display: block;
    object-fit: contain;
    margin: auto;
}
.redirection-tile .tile-name{
	font-size: 18px;
	font-weight: 600;
}
.quote-tile{
	background-color: rgba(188, 0, 25, 1);
	color: #ffffff;
}
.rmg-tile{
	background-color: #574476;
	color: #ffffff;
}

/* ==== Portal User page new ==== */
#portal-user {
	position: relative;
}
#portal-user .portal-dropdown-section{
	position: absolute;
    top: -17px;
	left: 25px;
}
#portal-user .buttonBox{
	margin-bottom: 15px;
	margin-top: 15px;
}
#portal-user .dt-buttons{
	display: block;
}
#portal-user .dataTables_filter{
	float: none;
	margin-left: auto;
}
#portal-user .buttonBox{
	/* max-width: 400px;
	margin-left: auto; */
	display: flex;
	padding-top: 18px;
}
#portal-user .dataTables_wrapper .dataTables_filter .input-group-prepend .input-group-text{
	background-color: #ffffff;
	height: 37px;
	border-radius: 0px;
	border: 0;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-right: 1px;
}
#portal-user .dataTables_wrapper .dataTables_filter .form-control{
	height: 37px;
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #000000;
	padding-left: 12px;
}
#portal-user .dataTables_wrapper .add-user{
	height: 37px;
	border-radius: 0px;
}
#portal-user .table.dataTable{
	width: calc(100% - 8px) !important;
}
.portal-user-modal.modal.right .modal-body{
	height: calc(100vh - 60px);
    overflow-y: auto;
}

/* css added by Navin */
.deactivate-rmg{text-align: center;
margin-bottom: 4px;
}
.deactivate-rmg button{color: #ff8067;}
.portal-user-tbl{table-layout: fixed;}

.user-card{height: 100%;}

.main-div{margin-top: 8px;
margin-right: 8px;}

.deactivate-rmg button:focus{box-shadow: unset;}

.user-card .card:hover{box-shadow: rgba(255, 100, 0, 0.8) 0px 1px 5px -1px;}

.deactivate-rmg button{
	visibility: hidden;
}
.user-card .card:hover .main-div i{display: inline-block;}
.user-card .card:hover .deactivate-rmg button{
	visibility: unset;
}

.user-text-rmg{
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.main-div i{display: none;}
.portal-user-tbl thead{display: none;}

p.user-name-rmg {
    text-align: center;
}
.table-loader {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000; /* Adjust the z-index value as needed */
}
/* .user-text-rmg{font-size: 11px;} */
/* .portal-user-tbl tbody tr{display: table-column;} */
 
/* #portal-user .display, #portal-user .act-deact{
	display: block !important;
	visibility: visible !important;
	position: absolute;
    right: 0;
    top: 0;
}
#portal-user .dis div:first-child .display:first-child{
	top: 15px;
}
#portal-user .dis .act-deact{
	top: 30px;
}
#portal-user .dis{
	position: relative;
} */

.msg-image.msg-image-new {
    left: unset;
    right: -20px;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
 .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important; 
}

.tabs-absolute-div.add-save-btn{
	top: -117px !important
}

.select2.cust-select2{
	max-width: unset !important;
}

tr.filters th input {
    width: 100%;
    height: 30px;
    padding: 8px;
    border-radius: 3px;
    border: 1px;
    gap: 10px;
    border: 1px solid #FFFFFF;
}
.traingle-down {
    color: #ffffff;
    cursor: pointer;
}
.validate-border-error{
	border: #ff0000 1px solid;
}
/* =====css by Navin 26/06/24=============== */
.table-wrapper-custom {
    max-height: calc(100vh - 200px);
    overflow: auto;
    width: 100%;
}
.dash-wrap-rmg .card-body-n{
	padding-top: 1.25rem;
}
.hoverable-cell{
	max-height: 50px;
	overflow-y: auto;
	cursor: pointer;;
}
.page-title-n{
	padding-left: 15px;
}

.custom-class-popover{
	background: #191919 !important;
	color: #ffffff;
}
.custom-class-popover .popover-body {
	color: #ffffff !important;
}
.custom-class-popover> .arrow::after {
    border-left-color: #191919;
}


.input-fields-n {
    border-radius: 0 4px 4px 0;
    border-left: 0;
}
.basic-addon {
	border-radius: 4px 0 0 4px;
	padding: 0.375rem 0.80rem;
}

.add-row, .del-row{
	cursor: pointer;
}

.note-editing-area {
	max-width: 1085px !important; 
}

.note-editable table, .note-editable th, .note-editable td {
    border: 1px solid #000 !important;
}


.note-toolbar .btn-group {
	width: auto;
}


.flex-nowrap{
	flex-wrap: nowrap;
}

.main-footer{
	min-height: 50px;
    display: inline-block;
    width: 100%;
}


/* 
css added by Mukesh 17/02/2025 
For: Quote mapping to zohopulse projects and resource list
*/
.quote-dual-listbox {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}
.quote-list-container {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	background: #f9f9f9;
}

.quote-list-container:nth-of-type(1) {
	width: 50% !important;
}
.quote-list-container h5 {
	text-align: center;
	margin-bottom: 10px;
}
.quote-checkbox-list {
	max-height: 300px;
	min-height: 300px;
	overflow-y: auto;
	list-style: none;
	padding: 0;
}
.quote-assigne-input{

}
.quote-allocated-users{
	width: 35%;
    max-width: 35%;
}
/* .quote-checkbox-list li {
	padding: 5px;
	display: flex;
	align-items: center;
	cursor: pointer;
}*/
.quote-checkbox-list > table{
	
}
.quote-allocation-fixed {
	max-width: 10%;
	width: 10%;
} 
.quote-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#leftTable .quote-user-column{
	display: none !important;
}
#rightTable .quote-user-column{
	display: table-cell !important;
}

/*==== Changes by Avinash ====*/
#rightTable .quote-user-column .select2 .select2-selection{
	min-width: 100px;
	max-width: 110px;
}
#rightTable .quote-user-column input{
	min-width: 70px;
}
#rightTable .quote-user-column .hasDatepicker{
	min-width: 100px;
}
.quote-buttons{
	width: auto;
    flex: 0 0 auto;
}
.quote-buttons .btn{
	width: 50px;
}
.col-md-9.quote-list-container{
	width: 100%;
    flex: 0 0 77.5%;
    max-width: 77.5%;
}
.quote-checkbox-list .table.table.table-bordered thead tr td,
.quote-checkbox-list .table.table.table-bordered thead tr th{
	position: sticky;
	top: -0.5px;
	z-index: 9;
	border-bottom: 1px solid #dee2e6;
	white-space: nowrap;
	background-color: #ffffff;
	box-shadow: inset 0 -1px 1px #dee2e6;
}
.quote-checkbox-list::-webkit-scrollbar {
	width: 5px;
	border-radius: 5px;
}
	
.quote-checkbox-list::-webkit-scrollbar-corner {
	background: #ccc;
	border-radius: 5px;
}
	
.quote-checkbox-list::-webkit-scrollbar-thumb {
	background: #636363;
	border-radius: 5px;
}
	
.quote-checkbox-list::-webkit-scrollbar-thumb:hover {
	background: #636363;
	border-radius: 5px;
}
.quote-checkbox-list::-webkit-scrollbar-track {
	border: 1px solid #ccc;
	background-color: #ccc;
	border-radius: 5px;
}

.modal-open #ui-datepicker-div{
	z-index:9999 !important;
}
/*End*/

span#hide1,
span#hide2,
span#hide3,
span#hide4{
	width: 100%;
	margin-bottom: 15px;
}
.org-profile-setting form{
    margin-bottom: 25px;
}

/* ==== Changes by Avinash */
.appended-tr td .table thead th{
	color: #FFFFFF !important;
	background-color: #1F2D3D !important;
	position: relative !important;
	z-index: 1 !important;
}


.login-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; /* Send it behind the login content */
    object-position: top;
}

#list-view thead {
    position: sticky !important;
    top: -1px;
    left: 0;
    z-index: 999;
    width: 100%;
}
#list-view tr th:first-child,
#list-view tr td:first-child {
    position: sticky !important;
    left: 0;
}
#list-view tr th:first-child{
	z-index: 99;
}

#list-view tbody tr.odd td:nth-child(1) {
	background-color: #f7f9fa;
}

#list-view tbody tr.even td:nth-child(1) {
	background-color: #ffffff;
}

@media screen and (max-width: 1403.5px) {
	.tabs-absolute-div.add-save-btn {
		top: -162px !important;
	}
}
@media screen and (max-width: 1337px) {
	.frm.ml-5{
		margin-left: 0 !important;
	}
}
@media screen and (max-width: 1024px) {
	#portal-user .table tbody tr td {
    	display: block;
	}
	#portal-user .card-body .dis {
		text-align: center;
	}
}

@media screen and (max-width: 991px) {
	th, td, .request-quote-tbl thead tr th:nth-child(2), .request-quote-tbl tbody tr td:nth-child(2), .table-wrapper table .tfoot-tbl tr th:nth-child(2), .col-sticky thead tr th:last-child, .col-sticky tbody tr td:last-child, .col-sticky tfoot tr th.sticky-right, #forecast-datatable tr th:nth-child(2), #forecast-datatable tr td:nth-child(2), #forecast-datatable tr th:nth-child(2), #forecast-datatable tr td:nth-child(2){
		position: unset !important;
	}
	.toggleDiv{
		display: none !important;
	}
	.table-wrapper, .finance-tbl{
		max-height: 100vh;
	}
}
@media screen and (max-width: 680px) {
	#data-table tbody tr td:last-child,
	#tbl-service tbody tr td:last-child,
	#tbl-store tbody tr td:last-child,
	#loginPageTable tbody tr td:last-child{
		min-width: 70px;
	}
}
@media screen and (max-width: 767.5px) {
	.tabs-absolute-div.add-save-btn {
		top: -202px !important;
	}
}
	
@media screen and (max-width: 550.5px) {
	.tabs-absolute-div.add-save-btn {
		top: -245px !important;
	}
}
@media screen and (max-width: 550.5px) {
	.tabs-absolute-div.add-save-btn {
		top: -245px !important;
	}
}
@media screen and (max-width: 520.5px) {
	.tabs-absolute-div.add-save-btn {
		top: -295px !important;
	}
}
@media screen and (max-width: 428.5px) {
	.tabs-absolute-div.add-save-btn {
		top: -333px !important;
	}
	
}

@media screen and (max-width: 1480px) {
    .col-md-9.quote-list-container {
        width: 100%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media screen and (max-width: 991px) {
    .col-md-9.quote-list-container, .col-md-1.quote-buttons, .col-md-2.quote-list-container {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-1.quote-buttons{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 15px;
        justify-content: center;
    }
    .quote-buttons .btn{
        display: inline-block;
        transform: rotate(90deg);
    }
}

.swal2-container{
	display: flex !important;
	z-index: 99999;
}

.discrepancy-div{
	position: relative;
}
.discrepancy-btn{
	position: absolute;
    right: 0px;
    top: 11px;

}

.light-red{
	background-color: #FF7F7F !important;
}

.light-orange{
	background-color: #FFD580 !important; 
}

.light-green{
	background-color: #90EE90 !important;
}	

#fteTable .tr-row td .multiselect-container.dropdown-menu{
	min-width: 224px !important;
}