@import 'Theme.css';

body, ul {
	margin: 0
}

h1, h2 {
	color: #000;
	font-weight: 600;
}

h1, h2, h3 {
	font-weight: 600;
}

a img, hr {
	border: 0
}

.cf:after, .clearfix, .content p.masthead {
	clear: both
}

.col-left, .sidebar, hr, hr.spacer {
	float: left
}

.add-section, .regsteps, .sidebar {
	overflow: auto
}

.alphabet h2, li, ul.tabs {
	list-style: none
}

.login table td, .pright span, .tableCellDiv, tr.headerRowGreen {
	vertical-align: middle
}

a:any-link {
	text-decoration: none
}

a:-moz-any-link {
	text-decoration: none
}

a:-webkit-any-link {
	text-decoration: none
}

@
-webkit-keyframes glowbutton {
	from ,to{background-color: #aaa
}

50%{
background-color
:
#888
}
}
@
-moz-keyframes glowbutton {
	from ,to{background-color: #aaa
}

50%{
background-color
:
#888
}
}
@
-o-keyframes glowbutton {
	from ,to{background-color: #aaa
}

50%{
background-color
:
#888
}
}
@
keyframes glowbutton {
	from ,to{background-color: #aaa
}

50%{
background-color
:
#888
}
}
@
-webkit-keyframes glowbutton-grey {
	from ,to{background-color: var(--color-primary)
}

50%{
background-color
:
#6ca079
}
}
@
-moz-keyframes glowbutton-grey {
	from ,to{background-color: var(--color-primary)
}

50%{
background-color
:
#6ca079
}
}
@
-o-keyframes glowbutton-grey {
	from ,to{background-color: var(--color-primary)
}

50%{
background-color
:
#6ca079
}
}
@
keyframes glowbutton-grey {
	from ,to{background-color: var(--color-primary)
}

50%{
background-color
:
#6ca079
}
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body {
	font-family: "Poppins", sans-serif;
	font-size: 0.875rem;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
	padding: 0 !important;
	background-color:#ECF1F4;
}
label{
	font-size: 0.875rem;
}

ul {
	padding: 0
}

p {
	line-height: 1.5em
}

a {
	color: var(--color-primary);
	cursor:pointer;
}


li:not (.megamenu_button ) a:focus {
	background-color: #6ca079 !important
}

h3, h4 {
	color: #000 !important;
	background: 0 0 !important;
	margin: 5px 0
}

h1 {
	font-size: 3.75em
}

h2 {
	font-size: 1.875em
}

h2 a {
	color: var(--color-primary)
}

h2 a:focus, h2 a:hover {
	color: #6ca079
}

h3 {
	font-size: 1.125rem;
	border: 0 !important
}

h4 {
	font-size: 1rem;
	font-weight: 700;
}


input[type=checkbox]{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #348DDF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    border-radius: 4px;
    margin: 0px;
    position: relative;
    margin-right: 6px;
}
input[type=checkbox]:before {
    content: "";
    position: absolute;
    /*right: 50%;*/
    left: 3px;
    top: 6px;
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    margin: 0px;
    transform: rotate(45deg) translate(-50%, -50%);
    /*z-index: 2;*/
}
input[type=checkbox]:checked {
    --checkbox-color: #0170D7;
    background-color: #0170D7;
 
}

input[type=checkbox]:focus{
    outline: 0px;
    outline-offset: 0px;
}

.form-check input[type=checkbox]{
	margin-right: 0px;
}
.btn, .slider-btn2, input[type=submit] {
	font-size: .9375rem;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	box-sizing: border-box;
	text-shadow: none
}

hr {
	width: 95%;
	margin: 20px auto;
	background-color: #aaa;
	height: 1px
}

hr.spacer {
	position: static;
	margin: 50px 0 35px;
	width: 100%;
	background-color: #fff;
	border: 1px dashed #aaa;
	border-style: none none dashed
}

hr.fancy-line {
	border: 0;
	height: 1px;
	position: relative
}

hr.fancy-line:before {
	top: -.5em;
	height: 1em
}

hr.fancy-line:after {
	height: .5em;
	top: 1px
}

hr.fancy-line:after, hr.fancy-line:before {
	content: '';
	position: absolute;
	width: 100%
}

hr.fancy-line, hr.fancy-line:before {
	background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .1)
		0, rgba(0, 0, 0, 0) 75%);
	background: -webkit-gradient(radial, center center, 0, center center, 75%,
		color-stop(0, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, 0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .1)
		0, rgba(0, 0, 0, 0) 75%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .1)
		0, rgba(0, 0, 0, 0) 75%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .1)
		0, rgba(0, 0, 0, 0) 75%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .1) 0,
		rgba(0, 0, 0, 0) 75%)
}


input[type=password], input[type=text], textarea {
	height: 42px;
    background: #fff;
    font-family: "Poppins", sans-serif;
    border: 1px solid #DBE9F1;
    border-radius: 8px;
    color: #000;
    box-shadow: 0px 2px 8px 2px rgba(1, 112, 215, 0.1);
    padding: 6px 10px;
    line-height: normal;
    resize: none;
    box-sizing: border-box;
    width:100%;	 
}

textarea {
	height: initial !important;
	width: 100% !important;
}


input[type=password]:focus, input[type=text]:focus, textarea:focus, .form-control:focus{
    border-color: #0170D7;
    outline-color: #0170D7;
    outline: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
 
input[type=password]:focus-visible, input[type=text]:focus-visible, textarea:focus-visible{
    border-color: #0170D7;
    outline-color: #0170D7;
    outline: 1px;
}

select {
	width: 75%;
	padding: 6px 10px;
	margin: 0px 0;
	/* border: 2px solid #aaa; */
	height: 42px;
	box-shadow: 0px 2px 8px 2px rgba(1,112,215,0.1);
	border-radius: 8px;
	border: 1px solid #DBE9F1;
	left: 243px;
	top: 548px;
	appearance: none;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.296477%201.71L2.88648%204.3C3.27648%204.69%203.90648%204.69%204.29648%204.3L6.88648%201.71C7.51648%201.08%207.06648%200%206.17648%200H0.996477C0.106477%200%20-0.333523%201.08%200.296477%201.71Z%22%20fill%3D%22%23ACBCC5%22%2F%3E%3C%2Fsvg%3E)!important;
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 10px auto;
    outline: none;
    border: 1px solid #DBE9F1;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    padding-right: 30px;
}

select:focus-visible{
	border: 1px solid #0170D7;
}



select#day, select#month, select#year {
	width: 75%;
	padding: 6px 10px;
	margin: 0px 0;
    font-size: 0.875rem;
	/* border: 2px solid #aaa; */
	height: 42px;
	box-shadow: 0px 2px 8px 2px rgba(1,112,215,0.1);
	border-radius: 8px;
	border: 1px solid #DBE9F1;
	left: 243px;
	top: 548px;
	appearance: none;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.296477%201.71L2.88648%204.3C3.27648%204.69%203.90648%204.69%204.29648%204.3L6.88648%201.71C7.51648%201.08%207.06648%200%206.17648%200H0.996477C0.106477%200%20-0.333523%201.08%200.296477%201.71Z%22%20fill%3D%22%23ACBCC5%22%2F%3E%3C%2Fsvg%3E)!important;
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 10px auto;
    outline: none;
    border: 1px solid #DBE9F1;
}

.summary-btn, section {
	margin-bottom: 10px
}

select:hover {
	/*border: 2px solid #888 !important*/
}

.cf:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.btn, input[type=submit] {
	background-color: #555;
	width: auto !important;
	text-indent: 0;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #fff !important;
	font-weight: 700;
	font-style: normal;
	padding: 15px 26px;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all .2s ease-in-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.gobtn, .slider-btn2 {
	text-indent: 0;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	color: #fff;
	text-align: center;
	cursor: pointer;
	display: inline-block
}

.slider-btn2 {
	background-color: var(--color-primary);
	width: auto !important;
	margin-right: 10px;
	padding: 15px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all .2s ease-in-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.slider-btn2:hover {
	background-color: #6ca079
}

.gobtn {
	background-color: #555;
	border: 0 solid #dcdcdc;
	font-size: 11px;
	margin-left: 10px;
	width: 100px;
	height: 95px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.btn:focus, .btn:hover, .gobtn:focus, .gobtn:hover {
	background-color: #888 !important;
	-webkit-animation: glowbutton 1.618s infinite;
	-moz-animation: glowbutton 1.618s infinite;
	-o-animation: glowbutton 1.618s infinite;
	animation: glowbutton 1.618s infinite
}

.btn:active, .gobtn:active, .slider-btn2:active {
	position: relative;
	top: 1px;
	left: 1px
}

.summary-btn {
	width: 49% !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.content, .header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
	
}

.alert1 {
	background: #444;
	color: #fff
}

.alert1:hover {
	background: red !important
}

.compact {
	padding: 5px 7px;
	font-size: .75rem;
	margin: 10px 0
}

.large {
	padding: 20px 38px;
	font-size: .875rem;
	margin: 0 auto
}

.muted {
	color: #777 !important
}

.container {
    /* min-width: 80%; */
    /* width: 100%; */
    /* padding: 25px 30px; */
    /* box-sizing: border-box; */
}

.container, .containerHome {
	/* margin: auto; */
	/* width: 99%; */
}

.content {
	 /* min-height: 400px; */
    background: #FFF;
    margin-top: 20px;
    padding:20px;
    /* margin-bottom: 20px; */
    /* border: 5px solid var(--color-primary); */
    /* box-sizing: border-box; */
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /* margin: 20px; */
    box-shadow: 0px 6px 8px 2px #0170D714;
    margin-bottom: 30px;
}

.content h1 {
	font-size: 3.125em !important
}

.content h2 {
	color: #000;
    margin: 0px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 24px;
}

.faq-anchor-list h2.sub-heading {
	font-size: 1.125rem;
	color: var(--color-primary);
	margin-top: 10px
}

.faq-anchor-list .sub-heading-desc {
	color: #222;
	line-height: 1em;
	margin-bottom: 5px;
	border: 0
}

.edit a, .editDisabled a {
	color: #FFF;
	text-decoration: none;
	font-weight: 700;
	position: relative
}

.content .masthead h1, .content .masthead h2 {
	text-align: center
}

.content-inner .top {
	overflow: auto;
	margin-bottom: 40px
}

.sidebar {
	width: 33%
}

.shifted {
	position: relative;
	top: 10px;
	right: -10px
}

.col-left {
	width: 65%;
	margin-right: 10px
}

.col-right {
	width: 65%;
	float: right;
	margin-left: 10px
}

.full-width {
	width: 100%
}

.edit a {
	background: var(--color-primary);
	border-top: solid 5px var(--color-primary);
	padding: 0 10px 10px;
	-webkit-transition: all .05s ease-in-out;
	-moz-transition: all .05s ease-in-out;
	-o-transition: all .05s ease-in-out;
	transition: all .05s ease-in-out;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px
}

.edit a:hover {
	background: green;
	padding-top: 10px;
	top: 50px !important
}

.editDisabled a {
	background: #555;
	padding: 0 10px 10px;
	-webkit-transition: all .05s ease-in-out;
	-moz-transition: all .05s ease-in-out;
	-o-transition: all .05s ease-in-out;
	transition: all .05s ease-in-out;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px
}

.icons, .my-service {
	-webkit-transition: all .2s ease-in-out
}

.my-service, .my-service .thumb, .my-service .thumb img {
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.relative {
	position: relative
}

 .home-banner {
  background-image: linear-gradient(to right, #FFFFFF, #EAF8FF);
 } 
.containerHome, .home-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	/* background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .1)
		0, rgba(0, 0, 0, 0) 75%);
	background: -webkit-gradient(radial, center center, 0, center center, 75%,
		color-stop(0, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, 0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .1)
		0, rgba(0, 0, 0, 0) 75%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .1)
		0, rgba(0, 0, 0, 0) 75%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .1)
		0, rgba(0, 0, 0, 0) 75%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .1) 0,
		rgba(0, 0, 0, 0) 75%) */
}

.containerHome .logo:first-child, .home-banner .logo:first-child {
	
}
.undernav .containerHome{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.containerHome .logo, .home-banner .logo {
	padding: 0 5px
}

.logo img {
	max-height: 70px;
	padding: 5px
}

#anniveryLogo{
	display:none;
} 

#digitialclock {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 5px 5px 5px 0;
	margin-bottom: 2px;
	color: #C00
}

.login table td, .login table th {
	color: #444;
	font-size: 0.75rem !important
}

.login table {
	border: none;
	width: 100%;
	margin-top: -10px !important
}

.login table th {
	font-weight: 700;
	text-align: right;
	background: 0 0;
	text-shadow: none;
	border: none;
	padding: 0 !important
}

.catchment, .masthead {
	text-align: center
}

.login table td {
	padding: 2px 4px 2px 15px
}

.login table td a {
	color: #000
}

.login input[type=password], .login input[type=text] {
	width: 100% !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 2px solid #aaa;
	margin: 0;
	padding: 7px;
	background: #fff
}

.login input[type=password]:focus, .login input[type=text]:focus {
	background: #fff
}

.login .div-table {
	display: table
}

.login .div-table input, .login .div-table span {
	display: table-cell;
	min-width: 70px;
	padding-right: 10px;
	font-size: 0.75rem;
	font-weight: 700
}

.login .login-table-div {
	float: left;
	line-height: 32px
}

.login .login-btn-div {
	float: right;
	padding-right: 10px;
	margin-top: -7%
}

#signin {
	margin-top: 18px
}

.header {
	/*padding-bottom: 5px;*/
	width: 100%;
	height: 100%;
	box-sizing: border-box
}

.topnav, .undernav {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.skip-to-main {
	display: none;
	font-size: 0.8125rem;
	font-weight: 700;
	background-color: #fff
}

.skip-to-main a {
	text-decoration: none !important
}

.test-site {
	float: left !important
}

.topnav {
	width: 100%;
	min-height: 30px;
	background-color: #37518F;
	/*margin-bottom: 10px;*/
	box-sizing: border-box
}

.topnav ul {
	width: auto;
	font-size: 10px;
	color: #ddd;
	float: right
}

.topnav li {
	float: left;
/* 	padding: 7px 0px; */}

.topnav a {
	color: #fff !important;
	text-decoration: none
}

.topnav a:hover, .undertopnav a:hover {
	text-decoration: underline
}

/* .active {
	font-weight: 700
} */
.mainTabsContainer{
	width:50%;
	margin-left:auto
}
.undernav {
	height:80px;
	width: 100%;
	font-size: 0.9375rem;
	background-color: var(--dg-light-blue);
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items:center;
	/* margin-left: -15px;
    margin-right: -15px; */
}
.breadcrumb-grid-col{
	display: flex;
	justify-content: flex-start;
	align-items:center;
	gap: 12px;
}
.col-2, .col-3-4 {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.undernav a {
	color: #000;
	font-size: 0.75rem;
	text-decoration: none
}

.catchment {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0;
	color: #aaa;
	text-shadow: 1px 1px rgba(255, 255, 255, .4)
}
.breadcrumbs-wrapper .undernav{
	margin: 0px;
}
.breadcrumbs strong{
	font-weight: 600;
}
.breadcrumbs {
	 display: inline;
	 font-size: 0.9375rem;
	 color: #000;
	 float: left;
	 word-break: break-word;
	 /* align-self:flex-start; */
	 /* padding-left: 30px !important; */
}

.breadcrumbs li {
	float: left;
	padding-right: 5px;
	font-weight: 400;
	font-size: .8125em
}

.breadcrumbs a {
	color: var(--color-primary);
	font-weight: 700
}

.breadcrumbs a:hover {
	text-decoration: underline
}

div.breadcrumbs li.active {
	color: #000;
	font-size: 0.9375rem;
	font-weight: 700
}

.nav {
	height: 80px;
	background-color: #f5f5f5
}

.nav ul {
	padding: 10px
}

.nav li {
	float: left;
	padding: 20px
}

.nav a {
	text-decoration: none;
	padding: 30px
}

.nav a:hover {
	background-color: #CCC
}

.page-title {
	margin: 25px 0
}

.page-title h1 {
	font-size: 2.5em
}

.tab-view, div.masthead {
	display: none
}

.masthead span {
	padding-top: 10px;
	display: block
}

.masthead p a {
	color: var(--color-primary)
}

.masthead p a:active {
	color: #fff;
	background: var(--color-primary)
}

.masthead h1 {
	font-size: 2.8125rem;
	margin: 50px 0 25px
}

.masthead p {
	line-height: 1.5625em;
}

.processflow {
	height: 1000px;
	text-align: left
}

/* .row {
	text-align: center !important;
	background: var(--color-primary);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 20px;
	color: #FFF
} */

.col-3-inner, .col-4 {
	line-height: 1.25em;
	text-align: left
}

.col-pad-15 {
	padding-left: 15px
}

.col p {
	font-size: .75em
}

.col-2 {
	width: 50%;
	padding: 10px;
	box-sizing: border-box
}

.col-3-4 {
	width: 70%;
	padding: 0 10px;
	box-sizing: border-box
}

.col-3, .col-3-inner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left
}

.col-3 {
	width: 33.333334%;
	padding-top: 5px; 
	box-sizing: border-box;
	padding-left: 0px;
    padding-right: 20px;
}

.col-3 h2 {
	font-size: 1.15em
}

.col-3.ctr {
	background: #efefef
}

.col-3-4 h2 {
	color: var(--color-primary);
	margin-top: 0
}

.row h2 {
	color: #fff;
	margin: 0
}

.col-3-4-inner {
	padding-bottom: 32px
}

.col-3-inner {
	width: 33%;
	padding: 10px 20px;
	box-sizing: border-box
}

.lower-footer, .step {
	-webkit-box-sizing: border-box
}

.col-4 {
	float: left;
	width: 24%;
	padding-left: 10px
}

.footer {
	background-color: #444;
	color: #fff;
	padding: 50px;
	margin-top: 50px
}

.footer h1, .footer h2, .footer h3 {
	color: #eee;
	border-bottom: solid 1px #555;
	padding-bottom: 20px
}

.footer p {
	color: #aaa
}

.lower-footer-container {
	background-color: var(--color-primary)
}

.lower-footer {
	width: 90%;
	margin: 0 auto;
	height: 40px;
	background: var(--color-primary);
	color: #fff;
	padding: 13px;
	font-size: 0.75rem;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.credits-left {
	float: left
}

.credits-right {
	float: right
}

.credits-right li {
	float: left;
	padding: 0 7px;
	color: #fff
}

.credits-right a {
	color: #fff !important;
	text-decoration: none
}

.add-srvc-btn:hover, .credits-right a:hover {
	text-decoration: underline
}

input[type=text].calendar {
	background-image: url(/portal/portal/images/cas/calendernew.png);
	background-repeat: no-repeat;
	background-position: 95% center
}

input[type=text].calendar:hover {
	background-image: url(/portal/portal/images/cas/calender-icon-over_wu_5d8232ee1e5edf229a883f807cb776cf.png);
	background-repeat: no-repeat;
	background-position: 95% center
}

.ui-datepicker {
	width: 200px !important
}

.ui-datepicker table, .ui-widget {
	font-size: 10px !important
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	border-color: #6ca079 !important;
	background: #BFDDFF !important
}

.ui-datepicker-next, .ui-datepicker-prev, .ui-datepicker-year {
	cursor: pointer
}

select.ui-datepicker-year {
	width: 37% !important;
	padding: 1px !important;
	margin-left: 15px !important
}

.step, .stepcomplete {
	width: 180px;
	/* min-height: 74px; */
	text-align: center;
	padding: 10px;
	font-weight: 700;
	/* margin-right: 20px; */
	-moz-box-sizing: border-box;
	border-radius: 10px;
	float: left
}

.cas-blue, .theme-color {
	color: #515151 !important
}

.regsteps {
	/* margin-bottom: 10px; */
}

.step {
	background: #ddd;
	color: #555;
	font-size: 1.125rem;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.stepcomplete, li.step.active {
	background: var(--color-primary);
	color: #fff
}

.stepcomplete {
	font-size: 1.125rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.addrmessage, .addrmessageLarge {
	min-width: 100px;
	min-height: 100px;
	display: none
}

.tile, li.step.mini {
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 10px
}

li.step.mini {
	width: 80px;
	height: 74px;
	background: #ddd;
	color: #ccc;
	padding: 22px;
	font-size: 1.25rem;
	margin-right: 0;
	float: left;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

li.step img {
	max-width: 36px
}

li.tile.active {
	background: var(--color-primary);
	color: #fff
}

li.tile.active h2 {
	color: #fff;
	background: 0 0;
	border: none
}

li.tile h2 {
	font-size: 1.125rem;
	color: #555;
	background: 0 0;
	border: none
}

li.tile p {
	font-size: .75rem;
	font-weight: 400
}

.pagemessage, .tile {
	padding: 10px 10px 10px 20px;
	font-size: 1.25rem;
	margin-bottom: 20px
}

.tile {
	width: 100%;
	background: #ddd;
	color: #555;
	float: right;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.addrmessage, .pagemessage {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 10px;
	background: #DDD;
	color: #555;
	font-weight: 700
}

.pagemessage {
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.addrmessage, table.dynamicGridCss th, table.its td, table.its th {
	/*padding: 10px*/
}

.pagemessage .alertmsg {
	font-size: .7em
}

.addrmessage {
	max-width: 440px;
	font-size: 1rem;
	margin-left: 30px;
	box-sizing: border-box;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.addrmessageLarge, .contentInnerTable {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.addrmessageLarge {
	background: #DDD;
	color: #555;
	padding: 10px;
	font-weight: 700;
	font-size: 1.3rem;
	margin: 30px;
	box-sizing: border-box;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

table {
	width: 100%;
	margin: 20px auto;
	border-radius: 6px;
    border: 1px solid #e1e4ed;
}

table.dynamicGridCss tr.top, table.its tr.top {
	background: var(--color-primary);
	color: #fff;
	font-weight: 700;
	font-size: 1.125rem;
	text-align: left
}

.btn-wrap, table.dynamicGridCss tbody tr input[type=radio], table.its tbody tr input[type=radio]
	{
	text-align: center;
	width: 100%
}

table.dynamicGridCss tr.top td, table.its tr.top td {
	border: 0
}

table.dynamicGridCss tbody tr.even, table.dynamicGridCss tr:nth-child(even),
	table.its tbody tr.even, table.its tr:nth-child(even) {
	background: #f0f0f0
}

table.its tbody tr:hover,
table.its tbody tr:hover td {
	background-color: #f5f5f5;
    cursor: pointer;
}

.contentInnerTable {
	background: #FFF;
	padding: 5px 15px 0 10px;
	border: 5px solid var(--color-primary);
	box-sizing: border-box;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.my-service, .service {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left
}

.btn-wrap {
	background: #f7f7f7;
	border: 1px solid #d1d1d1;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px 0 20px;
	position: relative;
	min-height: 19em
}

.btn-wrap h3 {
	background: var(--color-primary) !important;
	text-shadow: 1px 1px 1px #052f5e;
	padding: 20px 0;
	color: #fff !important;
	text-transform: uppercase
}

.btn-wrap p {
	padding: 10px
}

.btn-wrap .btn {
	position: absolute;
	bottom: 30px;
	width: 75% !important;
	padding: 20px 0;
	margin: 0 auto;
	right: 0;
	left: 0
}

.btn-wrap .btn:active {
	top: auto
}

.my-service-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(/portal/portal/images/empty_wu_09b61b4fa41d733d1fd3ef08f0201f7c.gif)
}

.quick-search {
	border-bottom: 1px solid #aaa;
	padding-bottom: 20px;
	margin-bottom: 40px
}

.my-service {
	width: 443px;
	position: relative;
	padding: 10px;
	margin: 8px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	transition: all .2s ease-in-out
}

.my-service .thumb, .my-service .thumb img {
	background: #efefef;
	width: 5.625em;
	height: 5.625em;
	float: left;
	margin: 0 10px 0 0;
	transition: all .2s ease-in-out
}

.filter, .sub-heading {
	background-color: #fff
}

.icons, .service {
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.my-service .service-desc {
	font-size: .75em
}

.my-service h2 {
	margin: 0 0 3px
}

.my-service .thumb p {
	color: #ccc;
	font-size: .625rem;
	padding: 38px 0 0 25px;
	margin: 0
}

.inactive:hover {
	border: 1px solid #888
}

.inactive .service-desc, .inactive h2 {
	color: #ccc !important
}

.inactive .thumb img {
	opacity: .3;
	filter: alpha(opacity = 30);
	filter:
		url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%)
}

.my-service:hover .icons {
	visibility: visible
}

#statusbar, .icons {
	visibility: hidden
}

.icons {
	position: absolute;
	top: 8px;
	right: 5px;
	transition: all .2s ease-in-out
}

.caption a, .filter, .profile-pic {
	position: relative
}

.icons img {
	width: 15px;
	margin-right: 3px;
	opacity: .3;
	filter: alpha(opacity = 30)
}

.icons img:hover {
	opacity: 6;
	filter: alpha(opacity = 60)
}

.sub-heading {
	/* margin-bottom: 2px; */
    /* width: 100%; */
    /* float: left; */
    border: none;
    color: #000;
}

.sub-heading-desc {
	clear: both;
	text-indent: 1px;
	font-size: .75rem;
	border-bottom: dashed 1px #aaa;
	/* margin-bottom: 3px; */
	/* text-align: center; */
	vertical-align: center;
	/* vertical-align: middle; */
	height: 1px;
}

.service {
	width: 18em;
	height: 28.5em;
	padding: 10px;
	margin: 15px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.service .thumb, .service .thumb img, input.button {
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.my-service:hover, .service:hover {
	border: 3px solid var(--color-primary);
}

.service .thumb, .service .thumb img {
	background: #efefef;
	width: 15.8125em;
	height: 15.8125em;
	margin: 0 auto;
	transition: all .2s ease-in-out
}

.service .thumb p {
	color: #ccc;
	margin: 0;
	font-size: .875rem;
	padding: 120px 0 0 98px
}

.add-section .col-2 .desc, .add-srvc-btn, .add-srvc-btn a, .caption {
	font-size: .75em
}

.text {
	text-align: justify
}

.add-srvc-btn p, .single-attributes td, ul.tabs a {
	text-align: center
}

.add-section {
	width: 100%;
	margin: 25px 20px 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.description {
	margin-left: 10px;
	margin-top: -10px;
	background: #fbfbfb;
	border: 1px dashed #ccc;
	height: 100px;
	overflow-y: scroll;
	color: #444;
	line-height: 24px
}

.add-srvc-btn:hover {
	background-image: url(/portal/portal/images/cas/cross_grey_wu_8daeb09faf937cb4baafc3feefb5c6fa.png);
	color: #999 !important
}

.add-srvc-btn {
	background-image: url(/portal/portal/images/cas/cross_wu_d821b60438bb0680a3031da270be0a5a.png);
	background-repeat: no-repeat;
	background-position: 72px 0;
	margin-left: 40px;
	margin-top: 4px;
	padding-left: 35px;
	border-left: dashed 1px #aaa;
	height: 40px;
	padding-top: 30px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.add-srvc-btn p {
	color: var(--color-primary);
	margin: 0
}

.add-srvc-btn a {
	text-decoration: none
}

.add-srvc-btn a:hover {
	text-decoration: underline;
	color: var(--color-primary);
}

.single-thumb {
	float: left;
	margin: 0 20px
}

.single-thumb img {
	width: 300px;
	height: 330px;
	border: 1px solid #aaa;
	padding: 5px
}

.caption {
	margin-top: 10px
}

.caption a {
	font-weight: 700;
	font-size: 1.5rem;
	color: var(--color-primary);
	top: 4px
}

.caption a:hover {
	color: red
}

table.single-info {
	width: 550px;
	padding: 0 15px;
	color: #444;
	float: left
}

.single-attributes td, .single-info, .single-info div.nextInfo {
	border-bottom: dashed 1px #aaa;
	padding: 10px
}

.single-info div.title {
	width: 50%;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 15px
}

.single-info div.info {
	color: #555;
	padding: 15px
}

.single-info div.info div.desc {
	margin-top: -10px;
	background: #fbfbfb;
	border: 1px dashed #aaa;
	padding: 5px 10px;
	height: 110px;
	overflow-y: scroll;
	color: #444;
	line-height: 1.5em
}

table.single-attributes {
	width: 96%;
	margin: 40px auto
}

.single-attributes td.num {
	font-weight: 700;
	color: var(--color-primary);
	font-size: 1.25em
}

.single-attributes tr.top {
	background: var(--color-primary);
	color: #fff;
	font-weight: 700;
	font-size: 1.125em
}

.single-attributes tr.top td {
	border: 0
}

.alphabet h2 {
	display: inline;
	float: left;
	padding: 10px;
	font-size: 1.375rem;
	color: #444
}

.profile {
	border-right: solid 2px #aaa;
	margin-bottom: 30px;
	color: #444
}

.profile p {
	margin: 0
}

.profile-pic {
	background: var(--color-primary);
	padding: 10px;
	width: 230px;
	height: 230px;
	margin-left: -20px;
	border-radius: 10px;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.profile-pic img {
	background: #efefef;
	max-width: 230px
}

#profile-pic-btn {
	position: absolute;
	background: #6ca079;
	color: #fff;
	display: none;
	left: 25%;
	top: 45%;
	padding: 5px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

#profile-pic-btn:hover {
	background: #ddd
}

.profile-pic:hover #profile-pic-btn {
	display: block;
	text-decoration: none
}

.summary-title {
	font-size: 1.125rem;
	font-weight: 700;
	color: #444;
	margin: 8px 0
}

.summary-title a {
	font-size: .75rem;
	color: var(--color-primary) !important;
	margin-left: 15px
}

.summary-title a:hover {
	text-decoration: underline;
	color: #6ca079
}

.address-line-1, .address-line-2, .address-line-3, .date-of-birth,
	.email-address, .first-name, .gender, .landline-no, .middle-name,
	.mobile-no, .mothers-birth-name, .mothers-maiden-name, .place-of-birth,
	.postcode, .preferred-first-name, .preferred-middle-name,
	.preferred-surname, .surname, .username {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--color-primary);
	margin: 0;
	text-indent: 10px;
	word-wrap: break-word
}

.layout-title {
	border-bottom: dashed 1px #aaa;
	padding-bottom: 3px
}

.read-only, .read-only p {
	color: #555 !important
}

h3.label {
	float: left;
	margin: 20px;
	font-weight: 500;
	font-size: 0.8125rem;
	color: #AAA;
}

a#unresolved-count, ul.tabs a {
	text-decoration: none;
	font-weight: 700;
	position: relative
}

a#unresolved-count {
	font-size: 30px;
	color: red;
	top: 4px
}

a#unresolved-count:hover {
	color: #FF7B7B
}

ul.tabs {
	margin-bottom:10px;
	padding: -8px;
	height: 38px;
	width: 100%;
	/* position: absolute; */
	top: 493px;
	left: 68px;
	border:1px solid #dod7de;
	/*background-color:#fff;*/
	
	border-bottom: 2px solid #e0e0e0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.tab-container{
	width: 100%;
    overflow-x: hidden;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.tabs li {
	float: left;
	margin: 0 1px !important;
	list-style-image: none !important;
	/* border-radius: 8px; */
	-moz-border-radius: 10px;
	/* -webkit-border-radius: 10px; */
	/*background: var(--color-primary);*/
	padding: 0px;
	border-bottom:4px solid transparent;
	transition:var(--color-primary) 0.2s ease, color 0.2s ease;
	
}

ul.tabs a {
	height: 36px;
	padding: 5px 10px;
	font-size: 1rem;
	display: block;
	color: #8e999f;
	/* border-radius: 6px; */
	-moz-border-radius: 6px;
	/* -webkit-border-radius: 6px; */
	background: #fff;
	font-weight: 500;
}

ul.tabs a.current, ul.tabs a:hover {
	color: var(--color-primary);
		
}
ul.tabs li:hover{
	color: var(--dg-primary);
	    
   
    /* border-bottom: 4px solid var(--color-primary);*/
}

ul.tabs li a.current{
border-bottom: 4px solid var(--color-primary);
}



ul.tabs a:active {
	outline: 0
}

ul.tabs a.current {
	cursor: default !important;
	font-weight: 600;
}

ul.tabs li.current a {
	color: #fff
}
.tabs > .subHelpClass > a {
    padding: 0;
    padding-top: 1px!important;
}
.panes .pane {
	display: none
}

label {
	color: var(--dg-black);
	font-weight: 400;
	word-wrap: break-word; 
	margin-right:3px; 
	margin-bottom: 5px;
	display: inline-block;
}

.button, .button_disabled {
	/* min-width: 80px !important; */
	margin: 10px 0 !important;
	text-indent: 0;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 600;
	font-style: normal;
	padding: 5px 16px !important;
	text-decoration: none;
	text-align: center;
	min-height: 32px;
	border-radius: 8px;
	font-family: "Poppins", sans-serif;
}

.button {
	color: #0170D7 !important;
    font-size: 0.875rem; 
    padding: 5px 16px;
    border: 1px solid #0170D7; 
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align:center;
     background: linear-gradient(to right, #0170D7 50%, #F0F8FF 50%);
    background-size: 201% 100%;
    background-position:right bottom;
    transition:all 1s ease;
    cursor: pointer;
    width: auto !important;
    outline: none;
}
.button:hover{
    background-position:left bottom;
    color: #fff !important;
}
.button:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0170D7;
    transition: all .5s;
    z-index: -1;
}
.button:hover:after{
  width: 100%;
  color: #fff;
}
.button:hover:after{
  width: 100%;
}
.button:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0e5faa;
    transition: all .5s;
    z-index: -1;
}

.button_disabled {
	background-color:#98ABBF;;
	width: auto !important;
	border: 1px solid #dcdcdc;
	display: inline-block; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff;
}

.btn-custom {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    padding: 5px 16px !important;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #0170d7; 
    border-radius: 8px;
    min-height: 32px; 
    transition: all 0.4s ease-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.btn-custom:after{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%; 
    transition: all .5s;
    z-index: -1;
}
.btn-custom.btn-primary:after{
	background: #0e5faa;
}
.btn-custom.btn-outline-primary:after{
	background: var(--color-primary);
}
.btn-custom.btn-primary:hover:after{
	width: 100%; 
}
.btn-custom.btn-outline-primary:hover:after{
	width: 100%;
}
.btn-custom.btn-outline-primary:hover{
	color: #fff;
	text-decoration: none;
}
.btn-primary{
	color: var(--color-grey);
	background-color: var(--color-primary);	
}

.btn-outline-primary{
	color: var(--color-primary);
	background-color: var(--color-grey);
	border-color: var(--color-primary);
}

.btnleft {
	float: left;
	padding-left: 5%
}

.btnright {
	float: right;
	padding-right: 5%
}

.alertmsg {
	color: #C00;
	font-size: .8rem;
	font-weight: 400
}

.faq-anchor-list {
	padding: 0 10px 10px;
	background: #e5eef5;
	line-height: 1.75em;
	border: 5px solid var(--color-primary);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 10px
}

.faq-anchor-list ul {
	font-size: .625rem;
}

.faq-anchor-list a {
	color: var(--color-primary);
	font-size: .875rem;
	font-weight: 700
}

.faq-anchor-list a:active {
	text-decoration: underline;
	color: #444
}


a.return-link {
	color: var(--color-primary);
	text-decoration: underline;
	font-weight: 700;
	margin: 0
}

.menu-icon {
	width: 25px
}

.login-fields {
	margin: -20px auto 40px;
	position: relative
}

.login-fields table td {
	text-align: center;
	font-weight: 700;
	color: var(--color-primary)
}

.login-masthead {
	text-align: center
}

.login-masthead h2 {
	font-size: 1.875rem;
	color: #444;
	margin: 50px 0 10px
}

input {
	-webkit-appearance: none;
	border-radius: 0
}

input[type=checkbox] {
	-webkit-appearance: checkbox
}


input[type=radio] {
	-webkit-appearance: radio;
    outline: none;
}

.login-width {
	width: 450px;
	padding:  30px;
	margin: 30px auto
}


ul.font-resizer {
	float: right;
}

ul.font-resizer li {
	float: left;
	font-size: 0.75rem
}

ul.font-resizer a {
	color: #fff;
	
	
	/* color: #444;
	background: #eee */
}

ul.font-resizer a:hover {
	background: #223A70;
	color: #fff;
	text-decoration: none;
	-webkit-animation: glowbutton 1.618s infinite;
	-moz-animation: glowbutton 1.618s infinite;
	-o-animation: glowbutton 1.618s infinite;
	animation: glowbutton 1.618s infinite
}

ul.screen-reader{
	/* float: right */
}

/*#HeaderForm{
 background-image: linear-gradient(to right, #FFFFFF, #EAF8FF);
}

#LogoutForm{
 background-image: linear-gradient(to right, #FFFFFF, #EAF8FF);
}*/


.font-resizer-decrease, .font-resizer-increase {
	padding: 3px 2px!important;
	/* margin-top: 1px;
	margin-left: 4px */
}

a.decreaseFont, a.increaseFont, a.resetFont{
	color: #fff !important;
	font-size: 0.75rem;
	font-weight: 500;
	
}

.increaseFont {
	padding: 1px 8px
}

.decreaseFont {
	padding: 1px 10px
}

a.resetFont {
	background: 0 0 !important;
	color: #fff !important; 
}
 
.pright:hover, ul#menu a {
	text-decoration: none
}

ul#menu, ul#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

ul#menu a {
	display: block
}

ul#menu li {
	margin-top: 1px
}

ul#menu li a {
	background: #777;
	color: #fff;
	padding: .5em
}

ul#menu li a:hover {
	background: #000
}

ul#menu li ul li a {
	background: #ccc;
	color: #000;
	padding-left: 20px
}

ul#menu li ul .current a, ul#menu li ul li a:hover {
	background: #aaa;
	border-left: 5px #000 solid;
	padding-left: 15px
}

a:focus img {
	opacity: .8;
	border: 1px solid #6ca079 !important
}

.bodyinner {
	background-image: none
}

#tooltip {
	color: #fff;
	background: var(--color-primary);
	position: absolute;
	z-index: 100;
	padding: 10px 15px;
	font-size: .75rem;
	max-width: 230px !important;
	line-height: 25px
}

#tooltip:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--color-primary);
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px
}

#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid var(--color-primary);
	top: -20px;
	bottom: auto
}

#tooltip.left:after {
	left: 10px;
	margin: 0
}

#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0
}

.backbtn {
	float: right;
	margin-top: -35px
}

.pright {
	position: fixed;
	display: none;
	bottom: 2%;
	right: 1%;
	padding: 5px;
	z-index: 20;
	background: 0 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px
}

.pright span {
	color: #000
}

.pright img {
	width: 40px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s
}

.poundicon {
	background-image: url(/portal/images/cas/pound_icon_grey_wu_72a42967115998342ba8e6ac7c95e4ea.png);
	background-repeat: no-repeat;
	background-position: 2% center;
	background-size: 7%;
	padding-left: 25px !important
}

.slide-content {
	position: absolute;
	color: #fff;
	width: 100%;
	height: 100%;
	padding: 50px 10% 0;
	z-index: 5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.slide-title {
	color: #fff;
	float: left
}

.slide-title h1 {
	font-size: 75px;
	color: #fff;
	line-height: 70px;
	letter-spacing: -5px;
	text-shadow: 2px 2px 0 #000
}

.slide-desc {
	color: #fff;
	width: 100%;
	font-size: 0.9375rem;
	text-shadow: 1px 1px 1px #000;
	text-align: center
}

.slide-desc h1 {
	color: #fff;
	margin: 15px auto
}

.slide-desc p {
	background: rgba(0, 0, 0, .75);
	font-size: 0.8125rem;
	padding: 20px;
	width: 85%;
	margin: 25px auto;
	border-radius: 4px;
	line-height: 1.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

#imgtd, .searchicon {
	background-repeat: no-repeat
}

.slide-desc p span {
	font-weight: 700;
	font-size: 0.75rem
}

.slide-desc p span a {
	color: #fff !important;
	text-decoration: underline
}

.slide-desc p span a:hover {
	color: var(--color-primary) !important
}

li.flex-active-slide a img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

li.flex-active-slide a:hover img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray
}

.flexslider .flex-direction-nav a {
	display: block
}

.flex-direction-nav .flex-next {
	right: 0 !important;
	margin-right: 40px;
	opacity: 1 !important
}

.flex-direction-nav .flex-prev {
	left: 0 !important;
	opacity: 1 !important;
	margin-left: 40px
}

 .flexslider .slides img, .slide-content {
	min-width: 80%
}

.home-or {
	margin: 0 10px 0 0
}

table.dynamicGridCss {
	width: 100%;
	-moz-hyphens: auto !important
}

.tableRowDiv {
	display: table-row
}

.tableCellDiv {
	display: table-cell
}

.searchicon {
	background-image: url(/portal/images/search_wu_30591831a6d2a88141f94f3755014a47.gif);
	background-position: 2% center;
	background-size: 4%;
	padding-left: 35px !important
}

.userPhoto {
	float: right;
	margin-left: 30px;
	width: 90px;
	height: 100px
}

[disabled], [readonly] {
	background-color: #E9E9E9!important;
	border-color: #E9E9E9;
}

:lang(ta) #pageContent {
	font-size: 85%
}

:lang(ta) .footerRowGreen, :lang(ta) .headerRowGreen, :lang(ta) .its thead
	{
	font-size: 90%
}

:lang(ta) #PropertyValuationForm {
	font-size: 83%
}

:lang(ta) .login .div-table input, :lang(ta) .login .div-table span,
	:lang(ta) .login table td, :lang(ta) .login table th {
	font-size: 11px !important
}

:lang(ta) #fontSelection, :lang(ta) .skip-to-main {
	font-size: 0.75rem
}

:lang(ta) .lower-footer, :lang(ta) .topnav ul, :lang(ta) .undernav a,
	:lang(ta) ul.font-resizer li {
	font-size: 11px
}

:lang(ta) .breadcrumbs {
	font-size: 0.75rem
}

/* :lang(ta) select {
	font-size: 11px
} */

:lang(ta) h1 {
	font-size: 3em;
}

:lang(ta) .slide-desc p {
	font-size: 0.875rem;
}

:lang(ta) #tooltip {
	font-size: .85em;
}
:lang(ta) .ta-topnav-bar{
	display: none;
}
:lang(ta) .top-header-left ul li::after{
	margin-left: 2px;
    margin-right: 6px;
}
/* :lang(ta) .tooltip-ta-res-svg svg{
	width: 14px;
} */
:lang(ta) .tooltip-ta-res-svg .svg-disclaimer{
	width: 14px;
	display: flex;
}
:lang(ta) .tooltip-ta-res-svg svg{
	width: 18px;
	display: flex;
}
:lang(ta) .topnav-content-sec-main a{
   padding: 0px 3px;
}
:lang(ta) .des-tooltip-topnav{
	font-size: 9px;
}
:lang(ta) .tooltip-topnavbar[title]:hover:before{
	 position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
  content: attr(title);
  margin-top: 0.5em;
  padding: 5px 12px; 
  overflow: hidden;
  word-wrap: break-word;	
  font-size: inherit;
  color: #FFF;
  text-align: center;
  background-color: #0170D7	;
  box-sizing: border-box;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);	
}
.tooltip-topnavbar:hover{
	position: relative;
    cursor: default;
}
#phoneticTypeKey:hover .tooltip-topnavbar {
  visibility: visible;
}
{
  visibility: hidden;
  width: 130px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  }
/* .editImage {
	width: 20px;
	height: 22px;
	padding-top: 5px;
	padding-right: 20px
}

.deleteImage {
	width: 20px;
	height: 20px
} */

#statusbar {
	position: fixed;
	display: inherit;
	text-align: center;
	z-index: 2000;
	width: 100%;
	height: 100%;
	top: 40%;
	font-weight: 700;
	font-size: 1.125rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#statusbar span {
	font-size: 1rem;
	height: 100px;
	font-style: italic;
	font-weight: 700;
	white-space: nowrap;
	color: #fff
}

#imgtd {
	float: left;
	background-image: url(/portal/portal/style/images/HomePage/Loader.gif);
	background-position: 50% 50%;
	background-size: 100px;
	width: 100%
}

#statuBarTd1 {
	display: none;
	float: right;
	margin-top: -65px
}

.prog-border {
	height: 8px;
	width: 200px;
	background: #fff;
	border: 1px solid #fff;
	margin: 1px;
	padding: 0
}

.prog-bar {
	height: 6px;
	margin: 2px;
	padding: 0;
	background: #3299CC
}

.fade_background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 1001;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity = 50)
}

.hiddenspanforlink {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px
}

.no-underline a {
	text-decoration: blink !important
}

.no-underline ul {
	margin-bottom: 0
}
.header-home-icon{
	display: flex;
    padding: 5px;
}
.mob-nav-wrapper{
	display: flex;
    align-items: center;
    gap: 10px;
}
.topheader{
	display: flex; 
	align-items: center; 
	color:#ffffff; 
	font-size:11px;
	justify-content:space-between;
}
.header-middle-wrapper{
	background-image: linear-gradient(to right, #FFFFFF, #EAF8FF);
    padding: 8px 0px;
}
.header-middle-left{
	display: flex;
	align-items: center;
	gap: 20px;
}
.header-mid-area{
	display: flex;
    justify-content: space-between;
}
.header-middle-right{
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.header-middle-right #myDiv_1{
	padding: 0px;
}
@media(min-width: 991px){
	.header-middle-right .navlist{
		display: flex;
	    align-items: baseline;
	    gap: 10px;
	}
}
.header-user-btn{
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: end;
}
@media ( max-width :767px) {
	.megamenu_wrapper, .megamenu_wrapper_full {
		top: 0 !important
	}
	#breadcrumb {
		/* padding-left: 0 !important */ /* Meet : 11/12/25 : made changes for mobile view  */
	}
	#portalLogo {
		width: inherit
	}
	#breadCrumbBottom{
		font-size: 0.9375rem !important;  /* meet : 11/12/25 : content set on breadcrumb  */
	}
	
	.header-middle-right .navlist{
		 display: none;
	}
}
@media(max-width: 991px){
	.topnav-mob-none{
		display: none!important;
	}
	.topnav-lang .link-top-right{
		font-size: 0.875rem !important;
	}
	.top-header-accessibility ul li a:last-child:after{
		display: none;
    } 
	/* 	.header-cm-sec{
		display: none;
	}  */
}

@media(max-width: 500px){
	#cmLogo{
		width: 40px;
		height: 40px;
	}
    .homepage-header-middle .header-middle-left {
    gap: 10px;
}
}

tr.headerRowGreen {
	height: 36px
}

table.dynamicGridCss {
	display: table;
	border-spacing: 1px;
	text-align: center;
	border: 1px solid #e1e4ed;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	/* word-break: break-all !important; */
	word-wrap: break-word !important;
	border-spacing: 0;
	-moz-hyphens: auto !important;
	border-radius: 6px;
	overflow: hidden;
}

table.dynamicGridCss td {
	padding: 2px 4px 2px 15px;
	padding: 2px 2px 2px 2px!important;
	font-size:0.875em !important;
	vertical-align: middle;
	color:black;
	background-color: white;
	border-bottom: 1px solid #e1e4ed;
	height: 48px;
	text-align: center;
}

tr.footerRowGreen>td, tr.headerRowGreen>td, tr.headerRowGreen>th {
	/* padding: 10px 10px 10px 10px !important; */
	text-align: center;
	
	vertical-align: middle;
	/* color: var(--dg-black); */
	background-color: #D6EDF9;
	border-bottom: 2px solid #e1e4ed;
	font-size:0.875em !important;
	height: 42px;
	/* font-weight:bold; */
	float:center;
	/* text-shadow:1px 1px 1px rgb(0, 0, 0); */
	margin: 0px;
}

tr.headerRowGreen label {
	color: var(--dg-black)
}

tr.footerRowGreen>td {
	padding: 5px;
	border-top: dashed 1px #ccc;
	border-bottom: none
}

.roundImgAL {
	height: 85px;
	min-width: 50px;
	border-radius: 50%
}

.rowAL {
	margin: 0
}

#pageContent .rowAL h2 {
	color: #fff;
	margin: 0
}

#pageContent .rowAL {
	background: #fff;
	color: #000
}

.panel-title {
	color: inherit !important
}

#newTag {
	display: inline;
	padding: .2em .6em .3em;
	font-size: .875em !important;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 1.25em;
	background-color: var(--color-primary)
}

#headerLink {
	font-size: 10px !important
}

.link-top-right {
	/* font-weight: 700; */
	color: #515151 !important;
	font-size: 0.875rem;
	text-decoration: none !important;
	padding-left: 10px;
	padding-right: 10px
}
.link-top-right b{
	font-weight: 600;
}

:lang(ta) .link-top-right {
	font-size: 10px!important;
}
:lang(ta) ul.font-resizer li{
    padding: 3px 1px !important;
}
.font-resizer{
	display: flex;
    align-items: center;
    justify-content: center;
}
.person-heading{
	width: 100% !important;
}

.personCompAlign{
	display: flex;
	flex-wrap: wrap;
}

div#personDetailsDiv u{
	text-decoration: none;
}

.col-auto3{
	padding-top: 5px;
	padding-left: 20px;
	box-sizing: border-box
}

.col-auto3 select{
	width: 156px !important
}

div#addressComponent{
	display: flex;
    flex-wrap: wrap;
}

div#addressComponent u{
	text-decoration: none;
}

div#addressComponent .col-auto3{
	width: 100%
}

.col-auto4 #txt_PinCode{
	width: 145px !important;
}

.col-auto4 #txt_FullAddress{
	width: 261px !important;
}

div#addressComponent #divId_Address{
	/*width: auto !important;*/
}

.col-auto4{
	padding-top: 5px;
	padding-left: 20px;
	box-sizing: border-box
}

.col-auto4 select input{
	width: 260px;
}

div#contactDetailsDiv {
    display: flex;
    flex-wrap: wrap;
}

div#contactDetailsDiv u{
	text-decoration: none;
}

div#contactDetailsDiv .col-auto3 {
    width: 100%;
}

.col-auto5 {
    padding-top: 5px;
    padding-left: 20px;
    box-sizing: border-box;
}

.col-auto5 input{
	width: 300px !important;
}





/*Auto Deed Tab Styling*/
#mainTabsContainer{
	margin-left: auto;
	max-width: 60%;
}
.regsteps {
    display: flex;
    justify-content: space-between;
    background: #D5F1FF;
    height: 60px;
    overflow: hidden;
}

.stepper-wrapper{
    display: flex;
}
.step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 0px!important;
    font-size: inherit!important;
    background: none!important;
} 
.step::after {
    background-color: #fff;
    content: "";
    height: 2px;
    position: absolute;
    top: 10%;
    width: 100%;
}
.step-first::after{
	left: 50%;
    width: 50%;
}
.step-last::after{
	right: 50%;
    width: 0% !important;
}

.step .step-counter {
    border: 2px solid #6BB0EB;
    background-color: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    z-index: 1;
    position: relative;
}
.step.active .step-counter:after{
    content: "";
    display: block;
    position: absolute;
    top: -0.5px;
    left: -0.5px;
    width: 12px;
    height: 12px;
    background-color: #0170D7;
    border-radius: 12px;
}
.step.completed .step-counter:after{
    content: "\2713";
    display: block;
    position: absolute; 
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background-color: #0170D7;
    border-radius: 12px;
}
.step.completed .step-counter{
    border-color: #3ECD43;
}
.step.active .step-counter{
    border-color: #0170D7;
}
.step.completed .step-counter:after{
    background-color: #3ECD43;
    border: 2px solid #3ECD43;
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
	top: -2px;
    left: -2px;
}

.step.active {
  font-weight: bold;
}
 
.step-name{
	height: 25px;
	font-size: 0.75rem;
	line-height: normal;
	color: #000;
	font-weight: 600;
	padding: 5px 5px;
	border-radius: 6px;
	margin-top: auto;
	margin-bottom:5px;
	/* text-align: center; */
	width: -webkit-fill-available;
	max-width: 110px;
	margin-right: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.steps-bg-1 ,.steps-bg-6 ,.steps-bg-11{
    background: #B2DD68;
}
.steps-bg-2, .steps-bg-7, .steps-bg-12{
    background: #86D7B6;
}
.steps-bg-3, .steps-bg-8, .steps-bg-13{
    background: #86DAE6;
}
.steps-bg-4, .steps-bg-9, .steps-bg-14{
    background: #86CAFA;
}
.steps-bg-5, .steps-bg-10, .steps-bg-15{
    background: #B79FF8;
} 

.regsteps .step.active::after{
    background-color: #0170D7;
    border-color: #0170D7;
	width:50%;
	left:50%;
} 
.regsteps .step-last.active::after{
    background-color: #0170D7;
    width:0%;
} 

.regsteps .step.completed::after {
    width: 100%;
    background-color: #3ECD43;
    border-color: #3ECD43;
    left: 50%;
}
.regsteps .step:last-child::after {
    left: 0;
}

.regsteps .step:last-child::after {
    width: 50%;
} 
@media(max-width: 768px){
    .step-name{
        margin: 2px;
        font-size: 10px;
        padding: 6px 6px;
    }
}

/* ------------------------------- */

.primary-new-btn {
    background: #0170D7;
    color: #fff;
    font-size: 0.875rem;
    border-radius: 6px;
    padding: 6px 15px;
    border: 1px solid #0170D7;
    font-weight: 600;
    transition: all 0.4s ease-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.primary-new-btn:hover:after{
  width: 100%; 
}
.primary-new-btn:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0e5faa;
    transition: all .5s;
    z-index: -1;
}

.secondary-new-btn {
    background: #F0F8FF;
    color: #0170D7;
    font-size: 0.875rem;
    border-radius: 6px;
    padding: 6px 15px;
    border: 1px solid #0170D7;
    font-weight: 600;
    transition: all 0.4s ease-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.secondary-new-btn:hover{
    color: #fff;
}
 
.secondary-new-btn:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0170D7;
    transition: all .5s;
    z-index: -1;
}
.secondary-new-btn:hover:after{
  width: 100%;
  color: #fff;
}

.wizard-tiles-sec{
    padding: 20px;
    border-radius: 10px;
    background: #FFF;
    display: flex;
    max-height: max-content;
    flex-direction: column;
    box-shadow: 0px 6px 8px 2px #0170D710;
}

.wizard-progress-wrapper {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    margin-top: 35px;
    margin-bottom: 50px;
}

/* For Deed Selection page */
.wizard-progress-wrapper .primary-new-btn{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	white-space: nowrap;
}

.wizard-tile-contents{
    padding: 20px 15px 15px;
    border-radius: 10px;
    display: flex;
    height: 100%;
    flex-direction: column;
}
.wizard-tile-contents h4{
    font-size: 1rem;
    padding-bottom: 10px;
    margin: 0px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}
.wizard-tile-contents p{
    font-size: 0.75rem;
    text-align: center;
    margin: 0px;
}

.wizard-tile-btn-sec{
    text-align: center;
    padding-top: 20px;
}
 
.stepper-completed-tile{
    border: 1px solid #3ECD43;
    box-shadow: 0px 6px 8px 2px #05BE0B10;
    position: relative;
}
.stepper-complete-active{
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    top: -18px; 
    background-color: #3ECD43;
    left: 50%;
    margin-left: -15px; 
}
 
.checked-flow{
    display: inline-block;
    transform: rotate(45deg);
    height: 16px;
    width: 8px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-left: 12px;
    margin-top: 6px;    
}

@media (min-width: 768px) and (max-width: 991px){
    .wizard-progress-wrapper{
            grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px){
    .wizard-progress-wrapper{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 580px){
    .wizard-progress-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
    .wizard-tiles-sec {
        padding: 20px 10px;
    }
    .wizard-tile-contents {
        padding: 25px 6px 10px;
    }
    .wizard-progress-wrapper { 
        gap: 12px;
    }
    .wizard-tile-btn-sec { 
        padding-top: 10px;
    }
}
.mainTabsContainer{
	margin-left:auto;
	width:50vw;
}
#breadCrumbTop{
	font-weight: 400;
	font-style: Regular;
	font-size: 0.75rem;
	leading-trim: CAP_HEIGHT;
	line-height: 22px;
	letter-spacing: 2%;
}
#breadCrumbBottom{
	font-weight: 600;
	font-style: SemiBold;
	font-size: 22px;
	leading-trim: NONE;
	line-height: 24px;
	letter-spacing: 2%;
}


/*Auto Deed Tab Styling*/





:lang(en) .link-top-right {
    font-size: 11px;
    font-weight: 400;
}
.link-top-right-new {
    /* font-weight: 700; */
    color: #515151 !important;
    font-size: 14px;
    text-decoration: none !important;
    padding-left: 10px;
    padding-right: 10px
}
 
.top-header-right{
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-header-right .link-top-right{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.top-header-left ul li::after{
    background: #fff;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 5px;
    margin-right: 12px;
    position: relative;
    top: 0px;
    width: 1px;
}
.top-header-left ul li:last-child:after{
    display: none;
}
.top-header-left ul li{
    display: flex;
    align-items: center;
    color: #fff;
    gap: 7px;
    padding: 6px 0px;
}
.top-header-left ul li a{
    padding: 0px;
}
.top-header-accessibility{
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-header-accessibility a{
    padding: 4px 4px;
    font-size: 0.75rem !important;
}
.top-header-accessibility ul li a::after{
    background: #fff;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 6px;
    margin-right: 0px;
    position: relative;
    top: 0px;
    width: 1px;
}
.top-header-accessibility  .font-resizer a::after{
    display: none;
}
.top-header-accessibility .topnav-lang a{
	font-weight: 600;
}
.topheader .top-header-left .topnav-mob-none{
	display: flex;
    align-items: center;
}
@media(min-width: 1130px) and (max-width: 1240px){
    .top-header-left ul li::after{
        margin-left: 0px;
        margin-right: 6px;
    }
    /* .top-header-accessibility li a{
        padding: 0px;
    } */
    .top-header-right .dropdown .link-top-right{
        padding-left: 5px; 
        padding-right: 5px;
    }
}
@media(min-width: 991px) and (max-width: 1130px){
    .top-header-right .dropdown .link-top-right b{
        display: block;
    }
}
@media(min-width: 991px) and (max-width: 1185px){
    .top-header-right .link-top-right span{
    	font-size: 10px;
    }
    .top-header-right .link-top-right svg{
    	width: 12px;
    }
}
#tamilTypWrtrKey::after{
	display: none;
}
.error-img{
	width: 350px;
}
.error-img svg{
	height:100%;
	width:100%;
   	padding: 20px 0px;
}
.error-page-wrapper{
	width: 80%; 
    background: #fff;
    border-radius: 10px;
    margin: 40px auto;
    padding-bottom: 50px;
    box-shadow: 0px 6px 8px 2px #0170D714;
}
.error-page-msgs{
	text-align: center;
}
.erro-page-content{
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.error-page-msgs h2{
    color: #0170D7;
    margin: 0px;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    line-height: normal;
    padding-bottom: 15px;
}
.error-page-msgs p{
	font-size: 1.125rem;
    font-weight: 600;
    margin: 0px;
    line-height: normal;
    padding-bottom: 10px; 
}
.error-page-btn-sec{
	padding-top: 20px;
}
@media(max-width: 768px){
	.error-page-wrapper{
		width: 100%;	
		padding: 40px 20px;
	}
}
@media(max-width: 500px){
	.error-img{
		width: 260px;
	}
	.error-page-msgs h2{
		font-size: 1.5rem;
	}
	.error-page-msgs p {
    	font-size: 1rem;
    	font-weight: 500;
	}
}
/* Started autodeed code from here */

.witnesstypeHeader {
    width: 100%;
}

.col-3witness{
    padding-top: 8px;
    padding-left: 20px;
    box-sizing: border-box;
    display: inline-flex;
    padding-left: 14px;
    padding-right:10px;
    padding-bottom: 8px;
    box-sizing: border-box;
    width: 180px;
    border: 1px solid #50AFE1;
    border-radius: 40px;
    margin-left: 20px;
    height: 34px;
    width: fit-content;
}

.person-heading{
	width: 100% !important;
}

.personCompAlign{
	display: flex;
	flex-wrap: wrap;
}

div#personDetailsDiv u{
	text-decoration: none;
}

.col-auto3{
	padding-top: 5px; 
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
    padding-left: 0px;
    padding-right: 20px;
}

.col-auto3 select{
	width: 156px !important
}

div#addressComponent [id$="_1"],
div#addressComponent [id$="_2"],
div#addressComponent [id$="_3"]{
	display: flex;
    flex-wrap: wrap;
}

div#witnessDetailsDiv,
div#witnessDetailsDiv [id$="_1"],
div#witnessDetailsDiv [id$="_2"],
div#witnessDetailsDiv [id$="_3"] {
    display: flex;
    flex-wrap: wrap;
}

/*div#addressComponent,
[id$="_1"],
[id$="_2"],
[id$="_3"]
{
	display: flex;
    flex-wrap: wrap;
}*/

div#addressComponent u{
	text-decoration: none;
}

/* div#addressComponent,
[id$="_1"],
[id$="_2"] .col-auto3{
	width: 100%
} */


[id^="addressComponent"] .col-auto3 {
    width: 100%;
}


.col-auto4 #txt_PinCode,{
	width: 145px !important;
}

.col-auto4 [id^="txt_FullAddress"]{
	width: 261px !important;
}

/* div#addressComponent #divId_Address{
	width: auto !important;
} */

.col-auto4{
	padding-top: 5px; 
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
    padding-left: 0px;
    padding-right: 20px;
}

.col-auto4 select input{
	width: 260px;
}

div#contactDetailsDiv {
    display: flex;
    flex-wrap: wrap;
}

div#contactDetailsDiv u{
	text-decoration: none;
}

div#contactDetailsDiv .col-auto3 {
    width: 100%;
} 

.col-auto5 {
    padding-top: 5px; 
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 20px;
}

/* .col-auto5 input{
	width: 300px !important;
} */

div#divId_isEmailMandatory {
    width: 100%;
}
 

#addWitnessButton{
	    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 6px;
}


#partyTypeOther .clearfix{
	display: none;
}

#partyTypeOther .col-3{
	width:auto;
}

div#contactDetailsDiv .col-auto5 {
    display: flex;
    flex-direction: column;
}

div#contactDetailsDiv_1 {
    display: flex;
    flex-wrap: wrap;
}

div#contactDetailsDiv_1 u{
	text-decoration: none;
}

div#contactDetailsDiv_1 .col-auto3 {
    width: 100%;
} 
div#contactDetailsDiv_1 .col-auto5 {
	 display: flex;
    flex-direction: column;
}

[id^="spanMinororMajorId_"] {
    display: inline !important; 
    margin-left: 4px;
}


/* Propert Details > Propert Remarks Tab css added by shubh */
#div_propertyRemarks > textarea {
    height: 30vh;
}

#div_propertyRemarksLl > textarea {
    height: 30vh;
}

/* Propert Details > Propert Remarks Tab css added by shubh End */



.deed-selection-heading{
	font-weight: 600 !important;
	margin-bottom: 8px;
    line-height: 24px;
    letter-spacing: 0.32px;
}

/*.deed-selection-rdbtn .radio_rounded {
    display: inline-block;
    padding: 6px 12px 6px 6px;
    border: 1px solid steelblue;
    border-radius: 50px;
    margin-right: 10px;
    font-size: 0.875rem !important;
    line-height: 22px !important;
    letter-spacing: 0.28px !important;
    font-weight: 500 !important;
}

.dual-option .radio_rounded{
	font-size: 0.875rem !important;
    line-height: 22px !important;
    letter-spacing: 0.28px !important;
    font-weight: 500 !important;
}*/

.content-style{
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .004) !important;
	border: none !important;
}

.addrepresentativeDynamic {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  margin: 0 auto; padding: 16px 24px;
  background: #fff; border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  width: -webkit-fill-available;
}

/* #personDetailsDiv #divId_Age{
	width: 25vw !important;
} */
 

/* Pop Up Model - START*/
 
.model-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:102;
}
 
.model-overlay .modal-box {
    width: 800px;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    color: white;
    background-size: cover;
    background-image: linear-gradient(rgb(80 175 225 / 60%), rgb(1 112 215 / 60%)), url(/portal/images/background/bribebackground_wu_4cea71908a58f57749f62fac5e072aac.jpg);
    position: relative;
}
 
.model-overlay .modal-header{
    position: relative;
    margin-bottom: 30px;
}
 
.model-overlay .modal-header h2 {
    
    font-size: 22px !important;
    font-weight: bold !important;
    text-align: center !important;
    margin: 0px;
    
}
 
.model-overlay .model-close{
	color: black;
    font-size: 26px;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 24px; 
    position: absolute;
}

/* Pop Up Model - END*/

/* model-formA - START*/


#model-formA {
	 background-image: none;
	 color: black;    
}
#model-formA .steps{
    margin-top:20px;
}


#model-formA .stepschild{
	display: flex; 
	align-items: center; 
	gap: 20px;
	margin-bottom: 6px;
}

#model-formA .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
 
#model-formA .panel{border-radius:12px;padding:22px ;} 

#model-formA .panel h2{ margin:0 0 6px;font-size:20px;color:var(--accent);font-weight: 700 !important;}

#model-formA .panel p{margin:0 0 14px;color:var(--muted);font-size:16px;}

#model-formA .panel.large{background-color:#d6edf9;}

#model-formA .large{padding: 0px 0px;}

#model-formA .num svg{
    height: 35px;
    width: 30px;
}


.headerRowGreen span {
  color: #000 !important; /* black */
}

 
 
 /* model-formA - END*/
 
 
 
 
 /* Global Fix for Input Control*/

/* 
.col-3:has(input),
.col-3:has(select){
	padding-right:30px;
} 
*/

.col-3 input[type='text'], 
.col-3 select {
    width: 100% !important;
}

.col-3 label{
    margin: 0 0 6px 0 !important;
}
 
 #firmRegisteration #divYear input,
 #firmRegisteration #divMonth input{
	 width:100%;
 }
 
 /* added for info icon */
 
 .header-info label{
	margin-top: 0px !important;
	padding: 4px !important;
}

:lang(ta) .fig-card-title h4 {
    font-size: 0.8rem;
}
:lang(ta) .form-card-wrapper .panel-heading .panel-title{
    font-size: 1rem !important;
}
:lang(ta) .megamenu>li>a{
    font-size: 12px;
}
:lang(ta) .megamenu>li{
    margin-right: 0px;
}
:lang(ta) .doc-reg-steps-title h3{
    font-size: 1.2rem!important;
}
:lang(ta) .doc-reg-steps-title h2{
    font-size: 28px;
}
:lang(ta) .token-title h3{
	font-size: 1.25rem !important;
}
:lang(ta) .topnav-lang li a{
	font-size: 12px!important;
}

.content-wrapper-sec{
	padding: 30px;
}
.content-wrapper-sec h2{
    padding-bottom: 8px;
}
.form-group-user{
	padding: 0px;
    break-after: column;
} 
.form-group-user .form-group{
	padding: 0px;
	margin-bottom: 15px;
}
.user-note-sec{
	padding-bottom: 30px;
}
.user-note-sec a{
	color: var(--color-primary)!important;
}
.user-note-sec .cas-blue{
	color: var(--color-primary)!important;
}
.margin-0{
	margin: 0px;
}
.captcha-wrapper .form-group{
	padding: 0px;
}
.forms-wrapper-col{
	column-count: 2;
    column-gap: 60px;
    column-rule: 1px solid var(--color-primary);
    padding-bottom: 20px;
}
.user-form-btn-sec{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
.user-form-btn-block{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.dob-select-field{
	display: flex;
	gap: 15px;
}
.dob-select-field select{
	width: 100%!important;
}
.form-group-user select{
	width: 100%!important;
	margin: 0px!important;
}
@media(max-width: 768px){
	.content-wrapper-sec{
		padding: 20px!important;
	}
	.forms-wrapper-col{
		column-count: 1;
        padding-bottom: 15px;
	}
	.user-note-sec{
	    padding-bottom: 10px;
    	padding-top: 15px;
	}
	.form-group-user{
		padding: 0px;
	    break-after: unset;
	} 
	.mandatory-text-note {
	    float: left;
	    width: 100%;
	    margin-bottom: 5px;
	}
}

.reg-imp-notes{
	padding: 15px 0px;
}
.reg-imp-notes p{
	margin-top: 0px;
	margin-bottom: 5px;
	color: #ff0000; 
}
.reg-details-heading h4{
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}
.password-progressbar-sec{
	margin-top: 12px;
}
.password-progressbar-sec .progressBarStrenght{
    background-color: #E4E7EC;
    width: 100%;
    float: left;
    height: max-content;
}
.password-progressbar-sec #progressBar{
    height: 0.7em;
    width: 0%;
    background-color: white;
}
.password-progressbar-sec #progressText{
	width: 100%;
	text-align: left;
	font-size: 12px;
}
.reg-password-secure-bar{
	display: grid;
    grid-template-columns: 1fr auto; 
    align-items: center;
}
.progressbar-text-status label{
	margin: 0px!important;
}
.progressbar-text-status img{
	width: 14px;
}
.progressbar-text-status #spnStrengthTmp{
	display: flex;
    align-items: center;
    gap: 5px;
}
.progressbar-text-status{
    margin-left: 12px;
}
.reg-password-hint{
	background: #D5F1FF;
	padding: 15px;
}
.reg-password-hint h5{
    font-size: 0.875rem;
    margin: 0px;
    padding-bottom: 5px;
    font-weight: 600;
    color: #000;
}
.reg-password-hint ul{
	margin-left: 20px;
}
.reg-password-hint ul li{
	color:#000;
	line-height: 22px;
}
.reg-password-hint ul li::marker{
	font-size: 18px;
}
.reg-password-hint ul li span{
	font-size: 0.75rem;
    font-weight: 400;
}
.content-heading-left{
	float: left;
}
.mandatory-text-note{
	float: right;
}
.mandatory-text-note p{
	margin: 0px;
}
.content-box-revert{
	background: none;
    box-shadow: none;
    padding: 0px;
    margin-top: 0px;
}

.title-inline-sec{
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.title-inline-sec h2{
	padding: 0px;
}
.content-box-sub-block{
	display: flex; 
	min-height:110px; 
	box-shadow: 0px 2px 8px 2px rgba(1, 112, 215, 0.1);
    padding: 20px;
    margin: 20px 0px;
    border-radius: 8px;
    gap: 15px;
    width: 100%;
}
.ec-seacrh-radio-sec h3{
	padding: 0px;
    font-size: 1rem;
    font-weight: 600;
}
.ec-seacrh-radio-sec{
	width: 100%;
}
.radio-common{
	padding: 6px 12px;
    border: 1px solid #50AFE1;
    border-radius: 20px;
    min-height: 34px;
}

@media(max-width: 768px){
	.content-wrapper-box{
		padding: 20px!important;
	}
	.title-inline-sec{
	    flex-direction: column;
	   	justify-content: start;
	   	align-items: start;
	}
	.content-box-sub-block{
	    flex-direction: column;
	}
	.col-3, .col-auto3, .col-auto5, .col-auto4{
		width: 100%!important;
    	padding: 0px 10px;
	}
}
.content-text-page-align{
	background: none;
    box-shadow: none;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.content-text-page-align #circularPage .col-sm-12{
	padding: 0px;
}
.timeslot-inner-table{
	width: 100%;
    border: 2px solid #E8E8E8;
    border-radius: 8px;
}
#divTimeSlot td input[type="radio"]{
    box-shadow: inset 0 0 0 1px #fff;
}
#divTimeSlot td input[type="radio"]:checked{
    box-shadow: inset 0 0 0 4px #fff;
}
#gridTimeSlot fieldset{
	width: 100%!important;
    border: 2px solid #E8E8E8!important;
    border-radius: 8px!important;
}
.stepper-block-wrapper{
	margin: 15px 0px;
    padding: 15px 0px;
    height: auto;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 6px 8px 2px #0170D714;
}
.stepper-block-wrapper .step.mini img{
	z-index: 1;
	margin-top: -5px; 
    margin-left: 20px;
}
.stepper-block-wrapper .step::after{
    background-color: #acd9ff;
}

.profile-txt-block{
	margin-bottom: 10px;
}
.profile-txt-block .font{
	font-size: 14px;
}
.profile-txt-block .layout-title{
	font-weight: 600;
    color: #000 !important;
    text-indent: 0;
    font-size: 16px;
}
.dob-field-inline{
	display: flex;
	align-items: center;
	gap: 15px;
}
.dob-field-inline select{
	width: 100%!important;
}
.changepsd-sec .sub-heading-desc{
	height: auto;
}
.acc-content-wrapper ul.tabs{
	box-shadow: none;
}