@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=swap');
@font-face{
	font-family:'Glyphicons Halflings';
	src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot");
	src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
	url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
	url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff") format("woff"),
	url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
	url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
  }
  body {
	margin: 0!important;
	padding: 0!important;
	background: #fff;
    font-family: 'Ubuntu', sans-serif!important;
}
p {
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	color: #201F1E;
	font-weight: 400;
	line-height: 23px;
    font-family: 'Ubuntu', sans-serif!important;
}
a {
	color: #07004D!important;
	text-decoration: none;
}
a, a:hover {
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	text-decoration: none!important;
	cursor: pointer;
}
a, a:focus, a:hover, button, button:focus, button:hover, checkbox, checkbox:focus, checkbox:hover, input, input:focus, input:hover, select, select:focus, select:hover {
	outline: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif!important;
	font-weight: 600;
}
ul {
	margin: 0; padding: 0;
}
li {
	list-style: none;
}
input {font-family: 'Ubuntu', sans-serif!important;}

.w-img-map {
	height: 69px;
	width: 102%;
	border-radius: 4px;
  }

.login-page {
	background-color: #fafafa;
    height: 100vh !important;
}
.login_screen img {
	width: 100% !important;
	height: 100vh;
	object-fit: cover;
}
.login-page .login-page-title {
	font-size: 25px;
	color: #000000DE;
	font-weight: 600;
}
.login-page label {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	pointer-events: none;
	left: 0;
	top: 0;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.login-page input {
	font-size: 14px;
	padding: 10px;
}
.login-page .form-check {
	display: flex;
	text-align: left;
	text-indent: 5px;
	align-items: center;
}
.login-page .form-check a {
	font-size: 14px;
	color: #39f;
	display: block;
	width: 100%;
	text-align: right;
}
.login-page button.btn-primary {
	background: #2185D0;
	border-radius: 5px;
	border: none;
	padding: 10px;
}
.login-page .or p {
	text-align: center;
	position: relative;
	display: inline-block;
	margin: 0 auto 5px;
	color: #555;
	font-size: 14px;
}
.footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: rgba(255,255,255,0.9);
	font-size: 14px;
	z-index: 9;
}
section {z-index: 1; position: relative;}
/* ===== Scrollbar CSS ===== */
* {
	scrollbar-width: thin;
	scrollbar-color: #E1DFDD #FAF9F8;
  }
  /* Firefox */
  *::-moz-scrollbar {
	width: 5px;
  }
  *::-moz-scrollbar-track {
	background: #333;
  }
  *::-moz-scrollbar-thumb {
	background-color: #E1DFDD;
	border-radius: 10px;
	border: 3px solid #a6a5b8;
  }
  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
	width: 5px;
  }
  *::-webkit-scrollbar-track {
	background: #d3d2dc;
  }
  *::-webkit-scrollbar-thumb {
	background-color: #E1DFDD;
	border-radius: 10px;
	border: 3px solid #a6a5b8;
  }
  /* ===== Scrollbar CSS ===== */
.h6, h6 {
	font-size: 14px;
}
.whitebg {
	background-color: #fff;
	box-shadow: 1px 1px 3px 3px #eee;
}

.table tr:nth-child(even) {background: #F0F5FF!important;}
.table tr:nth-child(odd) {background: #FFF!important;}
.table tr.newclass:nth-child(2n+1) {
	background: #F0F5FF!important;
}

.table th {
	background: #cedeff;
	padding: 10px;
	border: none;
	font-size: 14px;
	vertical-align: middle;
	white-space: nowrap;
	min-width: 150px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #201f1e;
	font-family: "Ubuntu", sans-serif !important;
	font-weight: 500;
	max-width: 180px;
  }
.table td {
	padding: 10px;
	font-size: 14px;
	vertical-align: middle;
	white-space: nowrap;
	min-width: 150px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #201f1e;
	font-family: "Ubuntu", sans-serif !important;
	font-weight: 400;
	max-width: 180px;
  }
  .table th:last-child {
	  min-width: auto !important;
  }
  .table td:last-child {
	  min-width: auto !important;
  }
.table td .btn {
	font-size: 13px;
	padding: 3px 5px;
}
.table i {
	color: rgba(44, 56, 74, 0.95);
	margin: 0 5px;
}


.normal_table  {
    background: #fff;
    margin: 0;
}
.normal_table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}
.normal_table td {
    padding: 10px;
    font-size: 14px;
    vertical-align: top;
    white-space: break-spaces!important;
    max-width: 300px;
    white-space: nowrap;
    word-wrap: break-word;
}
.normal_table th {
	background: #CEDEFF;
	padding: 10px;
	border: none;
	font-size: 14px;
	vertical-align: middle;
	white-space: nowrap;
}
.normal_table td .btn {
	font-size: 13px;
	padding: 3px 5px;
}
.normal_table i {
	color: rgba(44, 56, 74, 0.95);
	margin: 0 5px;
}


.mb-5 {
	margin-bottom: 4rem !important;
}
.searchbar {
	position: relative;
}
.searchbar i {
	position: absolute;
	right: 4px;
	top: 7px;
	cursor: pointer;
	background: #fff;
	padding: 5px;
}
.top_bar .btn {
	padding: 5px 10px;
	font-size: 15px;
}
.cradio .form-check {
	margin-right: 10px;
}
.cform .form-label {
	font-size: 15px;
	font-weight: 500;
}
.cform input, .cform select, .cform textarea {
	font-size: 15px;
	font-weight: 500;
}
html:not([dir="rtl"]) .sidebar-nav .nav-group-items .nav-link {
	padding-left: 2rem;
}

.carousel-control-prev-icon{ background-image: url(../images/left.png) !important;}
.carousel-control-next-icon{background-image: url(../images/right.png) !important;}
.modal-content{border: none !important; border-radius: 12px !important; padding: 10px;}
.attach label {
	border: 2px dashed #165fbd;
	padding: 125px 15px 30px;
	text-align: center;
	margin: 15px 0;
	background: #f6faff url(../images/upload.png) no-repeat;
	background-position: 50% 15px;
	background-size: 100px;
	border-radius: 10px;
	width: 100%;
}
.attach p {
	color: #999;
}
.attach h4 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}
.attach input[type="file"] {
	display: none;
}


.nav-item img {
	margin-right: 10px;
}
.bg-light {
	background-color: #f6f6f6 !important;
}

/* #sidebar {
	background: #1B1C1D;
}
.sidebar-nav .nav-link {
	display: flex;
	flex: 1;
	align-items: center;
	padding: 0.8445rem 1rem;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	white-space: nowrap;
	background: var(--cui-sidebar-nav-link-bg, transparent);
	transition: background 0.15s ease, color 0.15s ease;
	filter: invert(42%) saturate(1352%) hue-rotate(87deg) brightness(120%) contrast(120%);
}
.sidebar-nav .nav-link:hover {
	display: flex;
	flex: 1;
	align-items: center;
	padding: 0.8445rem 1rem;
	color: #A3A4A4;
	text-decoration: none;
	white-space: nowrap;
	background: var(--cui-sidebar-nav-link-hover-bg, rgba(255, 255, 255, 0.05));
	transition: background 0.15s ease, color 0.15s ease;
	filter: invert(10%) saturate(1352%) hue-rotate(87deg) brightness(200%) contrast(200%);
}
.sidebar-nav .nav-link.active {
	background: var(--cui-sidebar-nav-link-hover-bg, rgba(255, 255, 255, 0.05));
	transition: background 0.15s ease, color 0.15s ease;
	filter: invert(10%) saturate(1352%) hue-rotate(87deg) brightness(200%) contrast(200%);
} 
.sidebar-nav .nav-link.active {
	background: #0E327A;
	transition: background 0.15s ease, color 0.15s ease;
	filter: initial;
}*/
.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 2;
	position: relative;
	right: 5px;
}
.top_bar .form-control {
	font-size: 14px;
	padding: 7px 10px;
}
.top_bar select {
	font-size: 14px;
	padding: 7px 10px;
}
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: var(--cui-breadcrumb-bg, unset);
}

input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
    -webkit-appearance: none;    
    appearance: none;
    margin: 0;  
}
input[type='number'], 
input[type='number']:hover,
input[type='number']:focus {
  -moz-appearance: textfield;
}

.dashbox .btn {
	float: right;
}
.dashbox .btn i {
	color: #999;
}


div.tabBox {
	width:99.9%;
	float:left;
	overflow: visible;
	}
	  
	div.tabBox h3 {
	padding:20px 0px;
	}
	  
	ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto; 
	width:100%;
	}
	  
	ul.tabs li {
		float: left;
		margin-right: 5px;
		padding: 0;
		height: auto;
		line-height: 32px;
		margin-bottom: -1px;
		overflow: hidden;
		position: relative;
	}
	  
	ul.tabs li a {
	display: block;
	padding: 0 5px;
	outline: none;
	background:none;
	}
	  
	.tabContainer {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width:100%;
	min-height:300px;
	margin-bottom:10px;
	}
	  
	.tabContent {
	padding: 20px;
	}
	  
	.tabContent h3 {
	padding:0px;
	}
	  
	/**** TABS STYLES ****/
	  
	 
	ul.tabs {
	border-bottom: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	}
	  
	  
	ul.tabs li a {
	background:#eee;
	text-decoration: none;
	font-size: 14px;
	color: #000;
	font-weight: 600;
	outline: none;
	padding: 5px 15px;
	border: 1px solid #ccc;
	/*border-left: none;*/
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	}
	  
	ul.tabs li a:hover {
	background: #eee;
	}
	  
	ul.tabs li.active {
		border-bottom: 2px solid #0E327A;
	}
	  
	ul.tabs li.active a, ul.tabs li.active a:hover  {  
	background: #fff;
	}
	  
	div.tabContainer {
	border-bottom:0px solid #ccc;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	background:#fff;
	}
	/* THE RESPONSIVE PART */
	@media only screen and (max-width: 767px) {
	 
	div.tabBox {
	border: 1px solid #ccc;
	}
	 
	ul.tabs {
	height: auto;
	display: block;
	width:100%;
	border-left:0px;
	}
		 
	ul.tabs li {
	width:100%;
	}
	 
	ul.tabs li a {
	border-top-left-radius:0px;
	-moz-border-top-left-radius:0px;
	-webkit-border-top-left-radius:0px;
	border-top-right-radius:0px;
	-moz-border-top-right-radius:0px;
	-webkit-border-top-right-radius:0px;    
	border:0px;
	}
		 
	div.tabContainer {
	border: 0px;
	}
		 
	}
	.sidebar-toggler {
		display: none;
	}
	.red {
		color: red;
	}
	.green {
		color: green;
	}
	.red i {
		color: red;
	}
	.green i {
		color: green;
	}
	.cform textarea {
		height: 37px;
	}
	.breadcrumb {
		font-size: 14px;
	}
	.breadcrumb a {
		color: #A19F9D !important;
		font-size: 14px;
	}
	.breadcrumb-item.active {
		color: #3B3A39;
	}
	.topnav {
		margin-bottom: 56px;
		display: inline-block;
		width: 100%;
	}
	.topnav li {
		float: left;
		padding: 0 40px 0 0;
	}
	.topnav li a {
		color: #3664C2 !important;
		padding: 5px 0;
		display: inline-block;
		font-size: 15px;
		line-height: 15px;
	}
	.topnav .active {
		border-bottom: 4px solid #3664c2;
		font-weight: 500;
	}
	.topbox .card {
		width: 24%;
		margin: 0 5px;
	}
	.topbox .card-text {
		font-size: 13px;
		color: #000;
	}
	.simplebar-offset {
		background-color: #171717;
	}
	.btn {
		border-radius: 5px !important;
		font-size: 15px;
		padding: 10px 20px;
	  }
	.btn:hover {
		color: var(--bs-btn-hover-color);
		background-color: var(--bs-btn-hover-bg);
		border-color: #554AC7;
		background-color: #554AC7;
		color: #fff !important;
		border-color: 1px solid #07004D !important;
	}
	.btn-info {
		background-color: #07004D;
		color: #fff;
		border: 1px solid #07004D;
		font-weight: 500;
	}	 
	.btn-info:hover {background-color: #554AC7;} 
	.btn-info:focus {
		background-color: #07004D;
		color: #fff;
		border: 1px solid #07004D;
		font-weight: 500;
	}	
	.btn-info:active {
		background-color: #07004D!important;
		color: #fff!important;
		border: 1px solid #07004D!important;
		font-weight: 500;
	} 
	.sidebar-brand-full img {
		width: 175px;
	}
	.table {
		background: #fff;
		margin: 0;
	}
	.top-table {
		border: 1px solid #ccc;
	}
	.top-table td {
		border: 0px solid #ccc;
		white-space: break-spaces;
	}
	.top-table thead th {
		background: #fff;
		border-bottom: 1px solid #ccc !important;white-space: nowrap;
	}
/*****table scroll********/
	.scrollable {
		overflow: hidden;
		position: relative;
		width: 100%;
	  }
	  .scrollable.is-scrollable:after {
		position: absolute;
		top: 0;
		left: 100%;
		width: 30px;
		height: 100%;
		border-radius: 15px 0 0 10px/50% 0 0 50%;
		box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
		content: "";
	  }
	  .scrollable > div {
		overflow-x: auto;
	  }
	  .scrollable > div ::-webkit-scrollbar {
		height: 5px;
	  }
	  .scrollable > div ::-webkit-scrollbar-track {
		background: #f0f0f0;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset;
	  }
	  .scrollable > div ::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 10px;
	  }
	  .scrollable-hide > div {
		overflow-x: hidden;
	}
/*****table scroll********/  
	.profile-pic {
		background: #2185D0;
		height: 200px;
	}
	.form-check-box {
		display: flex;
	}
	.form-check-box span {
		margin-right: 5px;
	}
	.full-upload .attach label {
		border: 2px dashed #165fbd;
		padding: 125px 15px 30px;
		text-align: center;
		margin: 15px 0;
		background: #f6faff url(../images/upload.png) no-repeat;
		background-position: 50% 15px;
		background-size: 100px;
		border-radius: 10px;
		width: 100%;
	}
	#t-details b {
		display: block;
	}
	#t-details td {
		line-height: 20px;
	}
	.c-form textarea {
		width: 100%;
		height: 150px;
	}
	.btn-close {
		background: url(../images/close.png) no-repeat;
		background-size: 25px;
		color: #fff !important;
		border-radius: 50%;
		position: relative;
		right: 3px;
		top: 3px;
		opacity: 1;
	}
	.assign-bar {
		border-bottom: 1px solid #ccc;
	}
	.viewlist {
		position: relative;
	}
	.breadcrumb-item.active {
		color: #3B3A39;
	}
	.text-danger {
		font-size: 14px;
	}
	.no-record .text-danger {
		font-size: 16px;
	}
	span.gbg {
		background: #4caf50;
		color: #333;
		padding: 5px;
		margin: 0 0 0 5px;
		width: 30px;
		height: 30px;
		border-radius: 5px;
	}
	.full-table {
		border: 2px dashed #ccc;
		padding: 15px;
		border-radius: 5px;
	}
	.full-table h2 {
		margin: 15px 0;
		color: #2185D0;
	}
	.sidemenu .topnav li {
		float: left;
		display: block;
		width: 100%;
	}
	.sidemenu .topnav li a {
		color: #000000CC;
		padding: 10px;
		display: block;
		text-align: center;
	}
	.sidemenu .topnav .active {
		background: #2185D0;
		color: #fff;
	}
	.disp_none {
		display: none;
	}
	.disp_block{
		display: block;
	}
	.user_list_Pagination {
		float: none;
		position: relative;
		display: flex;
		justify-content: end;
		position: relative;
	}
	.user_listpagination {
		/* position: fixed; */
		/* right: 20px; */
		/* bottom: 10px; */
		/* z-index: 100000; */
		display: flex;
		justify-content: flex-end;
		padding: 15px 0;
	}
	.register img {
		width: 100%;
		margin-bottom: 0px;
		border-radius: 5px;
	}
	.register h4 {
		background: #E0E1E2;
		font-size: 20px;
		text-align: center;
		padding: 10px;
	}
	.paginationjs .paginationjs-pages li {
		float: left;
		border: 0px solid #aaa!important;
		border-right: none;
		list-style: none;
	}
	.paginationjs .paginationjs-pages li>a {
		min-width: 40px!important;
		height: 28px;
		line-height: 28px;
		display: block;
		background: #fff;
		font-size: 14px;
		color: #333;
		text-decoration: none;
		text-align: center;
	}
	.paginationjs .paginationjs-pages li.active > a {
		height: 30px;
		line-height: 30px;
		background: #DEDBFF !important;
		color: #333!important;
	}
	.paginationjs .paginationjs-pages li.disabled>a {
		opacity: .5;
		background: #E0E1E2!important;
	}
	.paginationjs .paginationjs-pages li:last-child > a {
		border-radius: 0 3px 3px 0;
		background: #eee;
		color: #fff;
	}
	.width-control .dataTables_paginate{
		width: 85%;
		margin-top: 7px !important;
	  }
	.cform {
		text-align: left;
	}
	/*******stepper form start**********/
	.s-stepper-content .s-stepper-stage {
		display: none;
		padding: 15px 0px;
		/* box-shadow: 0 2px 4px 0px #aaa; */
		background-color: #fff;
	  }
	  .s-stepper-content .s-stepper-stage.active {
		display: block;
		justify-content: center;
	}
	  
	  .s-stepper {
		display: flex;
		box-shadow: 0 2px 4px 0px #aaa;
		counter-reset: section;
		background-color: #fff;
	  }
	  .s-stepper .s-step {
		display: flex;
		flex: 1;
		padding: 15px;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		cursor: pointer;
		color: rgba(0, 0, 0, 0.6);
		position: relative;
	  }
	  .s-stepper .s-step:first-child:before {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		content: "";
		border-top: none;
		border-bottom: none;
	  }
	  .s-stepper .s-step.active {
		position: relative;
		background-color: green;
		color: rgba(255, 255, 255, 0.7);
	  }
	  /* .s-stepper .s-step.done {
		position: relative;
		background-color: green;
		color: rgba(255, 255, 255, 0.7);
	  } */
	  .s-stepper .s-step.active:last-child:after {
		border: none;
	  }
	  .s-stepper .s-step.active:after {
		position: absolute;
		right: 0;
		top: 0;
		margin-right: -50px;
		width: 0;
		height: 0;
		content: "";
		border-top: 50px solid transparent;
		border-bottom: 50px solid transparent;
		border-left: 50px solid green;
		transition: all 900ms ease-in-out;
		display: none;
	  }
	  .s-stepper .s-step.active .s-step-counter:after {
		content: "";
		font-family: FontAwesome;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 45px;
		height: 45px;
		border-radius: 9999px;
		border: 1px solid rgba(255, 255, 255, 0.6);
		color: rgba(255, 255, 255, 0.6);		
	  }
	  .s-stepper .s-step.done .s-step-counter:after {
		content: "";
		font-family: FontAwesome;
		border-color: rgba(255, 255, 255, 0.6);
		color: rgba(255, 255, 255, 0.6);
	  }
	  .s-stepper .s-step .s-step-counter:after {
		counter-increment: section;
		content: counter(section);
		display: flex;
		font-size: 18px;
		border: 1px solid rgba(0, 0, 0, 0.6);
		width: 45px;
		height: 45px;
		justify-content: center;
		border-radius: 999px;
		align-items: center;
		margin-bottom: 5px;
	  }
	  
	  @media screen and (max-width: 1024px) {
		.s-step small {
		  display: none;
		}
		.s-step.active:after {
		  border-top: 41px solid transparent !important;
		  border-bottom: 41px solid transparent !important;
		  border-left: 40px solid green !important;
		  margin-right: -40px !important;
		}
		.s-step.active:last-child:after {
		  border: none !important;
		}
	  }
	  @media screen and (max-width: 550px) {
		.s-stepper {
		  display: none;
		}
	  }
	  /*******stepper form end**********/

  /*******multiple thumbnail image upload start**********/
	 
	
	.upload__box {
		padding: 0px;
	  }
	  .upload__inputfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	  }
	  .upload__btn {
		display: inline-block;
		font-weight: 600;
		color: #333;
		text-align: center;
		min-width: auto;
		padding: 5px;
		transition: all 0.3s ease;
		cursor: pointer;
		border: 2px dashed #165fbd;
		padding: 125px 15px 0px;
		text-align: center;
		margin: 15px 0;
		background: #f6faff url(../images/upload.png) no-repeat;
		background-position: 50% 15px;
		background-size: 100px;
		border-radius: 10px;
		width: auto;
	}
	  .upload__btn:hover {
		background-color: unset;
		color: #4045ba;
		transition: all 0.3s ease;
	  }
	  .upload__btn-box {
		margin-bottom: 10px;
	  }
	  .upload__img-wrap {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	  }
	  .upload__img-box {
		width: 200px;
		padding: 0 10px;
		margin-bottom: 12px;
	  }
	  .upload__img-close {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: center;
		line-height: 24px;
		z-index: 1;
		cursor: pointer;
	  }
	  .upload__img-close:after {
		content: "✖";
		font-size: 14px;
		color: white;
	  }
	  
	  .img-bg {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: relative;
		padding-bottom: 100%;
	  }
	  
  /*******multiple thumbnail image upload end**********/

.facility {
	padding: 20px 10px;
	margin: 0 0 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.facility h3 {
	float: left;
	text-align: left;
	width: 84%;
	color: #333;
	font-size: 20px;
}
.facility-Detail {
	padding-top: 30px;
	padding-bottom: 30px;
	display: none;
	clear: both;
}
.fedit {
	color: #333;
}
.fexpand {
	color: #333;
}
.fremove {
	margin: 0 10px;
	color: #333;
}
.profile-pic img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.facilityuser {
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 10px;
}
.table .fa-check-circle {
	color: green;
}
.table .fa-times-circle {
	color: red;
}
#user_list-loader, #line_item-loader, #line_item2-loader, #un_allocated-loader, #allocated_list-loader {text-align: center;font-size: 18px; padding: 20px 0;}

/************* media start *****************/
/*mobile screen*/
@media only screen and (min-width:320px) and (max-width:767px) {
	.topbox {
		display: block !important;
	}
	.topbox .card {
		width: 100%;
		margin: 0 0 15px;
	}
	.user_list_Pagination {
		float: none;
		position: relative;
		background: #f5f5f5;
		padding: 15px !important;
	}
	.user_listpagination {
		position: relative;
		right: 0;
		bottom: 0;
		z-index: 1;
		margin-bottom: 0;
		float: none;
		display: block;
	}
	.paginationjs .paginationjs-pages li:last-child > a {
		border-radius: 0 3px 3px 0;
		background: #1B1C1D;
		color: #000;
		opacity: 1 !important;
	}
	.footer {
		text-align: center;
	}
	.topnav li {
		float: none;
	}
	.topnav li a {
		color: #000000CC;
		padding: 10px;
		display: block;
		text-align: center;
	}
}
.brand_name_container .select2-selection__arrow{
	top: 8px !important;
}
.brand_name_container .select2-selection--single{
	height: 44px !important;
    padding-top: 5px;
	border: 1px solid #605E5C;
}
.brand_name_container .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background: transparent;
}
.brand_name_container .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 7px 7px 0 7px !important;
	margin-left: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
	background-color: transparent;
	background-size: contain;
	border: none !important;
	height: 25px !important;
	width: 25px !important;
	margin: auto !important;
	top: auto !important;
	left: auto !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 25px;
    position: absolute;
    top: 1px;
    right: 0px!important;
    width: 20px;
}
.border-danger .select2-selection__arrow {
	background: #f000 !important;
}
.input_file{
	display: block;
	float: left;
    text-indent: -10000px;
    background-image: url(../images/attachment.png);
    width: 14%;
    height: 44px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 auto;
    background-size: 25px 25px;
    margin-left: 0;
    background-color: #e6f7f7;
    background-origin: content-box;
    padding: 9px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.input_file_name{
	width: 76%;
    float: left;
    background-color: #e6f7f7;
    height: 44px;
    padding: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
	margin-bottom: 0px;
}
.input_file_name_field, .input_file_delete, .input_file_edit, .input_file_delete_own{
	display: inline-block;
}
.input_file_name_field{
	margin-bottom: 0px !important;
}
.input_file_delete i, .input_file_delete_own i{
    padding: 7px;
	color:red;
}
.paper_clip_fa{
	font-size: 18px;
	padding:5px;
	color: #201F1E;
}
.input_file_cont label{
	width: 100%;
	float: left;
}
.input_file_cont span{
	width: 10%;
    float: left;
    background-color: #e6f7f7;
    height: 44px;
    padding-top: 13px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	color:red;
}
.input_file_attached {
	display: block;
	float: left;
	text-indent: -10000px;
	background-image: url(../images/attachment.png);
	width: 100%;
	height: 44px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0 auto;
	background-size: 25px 25px;
	margin-left: 0;
	background-color: #e6f7f7;
	background-origin: content-box;
	padding: 9px;
	border-radius: 5px;
	border: 1px solid #333;
}
.input_file_delete, .input_file_edit, .input_file_delete_own{
	cursor: pointer;
}
.overlay_target {
    visibility: visible !important;
    opacity: 1 !important;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}
#reset{
	float: right;
    margin-right: 2px;
	cursor: pointer;
}








#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

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

.form-card {
    text-align: left;
}

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

#msform .next {
	min-width: 188px;
	height: 44px;
	background: #07004D;
	font-weight: bold;
	color: #fff;
	/* border: 0 none; */
	/* border-radius: 0px; */
	cursor: pointer;
	padding: 10px 5px;
	margin: 0px 0px 0px 15px;
	float: right;
	border: 2px solid #07004D;
	border-radius: 5px;
	font-size: 15px;
	line-height: 18px;
	font-family: "Raleway", sans-serif !important;
}

#msform .next:hover {
    background-color: #554AC7;
	border: 2px solid #554AC7;
	color: #fff;
}
#msform .next:focus {
    background: #07004D;
	border: 2px solid #07004D;
	color: #fff;
}

#msform .previous {
	min-width: 188px;
	height: 44px;
	background: #fff;
	font-weight: bold;
	color: #07004D;
	/* border: 0 none; */
	/* border-radius: 0px; */
	cursor: pointer;
	padding: 10px 5px;
	margin: 0px 55px 0px 0px;
	float: none;
	position: absolute;
	right: 187px !important;
	border: 2px solid #07004D;
	border-radius: 5px;
	font-size: 15px;
	line-height: 18px;
	font-family: "Raleway", sans-serif !important;
}
#msform .previous:hover {
	background-color: #F3F2FF;
	border: 2px solid #04002E;
	color: #04002E;
}
#msform .previous:focus {
    background: #fff;
	border: 2px solid #07004D;
	color: #07004D;
}
.form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem #9E95FF;
}
.form-select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem #9E95FF;
}
.card {
    z-index: 0;
    border: none;
    position: relative;
}
.fs-title {
    font-size: 25px;
    color: #673ab7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
}
.purple-text {
    color: #673ab7;
    font-weight: normal;
}
.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right;
}

.fieldlabels {
    color: gray;
    text-align: left;
}

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	color: lightgrey;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

#progressbar .active {
    color: #3664C2;
}

#progressbar li {
	list-style-type: none;
	font-size: 15px;
	width: 25%;
	float: left;
	position: relative;
	font-weight: 400;
	text-align: center;
	color: #3664C2;
}
#progressbar li strong {
	font-weight: 500;
}
#progressbar li.success_bar strong {
	font-weight: 500;
	color: #65926F;
}

#progressbar #account::before {
	font-family: FontAwesome;
	content: "\2713";
}
#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #primary:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #organisation:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #cellectreview:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #facility:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #worker:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #meterial:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #asset:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #userdetails:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #facilityreview:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #vehicle:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #driver:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #truck:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #dispatch:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #vehiclereview:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #Weigh:before {
    font-family: FontAwesome;
    content: "\2713";
}
#progressbar #Weighreview:before {
    font-family: FontAwesome;
    content: "\2713";
}

#progressbar li::before {
	width: 50px;
	height: 50px;
	line-height: 45px;
	display: block;
	font-size: 20px;
	color: #3664c2;
	background: #fff url(/assets/images/n-round.png) no-repeat;
	background-size: 100%;
	border-radius: 50%;
	margin: 0 auto;
	padding: 2px;
	text-align: center;
}

#progressbar li:after {
    content: "";
    width: 100%;
    height: 5px;
    background: #3664C2;
    position: absolute;
    left: 128px;
    top: 25px;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #3664C2;
	color: #fff;
}
#progressbar li.active::before {
	background: #fff url(/assets/images/nb-round.png) no-repeat;
	color: #3664c2;
	background-size: 100%;
}
#progressbar li.active:after {
    background: #3664C2!important;
	color: #fff;
}
#progressbar li.active.success_bar::before {
	background: #fff url(/assets/images/s-round.png) no-repeat;
	color: #fff;
	background-size: 100%;
}
#progressbar li.active.success_bar::after {
	background: #65926f !important;
	color: #fff;
}
#progressbar li.success_bar::before {
	background: #fff url(/assets/images/s-round.png) no-repeat;
	color: #fff;
	background-size: 100%;
}
#progressbar li.active.success_back_bar::before {
	background: #fff url(/assets/images/sg-round.png) no-repeat;
	color: #fff;
	background-size: 100%;
}
#progressbar li.active.success_back_bar::after {
	background: #65926f !important;
	color: #fff;
}
#progressbar li.success_back_bar::before {
	background: #fff url(/assets/images/sg-round.png) no-repeat;
	color: #fff;
	background-size: 100%;
}
#progressbar li.success_bar::after {
	background: #65926f !important;
	color: #fff;
}
.progress {
    height: 20px;
}
#progressbar.edit-circle li.active::before {
	background: #fff url(/assets/images/sg-round.png) no-repeat;
	color: #fff;
	background-size: 100%;
}
#progressbar.edit-vcircle li.active.success_bar::before {
    background: #fff url(/assets/images/sg-round.png) no-repeat;
    color: #fff;
    background-size: 100%;
}
#progressbar.edit-circle li {
	list-style-type: none;
	font-size: 15px;
	width: 25%;
	float: left;
	position: relative;
	font-weight: 400;
	text-align: center;
	color: #65926f;
}

#progressbar.edit-circle li::before {
	width: 50px;
	height: 50px;
	line-height: 45px;
	display: block;
	font-size: 20px;
	color: #fff;
	background: #fff url(/assets/images/s-round.png) no-repeat;
	background-size: 100%;
	border-radius: 50%;
	margin: 0 auto;
	padding: 2px;
	text-align: center;
}

#progressbar.edit-circle li::after {
	content: "";
	width: 100%;
	height: 5px;
	background: #65926f !important;
	position: absolute;
	left: 125px;
	top: 25px;
	z-index: -1;
}

#progressbar.edit-circle li.active::after {
	background: #65926f !important;
	color: #fff;
}
#progressbar li.active.error_bar::before {
	background: #fff url(/assets/images/rs-round.png) no-repeat;
	color: #df2d16;
	background-size: 100%;
}
#progressbar li.error_bar::before {
	background: #fff url(/assets/images/r-round.png) no-repeat;
	color: #df2d16;
	background-size: 100%;
}
#progressbar li.error_bar strong {
	font-weight: 500;
	color: red;
}

.progress-bar, .progress-bar2 {
    background-color: #3664C2;
}
.add-facility-sec #progressbar li::after {
	content: "";
	width: 100%;
	height: 5px;
	background: #3664c2;
	position: absolute;
	left: 95px;
	top: 25px;
	z-index: -1;
}
.add-facility-sec #progressbar.edit-circle li::after {
	content: "";
	width: 100%;
	height: 5px;
	background: #65926f !important;
	position: absolute;
	left: 95px;
	top: 25px;
	z-index: -1;
}
.fit-image {
    width: 100%;
    object-fit: cover;
}
#confirm::after {
	display: none;
}
#cellectreview::after {
	display: none;
}
#facilityreview::after {
	display: none;
}
#vehiclereview::after {
	display: none;
}
#Weighreview::after {
	display: none;
}
#heading {
	text-align: left;
	font-size: 25px;
	color: #201F1E;
}
.require {
	color: red;
	font-size: 14px;
	/* position: relative;
	left: 5px;
	top: 0px; */
}
.form-card {
	text-align: left;
	border: 1px solid #D2D0CE;
	border-radius: 12px;
	padding: 32px 20px;
	margin-bottom: 15px;
}
.back-arrow {
	padding: 0 10px 0 0px;
}
.form-group label {
	margin-bottom: 5px;
	color: #201F1E;
	font-size: 15px;
	margin-bottom: 5px;
}
.form-label {
	margin-bottom: 8px;
	font-size: 15px;
}
.form-control, .form-select {
	display: block;
	width: 100%;
	padding: 10px;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 1.5;
	color: #201F1E;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #605E5C;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .375rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control::placeholder, .form-select::placeholder {color: #605E5C;}
.button-wrapper {
	position: relative;
	width: auto;
	text-align: left;
	margin: 0%;
}
.button-wrapper span.label {
	position: relative;
	z-index: 0;
	display: inline-block;
	width: auto;
	background: #fff;
	cursor: pointer;
	color: #07004D;
	padding: 10px 20px;
	text-transform: capitalize;
	font-size: 14px;
	border: 2px solid #07004D;
	border-radius: 6px;
	margin-bottom: 5px;
	font-weight: 500;
}  
#upload {
	display: inline-block;
	position: absolute;
	z-index: 1;
	/* width: auto; */
	/* height: 50px; */
	/* top: 0; */
	width: 145px;
	height: 45px;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}
.button-wrapper h6 {
	text-align: left;
	font-size: 14px;
}
.button-wrapper p {
	color: #999;
	font-size: 14px;
}  


/*********input type date***********/
input[type="date"] {
	display: block;
	position: relative;
	/* padding: 10px 3.5rem 10px 0.75rem; */
	font-size: 1rem;
	font-family: monospace;
	border: 1px solid #605E5C;
	border-radius: 0.25rem;
	background: white url(/assets/images/calendar.png) no-repeat !important;
	cursor: pointer;
	background-position: 96% 15px !important;
	text-transform: uppercase;
}
input[type="date"]:focus {
	color: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem #9E95FF;
  }
  input.date-picker[type="text"] {
	display: block;
	position: relative;
	padding: 10px 3.5rem 10px 0.75rem;
	font-size: 1rem;
	font-family: monospace;
	border: 1px solid #605E5C;
	border-radius: 0.25rem;
	background: white url(/assets/images/calendar.png) no-repeat !important;
	cursor: pointer;
	background-position: 97% 15px !important;
	text-transform: uppercase;
}
  
  ::-webkit-datetime-edit {
  }
  ::-webkit-datetime-edit-fields-wrapper {
  }
  ::-webkit-datetime-edit-month-field:hover,
  ::-webkit-datetime-edit-day-field:hover,
  ::-webkit-datetime-edit-year-field:hover {
	background: rgba(0, 120, 250, 0.1);
  }
  ::-webkit-datetime-edit-text {
	opacity: 0;
  }
  ::-webkit-clear-button,
  ::-webkit-inner-spin-button {
	display: none;
  }
  ::-webkit-calendar-picker-indicator {
	position: absolute;
	width: 2.5rem;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
  
	opacity: 0;
	cursor: pointer;
  
	color: rgba(0, 120, 250, 1);
	background: rgba(0, 120, 250, 1);
  }
  
  input[type="date"]:hover::-webkit-calendar-picker-indicator {
	opacity: 0.05;
  }
  input[type="date"]:hover::-webkit-calendar-picker-indicator:hover {
	opacity: 0.15;
  }
  /*********input type date***********/

/*********error status start***********/
.border-danger {
	border: 1px solid #DF2D16 !important;
	background-color: #FFECEA !important;
}
.border-danger2 {
  border: 1px solid #DF2D16 !important;
}
input[type="date"].border-danger {
  border: 1px solid #DF2D16 !important;
  background-color: #ff000014 !important;
}
input.date-picker.border-danger[type="text"] {
	display: block;
	position: relative;
	padding: 10px 3.5rem 10px 0.75rem;
	font-size: 1rem;
	font-family: monospace;
	border: 1px solid #605e5c;
	border-radius: 0.25rem;
	background: #FFECEA url(/assets/images/calendar.png) no-repeat !important;
	cursor: pointer;
	background-position: 97% 15px !important;
}
.border-danger::placeholder {
	color: #DF2D16!important;
}
.error-status .border-danger {
	border: 1px solid #DF2D16 !important;
	background-color: #FFECEA !important;
}
.error-status .border-danger2 {
  border: 1px solid #DF2D16 !important;
}
.error-status input {
	border: 1px solid #DF2D16 !important;
	background-color: #FFECEA !important;
}
.error-status input[type="date"].border-danger {
  border: 1px solid #DF2D16 !important;
  background-color: #ff000014 !important;
}
.error-status input.date-picker[type="text"] {
	display: block;
	position: relative;
	padding: 10px 3.5rem 10px 0.75rem;
	font-size: 1rem;
	font-family: monospace;
	border: 1px solid #DF2D16;
	border-radius: 0.25rem;
	background: #FFECEA url(/assets/images/calendar.png) no-repeat !important;
	cursor: pointer;
	background-position: 97% 15px !important;
	text-transform: uppercase;
}
.error-status .select2-container--default .select2-selection--single {
	border: 1px solid #DF2D16 !important;
	background-color: #FFECEA !important;
	color: #DF2D16!important;
}
.error-status .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #DF2D16!important;
	line-height: 33px !important;
	font-size: 15px !important;
}
.error-status label {color:#DF2D16 !important;}
.error-status input::placeholder {color:#DF2D16 !important;}
.text-danger {
	font-size: 14px;
	color: #DF2D16 !important;
}
.error-status .rdio-primary input[type="radio"]:checked + label::before {
	border-color: #DF2D16;
}
.error-status .rdio-primary input[type="radio"]:checked + label::after {
	background-color: #DF2D16;
}
.error-status .custom-checkbox > [type="checkbox"]:not(:checked) + label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	border: 1.6px solid #DF2D16;
	background: #ffffff;
	border-radius: 2px;
}
.error-status .form-control, .error-status .form-select {
	color: #DF2D16;
	background-color: #FFECEA;
	border: 1px solid #DF2D16;
}
/*********error status end***********/
  
.dot-input .form-control {
	border: 2px dashed #A19F9D !important;
	color: #605E5C;
}
.line-item {
	border: 1px solid #D2D0CE;
	border-radius: 10px;
	overflow: hidden;
}
.add-line-item {
	border: 1px solid #D2D0CE;
	border-radius: 10px;
}
.add-line-item h6 {
	margin: 0;
	font-size: 20px;
}
.line-item .table {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.fas.fa-trash-alt {
	color: #DF2D16;
	margin: 0 5px;
}
.review-txt td {
	padding: 10px;
	font-size: 15px;
	border: none;
	text-align: left;
}
/* .review-txt .table tr:nth-child(2n) {
	background: #Fff !important;
} */
.review-txt label {
	color: #605E5C;
	margin-right: 5px;
}
.ebtn {right: 225px!important;}
.ebtn2 {right: 165px!important;}
.logout-icon img {
	width: 25px;
	position: relative;
	left: -3px;
	margin: 0;
}
.pre-nxt {
	opacity: 1 !important;
}
.bimg img {
	width: 100%;
}

.border-btn {
	border: 2px solid #07004D;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 4px;
	font-size: 16px;
	color: #07004D;
	width: 150px;
	height: 44px;
	line-height: 18px;
}
.border-btn:hover {
    background-color: #F3F2FF;
	border: 2px solid #04002E;
	color: #04002E;
}
.border-btn:focus {
    background-color: #fff;
	border: 2px solid #07004D;
	color: #04002E;
}
.solid-btn {
	width: auto;
	background: #07004D;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	padding: 10px 30px;
	margin: 10px 0px 10px 5px;
	border: 2px solid #07004D;
	border-radius: 4px;
	height: 44px;
	line-height: 18px;
	font-size: 16px;
}
.solid-btn:hover {
    background-color: #554AC7;
	border: 2px solid #554AC7;
	color: #fff;
}
.solid-btn:focus {
    background: #07004D;
	border: 2px solid #07004D;
	color: #fff;
}

/* .partner-ing {width: 250px;} */
.filter-search-bar .navbar-form {
	border: 1px solid #605E5C;
	border-radius: 5px;
	margin-right: 5px;
}
#srch-term {
	border: none;
	border-radius: 10px;
	font-size: 14px;
}
.srch-term {
	border: none;
	border-radius: 10px;
	font-size: 14px;
}
.filter-search-bar1 {
	position: relative;
  }
  .download-icon {
	position: absolute;
	right: 0;
  }
  .filter-icon {
	padding: 0 10px;
	position: absolute;
	right: 75px;
  }
  .column-icon {
	padding: 0 15px;
	position: absolute;
	right: 22px;
  }
.border-w-radius {
	border: 1px solid #D2D0CE;
	border-radius: 12px;
	padding: 15px;
}
.filter-search-bar .input-group-btn {
	display: flex;
}
.lr {
	background: #FFECEA;
	font-size: 13px;
	color: #FF452D!important;
	padding: 5px 15px;
	border-radius: 35px;
	border: 1px solid #FF452D;
	display: inline-block;
	width: auto;
    text-align: center;
}
.dr {
	background: #B61904;
	font-size: 13px;
	color: #fff !important;
	padding: 5px 15px;
	border-radius: 35px;
	border: 1px solid #FF452D;
	display: inline-block;
	width: auto;
    text-align: center;
}
.br {
	background: #F0F5FF;
	font-size: 13px;
	color: #3664C2!important;
	padding: 5px 15px;
	border-radius: 35px;
	border: 1px solid #3664C2;
	display: inline-block;
	width: auto;
    text-align: center;
}
.dbr {
	background: #3664C2;
	font-size: 13px;
	color: #fff!important;
	padding: 5px 15px;
	border-radius: 35px;
	border: 1px solid #3664C2;
	display: inline-block;
	width: auto;
    text-align: center;
}
.gr {
	background: #F0F5FF;
	font-size: 13px;
	color: #65926F;
	padding: 5px 15px;
	border-radius: 35px;
	border: 1px solid #65926F;
	display: inline-block;
	width: auto;
    text-align: center;
}
.dgr {
	background: #65926F;
	font-size: 13px;
	color: #F0F5FF !important;
	padding: 5px 15px;
	border-radius: 35px;
	border: 1px solid #65926F;
	display: inline-block;
	width: auto;
	text-align: center;
}
.yr {
	background: #F0F5FF;
	font-size: 13px;
	color: #B29E50;
	padding: 5px 15px;
	border-radius: 35px;
	border: 1px solid #B29E50;
	display: inline-block;
	width: auto;
    text-align: center;
}
.dyr {
	background: #FFF5D0;
	font-size: 13px;
	color: #77692F;
	padding: 5px 15px;
	border-radius: 35px;
	border: 1px solid #77692F;
	display: inline-block;
	width: auto;
    text-align: center;
}

.progress-bar-sec .progress {
	height: 5px;
	width: 100%;
	margin-right: 5px;
}
.progress-bar-sec .progress-bar {
	background-color: #65926F;
}
.action img {
	width: auto;
}
.form-card h4 {
	font-size: 20px;
	font-weight: 600;
	color: #201F1E;
}
.accordion-body h2 {
	font-size: 20px;
	color: #201F1E;
	font-weight: 600;
}
.form-card label {
	display: inline-block;
	font-size: 15px;
	color: #605E5C;
	margin-bottom: 4px;
}
.file-format img {
	margin-right: 15px;
}
table.fold-table tr.fold {
	display: none;
  }
  table.fold-table tr.fold.open {
	display: block;
  }
  .fold-content {
	border: 1px solid #333;
}
.fold-content th {
	background: #EDEBE9;
	padding: 10px;
	border: none;
	font-size: 14px;
	vertical-align: middle;
	white-space: nowrap;
}
.bi.bi-bell {
	color: #fff;
}
.btn-disabled{
	opacity: .7;
    background: #D2D0CE !important;
	color: #605E5C !important;
	border: 2px solid #D2D0CE !important;
	border-radius: 4px;
	height: 44px;
	font-weight: 500;
	cursor: pointer;
	padding: 10px 30px;
	line-height: 18px;
}
.large-btn .btn-disabled {
	opacity: .7;
	font-weight: 500;
	cursor: pointer;
	padding: 10px 30px;
	margin: 0px 5px 10px 0px;
	border-radius: 4px;
	background: #D2D0CE !important;
	color: #605E5C !important;
	border: 2px solid #D2D0CE !important;
	height: 44px;
	line-height: 18px;
}
#original_po_pdf_file span img{
	cursor: pointer;
}
tr.view {
	cursor: pointer;
}
.border-none {border: none;}
.blue-border-btn {
	border: 2px solid #07004D;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 4px;
	font-size: 16px;
	color: #07004D;
	min-width: 188px;
	height: 44px;
	line-height: 18px;
}
.blue-border-btn:hover {
    background-color: #F3F2FF;
	border: 2px solid #04002E;
	color: #04002E;
}
.blue-border-btn:focus {
    background-color: #fff;
	border: 2px solid #07004D;
	color: #04002E;
}
.blue-btn {
	border: 2px solid #07004D;
	padding: 10px 15px;
	background: #07004D;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	min-width: 188px;
	height: 44px;
	line-height: 18px;
}
.blue-btn:hover {
    background-color: #554AC7;
	border: 2px solid #554AC7;
	color: #fff;
}
.blue-btn:focus {
    background: #07004D;
	border: 2px solid #07004D;
	color: #fff;
}
.red-btn {
	border: 2px solid #DF2D16;
	padding: 10px 15px;
	background: #DF2D16;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	width: 150px;
	height: 44px;
	line-height: 18px;
}
.red-btn:hover {
    background-color: #FF6753;
	border: 2px solid #FF6753;
	color: #fff;
}
.red-btn:focus {
    background: #DF2D16;
	border: 2px solid #DF2D16;
	color: #fff;
}
.red-border-btn {
	border: 2px solid #DF2D16;
	padding: 10px 15px;
	background: #fff;
	border-radius: 4px;
	font-size: 16px;
	color: #DF2D16;
	width: 150px;
	height: 44px; 
	line-height: 18px;
}
.red-border-btn:hover {
    background-color: #FF6753;
	border: 2px solid #FF6753;
	color: #fff;
}
.red-border-btn:focus {
    background: #DF2D16;
	border: 2px solid #DF2D16;
	color: #fff;
}
.grey-btn {
	border: 3px solid #D2D0CE;
	padding: 10px 15px;
	background: #D2D0CE;
	border-radius: 4px;
	font-size: 16px;
	color: #605E5C;
	width: 150px;
	font-weight: 500;
	height: 44px;
	line-height: 18px;
	pointer-events: none;
}
.mr-3 {
	margin-right: 10px;
}
.add-details .accordion-button.collapsed::after {
	flex-shrink: 0;
	width: auto;
	height: var(--bs-accordion-btn-icon-width);
	margin-left: auto;
	content: "Details"!important;
	background-image: var(--bs-accordion-btn-icon);
	background-repeat: no-repeat;
	background-size: var(--bs-accordion-btn-icon-width);
	transition: var(--bs-accordion-btn-icon-transition);
	padding-left: 20px !important;
	padding-right: 10px !important;
	font-size: 16px!important;
	line-height: 10px!important;
	font-weight: 600;
	background-image: url(/assets/images/downarrow.png);
background-size: 10px;
background-position: 0 center;
font-weight: 600;
}
.add-details .accordion-button:not(.collapsed)::after {
	flex-shrink: 0;
	width: auto;
	height: var(--bs-accordion-btn-icon-width);
	margin-left: auto;
	content: "Details" !important;
	background-image: var(--bs-accordion-btn-icon);
	background-repeat: no-repeat;
	background-size: var(--bs-accordion-btn-icon-width);
	transition: var(--bs-accordion-btn-icon-transition) !important;
	padding-left: 20px !important;
	padding-right: 10px !important;
	font-size: 16px !important;
	line-height: 10px !important;
	transform: rotate(0deg);
	background-image: url(/assets/images/uparrow.png);
	background-size: 10px;background-position: 0 center;
	font-weight: 600;
}
.add-details label {
	color: #605E5C;
}
.amount {
	background: #F0F5FF;
	padding: 10px 25px;
	font-size: 20px;
	border-radius: 5px;
}
.check-radio .form-check-input {
	width: 1em;
	height: 1em;
	margin-top: .25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0,0,0,0.5);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
}
.kgs input {
	background-image: url(../images/kgs-icon.png)!;
	background-position: 98% center !important;
	z-index: 9;
}

/**********check box and radio box************/
.rdio {
	position: relative;
	margin-right: 15px;
}
.rdio input[type=radio] {
  opacity: 0;
}
.rdio label {
	padding-left: 10px;
	cursor: pointer;
	margin-bottom: 7px !important;
	color: #07004d;
}
.rdio label:before {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0;
  content: "";
  display: inline-block;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #07004D;
  background: #fff;
}
.rdio input[type=radio] {
  margin: 0px;
}
.rdio input[type=radio]:disabled + label {
  color: #999;
}
.rdio input[type="radio"]:disabled + label::before {
	background-color: #ccc;
}
.rdio input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  display: inline-block;
  font-size: 11px;
  width: 10px;
  height: 10px;
  background-color: #07004D;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.rdio-default input[type=radio]:checked + label:before {
  border-color: #07004D;
}

.rdio-primary input[type=radio]:checked + label:before {
  border-color: #07004D;
}
.rdio-primary input[type=radio]:checked + label::after {
  background-color: #07004D;
}

.custom-checkbox > [type=checkbox], .custom-checkbox label {
  /*margin-bottom:0px !important;*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox > [type=checkbox]:not(:checked), .custom-checkbox > [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.custom-checkbox > [type="checkbox"]:not(:checked) + label, .custom-checkbox > [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	color: #07004d;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border: 1.6px solid #08245c;
  background: #ffffff;
  border-radius: 2px;
}
.custom-checkbox > [type=checkbox]:checked + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	border: 1.6px solid #08245c;
	background: #08245c;
	border-radius: 2px;
  }
.custom-checkbox > [type="checkbox"]:not(:checked) + label::after {
	font: normal normal normal 12px/1 "Glyphicons Halflings";
	content: "\e013";
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 3px;
	color: #201F1E;
	transition: all 0.2s;
}
.custom-checkbox > [type="checkbox"]:checked + label::after {
	font: normal normal normal 12px/1 "Glyphicons Halflings";
	content: "\e013";
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 3px;
	color: #fff;
	transition: all 0.2s;
}
.custom-checkbox > [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.custom-checkbox > [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox > [type=checkbox][data-indeterminate] + label:after {
  content: "−";
  left: 2px;
  opacity: 1;
  transform: scale(1);
}
.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label::before {
	box-shadow: none;
	background-color: #eeeeee;
	border-color: #ccc;
	cursor: not-allowed;
	opacity: 1;
	color: #dadada;
}
.custom-checkbox > [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #ccc;
  cursor: not-allowed;
  opacity: 1;
  color: #999;
}
.custom-checkbox > [type="checkbox"]:disabled:checked + label::after {
	color: #999;
	cursor: not-allowed;
}
.custom-checkbox > [type=checkbox]:disabled + label {
  color: #aaa;
  cursor: not-allowed;
}
.custom-checkbox > [type=checkbox]:checked:focus + label:before, .custom-checkbox > [type=checkbox]:not(:checked):focus + label:before {
  border: 1px solid #4cb1e5;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.custom-checkbox label:hover:before {
  border: 1px solid #4cb1e5 !important;
}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label:hover:before, .custom-checkbox [type=checkbox]:disabled:checked + label:hover:before {
  border: 1px solid #4cb1e5 !important;
}
.radiobuttons {
	width: 95%;
}
/**********check box and radio box************/

.c-partner img {
	width: 87%;
	margin: 0 auto 15px;
	display: block;
}
.modal-common {
	transform: none;
	max-width: 650px;
}
.modal-head {
	color: #201F1E;
	font-size: 20px;
}
.modal-content {color: #605E5C; font-size: 18px;}
.modal-body p {
	color: #605E5C;
	font-size: 15px;
	word-break: break-word;
	padding: 0 50px;
	margin-bottom: 15px !important;
	text-align: center!important;
}
.modal-body span {
	color: #605E5C;
}
.large-btn input {
	min-width: 188px;
	margin-left: 15px;
	cursor: pointer !important;
	font-size: 15px;
	font-weight: 500;
	height: 44px;
	line-height: 18px;
}
.large-btn button {
	min-width: 188px;
	margin-left: 15px;
	cursor: pointer !important;
	font-size: 15px;
	font-weight: 500;
	height: 44px;
	line-height: 18px;
}

/**********file upload start************/
.file-upload-wrapper {
	position: relative;
	width: 100%;
	height: 60px;
	background: #F0F5FF url(/assets/images/attach.png) no-repeat;
	background-position: 15px center;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.file-upload-wrapper::after {
	content: attr(data-text);
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 30px;
	background: transparent;
	padding: 10px 15px;
	display: block;
	width: calc(100% - 40px);
	pointer-events: none;
	z-index: 20;
	height: auto;
	line-height: 40px;
	color: #555;
	border-radius: 5px 10px 10px 5px;
	font-weight: 500;
	width: 100%;
}
/* .file-upload-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	height: 60px;
	background: #F0F5FF url(/assets/images/bpen.png) no-repeat;
	background-position: 0 center;
	color: #fff;
	font-weight: 700;
	z-index: 25;
	font-size: 16px;
	line-height: 60px;
	padding: 0 20px;
	text-transform: uppercase;
	pointer-events: none;
	border-radius: 0 5px 5px 0;
} */
  .file-upload-wrapper:hover:before {
	background: #F0F5FF url(/assets/images/bpen.png) no-repeat;
	background-position: 0 center;
  }
  .file-upload-wrapper input {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
	width: 100%;
}
/**********file upload end************/
.accordion-button {
	padding: 20px 15px;
	border-radius: 12px !important;
}
.mr-10 {
	margin-right: 10px;
}
.add-details p {text-align: left;}
.relative {position: relative;}
/* .popover__content {
	position: absolute;
	z-index: 9;
	top: -50px;
	width: 320px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	display: none;
	left: 245px;
}  */
.popover__content {
	position: absolute;
	z-index: 9;
	top: -50px;
	width: 320px;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
	display: none;
	left: 245px;
	border: 1px solid #eee;
}
.popover__content:after, .popover__content:before {
	right: 100%;
	top: 10%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popover__content:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 20px;
	margin-top: -20px;
}
.popover__content:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #e5e5e5;
	border-width: 24px;
	margin-top: -24px;
}
.content:hover .popover__content {
	display: block;
}
.content a {
	text-decoration: underline !important;
}
.popover__content .blue-btn {
	width: 100%;
}

.copyright p {
	margin: 0; color: #605E5C;
}
.copyright p a {
	color: #605E5C !important;
	padding: 0 15px 0 0px;
}
.copy-text p {
	text-align: left;
	padding: 0 15px;
	margin: 0;
}
.clabel label {
	color: #605E5C;
}
#dataTable_length, #dataTable_filter, #dataTable_info, #dataTable_paginate{
	position: absolute;
}
#dataTable_filter, #dataTable_paginate{
	right: 0px;
}
#dataTable{
	margin-top: 53px !important;
}
#dataTable_info, #dataTable_paginate{
	margin-top:20px;
}
div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
	right: 180px;
	position: relative;
	top: 4px;
	z-index: 99;
  }
#addlineitemContainer{
	position: relative;
}
.loader_cont{
	height: 100%;
    width: 100%;
    position: absolute;
    background: #ffffffe0;
    z-index: 1;	
}
.loader_cont span{
	text-align: center;
    align-self: center;
}
.loader {
	font-size: 20px;
	line-height: 50px;
}
.loader span:after {
	content: "";
	position: absolute;
	animation: load 3s infinite;
}
 @keyframes load {
 0% {
 content: "";
}
 33% {
 content: ".";
}
 66% {
 content: "..";
}
 99% {
 content: "...";
}
}
#delete_uploaded_file{
	padding: 10px;
}
.review-txt h2 {
	font-size: 20px;
}
.mh .modal-body {
	height: 550px;
	overflow-y: scroll;
}
.accordion-item button h6 {
	font-size: 18px;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: 500;
	margin: 0;
}
.paginationjs .paginationjs-pages li.active > a {
	height: 28px!important;
	line-height: 28px!important;
	background: #aaa;
	color: #fff;
}

.edit_attach {
	background: #F0F5FF;
	padding: 15px;
}
.edit-icon {
	background: #F0F5FF url(/assets/images/attach.png) no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	font-size: 16px;
}
.edit_attach i {
	font-size: 18px;
}



/*== start of code for tooltips ==*/
.tool {
	position: relative;
	text-align: center;
	font-size: 14px;
}
  /*== common styles for both parts of tool tip ==*/
  .tool::before,
  .tool::after {
	left: 50%;
	opacity: 0;
	position: absolute;
	z-index: -100;
  }
  
  .tool:hover::before,
  .tool:focus::before,
  .tool:hover::after,
  .tool:focus::after {
	opacity: 1;
	transform: scale(1) translateY(0);
	z-index: 100;
  }
  
  /*== pointer tip ==*/
  .tool::before {
	border-style: solid;
	border-width: 1em 0.75em 0 0.75em;
	border-color: #dddddd transparent transparent transparent;
	bottom: 100%;
	content: "";
	margin-left: -0.5em;
	transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26), opacity 0.65s 0.5s;
	transform: scale(0.6) translateY(-90%);
}
  
  .tool:hover::before,
  .tool:focus::before {
	transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
  }
  
  /*== speech bubble ==*/
  .tool::after {
	background: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, .6);
	border-radius: 0.25em;
	bottom: 32px;
	color: #333;
	content: attr(data-tip);
	margin-left: -8.75em;
	padding: 15px;
	transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
	transform: scale(0.6) translateY(50%);
	width: 17.5em;
}
  
  .tool:hover::after,
  .tool:focus::after {
	transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
  }
  
  
  
/*== end of code for tooltips ==*/
.file_name_delete {
	/* padding: 7px 5px 7px 5px; */
	padding: 10px 5px;
	background: #f0f5ff;
	border-radius: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.file_name_edit{
	padding:6px 10px;
	background: #f0f5ff;
	border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.input_file_name_field{
	background: #f0f5ff;
	border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	width: 77%;
}
.input_file_delete, .input_file_edit, .input_file_delete_own{
	float: right;
}
.input_file_paperclip i {
	font-size: 18px;
	padding: 2px 5px 0px 5px;
}
.input_file_edit i{
	padding: 5px 5px 0px 0px;
    font-size: 20px;
}
.dot_disable .input_file_name_field {
	background: #EDEBE9;
	border-radius: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 77%;
}
.cp_review label{
	color: #8e8d8b;
} 
.head_link a {
	font-weight: 500;
	font-size: 15px;
	text-decoration: underline !important;
}
.filter-search-bar input[type="text"] {
	border: none;
}
.button-wrapper div {
	position: relative;
}
.error {
	text-align: center;
	width: 650px;
	margin: 0 auto;
	height: 100%;
	padding-top: 50px;
}
.error h2 {
	font-size: 30px;
	margin-bottom: 15px;
}
.error .large-btn input {
	min-width: 188px;
	margin: 0 10px;
	max-width: 188px;
}
td.wrap img {
	margin-right: 20px;
}
.multiple_files_display, .multiple_files_display2, .multiple_checkbox{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2rem;
}
.multiple_files_display3{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2rem;
    grid-row-gap: 10px;
}
.input_multiplefile_delete {
	float: right;
	padding-top: 5px !important;
}
.input_multiplefile_edit{
	float: right;
    padding-right: 5px;
    font-size: 20px;
}
.input_multiplefile_delete i{
	color:red;
}
.upload-box {
    display: inline-block;
    position: absolute;
    z-index: 1;
    /* width: auto; */
    /* height: 50px; */
    /* top: 0; */
    width: 145px;
    height: 45px;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.mapview{
	height: 250px;
}
#original_po_pdf_file {
	background: #F0F5FF;
	/* padding: 5px; */
	padding: 13px 0px 13px 5px;
	border-radius: 5px;
}
.grid-container {
	/* display: grid;
	grid-template-columns: auto auto auto auto auto; */
	padding: 0;
	width: auto;
}
.grid-item {
	background-color: rgba(255, 255, 255, 0.8);
	border: 0px solid rgba(0, 0, 0, 0.8);
	padding: 0;
	font-size: 30px;
	text-align: left;
	width: auto;
	margin-right: 0px;
}
.grid-item label.checkbox-custom-label {
    margin-right: 5px;
}
.grid-item .tool {
    margin: 0 5px;
    position: relative;
}
.view .ud-arrow {
	background: url(/assets/images/downarrow.png) no-repeat;
	padding: 0 15px 0 0px!important;
	background-position: right center;
	display: inline-block!important;
  }
  
  .view.active .ud-arrow {
	background: url(/assets/images/uparrow.png) no-repeat;
	padding: 0 15px 0 0px!important;
	background-position: right center;
	display: inline-block!important;
  }
.modal-body h2 {
	margin: 15px 0 !important;color: #201F1E;
}
.ms-options-wrap > button:after{
    background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 25px !important;
    width: 25px !important;
    margin: auto !important;
    top: auto !important;
    left: auto !important;
}
.ms-options-wrap button{
	padding: 10px !important;
}
.file_name_delete .filenametext {
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	margin-top: 0;
	padding: 3px 3px;
	color: #201F1E;
	font-size: 15px;
}

.file_name_edit .filenametext{
	width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    margin-top: 7px;
	font-size: 15px;
}
.file_name_delete .paper_clip_fa{
	float: left;
}
.multiple_files_display2 .file_name_delete .paper_clip_fa{
	
    font-size: 23px;
    padding: 2px;
}
/* #addFacilityUser{
	width: auto;
} */
.dot_disable .form-control {
	border: 2px dashed #A19F9D;
	background: #EDEBE9 !important;
}
.dot_disable input.date-picker[type="text"]{

    position: relative;
    padding: 10px 3.5rem 10px 0.75rem;
	border: 2px dashed #A19F9D !important;
	background: #EDEBE9 url(/assets/images/calendar.png) no-repeat !important;
	background-position: 97% 15px !important;
}
.dot_disable .rdio label::before {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0;
	content: "";
	display: inline-block;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid #A19F9D;
	background: #D2D0CE;
}
.dot_disable .rdio-primary input[type="radio"]:checked + label::before {
	border-color: #A19F9D;
}
.dot_disable .rdio label {
	padding-left: 10px;
	cursor: pointer;
	margin-bottom: 7px !important;
	color: #A19F9D;
}
.dot_disable .file_name_delete {
	padding: 10px 10px;
	background: #EDEBE9 !important;
	border-radius: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.edit_attach .edit-icon {
	word-break: break-all;
	font-size: 14px;
}
.toaster-bar {
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 40px;
}
.toaster-bar p {margin: 0;}
.tbr {
	background: #F0F5FF;
	border: 1px solid #224CA0;
	color: #224CA0;
}
.tbr p {
	color: #224CA0;
}
.rbr {
	background: #FFECEA;
	border: 1px solid #DF2D16;
	color: #DF2D16;
}
.rbr p {
	color: #DF2D16;
}
.gbr {
	background: #F9FFFA;
	border: 1px solid #65926F;
	color: #65926F;
}
.gbr p {
	color: #65926F;
}
.bbr {
	background: #F9FFFA;
	border: 1px solid #224CA0;
	color: #224CA0;
}
.bbr p {
	color: #224CA0;
}
.wbr {
	background: #FFFCF3;
	border: 1px solid #95833F;
	color: #95833F;
}
.wbr p {
	color: #95833F;
}
.table tr.error_row:nth-child(2n+1) {
	background: #FFECEA !important;
}
.table tr.error_row:nth-child(2n) {
	background: #FFECEA !important;
}
td.wrap .tool::after {
	background: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, .6);
	border-radius: 0.25em;
	bottom: 32px;
	color: #333;
	content: attr(data-tip);
	margin-left: -8.75em;
	padding: 15px;
	transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
	transform: scale(0.6) translateY(50%);
	/* width: auto; */
	font-size: 2rem !important;
	text-transform: capitalize;
}
.modal-header p {
	margin: 0;
}
.share-download {
	margin: 0 10px;
	width: auto;
	font-size: 16px!important;
}
.button-disabled{
	background-color: #D2D0CE;
    border: 3px solid #D2D0CE;
    color: black;
	height: auto;
}
#supporting_file_file {
	background: #F0F5FF;
	padding: 8px;
	border-radius: 5px;
}
.tu .form-control {
	text-transform: uppercase;
}
.tu .form-control::placeholder {
	text-transform: initial;
} 
.blue_color {color: #07004D;}

.error_row td.wrap {
    overflow: visible;
}
.error_row th.wrap {
	overflow: visible;
}
td.wrap.t-con {
	overflow: visible;
	text-overflow: initial;
	white-space: break-spaces !important;
	max-width: 300px;
	vertical-align: top !important;
}
.inline-d-flex{
	display: inline-flex;
}
#clickonimage h4 {
	font-size: 20px;
}
#clickonimage .btn-close {
	background: url(../images/close.png) no-repeat;
	background-size: 25px;
	color: #fff !important;
	border-radius: 50%;
	position: relative;
	right: 0;
	top: 7px;
	opacity: 1;
	z-index: 999;
}
.previewImg {
	text-align: center;
	margin-top: 15px;
}
.text-name-center {
	text-align: center !important ;
}
.previewImg img {
	width: 100%;
	height: 350px;
	object-fit: contain;
}
.download_carousel{
	z-index: 9999;
}
.fa-paperclip, .preview_aadhar_image_popup{
	cursor: pointer;
}
.feature {
	display: grid;
	padding: 0;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	column-gap: 0.5rem;
	margin-bottom: 15px;
}
.feature .item {
	margin: 0 0 10px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.25);
	transition: all 0.2s;
}
.light_grey {
	color: #605E5C;
}
.arround-border {
	border: 1px solid #D2D0CE !important;
	padding: 32px 20px 32px !important;
	border-radius: 12px !important;
}
.arround-border .form-card {
	border: none;
	padding: 0;
}
.t-pad td {
	padding: 10px 10px 10px 0px;
}
.normal_table td {
	padding: 10px 10px 10px 0px;
}
.fixed_header{
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody{
  display:block;
  width: 100%;
  overflow: auto;
  max-height: 100px;
}

.fixed_header thead tr {
   display: block;
}
.fixed_header th, .fixed_header td {
	padding: 5px;
	text-align: left;
	width: 125px;
}
.select2-container{
	 z-index: 999;
	}

.fa-trash-can, .preview_image_popup{
	cursor: pointer;
}
.bp-none {
	border: 0px solid #ccc;
	border-radius: 10px;
	padding: 0 !important;
}
.accordion-button:not(.collapsed) {
    color: #012970;
    background-color: #fff;
    border-bottom: none!important;
	box-shadow: none !important;
}

.brand_name_container .select2.select2-container.select2-container--default.select2-container--focus {
    width: 100% !important;
}

.brand_name_container>label{ width: 100% !important;}
.brand_name_container> .select2-hidden-accessible{ width: 100% !important;}
.brand_name_container> .select2 { width: 100% !important;}

.border-yes {
    border: 1px solid #ccc !important;
    padding: 20px !important;
    border-radius: 20px !important;
}
.border-none{border: none !important;}
.select2-container {
    z-index: 9999 !important;
}
.loader-main {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 98;
	background-color: rgba(255,255,255,0.8);
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	padding: 15%;
}

.loader-main .spinner-border {
	/* --bs-spinner-width: 10rem;
	--bs-spinner-height: 10rem;
	--bs-spinner-vertical-align: -0.125em;
	--bs-spinner-border-width: 0.25em;
	--bs-spinner-animation-speed: 0.75s;
	--bs-spinner-animation-name: spinner-border;
	border: var(--bs-spinner-border-width) solid currentcolor;
	border-right-color: transparent; */
	background-image: url(/assets/images/loader.gif) !important;
	background-position: top center !important;
	width: 200px;
	height: 200px;
	background-size: 100%;
	animation: auto;
	color: transparent !important;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	background: #fff!important;
	border: none!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover {
	border: 1px solid #fff!important;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
	background: #fff !important;
}
.ui-state-default.ui-state-active {
	border: 1px solid #07004D!important;
	/* background: #07004D url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; */
	background: #F0F5FF !important;
	color: #201F1E !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	/* background: #07004D url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; */
	background: #07004D !important;
	color: #fff !important;
}
.modal-header {
	border: none!important;
}
.modal-body .accordion-item > h2 {
	margin: 0 !important;
}
.no-record {
	background: url(/assets/images/nofound.png);
	padding-top: 125px;
	background-size: 125px;
	background-repeat: no-repeat;
	background-position: top center;
}
.modal-footer {
    border: none;
}
.pane--table2 {
	width: 100%;
	overflow-x: scroll;
  }
.pane--table2 th, .pane--table2 td {
	width: auto;
	min-width: 200px;
}
.pane--table2 tbody {
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
	max-height: 150px;
}
.pane--table2 thead {
	  display: table-row;
  }
  .button_cert{
	  width: auto;
  }
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #605E5C!important;
	line-height: 33px!important;
	font-size: 15px!important;
}
.notify-bar {
	background: #f3f2fe;
	border: 1px solid #ccc;
	border-radius: 15px;
	margin-bottom: 15px;
}
.notify-text h4 {
	font-weight: 700;
	font-size: 16px;
	font-family: "Nunito", sans-serif!important;
}
.notify-text {
	background: url(/assets/images/notify-icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
}



.info-text {
	background: url(/assets/images/info.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
}

.tick-text {
	background: url(/assets/images/tick.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
}

.notif-number{font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;}


.notify-btn {
	text-align: right;
}
.notify-bar p {
	margin: 0;
	line-height: 30px;
	color: #605E5C;
}
.notify-btn a {
	text-decoration: underline !important;
}
#brand-po-number{	
    overflow: hidden;
	/* width: 100%;
	float: left; */
    text-overflow: ellipsis;    
}
.field-eye .fa-eye {
    position: absolute;
    top: 14px;
    right: 10px;
}
.field-eye .fa-eye-slash {
    position: absolute;
    top: 14px;
    right: 10px;
}
.file-format {
	width: auto;
	display: inline-block;
}
.upload_file_cont p {
    margin: 0;
}
.cattach .file_name_delete {
	padding: 7px 5px 0px 5px;
	background: #f0f5ff;
	border-radius: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.accordion-body label {
	margin-right: 3px;
}
#cp_allocated_count {
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: 400;
}
.cp_details_selected p {
    word-break: unset !important;
    padding: 0 !important;
}
.cp_review .fa-pen {
	display: none;
}
#journals_list td {
	vertical-align: top;
}
#journals_list td p {
    word-break: break-word;
    white-space: break-spaces;
}
.edit_attach {
	background: #F0F5FF;
	padding: 15px 10px;
	line-height: 20px;
	position: relative;
	border-radius: 8px;
	font-size: 15px;
}
.po_attach, .attach_popup_carousel, .suppporting_attach, .attach_popup_carousel_single{
	cursor: pointer;
}
.edit_attach img {
	margin: 0 10px 0 0px;
	display: inline-block;
}
img.edit_pen {
	position: absolute;
	right: 5px;
	top: 15px;
	display: none;
}
.attach_image_name {
	padding-right: 20px;
	word-break: break-word;
	color: #201F1E;
}
img.attach_icon {
	position: relative;
	top: 1px;
}
.upload_progress img, .upload2_progress img {
    margin: 0 5px;
}
.select2-selection {
	height: auto !important;
	padding: 3.5px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 10px!important;
	right: 10px !important;
	width: 20px;
}
.total-amount {
	border-top: 1px solid #999;
}
.ms-options-wrap button {
    clear: both!important;
}
h2.review-title {
	font-size: 20px;
	font-weight: 600;
	color: #201F1E;
}
h4.review-title {
	font-size: 20px;
	font-weight: 600;
	color: #201F1E;
}
span.vnum {
    margin: 0 10px 0 0;
}
.view-list-blue {
    color: #07004D;
    font-weight: bold;
    font-size: 12px;
    text-indent: 20px;
}
.dot_disable .file_name_delete {
    padding: 10px 10px;
    background: #EDEBE9 !important;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-height: 45px;
}
.view-pr-5 {
    padding-right: 10px;
}
#journals_list .wrap p{
	/* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}
.disp_none_imp{
	display: none !important;
}

input.pw
{
    -webkit-text-security: disc;
    /* text-security: disc; */
}

/* @font-face{
	font-family: text-security-disc;
	src: url("https://raw.githubusercontent.com/noppa/text-security/master/dist/text-security-disc.woff");
  }
  
  input.pw {
	font-family: text-security-disc;
	-webkit-text-security: disc;
  } */
  /* Data Table CSS */
  .dataTables_length {
    position: absolute;
    bottom: 5px;
    left: 15px;
}
.dataTables_info {
	margin-left: 200px;
	margin-top: 9px;
}
  .dataTables_paginate .pagination .previous, .dataTables_paginate .pagination .next{
	  display: none !important;
  }
  .dataTables_paginate .active{
    background: #DEDBFF !important;
    color: #333!important;
  }
  .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #c9c9c9 !important;
	background-color: #c9c9c9 !important;
	background: linear-gradient(to bottom,#c9c9c9 0%, #c9c9c9 100%) !important;
  }
  .dataTables_paginate .active:hover {
    color: #333 !important;
    border: 1px solid #DEDBFF !important;
	background-color: #DEDBFF !important;
	background: linear-gradient(to bottom,#DEDBFF 0%, #DEDBFF 100%) !important;
  }
  /*.dataTables_paginate .paginate_button:hover a{
     color: white !important; 
  }
  /* .dataTables_paginate .paginate_button:hover{
	background-color: #08245c !important;
  }
  .dataTables_paginate .paginate_button:hover a{
	color: white !important;
  } */
  tbody, td, tfoot, th, thead, tr {
	border-color: #eee!important;
	border-style: solid;
	border-width: 0;
}
div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
	right: 33%;
	position: relative;
	z-index: 99;
}
.filter-search-bar {z-index: 9;}
.dataTables_wrapper .dataTables_scroll {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.data-top-search {
	position: relative;
	bottom: 50px;
}
.chart-po-table.data-top-search {
    position: relative;
    bottom: 38px;
}
.form-card .brand_name_container {
	z-index: 9;
	position: relative;
}
.label-hide {
	opacity: 0;
}
.attach_title {
	width: 93%;
	word-break: break-word;
}
.carousel-control-next, .carousel-control-prev {
	position: absolute;
	top: 45%;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto !important;
	padding: 0;
	color: #fff;
	text-align: center;
	background: 0 0;
	border: 0;
	opacity: 0.5;
	transition: opacity 0.15s ease;
	height: 25px;
}
ul#progressbar .text-danger {
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
.add-line-item .accordion-body h6 {
	margin: 0;
	font-size: 20px;
}
.add-details h6 {
	font-size: 20px;
}
.form-card h6 {
	font-size: 20px;
}

#msform .next-grey{
	min-width: 188px;
	background: #D2D0CE;
	font-weight: bold;
	color: #605E5C;
	/* border: 0 none; */
	/* border-radius: 0px; */
	cursor: pointer;
	padding: 10px 5px;
	margin: 0px 0px 10px 15px;
	float: right;
	border: 2px solid #D2D0CE;
	border-radius: 5px;
	font-family: "Raleway", sans-serif !important;
	pointer-events: none;
}
.edit_attach{
	margin-bottom: 10px;
}
.multiple_files_display, .multiple_files_display2 {
	display: flex;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2rem;
	flex-wrap: wrap;
}
.multiple_files_display .indvidual_file, .multiple_files_display2 .indvidual_file {
	width: 32%;
}
h3.details_header_cert {
	font-size: 20px;
	color: #605E5C;
}
.modal-header {
	color: #201F1E;
}
.modal-body.p-pad p {
	padding: 0;
	text-align: left !important;
	margin: 0 !important;
}
.modal-body #no-data-found td {
	min-width: 100%;
}
#currentlineitemno {
	font-size: 18px;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: 500;
}
h6.print_screen {
	font-size: 15px;
}
h6 a.print_screen {
    font-size: 15px;
}
.download-icon img {
	margin: 0;
}
.add_new_facility {
	font-size: 16px;
}
.table-pad-border {
	padding: 22px 0px 0;
}
.facility_registered_listbody td{
	vertical-align: top;
}
.pad-tb-32 {
	padding: 32px 20px;
}
.paginationjs {
	right: 10px;
	position: relative;
}
.toaster-bar.gbr p {
	background: url(/assets/images/success-icon.png) no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
	word-wrap: break-word;
}
.toaster-bar.gbr i {
	opacity: 0;
	display: none;
}

.toaster-bar.rbr p {
	background: url(/assets/images/error-icon.png) no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
	word-wrap: break-word;
}
.toaster-bar.rbr i {
	opacity: 0;
	display: none;
}
.toaster-bar.tbr p {
	background: url(/assets/images/informative-iconr.png) no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
	word-wrap: break-word;
}
.toaster-bar.tbr i {
	opacity: 0;
	display: none;
}
.toaster-bar.wbr p {
	background: url(/assets/images/warning-icon.png) no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
	word-wrap: break-word;
}
.toaster-bar.wbr i {
	opacity: 0;
	display: none;
}
.toaster-bar.bbr p {
	background: url(/assets/images/informative-iconr.png) no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
	word-wrap: break-word;
}
.toaster-bar.bbr i {
	opacity: 0;
	display: none;
}
#msform .draft {
    min-width: 188px;
    height: 44px;
    background: #fff;
    font-weight: bold;
    color: #07004D;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 0px 55px 10px 0px;
    float: none;
    position: absolute;
    right: 187px !important;
    border: 2px solid #07004D;
    border-radius: 5px;
    font-size: 15px;
    line-height: 18px;
	font-family: "Raleway", sans-serif !important;
  }
  #msform .draft:hover {
    background-color: #F3F2FF;
    border: 2px solid #04002E;
    color: #04002E;
  }
/***********spacing start*********/
.mt-8 {margin-top: 8px!important;}
.mt-12 {margin-top: 12px!important;}
.mt-16 {margin-top: 16px!important;}
.mt-20 {margin-top: 20px!important;}
.mt-24 {margin-top: 24px!important;}
.mt-32 {margin-top: 32px!important;}
.mt-40 {margin-top: 40px!important;}
.mt-52 {margin-top: 52px!important;}
.mt-56 {margin-top: 56px!important;}
.mt-64 {margin-top: 64px!important;}
.mt-72 {margin-top: 72px!important;}
.mt-80 {margin-top: 80px!important;}
.mt-96 {margin-top: 96px!important;}

.mb-8 {margin-bottom: 8px!important;}
.mb-12 {margin-bottom: 12px!important;}
.mb-16 {margin-bottom: 16px!important;}
.mb-20 {margin-bottom: 20px!important;}
.mb-24 {margin-bottom: 24px!important;}
.mb-32 {margin-bottom: 32px!important;}
.mb-40 {margin-bottom: 40px!important;}
.mb-52 {margin-bottom: 52px!important;}
.mb-56 {margin-bottom: 56px!important;}
.mb-64 {margin-bottom: 64px!important;}
.mb-72 {margin-bottom: 72px!important;}
.mb-80 {margin-bottom: 80px!important;}
.mb-96 {margin-bottom: 96px!important;}
.mb-13 {margin-bottom: 13px!important;}

.pt-8 {padding-top: 8px!important;}
.pt-12 {padding-top: 12px!important;}
.pt-16 {padding-top: 16px!important;}
.pt-20 {padding-top: 20px!important;}
.pt-24 {padding-top: 24px!important;}
.pt-32 {padding-top: 32px!important;}
.pt-40 {padding-top: 40px!important;}
.pt-52 {padding-top: 52px!important;}
.pt-56 {padding-top: 56px!important;}
.pt-64 {padding-top: 64px!important;}
.pt-72 {padding-top: 72px!important;}
.pt-80 {padding-top: 80px!important;}
.pt-96 {padding-top: 96px!important;}

.pb-8 {padding-bottom: 8px!important;}
.pb-12 {padding-bottom: 12px!important;}
.pb-16 {padding-bottom: 16px!important;}
.pb-20 {padding-bottom: 20px!important;}
.pb-24 {padding-bottom: 24px!important;}
.pb-32 {padding-bottom: 32px!important;}
.pb-40 {padding-bottom: 40px!important;}
.pb-52 {padding-bottom: 52px!important;}
.pb-56 {padding-bottom: 56px!important;}
.pb-64 {padding-bottom: 64px!important;}
.pb-72 {padding-bottom: 72px!important;}
.pb-80 {padding-bottom: 80px!important;}
.pb-96 {padding-bottom: 96px!important;}
/***********spacing end*********/

#list_of_documents_review td {
	padding: 0 5px 5px 0;
}
.table.greytable tr:nth-child(2n) {
	background: #F3F2F1 !important;
}
.table.greytable th {
	background: #EDEBE9;
	padding: 10px;
	border: none;
	font-size: 14px;
	vertical-align: middle;
	white-space: nowrap;
	color: #201F1E;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: 500;
}
.pbm-0 p {
	margin-bottom: 0;
}
.arround-border label {
	font-weight: 400;
}
.checkbox-custom-label {
	font-weight: 400 !important;
}
.pbm-15 p {
	margin-bottom: 15px;
}
.spop .popover__content {
	position: absolute;
	z-index: 9;
	top: -10px;
	width: 320px;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
	display: none;
	left: 295px;
	border: 1px solid #eee;
}
.uppercase {
	text-transform: uppercase;
}


.circle_green, .circle_red {
	margin: 0px auto;
	width: 150px;
	height: 150px;
	background: #E1DFDD;
	border-radius: 50%;
	position: relative;
  }  
  .inside-circle {
	width: 133px;
	height: 133px;
	border-radius: 50%;
	background: transparent;
	line-height: 130px;
	text-align: center;
	margin-top: 3.5px;
	margin-left: 3px;
	position: absolute;
	z-index: 100;
	font-weight: 700;
	font-size: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.inside-circle img {
	width: 95%;
	border-radius: 50%;
	border: 4px solid #fff;
}
.circle_green::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #4db53c;
	left: 0px;
	right: 0;
	top: -2px;
	z-index: 999;
	margin: 0 auto;
	border-radius: 50%;
}
.circle_red::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: red;
	left: 0px;
	right: 0;
	top: -2px;
	z-index: 999;
	margin: 0 auto;
	border-radius: 50%;
}

.avatar-upload {
	position: relative;
	max-width: 205px;
	margin: 0px auto;
}
.avatar-upload .avatar-edit {
	position: absolute;
	right: 25px;
	z-index: 1;
	top: 20px;
}
  .avatar-upload .avatar-edit input {
	display: none;
  }
  .avatar-upload .avatar-edit input + label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #ffffff;
	border: 1px solid #07004D;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
  .avatar-upload .avatar-edit input + label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6;
  }
  .avatar-upload .avatar-edit input + label:after {
	content: "\f040";
	font-family: "FontAwesome";
	color: #07004D;
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
  }
  .avatar-upload .avatar-preview {
	width: 192px;
	height: 192px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #f8f8f8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
  }
  .avatar-upload .avatar-preview > div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
  }

  .user-name {
	background: url(/assets/images/user-name.svg);
	background-repeat: no-repeat;
	padding-left: 25px;
}
.company-name {
	background: url(/assets/images/company-name.svg);
	background-repeat: no-repeat;
	padding-left: 30px;
}
.phone-name {
	background: url(/assets/images/shape.svg);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 0 3px;
}
.email-name {
	background: url(/assets/images/email-icon.svg);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 0 3px;
}
.date-name {
	background: url(/assets/images/datename.svg);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 0 4px;
}
.address-name {
	background: url(/assets/images/address-name.svg);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 0 3px;
}
.material-name {
	background: url(/assets/images/material-Icons.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: -3px 0px;
	display: none;
}
.truck-name {
	background: url(/assets/images/truck-icon.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: 0 3px;
}
.profile-details label {
	color: #605E5C;
	margin-right: 10px;
}
.add-btn a {
	color: #07004D;
	border: 2px solid #07004D;
	padding: 12px 20px;
	border-radius: 10px;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
}
.add-btn a:hover {
    background-color: #F3F2FF;
	border: 2px solid #04002E;
	color: #04002E;
}
.add-btn a:focus {
    background-color: #fff;
	border: 2px solid #07004D;
	color: #04002E;
}
.user-picture {
	display: flex;
	justify-content: flex-end;
	align-items: end;
	height: 150px;
}
.user-picture img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	object-fit: cover;
}
.clear {
	clear: both;
}
.facility-banner {
	position: relative;
}
.facility-banner > img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 15px 15px 0 0;
}
.grid-item img {
	width: 85px;
	height: 85px;
	border-radius: 50%;
}
.f-user {
	text-align: center;
	display: flex;
	justify-content: center;
	position: relative;
	bottom: 35px;
	left: 0;
	right: 0;
}
.f-user .grid-item {
	background: transparent;
	margin: 0 7px;
	position: relative;
}
.facility-user {
	border: 1px solid #ccc;
	border-radius: 15px;
	margin-bottom: 24px;
}
.arrow_box {
	position: absolute;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 10px;
	padding: 10px;
	bottom: 100px;
	z-index: 999;
	right: -50px;
	opacity: 0;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #ccc;
	border-width: 16px;
	margin-left: -16px;
}
.f-user .grid-item:hover .arrow_box {opacity: 1;}
.f-user-text h4 {
	font-size: 20px;
	font-weight: 600;
	color: #201F1E;
}
.f-user-text .add-details {
	margin-top: 24px;
}
.no-record-two {
	background: url(/assets/images/facility-unfound.png);
	padding-top: 225px;
	background-size: 325px;
	background-repeat: no-repeat;
	background-position: top center;
}
.add-details .toaster-bar {
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
	display: block;
}
.user-name span {
	color: #07004D;
	font-size: 16px;
}
img.gstar {
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	z-index: 9;
	right: 10px;
	background: #fff;
	padding: 3px;
}
.code a {
	color: #07004D !important;
	font-weight: 500;
	font-size: 15px;
	text-decoration: underline !important;
}
.f-user-text .gr {
	width: auto;
	display: inline-flex;
	align-items: center;
}
.f-user-text .gr img {
	margin-right: 5px;
}
.profile-details .gr i {
	margin-right: 5px;
}
.profile-details .gr {
	width: auto;
	display: inline-flex;
	align-items: center;
}
.f-user-text .dr {
	width: auto;
	display: inline-flex;
	align-items: center;
}
.f-user-text .dr img {
	margin-right: 5px;
}
.profile-details .dr i {
	margin-right: 5px;
}
.profile-details .dr {
	width: auto;
	display: inline-flex;
	align-items: center;
}
.f-user-text .lr {
	width: auto;
	display: inline-flex;
	align-items: center;
}
.f-user-text .lr img {
	margin-right: 5px;
}
.profile-details .lr i {
	margin-right: 5px;
}
.profile-details .lr {
	width: auto;
	display: inline-flex;
	align-items: center;
}
.profile-bar {
	border: 1px solid #D2D0CE;
	border-radius: 10px;
	padding: 24px !important;
}
.circle_green, .circle_red {
	margin: 0px auto;
	width: 150px;
	height: 150px;
	background: #E1DFDD;
	border-radius: 50%;
	position: relative;
  }  
  .inside-circle {
	width: 133px;
	height: 133px;
	border-radius: 50%;
	background: transparent;
	line-height: 130px;
	text-align: center;
	margin-top: 3.5px;
	margin-left: 3px;
	position: absolute;
	z-index: 100;
	font-weight: 700;
	font-size: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.inside-circle img {
	width: 95%;
	border-radius: 50%;
	border: 4px solid #fff;
}
.circle_green::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #4db53c;
	left: 0px;
	right: 0;
	top: -2px;
	z-index: 999;
	margin: 0 auto;
	border-radius: 50%;
}
.circle_red::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: red;
	left: 0px;
	right: 0;
	top: -2px;
	z-index: 999;
	margin: 0 auto;
	border-radius: 50%;
}
.fb {
	font-weight: 600;
	color: #07004D;
	font-family: 'Raleway', sans-serif!important;
}
td.fb {
	font-weight: 600;
	color: #07004D;
	font-family: 'Raleway', sans-serif!important;
}
span.hover {
	position: relative;
	cursor: pointer;
	z-index: 9999;
}
.hover-text {
	display: inline-block;
	position: absolute;
	background: #fff;
	border-radius: .4em;
	padding: 10px;
	font-size: 13px;
	color: #111;
	top: -50px !important;
	left: -100px !important;
	width: 200px;
	box-shadow: 0 0 6px rgba(0, 0, 0, .6);
	text-transform: capitalize;
}
.hover-text:after, .hover-text:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.hover-text:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.hover-text:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #ccc;
	border-width: 16px;
	margin-left: -16px;
}  
.profile-details h2 {
	margin-bottom: 16px !important;
	color: #201F1E;
}
.profile-details p {
	color: #605E5C;
}
#profile_content {
	color: #605E5C;
}
a.dr.user-status {
    width: auto;
    position: absolute;
    right: 20px;
    top: 16px;
}
a.dbr.user-status {
    width: auto;
    position: absolute;
    right: 20px;
    top: 16px;
}
a.dgr.user-status {
    width: auto;
    position: absolute;
    right: 20px;
    top: 16px;
}
.profile-btn input.blue-btn {
	width: auto;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 600;
}
.user-status {
	width: auto;
	position: absolute;
	right: 20px;
	top: 20px;
}
.dnumber {
	color: #224CA0;
	font-size: 40px !important;
	margin: 0;
}
.ddate {
	color: #224CA0;
	font-size: 16px;
	text-transform: uppercase;
	width: 90px;
}
.blink {
	color: #3664C2;
}
.user-status img {
	margin-left: 20px;
}
.profile-bar .lr, .profile-bar .dr, .profile-bar .gr, .profile-bar .dgr, .profile-bar .br, .profile-bar .dbr, .profile-bar .yr{
	width: auto;
}
.num {
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: 500;
}
.loader {
	background: url(/assets/images/loader.gif);
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 200px;
	padding-top: 100px !important;
}

.dataTables_length select.form-control {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
}
/*******dashboard chart start********/
.pad-15 {padding: 15px;}
.border-bottom {
	border-bottom: 1px solid #D2D0CE !important;
}
.chart_status h2 {
    font-size: 23px;
    margin-bottom: 15px;
    color: #201F1E;
    display: flex;
    align-items: center;
}
.chart_status h2 sub {
	font-size: 15px;
}
.chart-green {
	color: #51795A;
	background: #DEFDE4 url(/assets/images/chart-green.png) no-repeat;
	background-position: 5px 8px;
	padding: 5px 5px 5px 20px;
	margin-right: 5px;
}
.chart-red {
	color: #B61904;
	background: #FFECEA url(/assets/images/chart-red.png) no-repeat;
	background-position: 5px 8px;
	padding: 5px 5px 5px 20px;
	margin-right: 5px;
}
.chart-yellow {
	color: #95833F;
	background: #FFF5D0 url(/assets/images/chart-yellow.png) no-repeat;
	background-position: 5px 8px;
	padding: 5px 5px 5px 20px;
	margin-right: 5px;
}
.b-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #835A1C;
	border-radius: 5px;
  }
  .b-square {
	position: relative;
	padding-left: 35px;
  }
  .g-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #1F8110;
	border-radius: 5px;
  }
  .g-square {
	position: relative;
	padding-left: 35px;
  }
/*******dashboard chart end********/
.word-break {
	white-space: break-spaces !important;
}
.notifications-new p{ color: #4a4a4a !important;}
.red-icon i{color: #DF2D16 !important;}
.w-250 {
    width: 250px !important;
}
.notifications-view {
    border: solid 1px #08245c;
    padding: 12px 24px;
    margin: 8%; border-radius: 4px;
    text-align: center;
    font-size: 14px; cursor: pointer;
}
.notifications-view:hover{ background: #08245c; color: #fff;}
.gl-view span {
	padding: 10px;
	background: #f5f5f5;
	margin: 0 0 0 5px;
	cursor: pointer;
}
.gl-view span:hover {background: #DEDBFF;}
.listview .facility-banner > img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 15px;
}
.listview .user-status {
	width: auto;
	position: relative;
	right: 0;
	top: 0;
}
.product-logo {
	text-align: right;
}
.f-user-text {
	position: relative;
}
.gridview .product-logo {
	position: absolute;
	top: 15px;
	right: 15px;
}
.info1 {
	background: url(/assets/images/info1.png) no-repeat;
	padding-left: 45px;
	background-position: 0 0;
}
.info2 {
	background: url(/assets/images/info2.png) no-repeat;
	padding-left: 45px;
	background-position: 0 0;
}
.info3 {
	background: url(/assets/images/info3.png) no-repeat;
	padding-left: 45px;
	background-position: 0 0;
}
#notification-popup-ele {
	max-height: 500px;
	overflow: hidden;
	overflow-y: scroll;
}


.notifications .info-text {
	background: url(/assets/images/info.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
  }
  .notifications .tick-text {
	background: url(/assets/images/tick.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 25px;
  }
  .notifications .sent-text {
	background: url(/assets/images/sent.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 25px;
  }
  .notifications .error-text {
	background: url(/assets/images/error-icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 25px;
  }
  .notifications .notify-text {
	  background: url(/assets/images/notify-icon.png);
	  background-repeat: no-repeat;
	  background-position: 0 0;
	  padding-left: 25px;
	background-size: 16px;
  }
  
  #notification-card .info-text {
	background: url(/assets/images/info.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
  }
  #notification-card .tick-text {
	background: url(/assets/images/tick.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 25px;
  }
  #notification-card .sent-text {
	background: url(/assets/images/sent.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 25px;
  }
  #notification-card .error-text {
	background: url(/assets/images/error-icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 25px;
  }
  #notification-card .notify-text {
	  background: url(/assets/images/notify-icon.png);
	  background-repeat: no-repeat;
	  background-position: 0 0;
	  padding-left: 25px;
	background-size: 16px;
  }
  
  .notif-number {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
  }
  
  /** Code for hover info **/
  
  .notifications-new p {
	color: #4a4a4a !important;
  }
  
  .red-icon i {
	color: #df2d16 !important;
  }
  
  .w-250 {
	width: 250px !important;
  }

  .notify-read {
	background: #F3F2FF;
	border: 1px solid #D2D0CE;
	border-radius: 15px;
	margin-bottom: 24px !important;
  }
  
  .notify-unread {
	border: 1px solid #ccc;
	border-radius: 15px;
	margin-bottom: 15px;
  }
  
  .notifications-view {
	border: solid 1px #08245c;
	padding: 12px 24px;
	margin: 5% 15px;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
  }
  
  .notifications-view:hover {
	background: #08245c;
	color: #fff;
  }
  
  .listofdocs {
	display: flex;
  }

.carousel-inner {
    margin-top: -40px;
}

.border-danger .select2-container--default {
	color: #DF2D16!important;
	line-height: 33px !important;
	font-size: 15px !important;
}
.border-danger .select2-selection--single {
	color: #DF2D16!important;
	line-height: 33px !important;
	font-size: 15px !important;
}
.border-danger .select2-selection__rendered {
	color: #DF2D16!important;
	line-height: 33px !important;
	font-size: 15px !important;
}

#resetmaterial {
	font-weight: 500;
}
#resetmaterial img {
	position: relative;
	top: -2px;
}
#currentmaterialno {
	font-size: 16px;
}
#reset_facility_user {
	font-weight: 500;
}
#reset_facility_user img {
	position: relative;
	top: -2px;
	left: -2px;
}
.ms-options-wrap > .ms-options > ul input[type=checkbox] {
  accent-color: #000!important;
}
.editmaterial .fas.fa-pen {
	margin-right: 20px;
}
.form-group > label {
	color: #201F1E;
}
.scrollable.border-radius {
	border-radius: 15px;
	border: 1px solid #ccc;
}
label.greylable {color: #605e5c;}
p.greylable {color: #605e5c;}

#resetmachineries {
	font-weight: 600;
}
#resetmachineries img {
	position: relative;
	top: -2px;
	left: -2px;
}
.editmachinery i {
	margin: 0 20px 0 0;
}
.dataTables_filter .fa.fa-search {
	position: absolute;
	left: 15px;
	top: 10px;
}
.dataTables_filter input[type="search"] {
	padding-left: 30px!important;
}
[data-n-linkto] {
	cursor: pointer;
  }
#addNewLineItem img {
	position: relative;
	top: -2px;
	left: -5px;
}
.greycheckbox .checkbox-custom-label {
	color: #A19F9D !important;
}
.greycheckbox.custom-checkbox > [type="checkbox"]:checked + label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	border: 1.6px solid #A19F9D!important;
	background: #A19F9D!important;
	border-radius: 2px;
}
.r-align {
	text-align: left;
	width: 30px;
	display: inline-block;
}

.z-intex-9 {
	z-index: 9;
  } 
  .line-hight-25 .custom-checkbox {
	margin-bottom: 4%;
  }
  .red-btn-new a {
	color: #f00 !important;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 10%;
  }


  /*******icon modified start********/
.fa-trash-alt::before, .fa-trash-can::before {
	content: "" !important;
	background: url(/assets/images/delete-icon.png) no-repeat !important;
	width: 18px !important;
    height: 20px !important;
    display: inline-block;
    background-size: 100%!important;
}
.fa-paperclip::before {
	content: "" !important;
	background: url(/assets/images/file-icon.png) no-repeat !important;
	width: 20px !important;
	height: 20px !important;
	display: inline-block;
}
.fa-paperclip.fa-rotate-180 {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.fa-print::before {
	content: "" !important;
	background: url(/assets/images/print-icon.png) no-repeat !important;
	width: 20px !important;
	height: 20px !important;
	display: inline-block;
	background-position: left 5px !important;
	background-size: 17px !important;
	margin-right: 6px;
}
h6.print_screen {
	font-size: 15px;
	display: flex;
	align-items: center;
}
h6 a.print_screen {
	font-size: 15px;
	display: flex;
	align-items: center;
}
.fa-pen::before {
	content: "" !important;
	background: url(/assets/images/pen-icon.png) no-repeat !important;
	width: 16px !important;
	height: 16px !important;
	display: inline-block;
}
.fa-eye::before {
	content: "" !important;
	background: url(/assets/images/eye-icon.png) no-repeat !important;
	width: 20px !important;
	height: 13px !important;
	display: inline-block;
	background-size: 18px !important;
}
/********icon modified end*********/
.ms-options-wrap > button:focus, .ms-options-wrap > button {
	position: relative;
	width: 100%;
	text-align: left;
	border: 1px solid #605E5C!important;
	background-color: #fff;
	padding: 6px 20px 6px 6px;
	margin-top: 0px;
	font-size: 15px;
	color: #605E5C;
	outline-offset: -2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 6px;
	border-radius: 3px;
}
.dataTables_wrapper .col-sm-12 {
	padding: 0 7px;
}
#profile_nodata .no-record {
	background: url(/assets/images/nofound.png);
	padding-top: 250px;
	background-size: 250px;
	background-repeat: no-repeat;
	background-position: top center;
}
#savelineitem {
	font-size: 15px;
}
.pre-nxt a {
	display: flex;
	align-items: center;
}
u #certificate_view {
	color: #07004D;
}

/*****dashboard start****/
.border-bottom {
	border-bottom: 1px solid #D2D0CE !important;
  }
  .pad-15 {
	padding: 15px;
  }
  .profile-bar {
	border: 1px solid #D2D0CE;
	border-radius: 10px;
	padding: 24px !important;
  }
  .chart_status h2 {
	font-size: 23px;
	margin-bottom: 15px;
	color: #201F1E;
  }
  .range-progress p {
	font-size: 16px;
	color: #201F1E;
	font-weight: 500;
	word-wrap: break-word;
  }
  .range-progress strong {
	font-family: "Raleway", sans-serif !important;
	font-size: 23px;
	color: #201F1E;
	display: block;
  }
  .chart_status img {
	margin-bottom: 15px;
  }
  .chart_status h3 {
	font-size: 20px;
	font-weight: 600;
	color: #605E5C;
  }
  .b-square {
	position: relative;
	padding-left: 35px;
  }
  .b-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #835A1C;
	border-radius: 5px;
  }
  .b-allocated-map-cp {
	position: relative;
	padding-left: 25px;
  }
  .b-allocated-map-cp::before {
	content: '';
	position: absolute;
	left: 0;
	width: 18px;
	height: 18px;
	background: #835A1C;
	border-radius: 5px;
  }
  .b-allocated {
	position: relative;
	padding-left: 35px;
  }
  .b-allocated::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #119E6B;
	border-radius: 5px;
  }
  .b-unallocated {
	position: relative;
	padding-left: 35px;
  }
  .b-unallocated::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #D65487;
	border-radius: 5px;
  }
  .b-issued {
	position: relative;
	padding-left: 35px;
  }
  .b-issued::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #E58768;
	border-radius: 5px;
  }
  .g-square {
	position: relative;
	padding-left: 35px;
  }
  .g-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #1F8110;
	border-radius: 5px;
  }
  .or-square {
	position: relative;
	padding-left: 35px;
  }
  .or-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #E58768;
	border-radius: 5px;
  }
  .r-square {
	position: relative;
	padding-left: 35px;
  }
  .r-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #D65487;
	border-radius: 5px;
  }
  .gp-square {
	position: relative;
	padding-left: 35px;
  }
  .gp-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #835A1C;
	border-radius: 5px;
  }
  .quick-statics h4 {
	font-size: 18px;
	color: #201F1E;
  }
  .hr hr {
	border-top: 2px solid #C8C6C4;
  }
  .chart_status sub {
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
}
.used-size sub {
    margin-left: 5px;
}
  .mindigit {
    text-overflow: ellipsis;
    overflow: hidden;
    /* max-width: 115px; */
    display: inline-block;
}
.range-progress .ellipsis-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 115px;
}
#visualization-map div {
    margin: 0 auto;
}
  /*****dashboard end****/
  
  /**** chart css start **/
  
  #pie-chart text {
	fill: red !important;
  }
  
  #pie-chart {
  width: 500px;
  height: 250px;
  position: relative;
  }
  #pie-chart::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 115px;
  left: 315px;
  top: 0;
  background: #FAFAFA;
  box-shadow: 1px 1px 0 0 #DDD;
  }
  #pie-chart::after {
  content: "";
  position: absolute;
  display: block;
  top: 260px;
  left: 70px;
  width: 170px;
  height: 2px;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
  box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
  }
  
  
  .chart-po-table .scrollable { border-radius: 18px;}
  .chart-po-table .dataTables_scroll{    margin-top: 0;  margin-bottom: 0;}
  
  .labelOverlay {
    width: 142px;
    height: 45px;
    position: relative;
    top: -215px;
    margin: 0px auto;
    text-align: center;
    cursor: default;
}

  .labelOverlay p.text-blue{
	color: #3664C2;
	font-size: 18px;
  }
  
  .labelOverlay-big {
    width: 142px;
    height: 45px;
    position: relative;
    top: -180px;
    margin: 0 auto;
    text-align: center;
    cursor: default;
}
  
  div.donut-center div {
	text-align: center;
	margin: 0 auto;
  }
  
  .google-visualization-tooltip { pointer-events: none; }
  
  .google-visualization-tooltip { 
  
	width: 150px !important;
	border: none !important;
	border-radius: 8px !important;
	background-color: #ffffff!important;
	position: absolute !important;
	font-size:  10px !important;
  
  }
  
  .donut-center img#chart {
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	display: flex;
  }
  
  .pr-square {
	position: relative;
	padding-left: 35px;
  }
  .pr-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #7158B9;
	border-radius: 5px;
  }
  
  .lb-square {
	position: relative;
	padding-left: 35px;
  }
  .lb-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #6CACE3;
	border-radius: 5px;
  }
  
  .dy-square {
	position: relative;
	padding-left: 35px;
  }
  .dy-square::before {
	content: '';
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: #F3B14A;
	border-radius: 5px;
  }
  
  div#visualization-map {
	position: relative;
	left: -23px;
  }

  h2.rose-head {
	color: #D65487 !important;
  }
  h2.grey-head {
	color: #835A1C !important;
  }
  h2.orange-head {
	color: #E58768 !important;
  }
  h2.green-head {
	color: #119E6B !important;
  }
  h2.lightgrey {
    background: #FAF9F8 !important;
    font-size: 35px;
    font-weight: 500;
}
  
  h2.purple-head {
	color: #7158B9 !important;
  }
  sub{
	color: #201F1E !important;
  }  

  .circle-chart svg {
	overflow: visible!important;
  }

  .text-grey{
	color: #605E5C;
  }
  .table-chart {
    position: relative;
    z-index: 9;
}
  /**** chart css end **/

.checkboxes h4 {
    font-weight: 500;
    margin: 0;
    font-size: 20px;
}
.tablesearch div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    right: 15px;
    position: relative;
}
#chart_div div {
	width: 100%!important;
  }

/********range date picker start*********/
.daterangepicker.ltr .ranges {
	float: left;
	margin: 0 !important;
  }
  
  .daterangepicker .ranges ul {
	width: 100% !important;
	margin: 0 !important;
  }
  
  #reportrange {
	width: 235px;
	border-radius: 3px;
	position: relative;
	right: 439px;
	border: 1px solid #aaa !important;
	padding: 6px 10px !important;
  }
  #reportranges {
	width: auto;
	border-radius: 3px;
	position: relative;
	border: 1px solid #aaa !important;
	padding: 6px 10px !important;
  }
  .ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    background-color: #FFF;
}

.left-date {
    right: 442px !important;
}
  .daterangepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    background-color: #FFF;
	z-index: 1 !important;
}
  .ranges li {
	font-size: 13px;
	background-color: #fff !important;
	border: 0px solid rgb(245, 245, 245) !important;
	border-radius: 4px !important;
	color: #605E5C !important;
	padding: 7px 10px !important;
	margin: 0 !important;
	cursor: pointer;
  }
  
  .ranges li:hover {
	background-color: #F3F2FF !important;
	border: 0px solid rgb(0, 136, 204) !important;
	color: #201F1E !important;
	margin: 0 !important;
	padding: 7px 10px !important;
	border-radius: 4px !important;
  }
  
  .ranges li.active {
	background-color: #F3F2FF !important;
	border: 0px solid rgb(0, 136, 204) !important;
	color: #201F1E !important;
	margin: 0 !important;
	padding: 7px 10px !important;
	border-radius: 4px !important;
  }
  
  .daterangepicker .calendar th,
  .daterangepicker .calendar td {
	white-space: nowrap;
	text-align: center;
	min-width: 32px;
	font-size: 14px !important;
  }
  
  .daterangepicker td.active,
  .daterangepicker td.active:hover {
	background-color: #07004D !important;
	border-color: transparent;
	color: #fff;
  }
  
  .in-range.available {
	background: #CEDEFF !important;
  }
  
  .range_inputs {
	display: none;
  }
  
  .drp-selected {
	display: none;
  }
  
  .cancelBtn {
	display: none;
  }
  
  .applyBtn {
	display: none;
  }
  
  .range_inputs .btn {
	padding: 5px 15px;
	font-size: 14px;
  }
  
  .applyBtn {
	background: #07004D;
  }
  
  .drp-calendar.left {
	float: left;
  }
  
  .drp-calendar.right {
	float: left;
  }
  
  .daterangepicker td,
  .daterangepicker th {
	text-align: center;
	width: 39.5px !important;
	height: 35px !important;
	border-radius: 8px !important;
	border: 3px solid #fff !important;
	white-space: nowrap;
	cursor: pointer;
  }
  
  .caret {
	font-weight: 400;
	font-size: 13px;
	position: absolute;
	top: 7px;
	left: 36px;
  }

  .inner-date #reportranges {
	width: auto;
	border-radius: 3px;
	position: relative;
	border: 1px solid #605E5C !important;
	padding: 10px 10px !important;
  }
  .inner-date .caret {
    font-weight: 400;
    font-size: 15px;
    position: absolute;
    top: 10px;
    left: 36px;
    color: #605E5C!important;
}

  .prev.available {
    background: url(/assets/images/leftarrow.png) no-repeat;
    background-position: center center;
}
.next.available {
  background: url(/assets/images/rightarrow.png) no-repeat;
  background-position: center center;
}


  
  /********range date picker end*********/


  a.f-linker{
	text-decoration: underline !important;
	color: #201f1e !important;
  }

  /** Map Start **/
  
  .rigid-grey {
    background: url(../images/rigid-grey.png) no-repeat;
    padding-left: 25px;
    background-position: left;
    background-position: -3px 0;
}
.address-name-map{
	background: url(/assets/images/address-name.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 3px center;
}

.b-allocated-map {
	position: relative;
	padding-left: 25px;
  }
  .b-allocated-map::before {
	content: '';
	position: absolute;
	left: 0;
	width: 18px;
	height: 18px;
	background: #119E6B;
	border-radius: 5px;
  }

  p.text-right {
    text-align: right;
	line-height: 22px;
 }
  p.text-right a{
   text-decoration: underline !important;
 }
  /** Map end **/


  .daterangepicker.show-ranges {
	z-index: 0;
	opacity: 0;
	display: none;
  }
  .daterangepicker.show-ranges.show-calendar{
	z-index: 9!important;
	opacity: 1;
  }

  #statewise-status_dtable_wrapper th:first-child, #statewise-status_dtable_wrapper td:first-child {
    min-width: 80px!important;
    max-width: 80px;
}

.owl-carousel .owl-nav { 
	display: block !important; 
}

div#col-filter {
	max-height: 275px;
	overflow: hidden;
	padding-bottom: 15px;
	overflow-y: scroll;
  }

  div.dataTables_wrapper div.dataTables_filter input[type="search"] {
	margin-left: 0.5em;
	display: inline-block;
	width: 184px;
}
.filter-search-bar1 .dropdown-menu.show {
    display: block;
    top: 10px!important;
}


.tooltips {
	position: relative;
	display: inline-block;
	border-bottom: 0px dotted black;
  }
  
  .tooltips .tooltiptexts {
	/* visibility: hidden; */
	display: none;
	background-color: black;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	font-size: 13px;
	position: absolute;
	z-index: 1;
	bottom: 25px;
	left: 30px;
	margin-left: -45px;
	width: auto;
	padding: 8px;
	line-height: 18px;
	white-space: nowrap;
  }
  
  .tooltips .tooltiptexts::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 25px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
  }
  
  .tooltips:hover .tooltiptexts {
	display: block;
  }
  .pz {
	position: relative;
	z-index: 99;
  }
  .table-chart {
	position: relative;
  }
  span.sfont {
	font-size: 14px;
	color: #605E5C;
  }
  .profile-bar h2.num {
    flex-wrap: initial;
    word-wrap: break-word;
    width: 75%;
}

.circle-chart h2.used-size {
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .used-size .mindigit {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 110px;
	display: inline-block;
  }

  .last_table_column th:first-child, .last_table_column td:first-child {
	min-width: 70px !important;
	max-width: 70px !important;
  }
  .last_table_column th:last-child, .last_table_column td:last-child {
	min-width: 75px!important; max-width: 75px!important;
  }
  .table-fcolumn th:first-child, .table-fcolumn td:first-child {
	min-width: 70px !important;
	max-width: 70px !important;
  }
  .black-hr hr {
    border-top: 1px solid #999;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: end;
}