/* Default CSS Stylesheet for a new Web Application project */
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

BODY {
	margin: 0px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, MS Sans Serif;
	min-height: 100vh;
	min-height: 100svh;
}



.ucheader {
	min-height: 5vh;
	min-height: 5svh;
	width: 100vw;
	width: 100svw;
}

.ucfooter {
	min-height: 5vh;
	min-height: 5svh;
	width: 100vw;
	width: 100svw;
}

pnlEnvironment {
	min-width: 100vw;
	min-width: 100svw;
	min-height: .25vh;
	min-height: .25svh;
}

a:link {
	color: navy;
	text-decoration-line: underline;
}
a:visited {
    color: navy;
    text-decoration-line: underline;
}
a:hover {color: #ff0000}

a:active {
    color: navy;
    text-decoration-line: underline;
}

.Hyperlink {
    color: navy;
    text-decoration-line: underline;
}

    .Hyperlink:active {
        color: navy;
        text-decoration-line: underline;
    }

    .Hyperlink:visited {
        color: navy;
        text-decoration-line: underline;
    }

    .Hyperlink:disabled {
        color: black;
        text-decoration-line: none;
    }

.FieldSet
{
	width:760px;
	
}
.Alternate
{
	background-color: #ffffcc;
}
TABLE
{
	border:0;
	padding:0px, 0px, 0px, 0px;
	background-color: transparent;
	border-color:Gray;
	border-collapse:collapse ;	
}

/* Use it for Labels to display Screen Titles on the screen (i.e. read only fields)*/
.ScreenTitle {
	font-weight: bolder;
	font-size: clamp(1rep,5vw + 1rem,1.5rem);
	color: #a52a2a;
	font-family: Verdana, Arial, MS Sans Serif;
}

.Menu {
	text-decoration: none;
	font-family: Verdana, Arial, MS Sans Serif;
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: White;
}
.Menu:hover
{
	text-decoration:underline;	
	color:White;	
}



.TopMenu {
	border: thin outset;
	padding: 2px;
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	font-family: Verdana, Arial, MS Sans Serif;
	border-collapse: collapse;
	background-color: transparent;
}

TD {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	margin: 4px;
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
}

P {
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
}

LI {
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
}

.textbox {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 130px;
}
.textbox1 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 80px;
}
.textboxNumber {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 80px;
	text-align: right;
}
.textbox2 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 90px;
}

.textbox3 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 100px;
	height: 20px;
}
.textbox4 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 150px;
}
OPTION {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-left: gray 1px solid;
}

TEXTAREA {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
}

h2 {
	margin-top: 2px;
	font-weight: bolder;
	font-size: clamp(1rep,5vw + .5rem,1.5rem);
	margin-bottom: 2px;
	color: #a52a2a;
	font-family: Verdana, Arial, MS Sans Serif;
}

h3 {
	margin-top: 0px;
	font-weight: bolder;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	margin-bottom: 2px;
	color: #a52a2a;
	font-family: Verdana, Arial, MS Sans Serif;
}

OL {
	margin-top: 2px;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	margin-bottom: 2px;
	font-family: Verdana, Arial, MS Sans Serif;
}

.nounderline {
	color: #DAA520;
	text-decoration: none;
	font-family: Webdings;
	font-size: clamp(3rem,5vw + 1,4rem);
}

.PageHeader {
	font-weight: bolder;
	font-size: clamp(3rem,5vw + 1,4rem);
	color: #a52a2a;
	font-family: Verdana, Arial, MS Sans Serif;
	height: 21px;
}

.PageSubHeader {
	font-weight: bolder;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #a52a2a;
	font-family: Verdana, Arial, MS Sans Serif;
	height: 21px;
}

.combo {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, MS Sans Serif;
	WIDTH: 200px;
}
.combo1 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, MS Sans Serif;
	WIDTH: 150px;
}
.combo2 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, MS Sans Serif;
	WIDTH: 100px;
}
.combo3 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, MS Sans Serif;
	WIDTH: 170px;
}
.combo4 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, MS Sans Serif;
	WIDTH: 320px;
}
.combo5 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, MS Sans Serif;
	WIDTH: 130px;
}

.tableCellContentTextboxLabelLeft {
	width: 50%;
	text-align: right;
	display: flex;
	align-items: center;
	margin-inline: auto; /*to center the content*/
}

.tableCellContentTextboxTextBoxRight {
	width: 50%;
	display: flex;
	align-items: center;
	margin-inline: auto; /*to center the content*/
}


/*Use it for Labels to display field values on the screen (i.e. read only fields)*/
.label {
	font-weight: bolder;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	background: none transparent scroll repeat 0% 0%;
	font-family: Verdana, Arial, MS Sans Serif;
	text-align: left;
}

.labelMessage {
	font-weight: bold;
	font-size: clamp(.8rep,4vw + 1.5rem,1.5rem);
	background: none transparent scroll repeat 0% 0%;
	font-family: Verdana, Arial, MS Sans Serif;
	text-align: center;
	color: orangered;
}



/*Use it for Labels where warning/confirmation messages needs to be displayed*/
.message {
	font-weight: bolder;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	background: none transparent scroll repeat 0% 0%;
	color: #0000cd;
	font-family: Verdana, Arial, MS Sans Serif;
	text-align: center;
}
/*Use it for Labels where ERROR messages needs to be displayed*/
.ErrorMessage {
	font-weight: lighter;
	font-size: clamp(1.25rep,5vw + .5rem,1.25rem);
	background: none transparent scroll repeat 0% 0%;
	color: #ff0000;
	font-family: Verdana, Arial, MS Sans Serif;
	text-align: center;
}


.button {
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #696969;
	font-family: Verdana, Arial, MS Sans Serif;
	background-color: #fff0b3;
}
.button:disabled{
    color: #696969;
}

.button:enabled{ 
    color: #003366;
}

.button:enabled:hover{
    cursor:grab;
}

.button:disabled:hover{
    cursor:wait;
}

.button1 {
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #696969;
	font-family: Verdana, Arial, MS Sans Serif;
	background-color: #fff0b3;
	width: 80px;
}

.button1:disabled{
    color: #696969;
}

.button1:enabled{ 
    color: #003366;
}

.button1:enabled:hover{
    cursor:grab;
}

.button1:disabled:hover{
    cursor:wait;
}

.buttonsFlex {
	display: flex;
	flex-direction: row;
	justify-content: center;
	column-gap: 2em;
}

.calendar {
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	border-left: gray 1px solid;
	width: 20px;
	color: maroon;
	border-bottom: #639ace 1px solid;
	font-family: Webdings;
	height: 20px;
	background-color: #fff0b3;
}

.ColumnHeader {
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	background-color: #d9edff;
	text-align: center;
}

.ExpandMenu {
	border-right: blue thin solid;
	border-top: blue thin solid;
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1.5rem);
	border-left: blue thin solid;
	color: navy;
	border-bottom: blue thin solid;
	font-family: Courier;
	background-color: #ffffcc;
	text-decoration: none;
}

.ColumnHeaderLeftAlign {
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	background-color: #d9edff;
	text-align: left;
}

.SideHeader {
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	background-color: #d9edff;
	text-align: right;
}
.Header {
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	background-color: #d9edff;
}
.ActiveTab {
	border-right: blue 1px solid;
	border-top: blue 1px solid;
	font-weight: bold;
	font-size: clamp(.8rep,4vw + 1.5rem,1.5rem);
	border-left: blue 1px solid;
	color: navy;
	border-bottom: none;
	font-family: Verdana;
	background-color: transparent;
}

.BlankTab {
	border-right: none;
	border-top: none;
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	border-left: none;
	color: navy;
	border-bottom: blue 1px solid;
	font-family: Verdana;
	background-color: transparent;
}

.InactiveTab {
	border-right: blue 1px solid;
	border-top: blue 1px solid;
	font-weight: bold;
	font-size: clamp(.8rep,4vw + 1.5rem,1.5rem);
	border-left: blue 1px solid;
	color: navy;
	border-bottom: blue 1px solid;
	font-family: Verdana;
	background-color: #ffffcc;
}

.TabPage
{
	border-right: blue 1px solid;
	border-top: none;
	border-left: blue 1px solid;
	color: navy;
	border-bottom: blue 1px solid;
	font-family: Verdana;
	background-color: transparent;
}
blockquote
{
	margin-top: 0px;
	margin-bottom:0px;
}

.program0
{
	background-color: #ffffcc;
}

.program1
{
	background-color: #ffffe0;
}

.race0
{
	background-color: #dedbce;
}

.race1
{
	background-color: #ffffff;
}

.cip0
{
	background-color: #ffffff;
}

.cip1
{
	background-color:  #d9edff;
}

.major0
{
	background-color: #dedbce;
}

.major1
{
	background-color: beige;
}

.ServiceDescription
{
	
	/*font-family: Verdana, Arial,  MS Sans Serif;
	font-size: 2px;*/
	text-align: justify;
	padding-left:10px;
	padding-right:10px;
		/*
	font-weight: normal;
	*/
	/*font-style:italic; */
	font-weight:  bold;
	
}
.ItalicText {
	font-weight: normal;
	font-size: clamp(.8rep,4vw + 1rem,1rem);
	color: Black;
	font-family: Verdana, Arial, MS Sans Serif;
	height: 21px;
}
.TableStandard
{
	width:760px;
	border:0;
}
.TableStyle2 {
	width: 750px;
	border: 1px;
}
.TableStyle1
{
	width:95%;
	border:1px;
}
.TdStyle1
{
	width:15%;
}
.TdStyle2
{	
	width:40%;
}
.TdStyle3
{	
	width:20%;
}
.TdStyle4
{	
	width:25%;
}
.TdStyle5 {
	width: 280px;
}
.TdStyle6 {
	width: 30px;
}
.TdStyle7
{	
	width:80px;
}
.TrStyle1 {
	height: 100px;
}
.MandatoryMark {
	color: #cc0000;
	font-size: clamp(.8rep,4vw + 1rem,1rem);
}

.labeltext {
	font-weight: normal;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	background: none transparent scroll repeat 0% 0%;
	font-family: Verdana, Arial, MS Sans Serif;
	text-align: left;
}
.textboxMultiLine {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	/*width: 600px;*/
	width:90%;
	height: 80px;
}
.textboxStyle2 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 30px;
}
.textboxContactPhone {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 110px;
}
.textboxEmail {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 300px;
}
.textboxPhoneExtn {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	color: #000000;
	font-family: Verdana, Arial, MS Sans Serif;
	border-right: #639ace 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: #639ace 1px solid;
	width: 60px;
}
.comboStyle1 {
	font-size: clamp(1rep,5vw + .5rem,1rem);
	COLOR: #000000;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	FONT-FAMILY: Verdana, Arial, MS Sans Serif;
	width: 100px;
}
/*Use it for Labels where Instructions needs to be displayed*/
.Instructions {
	font-size: clamp(.8rep,4vw + 1.5rem,1.5rem);
	font-weight: normal;
	background: none transparent scroll repeat 0% 0%;
	color: Blue;
	font-style: italic;
	font-family: Verdana, Arial, MS Sans Serif;
	text-align: left;
}

.dtrRowColor0
{
	background-color:  beige;
}
.MenuBackground {
	text-decoration: none;
	font-family: Verdana, Arial, MS Sans Serif;
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	background-color: #d9edff;
}
.NameControl

{

      font-size : x-small;

      color :Blue;

      font-style:italic;

      font-family:Arial;

 

}
.TabTable
{
	width: 760px;
}

/* Class for displaying fieldset */
.clsFieldset {
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-weight: bold;
	font-size: clamp(1rep,5vw + .5rem,1rem);
	border-left: black 1px solid;
	color: #0000ff;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, MS Sans Serif;
	background-color: #d9edff;

}

.clsTableBorder {
	border-right: black 1px solid;
	border-top: black 1px solid;
	/*font-weight: bold;*/
	font-size: clamp(1rep,5vw + .5rem,1rem);
	border-left: black 1px solid;
	color: #0000ff;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, MS Sans Serif;
	width: 760px;
}
.clsTableBorder1 {
	border-right: black 1px solid;
	border-top: black 1px solid;
	/*font-weight: bold;*/
	font-size: clamp(1rep,5vw + .5rem,1rem);
	border-left: black 1px solid;
	color: #0000ff;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, MS Sans Serif;
}
.hideMe{
    display:none;
}

.showMeBlock{
    display:block;
}

.showMeInline{
    display:inline;
}

.showMeInlineBlock{
    display:inline-block;
}

.deepBlueBackground
{
	background-color: #003366;
}

.whiteBackground
{
	background-color: #ffffff;
}
.thinBorder{
    border-width:1px;
}

.normalHeight{
    height:25px;
}
.textCenter{
    text-align:center;
}

.centerTextContent{
    margin-left: auto; 
    margin-right: auto; 
    text-align: center;
}

.rightTextContent {
    margin-left: auto; 
    margin-right: auto; 
    text-align:right;
}

.rightJustContent {
	justify-content: flex-end;
	padding:0;
	margin:0;
}

.leftTextContent {
    margin-left: auto; 
    margin-right: auto; 
    text-align:left;
}

.alignTop {
    vertical-align: top;
}

.leftTopTextContent {
    text-align: left;
    vertical-align: top;
}

.headerEnvironmentDevelopment {
	font-weight: bold;
	font-size: x-large;
	background-color: #41f4b2;
	border-color: #CC3300;
	border-width: 2px;
	display: block;
	min-width: 100vw;
	min-width: 100svw;
	min-height: .25vh;
	min-height: .25svh;
}

.alignLeft{
    justify-content:flex-start;
}

.textAlignTop {
	vertical-align: top;
}

.textAlignMiddle {
	vertical-align: baseline;
}

.textAlignBottom {
	vertical-align: bottom;
}

.headerEnvironmentSIT {
	font-weight: bold;
	font-size: x-large;
	background-color: #41d9f4;
	border-color: #CC3300;
	border-width: 2px;
	display: block;
	min-width: 100vw;
	min-width: 100svw;
	min-height: .25vh;
	min-height: .25svh;
}

.headerEnvironmentUAT {
	font-weight: bold;
	font-size: x-large;
	background-color: #FF9933;
	border-color: #CC3300;
	border-width: 2px;
	display: block;
	min-width: 100vw;
	min-width: 100svw;
	min-height: .25vh;
	min-height: .25svh;
}

.headerEnvironmentProduciton{
  display:none;
}

.footerPanel {
	background: #003366;
	height: 25px;
	width: 100svw;
}



.height25SVH {
	min-height: .25vh;
	min-height: .25svh;
}


.height45SVH {
	min-height: .45vh;
	min-height: .45svh;
}

.height250SVH {
	min-height: 2.5vh;
	min-height: 2.5svh;
}

.height80SVW {
	min-height: .8vw;
	min-height: .8svw;
}

.width230SVW {
	*min-width: 2.3vw;
	min-width: 2.3svw;
}

.width240SVW {
	*min-width: 2.4vw;
	min-width: 2.4svw;
}

.width560SVW {
	min-width: 5.6vw;
	min-width: 5.6svw;
}

.width100SVW {
	min-width: 100vw;
	min-width: 100svw;
}

.width5Perc {
	width: 5%;
}

.width6Perc {
	width: 6%;
}

.width10Percent {
	width: 10%;
}

.width15Percent {
	width: 15%;
}

.width40Percent {
	width: 40%;
}

.width50Percent {
	width: 50%;
}

.width60Percent {
	width: 60%;
}

.width70Percent {
	width:70%;
}

.width94Perc {
	width: 94%;
}

.width95Perc {
	width: 95%;
}

.width100Percent {
	width: 100%;
}

.width15PerSVW {
	width: 15vw;
	width: 15svw;
}

.width25PerSVW {
	width: 25vw;
	width: 25svw;
}

.width50SVW {
	width: 50vw;
	width: 50svw;
}

.width70PerSVW {
	width: 70vw;
	width: 70svw;
}

.width75PerSVW {
	width: 75vw;
	width: 75svw;
}

.bluBackgroundForApp {
	background: #003366;
}

.centerDisplayContent700MaxWidth {
	max-width: 700px;
	margin-inline: auto; /*to center the content*/
}

/*main content item*/
.minCellControlDisplay {
	min-width: 350px;
	margin-inline: auto; /*to center the content*/
}



.StudentAuthentication_StaffImagesTable {
	max-width:700px;
	margin-inline:auto;  /*to center the content*/
}

.StudentAuthentication_StaffImagesTableRowCell {
	width: 100%;
	border: 0;
	padding: 0;
	
}

.StudentAuthenticationImg_photo_maintext {
	height: auto;
	width: auto;
}

.StudentAuthenticationImg_photo_maintextLeftImage {
	height: auto;
	width: auto;
	margin:0px;
	padding:0px;
}



.StudentAuthenticationImg_photo_main3 {
	height: auto;
	width: auto;
}

.StudentAuthenticationImg_photo_main4 {
	height: 198px;
	width: 234px;
}

.headerFlexRow1 {
	width: 100vw;
	width: 100svw;
	display:flex;
	flex-direction:column;
	grid-template-columns:repeat(2,1fr);
}


.gridStudentAuthenticationLogin {
	display:grid;
	gap: 2rem;
	grid-template-columns: repeat(auto-fit,minmax(400px,1fr));
}

.gridList300Max {
	display: grid;
	grid-template-rows: repeat(auto-fit,minmaz(350px,1fr));
	font-size: clamp(1rep,4vw + 1.5rem,1.5rem);
	font-weight: normal;
	background: none transparent scroll repeat 0% 0%;
	color: Blue;
	font-style: italic;
	font-family: Verdana, Arial, MS Sans Serif;
	text-align: left;
}

.ucStudentHeaderMain {
	display: flex;
	flex-direction: row;
	gap: 2rem;
}


.ucStudentHeaderMainLeft {
	margin-inline: auto; /*to center the content*/
}
.ucStudentHeaderMainRight {
	margin-inline: auto; /*to center the content*/
}

.pcText {
	margin-inline: auto; /*to center the content*/
	text-align: center;
	font-size: 30px;
	visibility: visible;
	font-family: Verdana, Arial, MS Sans Serif;
}

.phoneText {
	margin-inline: auto; /*to center the content*/
	text-align: center;
	font-size: 30px;
	visibility: collapse;
	font-family: Verdana, Arial, MS Sans Serif;
}


.StudentAuthenticationValidate {
	/*width: 50svw;*/
	margin-inline: auto; /*to center the content*/
}

.StudentAuthentication {
	min-width: 100%;
	display: grid;
	gap: min(2rem,5vw);
}

.StudentAuthentication_StaffImagesDiv {
	/*	width: 50svw;*/
	margin-inline: auto; /*to center the content*/
}

.wfStudentAuthenticationHeaderRow1_LeftImage {
	width: 25vw;
	width: 25svw;
}

.wfStudentAuthenticationHeaderRow1_RightImage {
	width: 75vw;
	width: 75svw;
}

.wfStudentAuthenticationHeaderRow2_LeftImage {
	width: 25vw;
	width: 25svw;
}

.wfStudentAuthenticationHeaderRow2_RightImage {
	width: 75vw;
	width: 75svw;
	font-size: clamp(1.5rem,5vw + 1,4rem);
	font-weight: bold;
	color: white;
	text-align: center;
}

.wfStudentUpperScreen {
	margin-inline: auto; /*to center the content*/
	min-height: 25vw;
	min-height: 25svw;
}

wfStudentLowerScreenLower {
	margin-inline: auto; /*to center the content*/
	min-height: 25vw;
	min-height: 25svw;
}

.tableSize {
	min-width: 350px;
	max-width: 700px;
	margin-inline: auto; /*to center the content*/
}


wfStudentLowerScreenSurveyListLower {
	min-width: 350px;
	max-width: 700px;
	margin-inline: auto; /*to center the content*/
}

.wfStudentLowerScreen {
	min-height: 25vw;
	min-height: 25svw;
}

.wfStudentLowerScreenSurvey {
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(auto-fit,minmax(400px,1fr));
}

.wfStudentPostSecondaryCTESurveySchoolInfo {
	display: flex;
	flex-direction:row;
	gap: 2rem;
}

.wfStudentPostSecondaryCTESurveySchoolInfoLeft {
	margin-inline: auto; /*to center the content*/
}

.wfStudentPostSecondaryCTESurveySchoolInfoRight {
	margin-inline: auto; /*to center the content*/
}

.wfStudentLowerScreenSurveyList {
		min-width: 350px;
		max-width: 700px;
		margin-inline: auto; /*to center the content*/
	}

.pnlSurveyList {
	min-width: 350px;
	max-width: 700px;
	margin-inline: auto; /*to center the content*/
}

pnlUpperDisplay {
	min-width: 350px;
	max-width: 700px;
	margin-inline: auto; /*to center the content*/
}

.flex-containerBase {
	display: flex;
}

.smallScreenWrap {
	width: 100vw;
	width: 100svw;
	overflow-wrap: break-word;
}

.centerImageInDiv {
	display:block;
	margin:auto;
	
}

.clear_ExpandHeightWithContent {
	clear:both;
}

.needInlineMargin4 {
	margin-inline-start:20px;
	margin-inline-end:20px;
 
}

.radioTextAlign {
	display:block;
	vertical-align:top;
}

.radioTextAlignInput {
	display: inline-block;
	vertical-align: middle;
	word-break:break-all;
}

.leftCenterContent {
	align-content:start;
}

.appName {
	font-weight: bold;
	color: white;
	background: #003366;
	font-size: clamp(18px,10vw + 1,30px);
}

.backBlue {
	background-color: #003366;
}



@media only screen and (max-width: 601px) {
	.ucStudentHeaderMain {
		flex-direction:column;
	}

	.wfStudentPostSecondaryCTESurveySchoolInfo {
		flex-direction: column;
	}
}



@media only screen and (min-width: 601px) {
	.StudentAuthentication_StaffImagesDiv {
		min-height: 50%;
		min-width: auto;		
	}


}