:root {
  --primary-color-blue: #1F2261; 
  --primary-color-green: #4AB498;
  --primary-color-green-light: #6EC3AD;
  --button-color-disabled: #D0D5DD;
  --primary-color-gradient-30-degrees: linear-gradient(268deg, #4AB498 1.42%, #1F2261 103.12%);
}

#body {
	background-color: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#container {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px;
	clear: both;
	/* [disabled]border: 1px dotted #9CF; */
	width: 1150px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	clear: both;
	height: 115px;
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-right: 1px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#header #imglogo{
	height: 80px;
	width: 100px;
	background-image: url(../img/logo.png);
        background-size: contain;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	clear: left;
}
#header #txtlogo{
        float: right;
	width: 40%;
	height: 90px;
	background-image: url(../img/logotitle.png);
        background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	/* [disabled]text-align: right; */
	/* [disabled]vertical-align: bottom; */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: right;
	margin-right: 300px;
}
#header #headercontrols {
	padding-top: 5px;
	padding-right: 10px;
	/* [disabled]padding-bottom: 5px; */
	padding-left: 10px;
	/* [disabled]color: #c60; */
	font-size: 11px;
	font-weight: bold;
	clear: right;
	float: right;
	vertical-align: bottom;
	margin-top: auto;
	margin-right: 0px;
	/* [disabled]margin-bottom: 5px; */
	margin-left: 0px;
	height: 20px;
	width: 400px;
	text-align: right;
}
#header #headercontrols a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}


#info-old {
	clear: both;
	padding: 0px;
	height: 38px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	/* [disabled]background-image: url(../img/infoback1.gif); */
	/* [disabled]background-repeat: repeat-x; */
}

#info {
    display: flex;
    height: 38px;
    padding: 10px 32px;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    margin-bottom:20px;
    background: linear-gradient(269deg, #43C6AC -19.72%, #000B80 154.89%), linear-gradient(262deg, #43C6AC 25.32%, #000B80 72.25%);

    
}
#info table{
	clear: both;
	padding: 0px;
	height: 100%;
	/* [disabled]background-image: url(../img/infoback1.gif); */
	/* [disabled]background-repeat: repeat-x; */
	margin: 0px;
	/* [disabled]width: 500px; */
}
#info table td{
	/* [disabled]clear: both; */
	height: 100%;
	/*background-image: url(../img/infoback1.gif);*/
	/*background-repeat: repeat-x;*/
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	/* [disabled]width: 50px; */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#info #infotable td .infoseparator {
	margin: 0px;
	width: 1px;
	/*background-image: url(../img/infosep2.gif);*/
	/*background-repeat: repeat-x;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#info a:link , #info a:visited, #info a:active{
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#info a:hover  {
	color: #FFF;
}
#middlecontainer {
	clear: both;
	width: 100%;
	/* [disabled]height: 350px; */
	margin: 0px;
	padding: 0px;
	/* [disabled]background-color: #09F; */
}
#middlecontainer td {
	text-align: left;
	vertical-align: top;
}


.rightsidebar{
    display: flex;
    flex-direction: column;
    width: 200px;
    padding: 30px 20px;
    height: 290px;
    align-items: flex-start;
    gap: 32px;
    border-radius: 16px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), #D2D3DF; 
}


.leftSideBar{
display: flex;
flex-direction: column;
align-items: center;
padding: 48px 24px;
gap: 32px;
width: 200px;
height: 253px; 
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(180deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0) 61.53%),  url(../img/earthbkg.jpg), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)); 
background-size: cover;
background-repeat: no-repeat;
background-position:right;
border-radius: 16px;
order: 0;
flex-grow: 0;    
}

.leftSideTitle{
font-size: 16px;
width:200px;
font-weight: 700;
color:White;
}

.leftSideBody{
font-size: 14px;
width:200px;
color:White;
}

#leftsidebar {
	/* [disabled]float: left; */
	width: 200px;
	/* [disabled]background-color: #eee; */
	height: 100%;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftsidebar #leftheaderblock {
	/* [disabled]height: 80px; */
}
#leftsidemenu {
	width: 200px;
        padding-top:20px;
        border-radius :16px;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), #D2D3DF;
}

.leftsidemenu-logo{
    background: none !important;
}

#leftsidemenu #leftsideheader {
        display:none;
	background-image: url(../img/col_top_round_both.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#leftsidemenu #leftcontent {
	margin: 0px;
	padding: 0px;
	width: 200px;
	clear: both;
	/* [disabled]height: 100%; */
}
#leftsidemenu #leftsidefooter {
	clear: both;
	width: 200px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#content {
	padding: 5px;
	width: 100%;
	/* [disabled]background-color: #FF9; */
	height: 100%;
	/* [disabled]float: right; */
	/* [disabled]margin: 5px; */
	text-align: left;
	vertical-align: top;
	margin-bottom: 5px;
}
#content #contentheadertable {
	margin: 0px;
	width: 100%;
	/* [disabled]padding-top: 10px; */
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content #contentheadertable td {
	/* [disabled]vertical-align: middle; */
}
#content  td#userinfotdpart {
	/* [disabled]text-align: right; */
}


#content #userinfo {
	float: right;
	width: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding-bottom: 5px;
	padding-top: 5px;
	display: inline;
	/* [disabled]border: 1px solid #CCC; */
	/* [disabled]background-color: #F0F5FA; */
	padding-right: 10px;
	margin-right: 10px;
}
#content #userinfo td{
	width: auto;
	padding-top: 3px;
	padding-right: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8CBAFF;
}


#content #pagecontent {
	margin: 0px;
	padding: 5px;
	/* [disabled]width: 95%; */
	height: 100%;
        border-radius: 16px;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #D2D3DF;        
	/* [disabled]color: #EEF2FD; */
}
.currentstep_p {
	color: #FFF !important;
	background-color: var(--primary-color-green);
	display: block;
}
.pagecontentform {
	margin: 0px;
	padding: 10px;
	clear: both;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #D2D3DF;
	/*background-color: #EEF2FD;*/
}
.formcontent {
}


.formcontrol {
	padding: 0px;
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 21px;
}
.formerror {
	padding: 10px;
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 1px;
}
.formerror p{
	font-size: 12px;
	color: #F00;
	margin: 0px;
	padding: 10px;
}
.textarealarge {
	clear: both;
	width: 100%;
	height: 400px;
}

h1  {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	color: var(--primary-color-blue); /* #1F2261;*/
	font-size: 16px;
	font-weight: bold;
}
h2  {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
	color: #1F2261;
	font-size: 14px;
	font-weight: bold;
}
h3  {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
	color: #1F2261;
	font-size: 12px;
	font-weight: bold;
}
h4  {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
	color: #1F2261;
	font-size: 10px;
	font-weight: bold;
	clear: both;
}
h5 {
}
#content p   {
	font-size: 12px;
	color: #192666;
	text-align: justify;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#content ol{
	font-size: 12px;
	color: #192666;
	text-align: justify;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
}
#content ol li{
	margin: 0;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	
}
.contentheader {
	padding: 5px;
	/* [disabled]clear: both; */
	/* [disabled]border-bottom-width: 2px; */
	/* [disabled]border-bottom-style: solid; */
	/* [disabled]border-bottom-color: #03F; */
	/* [disabled]font-size: 16px; */
	/* [disabled]height: 30px; */
}




#rightsidebar {
	padding: 0px;
	width: 200px;
	height: 400px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}
#rightsidebar #rightheaderblock {
	clear: both;
	height: 80px;
	/* [disabled]background-image: url(../img/col_bg.gif); */
}
#rightsidebar #rightcontent {
	clear: both;
	/* [disabled]height: 300px; */
	/* [disabled]background-color: #FCC; */
	margin: 3px;
	padding-left: 5px;
        padding-right: 5px;
        border-radius: 16px;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), #D2D3DF;
}
.category {
	clear: both;
	/* [disabled]margin-top: 5px; */
	/* [disabled]margin-bottom: 5px; */
	padding-top: 10px;
	/* [disabled]padding-right: 5px; */
	padding-bottom: 10px;
	/* [disabled]padding-left: 5px; */
}
.categoryP  {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
	/* [disabled]text-align: justify; */
	color: #192666;
	margin: 0;
}

.categoryheader {
	margin: 0px;
	clear: both;
	/*background-image: url(../img/col_title_bg.gif);*/
	/*background-repeat: repeat-y;*/
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	color: #192666;
	text-transform: capitalize;
        border-radius: 27px;
}
.category ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
	/* [disabled]list-style-image: url(none); */
	font-size: 12px;
	/* [disabled]font-weight: bold; */
	color: #192666;
	list-style-type: none;
	clear: both;
}
.category ul li {
	padding-top: 5px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	list-style-image: url(../img/listiconright.gif);
	list-style-position: outside;
	/* [disabled]width: 140px; */
	/* [disabled]height: 20px; */
}
.category ul li a {
	/* background-color: #E0E8FC; */
	display: block;
	color: #192666;
}
.category ul li a:hover {
	color: #FFF;
	background-color: var(--primary-color-green); 
        
}



#footer {
	background-color: #fff;
	clear: both;
	width: 100%;
	margin: 10px;
	padding: 0px;
	height: 0px;
}
#footer #footertable {
	clear: both;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* [disabled]background-color: #fff; */
}
#footer #footertable td {
	text-align: center;
	vertical-align: middle;
	/* [disabled]border-right-width: 1px; */
	/* [disabled]border-right-style: dotted; */
	/* [disabled]border-right-color: #ccc; */
	/* [disabled]border-left-width: 1px; */
	/* [disabled]border-left-style: dotted; */
	/* [disabled]border-left-color: #ccc; */
}


#copyright {
	background-color: #4AB498;
	margin: 0px;
	height: 25px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
        padding: 10px 32px;        
	text-align: center;
	vertical-align: middle;
        border-radius: 8px;
}
#copyright a:link {
	color: #09F;
}
#copyright a:hover,
#copyright a:active {
	color: #390;
}
a:link , a:visited, a:active{
	color: #0575b9;
 	text-decoration: none;
}
a:hover  {
	color: #1c3d73;
}

#validationerrors p {
	font-size: 13px;
	font-weight: bold;
	color: #F00;
	padding: 10px;
	clear: both;
	float: left;
	display: block;
}
#validationerrors ul {
	font-size: 12px;
	color: #F00;
	display: block;
	clear: both;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
}
#validationerrors ul li {
	margin: 5px;
	padding: 0px;
}