@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html{margin: 0px; padding: 0px; overflow-x: hidden;}
body{background-color: #ffffff; padding: 0px; margin: 0px; overflow-x: hidden;}
.wrapper{background-color: #ffffff; font-size: 12px; line-height: 1.5; color: #4C5059; font-family: 'Poppins', sans-serif; font-weight: 400; width: 80%; margin: 0 auto; color: #000000;}

h6{font-size: 24px; font-weight: 500; font-family: 'Poppins', sans-serif;}

p, label{font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500;}

.ucpmpForm{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ucpmpForm div {
    /* flex: 45%; */
	flex: 32%;
    margin-bottom: 10px;
    flex-grow: 0;
}
.ucpmpForm label{display: block;}
.ucpmpForm input, .ucpmpForm select, .ucpmpForm textarea {border-radius: 4px; border: 1px solid #bbb; font-size: 16px; color: #666; width: 100%;
    padding: 5px;}
.ucpmpForm input:not([type='checkbox']):not([type='submit']):not([type='radio']), .ucpmpForm select{height: 35px;}
.ucpmpForm input[type='checkbox'], .ucpmpForm input[type='radio']{width: auto;}
.ucpmpForm input[type='checkbox'] + label, .ucpmpForm input[type='radio']+label{display: inline-block; padding-right: 15px;padding-left: 5px;}
.ucpmpForm textarea {resize: none; height: 100px;}
.ucpmpForm input:focus, .ucpmpForm select:focus, .ucpmpForm textarea:focus{ outline: none;}
.ucpmpForm div:nth-child(odd) {
		/* margin-right: 50px; */
	}
.ucpmpForm div.flex100 {flex: 100%;}
.ucpmpForm .divsubmit input[type='submit'] {
	background-color: #0fbf9b;
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
	border-radius: 10px;
	padding: 15px 35px;
}
.ucpmpForm h3{color: #50b849;font-family: 'Poppins', sans-serif; font-weight: 600;}

.paymentdet {margin-bottom: 20px;}
.paymentdet td{border: 1px solid rgba(0,0,0,0.5); padding: 2px 5px;}
.paymentdet p{margin: 0px; font-size: 16px;}
.wid45pc{width: 45% !important;}
.padT50{padding-top: 50px;}

#complaintMessageYes, #complaintMessageNo{display: none;}

span.errorStyle{color: #ff0000; font-weight: 500; font-size: 14px;}
input.errorStyle, select.errorStyle, textarea.errorStyle{border: 1px solid #0fbf9b; box-shadow: 1px 1px 10px #0fbf9b;}


/**COMPLAINANT PORTAL HEADER**/
.header{background-color: #fff; padding-bottom: 20px;}
.header h1{font-size: 32px; font-weight: 500; font-family: 'Poppins', sans-serif; color: #50b748;}
/**COMPLAINANT PORTAL HEADER**/


/**COMPLAINANT LOGIN **/
.loginpagewrapper{background-image: url('../images/ucpmp_banner02.jpg'); background-size: cover; background-repeat: no-repeat; min-height: 100vh;}
.loginpagecontainer{min-height: 80vh; position: relative;}
.login-container {
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	width: 450px;
	margin: 0 auto;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}

.login-container h2 {
	margin-bottom: 20px;
	text-align: center;
	font-family: 'Poppins', sans-serif;  font-size: 28px;
}

.login-container input[type="text"],
.login-container input[type="password"] ,.login-container input[type="email"], .login-container select  {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.login-container button {
	width: 100%;
	padding: 10px;
	background-color: #0fbf9b;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.login-container button:hover {
	background-color: #218838;
}

.error-message {
	color: red;
	display: none;
	margin-bottom: 10px;
}

/**COMPLAINANT LOGIN **/

/**COMPLAINANT DASHBOARD***/
.menucontainer{background-color: #0fbf9b; min-height:80px; display: flex; align-items: center;}
.menucontainer ul{ list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;}
.menucontainer ul li {
		display: inline;
	}
	.menucontainer ul li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 20px;
		text-decoration: none;
		transition: background-color 0.3s;
		font-family: 'Poppins', sans-serif;
		font-size: 18px; font-weight: 500;
	}
	
	/* Hover effect for the links */
	.menucontainer ul li a:hover {
		/* background-color: #575757; */
	}
.welcomemsg{margin: 0px; margin-left: auto; color: #fff; font-family: 'Poppins', sans-serif;
	font-size: 18px; font-weight: 500;}

.filelist li{display: flex; margin-bottom: 10px; position: relative;}
.filelist a{color: #0fbf9b; font-weight: 500;}
.btnDeleteFile{background-color: #c33d1b; color: #fff !important; border: 0px none !important; width: 70px !important; margin-left: auto; font-weight: 500;}
.deletefileconfirm{position: absolute; display: none;
    left: 70%;
    top: -22px;
    background-color: #666;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px; width: 152px; margin: 0px !important;}
/**COMPLAINANT DASHBOARD***/
/***************************************************************************************************/


/***********ADMIN DASHBOARD************/
#viewcomplaints{display: none;}
#allcomplaints table th{border:1px solid #000; text-align: center; background-color: #19aee4; font-size: 18px; font-family: 'Poppins', sans-serif; }
#allcomplaints table td{border:1px solid #666; padding: 5px 10px; text-align: center; font-size: 16px;;}
#allcomplaints table tr:nth-child(even){background-color: rgb(197, 191, 191);}

#allcomplaints table a{background-color: #50b748; font-size: 16px; color: #fff; font-weight: 500; padding: 5px 10px; text-align: center; border-radius: 10px;}
#allcomplaints table a:hover{text-decoration: none;}

#updateresponse{display: none;}
/***********ADMIN DASHBOARD************//***********ADMIN DASHBOARD************/
#viewcomplaints{display: none;}
#reports table th{border:1px solid #000; text-align: center; background-color: #19aee4; font-size: 18px; font-family: 'Poppins', sans-serif; }
#reports table td{border:1px solid #666; padding: 5px 10px; text-align: center; font-size: 16px;;}
#reports table tr:nth-child(even){background-color: rgb(197, 191, 191);}

#reports table a{/*background-color: #50b748;*/ font-size: 16px; color: #003366; font-weight: 500; padding: 5px 10px; text-align: center; border-radius: 10px;}
#reports table a:hover{text-decoration: none;}

#updateresponse{display: none;}

.btn{background-color: #50b748;font-size: 16px; color: #fff; font-weight: 500; padding: 5px 10px; text-align: center; border-radius: 10px;}
/***********ADMIN DASHBOARD************/

.spacer50{height: 50px;}
.flex60{flex: 60% !important; margin-right: 20px;}
.font11{font-size: 11px !important;}


@media only screen and (max-width: 1440px) {

}

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

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



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

@media only screen and (max-width: 820px) {

}

@media only screen and (max-width: 610px) {

}

@media only screen and (max-width:520px) {

}

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