.home.active{display: none;}

.s5app{
	display: none;
}
.s5app.active{
	display: block;
}

.s1app{
	display: none;
}
.s1app.active{
	display: block;
}

.s23app{
  display: none;
}
.s23app.active{
  display: block;
}
.s6app{
  display: none;
}
.s6app.active{
  display: block;
}
.events{
  display: none;
}
.events.active{
  display: block;
}

.kaperson{
	padding: 50px;
}

.kaperson i{
	font-size: 90px;
	color: #07B232;
	}
.no{
	font-size: 50px;
	color: deepskyblue;
}


a{
	text-decoration: none;
}

.macreate:hover{
  border: solid;
/*  background-color: deepskyblue;*/
background-image: linear-gradient(to right, lightskyblue , white);
  border-color: lightskyblue;
}

body:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.footer {
  display: inline-block;
  vertical-align: middle;
  padding:  100px;
  max-width: 500px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}




.ripple,.ripple:before,.ripple:after {
  display:block;
  border-radius:2px;
  width:2px;
  height:2px;
  -webkit-animation:rip 6s infinite ease-out;
  -moz-animation:rip 6s infinite ease-out;
}
.ripple {
  position:absolute;
  z-index:-1;
  top:40px;
  left:15px;
}
.ripple:before,.ripple:after {
  content:'';
  position:absolute;
}
.ripple:before {-webkit-animation-delay:.2s;-moz-animation-delay:.2s;top:5px;left:25px;}
.ripple:after {-webkit-animation-delay:.8s;-moz-animation-delay:.8s;top:25px;left:0;}
@-webkit-keyframes rip 
{
  0%  {
    box-shadow:0 0 0 0 transparent,
               0 0 0 0 transparent,
               0 0 0 0 transparent,
               0 0 0 0 transparent;
  }
  15%  {
    box-shadow:0 0 0 0 #45c2c5,
               0 0 0 0 rgba(255,255,255,0.4),
               0 0 0 0 #45c2c5,
               0 0 0 0 rgba(0,0,0,0.08);
  }
  100% {
    box-shadow:0 0 40px 200px #45c2c5,
               0 0 10px 210px transparent,
               0 0 30px 220px #45c2c5,
               0 0 5px 230px transparent;
  }
}
@-moz-keyframes rip 
{
  0%  {
    box-shadow:0 0 0 0 transparent,
               0 0 0 0 transparent,
               0 0 0 0 transparent,
               0 0 0 0 transparent;
  }
  15%  {
    box-shadow:0 0 0 0 #45c2c5,
               0 0 0 0 rgba(255,255,255,0.4),
               0 0 0 0 #45c2c5,
               0 0 0 0 rgba(0,0,0,0.08);
  }
  100% {
    box-shadow:0 0 40px 200px #45c2c5,
               0 0 10px 210px transparent,
               0 0 30px 220px #45c2c5,
               0 0 5px 230px transparent;
  }
}



/*styling for news form*/
.news {
  display: none;
 /* position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;*/
}

.news.active{
  display: block;
  
}


/*coding for smaller screens*/
@media (max-width: 850px) {
}

/*coding for smaller screens*/



/*coding for larger screens*/
@media screen and (min-width: 850px) {
  .logintext{    
    padding-top: 780px;
  }
  }

/*coding for smaller screens*/
@media (max-width: 450px) {
  .logpart{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border: 1px solid green;
  border-radius: 12px 12px 12px 12px;
  margin: 5px;
}
  .logpart img{
    width: 40%;
    height: auto;
  }
}

/*coding for ipad*/
 @media only screen and (max-width: 830px) and (min-width: 450px) {
  .logpart img{
    width: 100%;
    height: auto;
  }

 }
/*end of coding for ipad*/

/*end of coding for smaller screens*/

.logpart{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border: 1px solid green;
  border-radius: 12px 12px 12px 12px;
}

table 
{
    table-layout:fixed;
    width:100%;
}
td{
    word-wrap:break-word
}

.logout:hover{
  border-style: solid;
  border-color: #07B232;
/*  background-color:#07B232;*/
  transition: 0.7s;
  color: white;
  border-radius: 40px 10px 0px 40px;
  padding-right: 20px;
}

.logout{
  color: red;
}