/*width 1120*/
.m-label {
	margin-top: 0.5em;
	margin-left: 1em;
}

.m-label1 {
	margin-top: 0.3em;
}

.m-input {
	margin-top: 0.5em;
}

.item-no1 {
	margin-left: 4em;
	width: 12%;
}

.item-no2 {
	margin-left: 0.3em;
	margin-right: 1em;
	width: 30%;
}

.area {
	margin-left: 1em;
	margin-right: 1em;
	width: 32%;
}

.chck-bx1 {
	margin-right: 1em;
	margin-left: 2.2em;
}

.des {
	margin-left: 2.8em;
	width: 81.7%;
}

.pic {
	margin-top: 1.1em;
	padding-bottom: 8.3em;
	margin-left: 1em;
	border: 1px solid #cdcdcd;
	height: 70%;
	width: 80%;
}

.despo {
	margin-left: 1.2em;
	width: 81.7%;
}

.item-type {
	margin-left: 3.5em;
	width: 40%;
}

.lbl-pr-clsfctn {
	margin-left: 1.5em;
	margin-right: 2.5em;
}

.rd-btn {
	margin-right: 1.5em;
}

.item-group {
	margin-left: 2.8em;
	width: 40%;
}

.cost-type {
	margin-left: 3.5em;
	width: 40%;
}

.rd-btn-urgnt-pdng1 {
	background-color: #77dd77;
	color: #77dd77;
}

.rd-btn-urgnt-pdng2 {
	background-color: #fdfd96;
	color: #fdfd96;
}

.rd-btn-urgnt-pdng3 {
	background-color: #ff6961;
	color: #ff6961;
}

.my-custom-scrollbar {
	position: relative;
	height: 6em;
	overflow: auto;
}

.my-custom-scrollbar1 {
	position: relative;
	height: 20em;
	overflow: auto;
}

.my-custom-scrollbar2 {
	position: relative;
	height: 12em;
	overflow: auto;
}

.my-custom-scrollbar3 {
	position: relative;
	height: 3em;
	overflow: auto;
}

.my-custom-scrollbar5 {
	position: relative;
	height: 5em;
	overflow: auto;
}

.my-custom-scrollbar7 {
	position: relative;
	height: 7em;
	overflow: auto;
}

.my-custom-scrollbar8 {
	position: relative;
	height: 8.55em;
	overflow: auto;
}

.my-custom-scrollbar9 {
	position: relative;
	height: 8em;
	overflow: auto;
}

.my-custom-scrollbar10 {
	position: relative;
	height: 10em;
	overflow: auto;
}

.my-custom-scrollbar10-5 {
	position: relative;
	height: 10.5em;
	overflow: auto;
}

.my-custom-scrollbar12 {
	position: relative;
	height: 11em;
	overflow: auto;
}

.my-custom-scrollbar13 {
	position: relative;
	height: 12.32em;
	overflow: auto;
}

.my-custom-scrollbar14 {
	position: relative;
	height: 14em;
	overflow: auto;
}

.my-custom-scrollbar15 {
	position: relative;
	height: 14.85em;
	overflow: auto;
}

.my-custom-scrollbar-dashboard {
	position: relative;
	height: 14em;
	overflow: auto;
}

.my-custom-scrollbar16 {
	position: relative;
	height: 16em;
	overflow: auto;
}

.my-custom-scrollbar34 {
	position: relative;
	height: 33.5em;
	overflow: auto;
}

.my-custom-scrollbar17 {
	position: relative;
	height: 16.5em;
	overflow: auto;
}

.my-custom-scrollbar18 {
	position: relative;
	height: 18em;
	overflow: auto;
}

.blue-light-bg {
	background-color: lightblue !important;
}

.light-blue-bg-td {
	background: lightblue !important;
}

/* tbody tr:not(.light-blue-bg-td):hover {
	cursor: pointer !important;
	background: white !important;
} */

.my-custom-scrollbar19 {
	position: relative;
	height: 19em;
	overflow: auto;
}

.my-custom-scrollbar19-3 {
	position: relative;
	height: 18.5em;
	overflow: auto;
}

.my-custom-scrollbar19-5 {
	position: relative;
	height: 19.5em;
	overflow: auto;
}

.my-custom-scrollbar20 {
	position: relative;
	height: 20em;
	overflow: auto;
}

.my-custom-scrollbar-h {
	position: relative;
	height: var(--h);
	overflow: auto;
}

.my-custom-scrollbar21-7 {
	position: relative;
	height: 21.7em;
	overflow: auto;
}

.my-custom-scrollbar23 {
	position: relative;
	height: 23em;
	overflow: auto;
}

.my-custom-scrollbar25 {
	position: relative;
	height: 25em;
	overflow: auto;
}

.my-custom-scrollbar26 {
	position: relative;
	height: 26em;
	overflow: auto;
}

.my-custom-scrollbar28 {
	position: relative;
	height: 28em;
	overflow: auto;
}

.my-custom-scrollbar29 {
	position: relative;
	height: 29.3em;
	overflow: auto;
}

.my-custom-scrollbar30 {
	position: relative;
	height: 30.35em;
	overflow: auto;
}

.my-custom-scrollbar40 {
	position: relative;
	height: 40.35em;
	overflow: auto;
}

.my-custom-scrollbar50 {
	position: relative;
	height: 50em;
	overflow: auto;
}

.my-custom-scrollbar100-vh {
	position: relative;
	height: calc(100vh - 11.35em);
	overflow: auto;
}

.table-wrapper-scroll-y {
	display: block;
}

.file {
	visibility: hidden;
	position: absolute;
}

.input {
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
}

.inputs {
	width: 100%;
	padding: 1px;
	box-sizing: border-box;
}

.font-datatable-10 {
	font-size: 0.85em;
}

.font-datatable-xs {
	font-size: 0.85em;
}

.font-60 {
	font-size: 0.6em;
}

.font-65 {
	font-size: 0.65em;
}

.font-70 {
	font-size: 0.7em;
}

.font-75 {
	font-size: 0.75em;
}

.modal-mobile {
	position: fixed;
	top: 5%;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.modal-mobile-for-sure {
	position: fixed;
	top: 30%;
	left: 15%;
	right: 15%;
	z-index: 1150;
	display: none;
	width: 70%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

body:not(.modal-open) {
	padding-right: 0px !important;
}

.cus-width-input-group-text {
	width: 9em !important;
	padding-left: 0 !important;
}

.cus-width-input-group-text-10 {
	width: 12em !important;
	padding-left: 0 !important;
}

.dropdown-menu {
	z-index: 1051;
}

.dt-button-collection .dropdown-menu {
	position: relative !important;
}

.bgc-blue-10,
.bgcH-blue-10:hover {
	background-color: #f4f9fc !important;
}

.modal-open .modal {
	overflow-y: hidden !important;
}

.pointer {
	cursor: pointer;
}

#overlay-db-lost-connection {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2000;
	cursor: pointer;
}

.pY-18 {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

.my-custom-scrollbar-x-30 {
	overflow-x: auto;
}