body{
	
    background-image: url("../images/mahama_block.jpg") !important;
    background-attachment: fixed !important;
    width: 70% !important;
    margin: 0 auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh !important;
   content: "";
   box-sizing: border-box;
   padding: 0 !important;
 }
 body::after{
   content: "";  /* :before and :after both require content*/
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: linear-gradient(180deg,rgb(255 255 255 / 80%) 35%,rgb(6 109 0 / 25%) 75%);
   z-index: -1;
 }
 .sem-stdlogin, .sem-schbk, .sem-date-bk-righta{
     display: none;
 }
 .sem-logform{
   width: 70%;
   padding: 70px 0 0 0;
 }
 .sem-logform>form>table{
   background-image: none !important;
   background-color: rgb(0 102 0 / 87%) !important;
   border-radius: 7px;
   padding: 10px;
   width: 250px;
   margin: 0 auto;
 }
 .sem-logform form{
   background-color: /*rgba(255, 255, 255, 0.4)*/ transparent !important;
   border-radius: 7px;
 }
 .sem-date-bk{
   display: flex;
 }
 .sem-date-bk[align="right"]{
   display: none;
 }
 .sem-date-bk-left, .sem-date-bk-rightb{
   flex: 1;
 }
 .sem-marq{
   font-size: 0.7em;
 }
 .sem-logo{
   width:70%;
   padding-top: 35px;
 }
 .sem-tdhid{
   display: none;
 }
 .sem-inputtxt{
   height: 35px;
   padding-left: 5px;
   border: 1px solid;
   margin-top: 7px;
   background-color: rgb(0 0 51 / 32%);
   color: rgb(255 255 255);
   border-radius: 5px;
   font-size: 1.5em;
   font-family: calibri;
   font-weight: lighter;
 }
 .sem-lbtxt{
   height: 45px;
 }
 .sem-lb{
   font-size: 1.4em;
   font-family: calibri;
   padding-right: 7px;
 }
 .sem-staffloglb{
   padding: 15px 0 5px 0;
   border-bottom: 1px solid;
   font-family: calibri;
 }
 .sem-imgkey>td{
   display: contents;
   width: 100% !important;
 }
 .sem-imgkey img{
   background-color: white;
   border-radius: 150px;
   padding: 2px 0;
 /*  margin: 0 auto;
   position: absolute;
   margin-top: -70px; */
   box-shadow: 4px 2px 2px 2px #060;
   border: 1px solid #060;
 }
 .sem-inputtxt:focus{
   background-color: rgb(51 0 0 / 77%);
 }
 .sem-logo-old{
     display:none;
 }

 /*@media(max-width: 1200px){}*/
 @media(max-width: 920px){
   body{
     width: 80% !important;
   }
 }
@media(max-width: 720px){
   body{
     width: 95% !important;
   }
}
@media(max-width: 520px){
    body{
     width: 100% !important;
   }
    .sem-logform{
     width: 70%;
     padding: 45px 0 0 0;
   }
   .sem-imgkey{
     display: none;
    }
    .sem-logo {
    width: 80%;
    }
    .sem-inputtxt[placeholder="Password"]{
    color: white;
    }
    .sem-marq{
    font-size: 0.6em;
    }
}