@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');
body1 {
        border-color:linear-gradient(#FFAA55,#FFFFFF,#AAFF7F);	
	background:#EEEEEE;
}
.h1 {		
        margin-left:0px ;
	font-family:Adobe Ming Std L;
	font-size:40pt;
}
.ltricolor{
    background: linear-gradient(to bottom right,#ff9900,white,#00cc00);
    
}

.hotspot{
        background-image: url("./images/hotspot1.jpg");
    background-repeat: no-repeat, repeat;
        background-size: cover;
        position: center;
  background-color: transparent;
}
.feature{
	margin-left:0px;
	margin-top:50px;
	margin-right:0px;
	font-family:calibri;
	color:grey;
	
	height:auto;
	width:30%;
	min-width:400px;
	text-align:center;
	border:0px solid black;
	float:left;
	
}
.feature1{
	margin-left:0px;
	margin-top:100px; 
	margin-right:0px;
	font-family:calibri;
	color:grey;
	background: ;
	height:auto;
	width:100%;
	min-width:400px;
	text-align:center;
	border:0px solid black;
}
.widthspace1{
	width:5%;
	float:left;
	height:200px;
	border:0px solid black;
}
.logoutbtn{
	width: 20%;
        float:right;
}
.btn1{
	background-color:#0079F2;
	color:white;
	font-size:15pt;
	width:150px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	font-family:calibri;
	border-top-right-radius:5px;
}
.hero-image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./images/ons1.jpg");
  height:600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}
.hero-text {
  text-align: center;
  font-family:calibri;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.assignment{
	color:blue;
	margin-top:100px;
	width:100%;
	font-family:MS Reference Sans Serif;
	font-size:15pt;
	vertical-align:top;
}
.infofr{
	color:blue;
	margin-top:100px;
	width:100%;
	font-family:MS Reference Sans Serif;
	font-size:15pt;
	vertical-align:top;
}
.bannerdiv{
	width:100%;
	background:red;
	text-align:center;
	border:1px solid black;
}
.basicback{
	
}
.banner{
	margin-left:0px;
	margin-right:0px;
	max-width:100%;
	border:0px solid black;
	text-align:center;
}
.backwhite{
	background:white;
}
.banner1{
	background:white;
}
.banner2{
	background:#8F8AFD;
	
}
.banner3{
	
	background:#46FF46;
}
a:link {
    background-color: transparent; 
    text-decoration: none;

}

a:visited {
   
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: red;
    background-color: transparent;
    text-decoration: none;
}

a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: none;
}

.ffooter{
	max-width:500px;
	float:right;
	height:10000px;
}
.transback{
	background-color:rgba(0,0,0,0);
}
.bgimg{
	background:url("./images/registration1.png");
	background-repeat:no-repeat;
}
.imgmarq{
	height:200px;
	margin-left:5px;
}
.allservice{
	width:100%;
	background:black;
	height:auto;
	color:white;
	line-height:40px;
	font-size:15px;
	text-align:center;
}
.divvisa{
	width:100%;
	max-height:auto;
	text-align:center;
	
	color:#121292;
	margin-top:5px;
	
}
.dashimgchcss{
    background-repeat: no-repeat;
    background-color: white;
    text-align: center;
    position:relative;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    height:auto;
    width :300px;
    min-width: 300px;
    border: 0px solid black;
}
.procont{
	
	border:0px solid black;
}

* {box-sizing: border-box}
.container {
  padding: 16px;
  border:0px solid black;
  font-family:calibri;
  text-align:center;
  font-size:13pt;
}
.evsabout{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color:#006699;
    padding: 30px;
}
.evsaboutinfo{
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    background-color: #eff7fe; 
    color:#006699; 
    padding: 30px;
}
.evsempregbut{
    height:50px;
    background-color: #006699;
    cursor: pointer;
    color:white;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    font-size: 13pt;
}
.evsempregform{
    display:none;
    margin-left: auto;
    margin-right: auto;
    background-color:white;
    border: 0px solid black;
    border-radius: 5px;
}

hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

.registerbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  font-size:14pt;
}


.registerbtn:hover {
  opacity:1;
}


.signin {
  background-color: #f1f1f1;
  text-align: center;
}
.divg1{
	font-family: calibri;
        background-color:#20184d;
        margin-left:auto;
        margin-right:auto;
        color:white;
}

.divg2{
	width:100%;
	max-height:auto;
	text-align:center;
	background:url("./images/ass1.jpg");
	margin-top:1px;
	
}
.divg3{
	width:100%;
	max-height:auto;

	margin-top:1px;
	color:white;
	text-align:center;
}
.divg4{
	width:100%;
	height:auto;
	margin-top:1px;
	color:#000033;
	border:0px solid black;
	text-align:center;
}
.div1{
	width:427px;
	height:300px;
	float:left;
	background:#EEEEEE;
	border:0px solid black;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
}
.div2{
	min-width:33%;
	height:300px;
	float:left;
	background:green;
}
.div3{
	width:33%;
	height:300px;
	float:right;
	background:red;
}
.profileback{
	width:80%;
	height:200px;
	margin-left:auto;
	margin-right:auto;
}
.procontainer{
	position:relative;

}
.donucom{
        width:100%;
        font-family: calibri;
        text-align: center;
        margin-left: auto;
        margin-right:auto;
}
.dashimg{
        width: 100%;
        position: relative;
        margin-top: auto;
        height: 300px;
        border:1px solid black;
        box-shadow: 0px 5px 5px 0px grey;
        border-radius: 10px;
}
.procard{
	position:relative;
	bottom:150px;
	margin-left: auto;
        margin-right: auto;
	height:50px;
	width:200px;
	text-align:center;
	vertical-align:middle;
	background-color:transparent;
        color:black;
	border:0px solid black;
        border-radius:50%;
        
}
.fricard{
    height:250px;
    width:150px;
    border-radius: 5px;
    border:1px dotted #1969A9;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
   
    box-shadow: 0px 0px 15px 5px ghostwhite;
}
.fricard:hover{
    box-shadow:0px 0px 10px 5px #DDE8F9;
}
.card1:hover{
    box-shadow: 1px 1px 2px 2px #ebebeb;
}
.hwhelp:hover{
   box-shadow: 1px 1px 2px 2px red;
   border:0px;
}
.fricardimg{
    height:150px;
    width:120px;
    border-radius: 10px;
    margin-left: auto;
    margin-top:5px;
    margin-right: auto;
}
.proimg{
    height:200px;
    vertical-align: middle;
    width: 200px;
    border-radius: 50%;
    border:1px solid black;
    box-shadow: 0px 3px 3px 0px grey;
    
}

.promain{
	font-family:calibri;
	color:black;
	width:85%;
	min-width:400px;
	border:0px solid black;
        margin-right: auto;
	margin-left:auto;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
}
.proside{
	font-family:calibri;
	width:30%;
	min-width:400px;
	border:1px solid skyblue;
	border-top-color:white;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	float:right;
	padding:10px;
	padding-top:0px;
	margin-top:0px;
	margin-right:auto;
        margin-left: auto;
        position: relative;
}
.search{
    text-align: left;
    border-radius: 5px;
    font-size: 13pt;
}

.section{
	width:100%;
        background-color: #194775;
	color:white;
        font-size: 25px;
       
        position:sticky;
        top: 0;
	height:auto;
        width: 100%;
        overflow:auto;
	margin-top: 0;
	font-family:calibri;
	border:0px solid black;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.section1{
	width:100%;
        background-color:black;
	color:white;
        top: 0;
        height:auto;
        overflow:auto;
	margin-top: 0;
	font-family:calibri;
	border:0px solid black;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.homesection1{
	width:100%;
	background:#3968A9;
	color:white;
        top: 0;
	background-image: url("./images/.jpg");;
       height:auto;
        
        overflow:auto;
	margin-top: 0;
	font-family:calibri;
	border:0px solid black;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.userfriimg{
    font-family: calibri;
    background:white;
    color:black;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
}
.maininsection{
    width:100%;
    background-color: #F8F8F8;
    border:0px solid black;
    
    padding:0px;
    
}
.indexsection{
	border:0px solid white;
	background:#3968A9;
	text-align:center;
	margin:auto;
	width:100%;
        float:auto;
        padding:20px;
}
.inssection{
	width:80%;
        border:0px solid black;
        margin-left: auto;
        margin-right: auto;
        padding-top: 3px;
        height:auto;
        float:auto;
}
.insectionleft{
    width:40%;
    float:left;
    border:0px solid black;
    
    border-radius: 5px;
}
.insectionright{
    width:60%;
    border:0px solid black;
    float:right;
    
}
.leftoption{
    background:white;
    width:100%;
    height:auto;
    padding:10px;
    border:1px solid #cccccc;
    font-family: calibri;
    border-radius:5px;
    box-shadow: 0px 0px 10px 5px ghostwhite;
    
}
.rightoption{
    background:white;
    width:100%;
    height:auto;
    padding:10px;
    border:1px solid #cccccc;
    font-family: calibri;
    border-radius:5px;
    box-shadow: 0px 0px 10px 5px ghostwhite;
    
}

.comprodiv{
    width:auto;
    border:0px solid black;
   float: left;
   font-size: 15pt;
   font-family: calibri;
}
.compro{
    height:40px;
    width:40px;
    border-radius: 50%;
    float:left;
}
.comdiv{
    width:88%;
    height:auto;
    min-width:50px;
    border:0px solid black;
    float:left;
}
.combox{
    height:50px;
    font-size:14pt;
    width:auto;
    border-radius: 20px;
    float:right;
}
.rightmaindiv{
    padding-top: 0px;
    height:auto;
    width: auto;
    border:0px solid black;
    margin-left: auto;
    margin-right: auto;
    
}
.nextcombox{
    border:0px solid black;
    width:fit-content;
    height:auto;
    font-size:  15pt;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    padding:1px;
    cursor: pointer;
}
.selectaud{
    width:auto;
    height:50px;
    color:blue;
    font-weight:bold;
    border:0px solid black;
    font-family: calibri;
    font-size: 13pt;
}
.buttonblue{
    width: 100%;
    color:white;
    border:none;
    font-size: 15pt;
    background-color: blue;
}
.pupload{
    width:100%;
    height:auto;
    text-align: center;
    font-size:12pt;
    background-color: white;
    color:black;
    font-family: calibri;
}
.vupload{
    width:100%;
    height:auto;
    text-align: center;
    font-size:12pt;
    background-color: white;
    color:black;
    font-family: calibri;
}
.aside{ 
	
	float:right;
	width:70%;
	background:green;
	border:1px solid black;
}
.programmer{
	margin:1%;
}
.logPos{
	margin:1%;
}
.firstdiv{
	height:auto;
	min-width:auto;
	max-width:100%;
	border:1px solid black;
	background-color:#2B0000;
	font-family:;
	font-size:10px;
	color:#D2D2D2;
}
.full{
	width:auto;
}
.left{
	width:49%;
	border:0.5px solid black;
	text-align:left;
}
.right{
	width:50%;
	border:1px solid black;
	text-align:right;
}
.webbox{
	
}
.webDevelop{
	
}
#menu ul{
	list-style:none;
}
#menu ul li{
	border:0px solid white;
	color:grey;
	margin-right:10px;
	background:;
	height:auto;
	text-align:center;
	line-height:15px;
	float:left;
	
}

#menu ul li a{
	text-decoration:none;
	color:white;
	display:block;
}
#menu ul ul div{
	background:#8484FF;
	max-width:auto;
	height:auto;
	position:relative;
	float:;
	margin-left:0px;
}
#menu ul ul{
	position:absolute;
	display:none;
}
#menu ul li:hover>ul{
	display:block;
	overflow:hidden;
	position:relative;
	background:;
}
#top1{
	
	height:1250px;
	background-repeat:;
	width:100%;
	margin-top:100px;
	padding:;
}
#top2{
	background:;
	height:1000px;
	width:100%;
	margin-top:;
	padding:;
}
#top2 div{
	height:1000px;
	color:red;
}
#top1 div{
	
	padding:40px;
}

.flag{
	margin-top:0px;
	height:auto;
	background: linear-gradient(#FF5500,white,white,#00FF00);
}
.top{
	width:100%;
	font-weight:bold;
	height:30px;
	text-align:right;
	margin-top:0px;
	margin-bottom:5px;
	border:0px solid black;
	font-family:calibri;
}
.centre{
	text-align:centre;
}
.propagedet{
    float: auto;
    margin-left: auto;
    margin-right: auto;
    width: ;
    padding-left: 10px;
    min-width: 400px;
    color:1px solid black;
    shadow:2px 2px 2px 2px black;
}
.showdetail{
margin-left:10px;
margin-top:10px;
font-family:calibri;
font-size:13pt;
color:#007DFF;
   
}
#overlay {
  position: fixed;
  display: none;
  width: 50%;
  height: 50%;
  top:25%;
  left: 25%;
  right: 0;
  bottom: 0;
  background-color: white;
  border:1px solid black;
  border-radius: 10px;
  box-shadow: 0px, 0px, 0px, 10px black;
  z-index: 2;
  cursor: pointer;
}
#ppoppostup {
 
  display: none;
  position: relative;
  width: 300px;
  height: 400px;
  top:25%;
  right: 0;
  bottom: 0;
  background-color: white;
  border:1px solid black;
  border-radius: 10px;
  box-shadow: 0px, 0px, 0px, 10px black;
  z-index: 2;
  cursor: pointer;
}

#text{
  position: absolute;
  top: 50%;
  font-size:15pt;
  left: 50%;
  color: gray;
  border-radius: 3px;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.row::after {
  content: "";
  clear: both;
  display: table;
}
 
.mainmenu{
    background-color: white;
    font-family: calibri;
    font-size: 15px;
    vertical-align: middle;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right: 30px;
    padding-left: 30px;
    text-shadow:0px black;
    border:1px solid #cccccc;
    width: 80%;
    border-radius:5px;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.mainmenuitem
{
    
}

.mainmenubutton{
    background-color:blue;
    radius:6px;
    color:white;
    float:right;
}
.sidemenuouter1{
    font-family: calibri;
    font-size: 17px;
    text-align: center;
    width:100%;
    border:0px solid black;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    margin-bottom: 10px;
}
.sidemenuouter2{
    font-family: calibri;
    font-size: 17px;
    text-align: center;
    width:70%;
    border:1px solid black;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    margin-bottom: 10px;
}
.gepuw{
    background-color: #F0F0F0;
    width:100%;
    text-align: center;
    font-family: impact;
    font-size: 20pt;
    color:#11326D;
}
.sidemenuadmins1{
    margin-top: 2px;
    width:100%;
    align: center;
    padding: 6px 0;
    min-height: 40px;
    height: auto;
    background-color: #E8F5FF;
    border-radius: 5px;
    border:1px solid blue;
}
.sidemenuadmins2{
    margin-top: 2px;
    width:100%;
    align: center;
    padding: 6px 0;
    min-height: 40px;
    height: auto;
    background-color: #CAE0FF;
    border-radius: 5px;
    border:1px solid blue;
}
.upwindow1{
    margin-top: 2px;
    min-width:200px;
    width:100%;
    align: center;
    padding: 6px 0;
    min-height: 40px;
    height: auto;
    background-color:#EEEEEE;
    border-radius: 5px;
    border:1px solid blue;
}
.upwindow2{
    margin-top: 2px;
    min-width:200px;
    width:100%;
    align: center;
    padding: 6px 0;
    min-height: 40px;
    height: auto;
    background-color:#F8F8F8 ;
    border-radius: 5px;
    border:1px solid blue;
}


.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

[class*="col-"] {
  float: auto;  
  padding: 15px;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 300px) {
  /* For mobiles: */
  .col-a-1 {width: 8.33%;}
  .col-a-2 {width: 16.66%;}
  .col-a-3 {width: 25%;}
  .col-a-4 {width: 33.33%;}
  .col-a-5 {width: 41.66%;}
  .col-a-6 {width: 50%;}
  .col-a-7 {width: 58.33%;}
  .col-a-8 {width: 66.66%;}
  .col-a-9 {width: 75%;}
  .col-a-10 {width: 83.33%;}
  .col-a-11 {width: 91.66%;}
  .col-a-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

search{
    color:black;
    background-color: grey;
    border:1px solid black;
    border-radius: 30%;
    
}