:root {
	--data-table-light-blue: #C1E4EE;
	--dark-blue-gray: #5c8097;
	--dark-blue: #253649;
	--highlight-orange: #ff9900;
}


.d-none {
	display:none;
}
.action-add {
color:#7e8299;
cursor:pointer;
}
input[type="file"] {
	cursor: pointer;
}
.file__input {
	cursor: pointer;
}

.invalid-file {
	background-color: red !important; /* light red background */
	border: 1px solid #f5c6cb;
	color: black;
}

.ui-menu {
	z-index: 1100 !important;
}

.remove-icon {
	margin-left: 12px;
	width: 22px;
	border-radius: 50%;
	padding-left: 5px;
}

.file__value {
	cursor: pointer;
}
.bg-danger {
	background-color: #dc3545 !important;
}
.action-del {
	cursor: pointer;
}
table.table.table-bordred.select-file-table {
	font-size: 13px !important;
}
input.form-control.cus-upload-input {
	/*width: 50%;*/
}
.price-table-review tfoot tr td {
	font-size:12px;
}
.note {
	width: 500px;
	margin: 50px auto;
	font-size: 1.1em;
	color: #333;
	text-align: justify;
}

#drop-area {
	border: 2px dashed #ccc;
	border-radius: 20px;
	width: 480px;
	margin: 50px auto;
	padding: 20px;
}

	#drop-area.highlight {
		border-color: #5c8097;
	}

.my-form-drag {
	margin-bottom: 10px;
}

#gallery-drag {
	margin-top: 10px;
}

	#gallery-drag img {
		width: 150px;
		margin-bottom: 10px;
		margin-right: 10px;
		vertical-align: middle;
	}

.button-drag {
	display: inline-block;
	padding: 10px;
	background: #ccc;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #ccc;
}

	.button-drag:hover {
		background: #ddd;
	}

#fileElem {
	display: none;
}
.w-5 {
	width: 5%;
}
.w-10 {
	width:10%;
}
.w-15 {
	width: 15%;
}
.w-20 {
	width: 20%;
}
.w-25 {
	width: 25%;
}
.w-30 {
	width: 30%;
}
.w-35 {
	width: 35%;
}
.w-40 {
	width: 40%;
}
.w-45 {
	width: 45%;
}
.w-50 {
	width: 50%;
}
#main .card .card-header .btn-header-link:after, #main .card .card-header .btn-header-link.collapsed:after {
	content: "";
}
.box-space tbody tr td {
	font-size: 16px;
	padding: 10px 5px;
	vertical-align: middle;
}
.overlay-admin {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: -1; /* Increase the z-index */
}
.DownloadAllClass {
	padding: 4px 10px;
	background: #112560;
	color: #FFF;
	border-radius: 6px;
	font-size: 12px;
}
.bg-cus ul.navbar-nav li.nav-item a.nav-link-dis {
	color: #bdbdbd;
	/*font-weight: 600;*/
	font-size: 16px;
	cursor: pointer;
	text-decoration:none;
}

.nav-link-dis {
	display: block;
	padding: 0.5rem 1rem;
}
@media (min-width: 992px)
{
	.navbar-expand-lg .navbar-nav .nav-link-dis {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
}

body {
	dialog {
		.close {
			opacity: 1;
		}

		&:-internal-dialog-in-top-layer::backdrop {
			background-color: rgba(0, 0, 0, 0.4);
		}

		&.modal-content {
			width: fit-content;
		}

		&:not([open]) {
			display: none;
		}

		button:not(.close),
		.button {
			font-weight: 600;
			color: white;
			border: none;
			background: #ff9a27;
			padding: 8px 20px;
			border-radius: 5px;

			&:hover {
				text-decoration: none;
			}
		}
	}

}

/* Plan Holder List styling -- accessed when creating or editing project info */
.ui-datepicker {
	.ui-datepicker-close {
		font-weight: normal;
	}
}

input[readonly],
.formCls .form-control[readonly] {
	filter: opacity(0.55) grayscale(0.55);
	background: #e9ecef;
}

input[disabled],
.formCls .form-control[disabled] {
	filter: opacity(0.35) grayscale(0.35);
}

#time_input:has(input[disabled]) {
	filter: opacity(0.35) grayscale(0.35);

	input {
		filter: none;
	}
}