.oddEvenRowTable  {
border-collapse: collapse;
width: 100%;
border: 0px solid #fff;
}

.oddEvenRowTable th, oddEvenRowTable td {
text-align: left;
padding: 10px;

}

.oddEvenRowTable tr:nth-child(even) {
background-color: #eaeee4;
}

.evenRow {
background-color: #eaeee4;
}

.oddRow {
background-color: #e4e4e7;
}


 .applnFormTable{
border-collapse: collapse;
width: 90%;
border: 1px solid #000;
margin-left:5%;

}

.applnFormTable th, td {
text-align: left;
padding: 10px;
border: 1px solid #000;

}

.helpText{
color:  #5a5a5a ;
font-size:0.9em;
}




.page-wrapper{
/*margin-left:18%;
width: 80%;*/
}

.submenu li{
border-left:3px solid  #e2dedd ;
padding-bottom:10px;
padding-top:10px;
padding-left:5px;

}

.submenu li:hover{

background-color:  #f0f0f1     ;
padding-bottom:10px;
padding-top:10px;
padding-left:5px;

}


.activeDropDown, .inActiveDropDown{

background-color: #e2e8f0;

padding-left:20px;
height: 50px;
padding-top:5px;
padding-bottom:5px
}

.activeDropDown:before{ 
       
        color:#334155; 
        content:"\25B6";
        
    }


.activeDropDown:hover, inActiveDropDown:hover{
background-color:   #f0f0f1     ;

}

.linkDefaultStyle{
color:  #0353cf ;
text-decoration: underline;

}

.linkDefaultStyle:hover{
color: white;
background-color:#0353cf;
text-decoration: underline;

padding:5px;
}

.linkStyle2{
color:  #0353cf ;
text-decoration: underline;

}

.linkStyle2:hover{
color: blue;
text-decoration: underline;

}


.emailcontent a{
color:  #0353cf ;
text-decoration: underline;
}

.requiredMark:after{ 
        content:'*'; 
        color:red; 
        padding-left:5px;
    }

.footerlinebg{
background-color:#669999;
border-radius:0.5em;
color:white;
}

.nav-item, .navbg{
/*background-color:#042f2e;
background-color: #1e1b4b;
*/
/*background-color: #e2e8f0;*/
}

.navbguser{
/*background-color:#042f2e;
background-color: #1e1b4b;
*/
background-color: #e2e8f0;
}

.nav-item{
color:black;
}


.activeMenuParentitem{

/*border-radius:5px;*/
border-bottom: 5px white solid;
border-right:1px  white solid; */
/*padding-top:5px;*/

}


.menuItem{

}

.activeMenuItem{

/*border-radius:5px;
border-left:3px  #8469bb solid;
border-right:3px  #8469bb solid;*/
background-color:#f1f5f9 ;
border-left:3px  DarkCyan solid;
border-right:3px  DarkCyan solid;
/*padding-left:5px;*/
}


.pagebg{
background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
background-color: #DCD9D4;
 background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);
 background-blend-mode: soft-light,screen;
}



.text-outline{
    -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px;
  }


.h1Style {
	font-size: 1.9rem;
    font-weight: bold;
    color:  #202381;
    font-variant: small-caps;

    }

:root.dark .h1Style {
    color: #a5b4fc;
}

  
.h1Style::before{
    display: inline-block;
    content: "";      
    content: "\2630";     
    margin: 0.3rem;
    
}    

.h2Style {
	font-size: 1.6rem;
    font-weight: bold;
    color:  #202381;	
    }

  
.h2Style::before,    
.h2Style::after{
font-size:1.5rem;
    display: inline-block;
    content: "\2550\2550\2550";
    padding-left:5px;
    padding-right:5px;
    transform: translateY(-0.2rem);
}    

.h3Style {
	font-size: 1.4rem;
    font-weight: bold;
    color:  #202381;	
    }

  
.h3Style::before, .h3Style::after{
font-size:1.2rem;
    display: inline-block;    
    content: "\2584";
    padding-right:5px;
    padding-left:5px;
    transform: translateY(-0.5rem);
}


.h4Style {
	font-size: 1.2rem;
    font-weight: bold;
    color:  #202381;	
    }
    
.h4StylePlane {
	font-size: 1.2rem;
    font-weight: bold;
    color:  #202381;	
    }    

  
.h4Style::before{
font-size:1.2rem;
    display: inline-block;
    content: "\25B6";
    padding-right:5px;
    padding-left:5px;
    transform: translateY(-0.1rem);
}
.h4Style::after{
font-size:1.2rem;
    display: inline-block;
    content: "\25C0";
    padding-right:5px;
    padding-left:5px;
    transform: translateY(-0.1rem);
}


.h1Style2 {
	font-size: 2rem;
    font-weight: bold;
     text-transform: uppercase;
    color:  #003300;	
    }
    
  
.h1Style2::before{
font-size:2rem;
    display: inline-block;
    /*content: "\222E";*/
    content: "\2263";
    
    
    padding-right:5px;
    padding-left:5px;
    transform: translateY(-0.1rem);
}
.h1Style2::after{
font-size:2rem;
    display: inline-block;
    /*
     * content: "\25E7";
     * */
    padding-right:5px;
    padding-left:5px;
    transform: translateY(-0.1rem);
}



.h1Style3 {
	font-size: 1.7rem;
    font-weight: bold;
     text-transform: uppercase;
    color:  #003300;	
    }
    
  
.h1Style3::before{
font-size:1.7rem;
    display: inline-block;
    /*content: "\222E";*/
    content: "\2263";
    
    
    padding-right:5px;
    padding-left:5px;
    transform: translateY(-0.1rem);
}
.h1Style3::after{
font-size:1.7rem;
    display: inline-block;
    /*
     * content: "\25E7";
     * */
    padding-right:5px;
    padding-left:5px;
    transform: translateY(-0.1rem);
}


.requiredMark:after{ 
        content:'\1F7B6'; 
        color:red; 
        font-size:1.3em;
        padding-left:5px;
        
    }
    
.requiredMark:before{ 
        content:'\1F7D3'; 
        content: '?';
        color:white; 
        font-size:1.5em;
        background: #336699;
        padding-left:3px;
        padding-right:3px;
    }    
    
.questionMark:before{ 
        content:'\1F7D3'; 
        content: '?';
        color:white; 
        font-size:1.5em;
        background: #336699;
        padding-left:3px;
        padding-right:3px;
        margin-right:5px;
    }        
    
.compulsoryMark:after{ 
        content: "**";
        content :'\1F795';
        color:red; 
        font-size:1.1em;
        
        padding-left:5px;
    }
    
.input-label{
font-size:0.8em;

}    

ul.listStyle1 {
  
  list-style-type: "\1F7BD";
}

ul.arrow{

  list-style-type: "\1F782";  
  text-indent: 10px;
}


.moreHspace li {
margin-top: 20px;
    
}

ul.circle {list-style-type: circle;}
ul.square {
list-style-type: square;
padding-left:15px;
}


.alert-danger{
background: #ebd8de;
background: linear-gradient(90deg, rgba(235, 216, 222, 1) 0%, rgba(237, 236, 223, 1) 100%);
padding : 30px;
}

.alert-warning{
padding:2px;
background: #E8CDC8;
}


.noteHeading{
font-variant:bold;
font-size:1.1em;
background: #AFB89C;
border-radius: 10px;
padding: 5px;
margin-right:10px;
}
.noteBlock{
font:0.9em;
padding:30px;
background: #edf7e6;
background: linear-gradient(90deg, rgba(237, 247, 230, 1) 0%, rgba(240, 237, 237, 1) 100%);
}

.noteBlock:before{ 
        content:'\25C6'; 
        
        color:#356296; 
        font-size:1.5em;
        
        padding-left:3px;
        padding-right:3px;
    }



.show_image{
position:fixed;top:0;right:0;bottom:0;left:0;
background: rgba(0,0,0,0.5) ;
z-index:100;
background-size: 5ex;
}


.loader {
  box-sizing: border-box;
  position: relative;
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
}
.loader:after, .loader:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  border-radius: 50%;
  background: #FF3D00;
  animation: spin 1s linear infinite;
  transform-origin: 0px 100%;
}
.loader:before {
  transform-origin: 0 50%;
  background: #fff;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}