.nav-item{
	padding:6px;
}
.itme1{
	padding-left:8%;
}
.item1 h2{
	color:white;
	font-family:Arial Black;
}
.items{
	padding-left:3%;
}
.items a{
	color:#ffffff;
}
.items a:hover{
	opacity:0.6;
}
.carousel-inner img{
	width:100%;
	height:450px;
}
.welcome h3{
	padding-top:4%;
	text-align:center;
}
.list-group-item
{
	padding-left:30px;
}
#butn{
	display:inline-block;
	text-align:center;
	margin-left:2px;
}
.btn-light{
	background-color:#c0c0c0;
}
.copyright{
	background:light;
}
#chkfname,#chklname,#chkmail,#chkpn,#chkuser,#efname,#elname,#email,#epn,#epass
	{
		color:red;
		display:none;
		
	}	
	#match{
		display:none;
		color:green;
	}
	::placeholder {
	padding:5px;
	font-size:17px;
  color: red;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 
	font-size:17px;
	padding:5px;
 color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
	padding:5px;
	font-size:17px;
 color: red;
}

	
	
@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 700px) {
	
}


			.items{
				margin-top:5px;
				margin-right:5%;
				font-family:Cooper Black;
				float:right;
			}
			.btn1{
				width:100%;
			}
			.navbar1{
				width:200px;
				border:1px solid #a79c9c42;
				padding:0px;
				box-shadow:1px 2px 3px 0.5px;;
				background-color:#e4d7d7ab;
			}
			.navbar-nav,.nav-item{
				width:100%;
			}
			img{
				margin:10px;
				margin-left:50px;
			}
			.logoimg{
				margin:0;
				margin-left:0;
			}

			.text-dark {
				color: #0080ff !important;
			}
			.bg-warning {
				background-color: #eef1f4 !important;
			}

			#file1,#file2,#file3{
				display:inline-block;
				font-size:160px;
				margin-left:50px;
				color:aqua;
				padding:20px;
				border-bottom:1px solid black;
			}
			#file1:hover{
				border:1px solid black;
				color:green;
			}
			#file1:hover #pen{
				display:block;
			}
			#file2:hover{
				border:1px solid black;
				color:blue;
			}
				#file2:hover #pen2{
				display:block;
			}
			#file3:hover{
				border:1px solid black;
				color:black;
			}	#file3:hover #pen3{
				display:block;
			}
			.in1{
				width:100%;
				border-radius:15px;
				padding:10px;
				font-size:18px;
				
			}
			#span{
				
				font-size:21px;
			}
			td{
				border-top:1px solid aqua;
				text-align:center;
			}
			.tr{
				width:auto;
			}
			.table,.tr{
				padding:10px;
				float;left;
				border:1px solid black;
			}
			th{
				
				text-align:center;
			}
			#file12:hover #pen{
				display:block;
			}
			#pen,#pen2,#pen3{
				display:none;
				font-size:18px;
				text-align:center;
				border-bottom:0.5px solid black;
			}
			#remark{
				color:green;
				padding:10px;
				font-size:24px;
			}
			#foot {
			background-color: grey;
		position: fixed;
		bottom: 0;
		}
		#foot a {
			text-decoration: none;
			color: #ffffff;
			background: #eb0909;
			text-decoration: none;
			border-radius: 10px;
			font-style: oblique;
		}
		#pendingTable {
			width: 100% !important;
		}

		.dataTables_wrapper {
			width: 100% !important;
		}body {
    margin: 0;
    padding: 0;
}
 .dashboard-card {
        border-radius: 1rem;
        color: #fff;
        padding: 1.5rem;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    .dashboard-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }

    .dashboard-icon {
        font-size: 2.5rem;
        opacity: 0.3;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .dashboard-count {
        font-size: 2.8rem;
        font-weight: bold;
    }

    .bg-gradient-warning {
        background: linear-gradient(135deg, #f7971e, #ffd200);
    }

    .bg-gradient-primary {
        background: linear-gradient(135deg, #4facfe, #00f2fe);
    }

    .bg-gradient-success {
        background: linear-gradient(135deg, #43e97b, #38f9d7);
    }

	.btn-close {
    filter: invert(1); /* white on dark backgrounds */
    transform: scale(1.2);
}

.dateTime{
            float:right;
            background: linear-gradient(45deg, #28a745, #218838);
            color: #fff;
            padding: 5px 12px;
            border-radius: 8px;
            font-size: 18px;
            font-weight: bold;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
            margin-right: 20px;
}


.cardstyle{margin-bottom: 10px;}


.toastMsg {
    min-width: 280px;
    max-width: 350px;
    margin-bottom: 10px;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s ease;
}
.toastMsg.show {
    opacity: 1;
    transform: translateX(0);
}
.toast-success {
    background: linear-gradient(135deg, #28a745, #218838);
}
.toast-error {
    background: linear-gradient(135deg, #dc3545, #b21f2d);
}