@font-face {
	font-family: "CJtitle";
	src: url(../../font/cj-titlebold.ttf);
}

@font-face {
	font-family: "CJreguler";
	src: url(../../font/cj-bodyreguler.ttf);
}

/* Treeview Checkbox */
ul.checktree {
	list-style-type: none;
	margin: 3px;
	padding: 30px 0px 20px 50px;
}

ul.checktree ul {
	list-style-type: none;
	margin: 3px;
}

ul.checktree li:before {
	height: 0.75em;
	width: 12px;
	/* border-bottom: 1px dashed; */
	content: "\2014";
	display: inline-block;
	top: -0.3em;
}

ul.checktree li {
	border-left: 1px dashed;
}

ul.checktree li:last-child:before {
	border-left: 1px dashed;
}

ul.checktree li:last-child {
	border-left: none;
}
.lp-space {
	margin-left: 5px;
}
/* End Treeview Checkbox */

/* Custom CSS */
.table-fm:hover {
	background-color: #f7f7f7 !important;
	cursor: pointer;
}

.blobBox img:nth-child(1) {
	position: absolute;
	top: -500px;
	left: -95px;
	width: 650px;
}

.blobBox img:nth-child(2) {
	position: absolute;
	top: -400px;
	right: 0;
	width: 450px;
}

.blobBox img:nth-child(3) {
	position: absolute;
	top: 10px;
	left: 415px;
	width: 350px;
}

.blobBox img:nth-child(4) {
	position: absolute;
	top: 40px;
	right: 0;
	width: 250px;
}

.blobBox img:nth-child(5) {
	position: absolute;
	top: 135px;
	right: 300px;
	width: 350px;
}

.blobBox img:nth-child(6) {
	position: absolute;
	top: -235px;
	right: 425px;
	width: 350px;
}

.blobBox img:nth-child(7) {
	position: absolute;
	top: 155px;
	left: -90px;
	width: 350px;
}

.login-page {
	overflow: hidden;
	/* background:
        linear-gradient(#0080c5, transparent),
        linear-gradient(to top left, #ea8923, transparent),
        linear-gradient(to top right, #e33043, transparent);
  background-blend-mode: screen; */
	background-image: url(../../img/DMS.jpg);
	background-size: 100% 100%;
}
.login-box {
	box-shadow: none !important;
}
.card {
	background-color: transparent;
	box-shadow: none;
}
.login-card-body {
	background: transparent !important;
}

.login-box {
	background: #fff;
	/* background: rgba( 255, 255, 255, 0.25 ); */
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	position: relative;
	text-align: center;
	font-family: CJtitle;
	color: #000;
}

.login-logo img {
	background: #fff;
	border-radius: 50%;
	width: 120px;
	padding: 5px;
	height: auto;
	position: absolute;
	top: 0;
	left: 33%;
	margin-top: -50px;
}

.login-box a {
	color: #000;
	text-decoration: none;
	padding: 10px 0px;
	font-size: 24px;
}

.login-card-body input {
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.281);
	border: 1px solid transparent;
	font-family: CJreguler;
	font-weight: 600;
	color: #000;
	letter-spacing: 5px;
}

.login-card-body input:focus {
	background: rgba(0, 0, 0, 0.24);
	border: 1px solid transparent;
	color: #000;
}

.login-card-body input::placeholder {
	color: #f7f7f7b6;
	letter-spacing: 2px;
}
.btn-login {
	border-radius: 50px;
	background: #fff;
	color: #000;
	border: none;
	padding: 10px 0px;
	width: 50%;
}

.btn-login:hover {
	border-radius: 50px;
	/* background: rgba(255, 255, 255, 0.5); */
	background: #000;
	color: #fff;
}

.login-box a.btn-back {
	border-radius: 50px;
	background: #fff;
	color: #000;
	border: none;
	padding: 10px 50px;
	width: 80%;
	font-size: 20px;
}

.login-box a.btn-back:hover {
	border-radius: 50px;
	/* background: rgba(255, 255, 255, 0.5); */
	background: #000;
	color: #fff;
}

.login-box a.forgot-pass {
	font-size: 13px;
}

.login-box a.forgot-pass:hover {
	color: #000;
}

.login-page,
.register-page {
	justify-content: right !important;
}

.login-box {
	right: 15%;
	top: 5%;
	box-shadow: 0 0 50px #ccc !important;
}

.searchBox input {
	border-radius: 10px;
}

.nav-tabs .nav-link {
	font-size: 14.5px !important;
}

.li-folder {
	font-size: 14px !important;
}

@media (max-width: 1280px) {
	.blobBox img:nth-child(1) {
		position: absolute;
		top: -500px;
		left: -217px;
		width: 650px;
	}
	.blobBox img:nth-child(3) {
		position: absolute;
		top: 10px;
		left: 285px;
		width: 350px;
	}
}

@media (max-width: 1280px) {
	.blobBox img:nth-child(1) {
		position: absolute;
		top: -615px;
		left: -217px;
		width: 650px;
	}
	.blobBox img:nth-child(2) {
		position: absolute;
		top: -500px;
		right: 0;
		width: 450px;
	}
	.blobBox img:nth-child(6) {
		position: absolute;
		top: -200px;
		right: 310px;
		width: 350px;
	}
	.blobBox img:nth-child(5) {
		position: absolute;
		top: 135px;
		right: 155px;
		width: 350px;
	}
	.blobBox img:nth-child(3) {
		position: absolute;
		top: 10px;
		left: 208px;
		width: 350px;
	}
	.blobBox img:nth-child(4) {
		position: absolute;
		top: -30px;
		right: 0;
		width: 250px;
	}
}

@media (max-width: 1024px) {
	.blobBox img:nth-child(6) {
		position: absolute;
		top: -140px;
		right: 200px;
		width: 350px;
	}
	.blobBox img:nth-child(3) {
		position: absolute;
		top: -45px;
		left: 150px;
		width: 350px;
	}
}

@media (max-width: 820px) {
	.blobBox img:nth-child(1) {
		position: absolute;
		top: -738px;
		left: -217px;
		width: 650px;
	}
	.blobBox img:nth-child(7) {
		position: absolute;
		top: 350px;
		left: -90px;
		width: 350px;
	}
	.blobBox img:nth-child(5) {
		position: absolute;
		top: 180px;
		right: 60px;
		width: 350px;
	}
	.blobBox img:nth-child(3) {
		position: absolute;
		top: -45px;
		left: 35px;
		width: 350px;
	}
}

@media (max-width: 768px) {
	.blobBox img:nth-child(2) {
		position: absolute;
		top: -530px;
		right: -45px;
		width: 450px;
	}
	.blobBox img:nth-child(3) {
		position: absolute;
		top: 27px;
		left: -30px;
		width: 350px;
	}
}

@media (max-width: 600px) {
	.blobBox img:nth-child(2) {
		position: absolute;
		top: -600px;
		right: -215px;
		width: 450px;
	}
	.blobBox img:nth-child(4) {
		position: absolute;
		top: -155px;
		right: 0;
		width: 250px;
	}
	.blobBox img:nth-child(5) {
		position: absolute;
		top: 175px;
		right: -80px;
		width: 350px;
	}
	.blobBox img:nth-child(3) {
		position: absolute;
		top: 222px;
		left: -67px;
		width: 350px;
	}
	.blobBox img:nth-child(7) {
		position: absolute;
		top: 435px;
		left: -90px;
		width: 350px;
	}
}
/* End Custom CSS */