@charset "ISO-8859-1";
.f-row-centered,.f-column-centered
{
	display:flex!important;
	Justify-content:center!important;
	align-items:center!important;
}
.f-column-centered
{
	flex-direction:column!important;
}
slider-section
{
	width:100%;
	padding: 5vh 10vh;
	height:70vh!important;
}
content-section-1
{
	width:40%;
}
slider
{
	width:60%;
	height:100%;
}
.custom-slider
{
	width:100%!important;
	height:100%!important;
	overflow:hidden;
	border-radius:2vh;
}
.custom-slider img
{
	width:100%!important;
	height:60vh!important;
	object-fit:cover!important;
}
.ext
{
	width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:1.5vh;
}
.ext img
{
	width:50%;
	height:50%;
}
.quickicon
{
	display: flex;
    justify-content: center;
}
.carousel-caption
{
	background:black!important;
	color:white!important;
	display:flex;
	flex-grow:1!important;
	height:10%!important;
	top:0%;
	left:0%!important;
	justify-content:flex-start;
	padding:1vh!important;
	
}
.carousel-caption h5
{
	display:flex;
}

.mpcount-section
{
	height:100%;
	width:15%;
}
tile-content
{
	height: 40vh!important;
    display: flex!important;
    justify-content: space-between;
    align-items:center;
	gap: 5vh;
	background: rgb(245 245 245);
}


.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon
{
	 filter: invert(0) grayscale(100)!important; 
	 background-color: black!important; 
	 color: white!important; 
	 border-radius: 100%!important; 
	 background-size: 16px!important; 
}
tile-content .divider
{
    width: 0.5vh;
    height: 100%;
    background: #655d5d;
    border-radius: 1vh;
}

.carousel-item {
  transition: transform 1s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 1s;
}

/* .tile1:hover
{
	background:#FFE37E!important;
}
.tile2:hover
{
	background:#FFD8BC!important;
}
.tile3:hover
{
	background:#D0F1FF!important;
}
.tile4:hover
{
	background:#FFE8DE!important;
} */


.head_tile,.tail_tile
{
	width:50%;
	background:#efeeee;
	display:flex;
}
.head_tile
{
	border-right:1px grey solid;
	border-radius: 30vw 0px 0px 30vw;
    padding: 1vh;
}
.tileval
{
	font-size: 1.4vw;
    font-weight: bold;
}
.tilekey
{
  	font-weight: 400;
    font-size: 1.2vw !important;
    color: black;
}
.tail_tile
{
	border-left:1px grey solid;
	justify-content: flex-end;
    align-items: flex-start;
    width:40%!important;
    flex-direction: column-reverse;
    padding: 2vh;
    gap:1vh;
}
.tile-section
{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 65% !important;
    flex-direction: column;
    height: 100%;
    gap: 3vh;
}
#note-label
{
	font-size:1vw;
	color:red;
}

.content-sec
{
	padding: 9vh;
	display:flex;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-direction: column;
    text-align: justify;
}

.financeData{
    /* padding: 15.360983102918587vh 0px 23.04147465437788vh 0px!important; */
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    font-weight:bolder;
    text-transform:capitalize;
    /* margin-bottom:7.680491551459293vh; */
    align-items: center!important;
    width: 100%;
}
.content4
{
	height: 55vh;
   	padding: 6vh 26vh;
}

.quotebox {
    width: 32vw !important;
    height: 100%;
    font-size: 1.35rem !important;
    display: inline-flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    font-weight: 600;
}

.quotebox p
{
	border-top: #FF7722 0.7680491551459293vh solid;
    border-radius: 3.0721966205837172vh;
    padding: 3.0721966205837172vh 1.0980966325036603vw;
    border-bottom: #138808 0.7680491551459293vh solid;
    color: #0c3058;
}
.roundimg
{
  height:23.04147465437788vh;
  width:10.980966325036603vw;
  border-radius:100%;
  background-color:rgb(69, 25, 82);
  box-shadow:10px 10px 10px lightgray;
}
.contentbox1 {
    display: inline-flex;
    width: 66vw;
    height: 100%;
    /* justify-content: space-evenly; */
}

.contentbox1 .content2
{
	display: inline-flex;
    justify-content: center;
    align-items: center;
}
.PM-content
{
	height: 45vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.financeData .topdiv
{
	width:20%!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	
}

.twr, .te, .twc, .fr{
    font-size:bolder;
    transition-duration:500ms;
  	padding: 4.840246vh 4%;
    color:black;
    width:100%;
    font-size: 2vh!important;
    background:#FFF9D1!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.tcsicon
{
	width: 11.641288vw;
    height: 7.144393vh;
}
.sbiicon
{
	width: 7.320644216691069vw;
    height: 6.1443932411674345vh;	
}
.tcsicon img
{
	width:11.71303074670571vw;
	height:7.680491551459293vh;
}
.sbiicon img
{
	width:7.320644216691069vw;
	height:5.376344086021505vh;
}
.mpicon {
    width: 8.784773060029282vw;
    height: 14.288786vh;
    overflow: hidden;
}
.mpicon img
{
    width: 9.150805270863836vw;
    height: 15.056836vh;
    margin: -2px;
    margin-left: -1px;
}

footer
{
	margin-top:5vh;
    height: 15vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    overflow: hidden;
    margin-top: 5vh;
    padding-left: 5vh;
	
}

.footercus p
{
	margin:0.2px;
	font-weight:500;
	font-size: 1.17vw;
}

.footercus
{
	width:55%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}


.aboutcus
{
	height: 100%!important;
    background: #F5F5F5;
    padding: 5vh;
    text-align: justify;
    font-size:1.2vw;
}
#totmp
{
	background:#1A936F!important;
	color:white;
	padding: 1vh;
	border-radius:100%;
	width:50%!important;
}
#totmp .tileval
	{
		font-size:3.6vw!important;
	}
#totmp .tilekey
{
	font-size:1.2vw!important;
	color:white!important;
	font-weight:500!important;
}
.topdiv
{
	width:20%;
}
.quicklinks
{
	width: 70% !important;
}

.work,.money
{
	width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
}


.head-tile-card
{
	height: 100%;
    width: 72%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column-reverse;
	padding: 1vh 0vh 0 1vh;
    gap: 1vh;
}


.money .head_tile,.money .tail_tile
{
	background:#FFE37E!important;
}
.work .head_tile,.work .tail_tile
{
	background:#D0F1FF!important;
}







/* from landingpage.css */


.bold
{
  font-weight:bolder;
}

.linkcus
{
 	justify-content:flex-end;
}


.but1
{
	border-radius:50px;
	padding:0.5vh 3vh;
	background-color:rgb(245 245 245);
	color:white;
	font-weight:bolder;
	border:0px;
	color:black;
	font-weight:500
}
/* .but1
{
  border-radius:50px;
  padding:0 2.304147465437788vh;
  background-color:#0c3058;
  color:white;
  font-weight:bolder;
  transition-duration:0.2s;
  //transition-delay:0.5s;
} */
/* .but1:hover
{
  background-color:white;
  color:#0c3058;
} */




.modalguide
{
	height: 45.242704vh;
	width:100%;
	background-color:#e9ecef;
	overflow:auto;
}
.modalguide a
{
	text-decoration: none;
    color: black;
    cursor: pointer;
}
.modalguide li
{
	margin-bottom:15px;
}

#forguide .bg-success {
    background-color: #0c3058!important;
    font-weight:bolder;
}
#english_links li a, #hindi_links li a,#video_links li a,#form_links li a
{
	font-weight:bolder;
	color:teal;
	text-decoration:underline;
}
#forvedio
{
	background-color:#e9ecef;
    width: 35%;
    height: 100%;
    overflow:auto;
}
#myvid
{
	width:65%;
	height:100%;
	object-fit:cover;
}
#video_content
{
	display: flex;
    width: 100%;
    height: 100%;
}
#forms
{
	background-color:#e9ecef;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100%;
}

.bifurcation
{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.subdiv
{
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vh;
}

.bifurcation .subdiv .tileval
{
	
    font-size: 1.2vw!important;
    color:black;
    font-weight:500;
}
.bifurcation .subdiv .tilekey
{
	
    font-size: 1.2vw!important;
    color:black!important;
    font-weight:400!important;
}
#totmp
{
	width:70%!important;
}
#toptotmp
{
	width:12%!important;
}
.mptcsicon
{
	width: 25% !important;
    gap: 2vh!important;
}

.bifurcation .subdiv:first-child::before
{
	content:" ";
	position:relative;
	display: block;
	width: 2vh;
	height:2vh;
	background:#FFE177;
}
.bifurcation .subdiv:last-child::before
{
	content:" ";
	position:relative;
	display: block;
	width: 2vh;
	height:2vh;
	background:#1A936F;
}

.navbar-nav li .linkmate
{
	position:relative;
}
.navbar-nav li .linkmate::after
{
	content:"";
	display:block;
	width:100%;
}
.navbar-nav li .linkmate:hover::after
{
	
	animation-name:expborder;
	animation-iteration-count:1;
	animation-duration:600ms;
	animation-fill-mode:forwards;
}

@keyframes expborder
{
	0% 
	{
		border-bottom:2px white solid;
		transform:scaleX(0);
	}
	100% {
	border-bottom:2px white solid;
	transform:scaleX(1);
	}
}


slider
{
	display:inline-flex!important;
	align-items:center;
}
slider::before,slider::after
{
	content:" ";
	position:relative;
	width:1.25vw;
	height:90%;
	background:lightgray;
	/* animation-name:faded;
	animation-iteration-count:infinite;
	animation-duration: 6s; */
	
}
slider::before
{
	border-top-left-radius:1.2vw;
	border-bottom-left-radius:1.2vw;
}
slider::after
{
	border-top-right-radius:1.2vw;
	border-bottom-right-radius:1.2vw;
}
@keyframes faded
{
	from {
		background:transparent;
	}
	to{
		background:lightgray
	}
}
.nav-link,.ext
{
	cursor:pointer!important;
}






/* For Media Queries and Responsive layout*/




a :is(.mainlogo)
{
	width:34vw;
	padding-left:2vh;
}
.container-fluid
{
	padding-left:1vw!important;
}

.navbar-nav
{
	display: flex!important;
    justify-content: flex-start!important;
    gap: 0.5vw!important;
    align-items: center!important;
	object
	{
		height: 2.9vh;
	    width: 1.5vw;
	}
	*
	{
		font-size:1.3vw;
	}
}

slider-section
{
	font-size:1.17vw!important;
	p
	{
		margin-bottom: 1vh!important;
	}
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(0) grayscale(100) !important;
    background-color: black !important;
    color: white !important;
    border-radius: 100% !important;
    background-size: 2vw !important;
    width: 6vh;
    height: 6vh;
}

.modified-content
{
	height: 90vh;
	border-radius: 2vw;
}

.modified-modal
{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0px!important;
	/* background-image: linear-gradient(to top, #dfe9f3 0%, white 100%)!important; */
	height:70vh!important;
    border-radius:1.5vw;
	.logo-container,.citi-form
	{
		width:100%!important;
		height:100%!important;
		background:unset;
		display:flex;
		justify-content:center;
		align-items:center;
		color:#0199CA;
	}
	
	.logo-container
	{
	    /* text-align: center;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	    font-size: 3.5vw;
	    gap: 4vw; */
	    text-align: center;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	    font-size: 3.5vw;
	    gap: 4vw;
	    background: linear-gradient(to top, #30cfd0 0%, #330867 100%)!important;
	    clip-path: polygon(81% 0, 100% 50%, 82% 100%, 0 100%, 0 0);
	    color:white!important;
	    .round-logo
	    {
    	    width: 10vw;
		    background: white;
		    height: 10vw;
		    border-radius:100%;
		    background-image: url('../../../../zkImages/verified-account.png');
		    background-size:contain;
	    }
	}
	
	.citi-form
	{
		flex-direction:column;
    	border-top-left-radius: 10vw;
    	background: #EAF8F9;
    	border: 1px solid #d3d3d352;
    	border-bottom-right-radius: 2vw;
		border-bottom-left-radius: 2vw;
	}
	.main-form
	{
		width:100%;
		height:100%;
		display:flex;
		overflow:auto;
		flex-direction: column;
		/* padding:6vh; */
		.select-group,.radio-group,.user-details
		{
			display:inline-flex;
			gap:3vh;
			margin:2vh 0vh;
			
		}
		.radio-group
		{
			div
			{
				display:inline-flex;
				gap:0.5vh
			}
		}
	}
	.page-indicator
	{
		width:100%;
		height:20%;
	}
}
.form-container
{
    border-collapse: separate;
    border-spacing: 1vw 3vw;
    font-size: 1.5vw;
    font-weight: 500;
    margin-top: -4vh;
    tr td input
    {
    	border-radius:1.4vh;
    	background:#ECF0F3;
    	padding:1vh;
    	border: 1px solid lightgray;
    }
    
}
.insert-otp
{
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	gap:2vh;
	.text-msg,.time-out
	{
		/* color:#0199CA!important; */
		font-size:1.6vw!important;
		text-align:center;
		padding:2vh;
	}
}
.input-boxes input
{
    width: 4vw;
    height: 4vw;
    text-align: center;
    font-weight: 500;
    font-size: 2vw;
    background: #F5F3F3;
    border: 1px solid #0dcaf045;
    border-radius: 0.4vw;
}

.button-grp
{
	width:100%;
	display:flex;
	justify-content:center;
}
#submitOtp,#get_otp,#submit-request,#search-work,#review-btn,#work-requests .btn,#work-requests .up_btn
{
	padding: 0.5vw 6vw;
    border-radius: 1vw;
    background: #03787C;
    color: white;
    font-weight: 500;
}
.row:has(#Submit-review,#Update-review)
{
	display:flex;
	justify-content:center;
	padding: 0 2vw;
}

#Submit-review,#Update-review
{
    padding: 0.5vw 4vw;
    border-radius: 1vw;
    background: #03787C;
    color: white;
    font-weight: 500;	
    width:40%;
}

#Close-review
{
	padding: 0.5vw 4vw;
    border-radius: 1vw;
    background:white;
    color: black;
	border:0.2vw solid #03787C;
    font-weight: 500;
    width:40%;
}


#reset-form,#reset-work
{
	padding: 0.5vw 6vw;
    border-radius: 1vw;
    background:white;
    color: black;
	border:0.2vw solid #03787C;
    font-weight: 500;
}
.row-1
{
    display: flex;
   	justify-content: flex-start;
   	gap: 2vw;
}

.button1
{
	background:#0199ca;
	color:white;
	font-weight:500;
}

.other-details
{
	margin-top:2vw;
	table
	{
		width:100%;
	}
}

.container .row
{
	margin:2vh 0vh;
	.col:not(:has(.rural))
	{
		display:flex;
		gap:1vh;
		align-items:flex-start;
		flex-direction:column;
		/* input[type="search"] select,input[type="text"],input[type="tel"] 
		{
			min-width:70%;
			padding: 1vh 0vh;
		} */
	}
	.radio-group
	{
		display: flex;
	    align-items: center;
	    padding: 0px!important;
	    margin: 0px;
	}
	.centered-col
	{
		display:flex!important;
		justify-content:center!important;
		align-items:center!important;
		gap:1vw!important;
		flex-direction:row!important;
	}
}
.row-separator
{
	width: 100%;
    height: 0.7vh;
    background: #bbd5d5;
    border-radius: 1vh;
}

.bt-effect
{
    color: white;
    font-weight: 500;
	border:0;   
}



.bt-effect:hover
{
	box-shadow: 2px 2px 2px 2px lightgray;
}

.form-container
{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
   /*  box-shadow: 5px 5px 5px 5px lightgrey; */
    border-radius: 2vh;
}
.custom-floating
{
	width:80%!important;
}

.custom-floating:has(input[type="search"])::after
{
	content:"\F002";
	font-family:"FontAwesome";
	display:inline-flex;
	position: relative;
	left: 100%;
	top: -50%;
	margin-left: 1vw;
	font-size:1.3vw;
}

.check-container
{
	width: 10vw;
    height: 10vw;
    object-fit: cover;
}


.user-nav
{
	background:white!important;
	ul
	{
		
		display:flex;
		width:100%;
		justify-content:flex-start!important;
		gap:0!important;
	}
	li a
	{
		color:#03787c!important;
		font-weight:500;
		cursor:pointer;
		text-align:center;
	}
	li 
	{
		min-width:12vw;
		border-bottom:0.2vw solid #03787c;
	}
}


.form-body
{
	display:flex;
	flex-direction:column;
}
.custom-floating:has(textarea)>.form-control {
	min-height: 5.5vw;
		
}

.fa-user,.fa-mobile-phone
{
	color:#325e94!important;
}

.back-btn
{
	width: 100%;
    display: flex;
    padding-left: 2vh;
    font-size: 2vw;
    color: #087694;
    align-items: center;
    gap: 1vw;
    position: absolute;
    top: 0%;
    font-weight:500;
    cursor:pointer;
}
.clicked
{
	text-align:center;
	border-bottom:0px!important;
	a.nav-link
	{
		background: white!important;
	    border-radius: 0.5vw!important
	}
}
.clicked::after 
{
	content:"";
	height:0.6vw;
	display:flex;
	background:#03787c;
	border-radius:1.5vw;
}


#track-requests.table
{
	th,td
	{
		text-align:center;
	}
}


.custom-floating:not(:has(input[type="email"]))
{
	label::after
	{
		content:"*";
		margin-left:1vh;
		color:red;
	}
}

.recomm::after
{
	content:"*";
	margin-left:1vh;
	color:red;
}

.recomm
{
	font-weight:500;
	color:#03787C;
}

.consent-row p::after
{
	content:"*";
	margin-left:0.5vw;
	color:red;
}
.custom-floating:has(textarea)::before
{
	content:"Max 1000 Characters allowed";
	font-size:0.8rem;
	color:red;
}

.req-details
{
	display:flex;
	flex-direction:column;
	gap:3vw;
	
	.submitted-labels
	{
		display:flex;
		flex-direction:column;
		label:first-child
		{
			font-size:1.3vw;
			font-weight:500;
		}
	}
}
.modal-body:has(.req-details)
{
	overflow:auto;
	max-height:60vh;
}

.captcha-container .col
{
	display:flex!important;
	flex-direction:row!important;
	align-items:center!important;
	/* padding:0vh 10vh!important; */
	justify-content: center!important;
	input,img
	{
		width: 26.5%!important;
		height:100%!important;
		display:inline-block!important;
	}
}

#change-cap
{
	font-size:2vw;
} 


.work-col::after
{
	content:"Max 100 Characters allowed";
	font-size:0.8rem;
	color:red;
}
.long-textarea
{
	width:90%!important;
}

.custom-floating.long-textarea::before
{
	content:"Minimum 100 Words Required"!important;
	font-size:0.8rem;
	color:red;
}

.col:has(input[type="file"])::after
{
	content:"[Allowed Types: PDF]";
	font-size:0.8rem;
	color:red;
}

.consent-box
{
	display:flex;
	gap:1vw;
	align-items:flex-start!important;
	input
	{
		margin-top:2vw
	}
	p
	{
		font-weight:500;
		text-align:justify;
	}
}

.iconbox :nth-child(3)
{
	position:relative;
	top:0.9vw;
}

#staticBackdrop .modal-body
{
	overflow:hidden!important;
}

.formguide
{
	display:flex!important;
	justify-content:flex-start!important;
	align-items:flex-start!important;
	padding:1vw!important;
	overflow:auto!important;
}
.dt-search
{
	display: flex;
	width: 26%;
	gap: 0.5vw;
	margin: 1vw;
	float: left;
	flex-direction: column;
	margin: 2vw 0vw;
	label 
	{
		color:#03787c;
	}
}
.track-table,.work-table
{
	padding:1vw!important;
	tr,td,th
	{
		border:none!important;
	}
}
.consent-row
{
	display: flex;
    align-items: center;
    gap: 1vw;
    padding-left: 1vw;
    margin:1vw 0;
    p
    {
    	margin:0;
    }
}
.ynbox
{
	display: flex;
    justify-content: center;
    gap: 1vw;
    button
    {
    	width:5vw;
    }
}
.alert-message
{
	display: flex;
    padding: 2vw 1vw;
    font-size: 1.6vw;
}

.form-spinner
{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255,255,255,.7);
    
}
.format-spin
{
    height: 5vw;
    width: 5vw;
}
#attach-data li{
	list-style: none;
}

/**/


/*CITIZEN_LOGIN UI REVAMP*/

.otp_info
{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #EAF8F9;
    border-top-left-radius: 4vw;
    border-bottom-right-radius: 4vw;
    padding: 2vw 1vw;
    border: 1px solid #d3d3d352;
}

.timer-container
{
	width: 100%;
    flex-direction: row;
    display: flex;
    justify-content: flex-end;
    gap: 0.2vw;
    margin-right:11vw;
}
#timer
{
	font-weight:500;
}
#resendOtp
{
	color: #03787C;
    font-weight: 500;
    cursor: pointer;
}

.resized_modal
{
	height: 70vh;
    width: 35vw;
    
    .modal-header
    {
    	border:0px;
    }
}

.modified_content
{
	.modal-title
	{
		font-size: 1.8vw!important;
	}
}

:root
{
	--Vezh : tcs@1234;
	--Vezhof: 4d67fd8ee80132c6115e39880b08165d;
	--Vezhi: 679d61633b789016
}

.login_modal
{
	.modified-modal
	{
		align-items:flex-end!important;
	}
	
	.citi-form
	{
		height:90%!important;
	}
	.form-container
	{
	    justify-content: flex-end!important;
		align-items: flex-start!important;
	}
	.row 
	{
		width:100%!important;
		padding:0 3vw!important;
	}
	.row h4 
	{
		margin:0px!important;
		padding:0px!important;
		color: #03787C!important;
	}
	input::placeholder
	{
		opacity:1!important;
		color:#000000b8!important;
		font-weight:500!important;
		font-size:1.25vw!important;
	}
	input
	{
		border:1px solid #03787C!important;
		padding:0.6vw!important;
	}
	.captcha-col
	{
		justify-content:flex-start!important;
		margin:0px;
		padding:0px;
		max-height:3vw;
		input,img 
		{
			border:1px solid #03787C!important;
			border-radius:0.3vw!important;
			width:45%!important;
		}
	}
	.col:has(#get_otp)
	{
		align-items:center!important;
		
	}
}


.modified-content .btn-close
{
	font-size:1.5vw;
	color:black!important;
	opacity:1;
	
}

#change-cap
{
	background: url('/zkImages/captcha_refresh.svg');
    width: 10%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0.3vw;
}


.form_modal
{
	.modal-header
	{
		background:#03787C;
		color:white;
		border-top-right-radius: 2vw;
		border-top-left-radius: 2vw;
	}
	.row-separator
	{
		display:none
	}
	table>thead
	{
		background:#DCDCDC
	}
}

#logout-button
{
	display:flex;
	align-items:center;
	gap:0.5vw;
	font-weight:500;
	padding:1vw;
}

.main-form .custom-floating:not(:has(textarea)),.main-form textarea
{
	label 
	{
		color:#03787C;
		font-weight:500;
		opacity:1;
	}
	label::after
	{
		font-weight:400;
	}
	/* border:1px solid #03787C; */
	border-radius:0.4vw;
}
.main-form .custom-floating:has(textarea)
{
	label 
	{
		color:#03787C;
		font-weight:500;
		opacity:1;
	}
	label::after
	{
		font-weight:400;
	}
}

input[type="checkbox"]
{
	height: 1.25vw!important;
	width: 2.25vw!important;
	accent-color: #03787c!important;
}
input[type="radio"]
{
	accent-color: #03787c!important;
	scale:1.3;
	margin-right:0.3vw;
	
}
.col:has(.attachment-div)
{
	gap:0!important;
	color:#03787c;
	font-weight:500;
	
}
.col:has(.attachment-div)::after
{
	font-weight:400;
}
.attachment-div 
{
	display: inline-block;
    max-width: 20vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
	background:#E5EFEE;
	border:0.1vw solid #03787c;
	border-radius:0.3vw;
	width:100%;
	padding:0.5vw;
	color: #03787c;
	cursor:pointer;
	font-weight: 450;
}

.main-form::-webkit-scrollbar 
{
	background:#D9D9D9;
	max-width:1vw;
	border-radius:1vw;
}
.main-form::-webkit-scrollbar-thumb
{
	border-radius:1vw;
	background:#5F5F5F;
} 
.req-link
{
	text-decoration:none!important;
	font-weight:500!important;
}

.col:has(.attachment-div)
{
	gap:1vh!important;
}
.custom-floating
{
	display:flex;
	flex-direction:column-reverse;
	gap:1vh;
	input,select,textarea
	{
		border:1px solid #03787C;
	}
}

#Logout-form .modal-content ,#final-submit .modal-content
{
	border-radius:1vw!important;
	.modal-header
	{
		border-top-left-radius:1vw;
		border-top-right-radius:1vw;
	}
}
#Logout-form .modal-header,#final-submit .modal-header
{
	background:#03787C!important;
	display:flex!important;
	justify-content: center;
	color: white;
	.btn-close
	{
		display:none;
	}
}

#Yes-out,#Yes
{
	background:#03787C!important;
	width:7vw;
	text-align:center;
}
#No-out,#No
{
	background:white!important;
	color:#03787C;
	width:7vw;
	border:0.2vw solid #03787C;
}

.dt-center:has(.pending-class,.approved-class,.rejected-class)
{
	display:flex;
	justify-content:center;
}
.pending-class,.approved-class,.rejected-class
{
	display:flex;
	justify-content:center;
	border-radius:1vw;
	color: bla!important;
	font-weight:500;
	width:80%;
	padding:0.5vh 0;
}
.pending-class
{
	background:#FFDB96;
}
.approved-class
{
	background:#6FB47D;
}
.rejected-class
{
	background:#ff000073;
}
.page-link:not(.last,.first,.next,.previous)
{
	background:#65ADAF!important;	
	border-color:#65ADAF!important;
	border-radius:0.4vw;
}
.pagination
{
	gap:0.5vw;
}
.last,.first
{
	display:none;
}
.next,.previous
{
	color:transparent!important;
	font-size:0;
	/* border-color:#65ADAF!important; */
	border-color:white!important;
	border-width:0.1vw;
	border-radius:0.4vw;
}
.next::after
{
	content:"\f061";
	font-family:"FontAwesome";
	color:#65ADAF!important;
	font-size:1.125vw;
}
.previous::after
{
	content:"\f060";
	font-family:"FontAwesome";
	color:#65ADAF!important;
	font-size:1.125vw;
}
.dt-info
{
	color:#03787c;
	margin-bottom:1vw;
}
.search-reset-btn-col
{	
	display:flex!important;
	justify-content:center!important;
	align-items:center!important;
	flex-direction:row!important;
}

.review-form
{
	display: flex;
    flex-direction: column!important;
    gap: 1vw!important;
}

#work-requests 
{
	th,td
	{
		text-align:center;
	}
} 

.star-container
{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  background:white;
  gap:2vw;
}
.row:has(.star-container)
{
	display:flex;
	flex-direction:column!important;
	gap:2vw;
}

.custom-floating:has(#rating-text)::before 
{
	content:"max 1000 characters allowed";
}
.star
{
  display:inline-flex;
  background:lightgray;
  min-width:3vw;
  height:3vw;
  cursor:pointer;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
#star-form .custom-floating label 
{
	font-weight:500;
	color:#03777b;
}
.col:has(.star-container)
{
	margin-bottom:2vw;
}

#star-form
{
	.modal-content
	{
		border-radius:2vw;
	}
	.modal-header
	{
		background:#03777b;
		color:white;
		border-top-left-radius:2vw;
		border-top-right-radius:2vw;
		display:flex;
		justify-content:center;
		h5
		{
			display:flex;
			align-items:center;
			overflow: hidden;
		}
		#wrk-title
		{
			display: inline-block;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    max-width: 65%;
		    white-space: nowrap;
		}
	}
	.btn-close 
	{
		display:none;
	}
	.col 
	{
		padding: 0 2vw;
	}
	
}

/* .previous,.next
{
	color:white!important;
	border:none;
}

.previous:after
{
	content:"red";
	display:inline-flex;
	width:2vw!important;
	font-family:"FontAwesome";
	color:red!important;
} */

/*CITIZEN LOGIN UI REVAMP*/