* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}


.form-element {
    width: 100%;

}
.form-element label {
    display: block;
    font-size: 22px;
    margin-top: .5%;
    border-radius: 20px;
    color: #0a5c4e;
    margin-left:10%;

}


.add-container label {
    text-align: left;
    font-size: 90%;
    font-weight: bold;
}


.add-container button {
    font-weight:bold;
    width: 35%;
    margin-left: 33%;
    letter-spacing: 6px;
    border-radius: 8px;
    margin-top: 1%;
    font-size: 100%;
    padding:  1%;
    background-color: orange;
   
    border: none;
    color: black;
    cursor: pointer;
    border: 2px solid black;
}


.u-container button {
    font-weight:bold;
    width: 35%;
    margin-left: 33%;
    letter-spacing: 6px;
    border-radius: 8px;
    margin-top: 1%;
    font-size: 100%;
    padding:  1%;
    background-color: orange;
    border: none;
    color: black;
    cursor: pointer;
    border: 2px solid black;
}
.addlabel label{
    font-size: 120%;
    font-weight: bold;
    text-align: center;
 
    
}

.u-container button:hover {
 background-color: indigo;
  color:white;
}

.add-container button:hover {
 background-color: indigo;
  color:white;
}
.doc-control {
 

  
    width: 100%;
    letter-spacing: 1px;
    margin-bottom: .5rem;
    font-size: 100%;
    padding: 1%;
 background-color: orange;
    border: none;
      color: black;
    cursor: pointer;
    border-radius: 5px;
  border: 3px solid rgb(0, 0, 0);
  
}
.doc-control2 {
 
    width: 84%;
    letter-spacing: 1px;
    margin-left: 1%;
    margin-bottom: 0%;
    font-size: 50%;
    padding: 2%;
    background-color: rgba(171, 201, 226, 0.733);
      border: 2px solid BLACK;
    color: black;
    cursor: pointer;
    border-radius: 5px;

  
}


.doc-control:hover {
 background-color: indigo;
 color: white;
}



.add-container input {
     font-size: 100%;
    width: 100%;
    padding: 1%;
    margin-bottom: .5%;
    margin-top: .1%;
    border: 3px solid #000000;
    border-radius: 5px;
    color: BLACK;
    letter-spacing: 1px;
}

.add-container input:hover{
   background-color: indigo;
  color:white;

   
}

.u-container input {
     font-size: 100%;
    width: 100%;
    padding: 1%;
    margin-bottom: .5%;
    margin-top: .1%;
    border: 2px solid #000000;
    border-radius: 5px;
    color: white;
    letter-spacing: 1px;
 
    background-color:  rgba(0, 0, 0, 0.281);
}

.EDIT input:hover{
   background-color: indigo;
  color:white;

   
}
.EDIT input {
   background-color: white;
  color:BLACK;

   
}
.docno input:hover{
   
background-color:  rgba(0, 0, 0, 0.281);
       color: rgb(255, 255, 255);
}

.docno input {
    text-align: center;
    font-weight:bold;
    font-size: 100%;
    width: 99%;
    padding: 1%;
    margin-bottom: 0%;
    margin-left:.5%;

    background-color:  rgba(0, 0, 0, 0.281);
    border-radius: 2px;
    color: rgb(255, 255, 255);
}

.doccount input{
    
    font-weight:bold;
    font-size: 90%;
    width:76%;
    padding: .2%;
 margin-LEFT: 20%;
    margin-bottom:1%;
    border: 200px solid #000000;
    background-color:  rgba(0, 0, 0, 0.582);
    border-radius: 0px;
    color: rgb(255, 255, 255);
position: absolute;
}

.doccount button{
    font-weight:bold;
    width: 21.5%;
    letter-spacing: 2px;
    border-radius: 2px;
    margin-top: 3%;
    margin-left: 18%;
    margin-bottom: 0.02%;
   
    font-size: 100%;
    padding:  0.2%;
    background-color: blue;
    border: 2px solid black;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;


}

.doccount button:hover{
    
    background-color: indigo;
  color:white;
}

#formindex .doccount input:hover {
    background-color:  rgba(0, 0, 0, 0.582);
}


.wrapper2 button:hover {
    background-color: rgb(63, 151, 199);
}




.form-element input[type=text], 
.form-element input[type=password]{

     font-size: 60%;
    width: 85%;
    padding:2%;
    border: 0px;
    border-radius: 10px;
    color: black;
    letter-spacing: 1px;
    margin-bottom:0%;
}

.fpw{
    font-size: 70%;
     color: black;
     
}
#formlogin{
    margin:0;
    padding:0;
    box-sizing:border-box;
 background-image: url('../img/phologin.png');
   background-repeat: no-repeat, repeat;
   background-position: top left, bottom right;
   
 background-repeat: repeat;
    background-size:100%;
 
    background-repeat: no repeat;
    background-attachment: scroll; 
    background-position: auto;

}




#formsadmin{
    margin:0;
    padding:0;
    box-sizing:border-box;
    background-image: url('../img/phosadmin.png');
    background-size:100%;
    max-height:100%;
    background-repeat: no repeat;
    background-attachment:scroll; 
    background-position: auto;

}
#formindex{
    margin:0;
    padding:0;
    box-sizing:border-box;
    background-image: url('../img/sjdh.png');
    background-size:100%;
    max-height:100%;
    background-repeat: no repeat;
    background-attachment:scroll; 
    background-position: auto;

}

#formresult{
    margin:0;
    padding:0;
    box-sizing:border-box;
     background-image: url('../img/sjdh.png');
    background-size:100%;
    background-repeat: no repeat;
    background-attachment: scroll; 
    background-position: auto;
}

#formadd{
    margin:0;
    padding:0;
    box-sizing:border-box;
    background-image: url('../img/sjdh.png');
    background-size:100%;
    background-repeat: no repeat;
    background-attachment: scroll; 
    background-position: auto;
    
}

#formaddd{
    margin:0;
    padding:0;
    box-sizing:border-box;
    background-image: url('../img/sjdh.png');
    background-size:100%;
    background-repeat: no repeat;
    background-attachment: scroll; 
    background-position: auto;
    
}

#formtutor{
    margin:0;
    padding:0;
    box-sizing:border-box;
    background-image: url('../img/sjdh.png');
    background-size:100%;
    background-repeat: no repeat;
    background-attachment: scroll; 
    background-position: auto;
    
}

#formsoftcopy{
    margin:0;
    padding:0;
    box-sizing:border-box;
       background-image: url('../img/sjdhh.png');
    background-size:100%;
    background-repeat: no repeat;
    background-attachment: scroll; 
    background-position: auto;
    
    }

.add-container{
    font-weight:bold;
     width: 33%;
    margin-top: 8%;
    margin-left: 32%;
    background-color: rgba(241, 214, 163, 0.979);
    border: 2px solid rgba(212, 136, 22, 0.836);
    border-radius: 2px;
    height: 50%;
    padding: 1% ;
    box-shadow: 5px 6px 18px #888;
    font-size: 100%;
    COLOR: BLACK;
   
}



.u-container{
    font-weight:bold;
     width: 33%;
    margin-top: 8%;
    margin-left: 32%;
    background-color: transparent;
    border: 2px rgba(241, 214, 163, 0.979) solid;
    border-radius: 2px;
    height: 50%;
    padding: 1% ;
    box-shadow: 5px 6px 18px #888;
    font-size: 100%;
    COLOR: BLACK;
   
}

.EDIT{
  width: 100%;
    letter-spacing: 1px;
    
    font-size: 100%;
    padding: 1%;
 background-color: rgba(241, 214, 163, 0.979);
    border: none;
      color: black;
    cursor: pointer;
    border-radius: 5px;
  border: 2px solid rgb(0, 0, 0);
   
}




#password1{
    font-weight:bold;
    font-size: 100%;
    margin-top: 1%;
    margin-bottom: 10%;
}
.showpassword_box1{
    display: flex;
    margin-top: 2%;
    margin-left: 12%;

}
.showpassword_box1 p{
    margin-left: 1%;
    font-size:60%;
     margin-top: 1%;
     color:blue;
}
.box input[type="checkbox"]{
    width: 20px;
    
}

#password2{
    font-weight:bold;
    font-size: 100%;
    margin-top: 0%;
    margin-bottom: 0%;
}
.showpassword_box2{
    display: flex;
    margin-top: 0%;
    margin-left: -80%;
}
.showpassword_box2 p{
    margin-left: -40%;
    font-size:100%;
     margin-top: 0%;
}
.box input[type="checkbox"]{
    width: 16px;
    
}
.upload{

   
    width: 35%;
   
    margin-left: 30%;
    background-color: transparent;
    border: 0px solid black;
    border-radius: 20px;
    padding: .1rem ;
     margin-top: 0%;
   
    

        }



.uploaddddd{

    margin: 0 auto;
    width: 40%;

    margin-left:0%;
    background-color: transparent;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 2px;
    
    padding: 1rem ;
font-weight:bold;
    font-size: 50px; 
    position: absolute;
    margin-top: 0%;
    
    overflow-y: scroll;
    max-height: 100%;
    text-align: center;
    
}


.title LABEL{
    position:absolute;
  font-size: 50%;
  color:black;
   margin-LEFT:1%;
   TOP:1%;
   MARGIN-TOP:30px;
   font-weight:bold;
}
.title2 LABEL{
    position:absolute;
  font-size: 140%;
  color:WHITE;
   margin-LEFT:1%;
   TOP:4%;
   MARGIN-TOP:30px;
   font-weight:bold;
}

.title3 LABEL{
    position:absolute;
  font-size: 140%;
  color:WHITE;
   margin-LEFT:1%;
   TOP:7%;
   MARGIN-TOP:30px;
   font-weight:bold;
}



.uploaddd button{
    width: 39%;
    letter-spacing: 1px;
    margin-left: 30%;
    border-radius: 10px;
    margin-top:7%;
    font-size: 100%;
    padding:  .5%;
      background-color: #fcd071fd;
    color: black;
    border: none;

    cursor: pointer;
    top:50px;

    font-weight:bold;
    border: 2px solid rgb(0, 0, 0);
}
.uploaddd button:hover {
 background-color: indigo;
  color:white;
}

.upload label{
    font-weight:bold;
    width: 50%;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-left: 25%;
    margin-top: -5rem;
    font-size: 60%;
    padding:  .2%;
    background-color: rgb(150, 199, 188);
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    border: 2px solid rgb(0, 0, 0);
    
}

.upload img {
    height: 700px;
    width: 300px;
   
}

.upload iframe {
    height: 600px;
    width:1000px;
   
}
.softcopy-container{

   font-weight:bold;
     width: 50%;
    margin-top: 2%;
    margin-left: 25%;
     background-color: transparent;
    border: 2px solid rgba(212, 136, 22, 0.836);
    border-radius: 2px;
    height: auto;
    padding: 1% ;
    box-shadow: 5px 6px 18px #888;
    font-size: 100%;
    COLOR: BLACK;
        
}


.softcopy-containerr{

    margin: 0 auto;
    width: 4%;
    
    margin-left: 30%;
     background-color: black;
    border: 0.1px solid rgb(128, 128, 128);
    border-radius: 2px;
    
    padding: 1rem ;
    box-shadow: 5px 6px 18px #888;
    font-size: 20px;
   
        
}

.softcopy-container button{
    
   font-weight:bold;
    width: 99%;
    margin-left: 1%;
    letter-spacing: 1px;
    border-radius: 8px;
    margin-top: 1%;
    font-size: 100%;
    padding:  1%;
    background-color: #fcd071fd;
    border: none;
    color: black;
    cursor: pointer;
    border: 2px solid black;
}
.softcopy-container button:hover {
   background-color: indigo;
  color:white;
}
.login-container h2{
    text-align: center;
    font-size: 50px;
    

}
 .delete button{
    width: 100%;
    letter-spacing: 6px;
    border-radius: 20px;
    margin-top: .2rem;
    margin-bottom:-30%;
    font-size: 130%;
    padding:  0.1rem;
    background-color: rgb(218, 8, 8);
    border: none;
    color: white;
    cursor: pointer;
    border: 2px solid rgb(0, 0, 0);
    
}

.delete button:hover{
    
    background-color: rgba(191, 194, 0, 0.767);
   
}




.clearsearchprint button {
    position: absolute;

    display: block;
 
   
    line-height: 16px;
       font-size: 85%;
    border-radius: 10px;
 

    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
   
  height: 5%;
  
   
    
    outline: none;
   
    transition: .1s;

   
    cursor: pointer;
    width:11%;


   top:53%;
    margin-top:30px;
    
    margin-right: 88%;
    margin-bottom: 0.07%;
    min-width: 20px;
 
    padding: 1%;
   


  text-align: left  ;
font-weight :bold;
 border: 2px solid black ;
  
   background-color: #fcd071fd;
    color: black;
  
  
  }

.clearsearchprint2 button {
    position: absolute;

    display: block;
 
   
    line-height: 16px;
       font-size: 85%;
    border-radius: 10px;
 
   
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
   
  height: 5%;
  
   
    
    outline: none;
   
    transition: .1s;

   
   
    width:11%;


top:53%;
    margin-top:30px;
    margin-right: 88%;
    margin-bottom: 0.07%;
    min-width: 20px;
 
      background-color: rgb(211,211,211);
    color:gray;
    padding: 1%;
   


  text-align: left  ;
font-weight :bold;
 border:1px SOLID BLACK;
  
   



  
  }
  
  #formindex .clearsearchprint button:hover {
    background-color: indigo;
  color:white;
}

  #formindex .clearsearchprint2 button:hover {
 background-color: rgb(211,211,211);
    color:gray;
}

.clearsearchbackup button {
    position: absolute;
  
    display: block;
 
   
    line-height: 16px;
    font-size: 90%;
    border-radius: 10px;
 
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
   
  height: 5%;
  
   

    outline: none;
   
    transition: .1s;

   
   
    width:11%;
    letter-spacing: 1px;
    border-radius: 10px;
      top:47%;
    margin-top:30px;
    margin-right: 88%;
    margin-bottom: 0.07%;
    min-width: 20px;
  
    padding:  0.15rem;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;

    cursor: pointer;
    display: inline-block;

  text-align: left  ;
  font-weight :bold;
   border: 2px solid black ;
  }
  
  
  .clearsearchbackuph button {
    position: absolute;
  
    display: block;
 
   
    line-height: 16px;
    font-size: 90%;
    border-radius: 10px;
 
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
   
  height: 5%;
  
   

    outline: none;
   
    transition: .1s;

   
   
    width:11%;
    letter-spacing: 1px;
    border-radius: 10px;
      top:47%;
    margin-top:30px;
    margin-right: 88%;
    margin-bottom: 0.07%;
    min-width: 20px;
  
    padding:  0.15rem;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;

    cursor: pointer;
    display: inline-block;

  text-align: left  ;
  font-weight :bold;
   border: 2px solid black ;
  }
  .clearsearchprinth button {
    position: absolute;
  
    display: block;
 
   
    line-height: 16px;
    font-size: 90%;
    border-radius: 10px;
 
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
   
  height: 5%;
  
   

    outline: none;
   
    transition: .1s;

   
   
    width:11%;
    letter-spacing: 1px;
    border-radius: 10px;
      top:47%;
    margin-top:30px;
    margin-right: 88%;
    margin-bottom: 0.07%;
    min-width: 20px;
  
    padding:  0.15rem;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;

    cursor: pointer;
    display: inline-block;

  text-align: left  ;
  font-weight :bold;
   border: 2px solid black ;
  
  
  }
  
    #formindex .clearsearchprinth button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}
  
    #formindex .clearsearchbackuph button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}
  
  .clearsearchbackuph button {
    position: absolute;
  
    display: block;
 
   
    line-height: 16px;
    font-size: 90%;
    border-radius: 10px;
 
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
   
  height: 5%;
  
   

    outline: none;
   
    transition: .1s;

   
   
    width:11%;
    letter-spacing: 1px;
    border-radius: 10px;
      top:47%;
    margin-top:30px;
    margin-right: 88%;
    margin-bottom: 0.07%;
    min-width: 20px;
  
    padding:  0.15rem;
    background-color: rgb(211,211,211);
    color: black;
    padding: 1%;

    cursor: pointer;
    display: inline-block;

  text-align: left  ;
  font-weight :bold;
   border: 2px solid black ;
  }
  
  @page
{
  size:A4;
  margin: 0;
}
#print-btn
{
  display: none;
  visibility: none;
}

  #formindex .clearsearchlogouth button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}
  
  .clearsearchlogouth button {
    position: absolute;

    display: block;
    width: 11%;
    height: 6%;
    line-height: 16px;
      font-size: 85%;
    border-radius: 10px;
  text-align: left  ;
  font-weight :bold;
  
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
   top:59%;
    margin-top:30px;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
    border: 2px solid black ;
 
  }
  .clearsearchlogout button {
    position: absolute;

    display: block;
    width: 11%;
    height: 6%;
    line-height: 16px;
      font-size: 85%;
    border-radius: 10px;
  text-align: left  ;
  font-weight :bold;
  
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
   top:59%;
    margin-top:30px;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
    border: 2px solid black ;
 
  }
  
   .clearsearchcpw button {
    position: absolute;

    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
      font-size: 85%;
    border-radius: 10px;

  
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
    top:29%;
    margin-top:30px;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
  border: 2px solid black ;
  }


 .clearsearchcpwh button {
      position: absolute;

    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
      font-size: 85%;
    border-radius: 10px;

  
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
    top:29%;
    margin-top:30px;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
  border: 2px solid black ;
  }
  
  #formindex .clearsearchcpwh button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}

   .clearsearchcna button {
    position: absolute;
   
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
    font-size: 85%;
    border-radius: 10px;
  border:10px;border: 2px solid black ;
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
    top:23%;
    margin-top:30px;
   background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
  }
  
  .clearsearchcnah button {
       position: absolute;
   
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
    font-size: 85%;
    border-radius: 10px;
  border:10px;border: 2px solid black ;
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
    top:23%;
    margin-top:30px;
   background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
  }
  
    #formindex .clearsearchcnah button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}
    .clearsearchsc button {
    position: absolute;
  
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
       font-size: 85%;
    border-radius: 10px;
   
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
     top:41%;
    margin-top:30px;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
  border: 2px solid black ;
  }
   .clearsearchsch button {
  position: absolute;
  
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
       font-size: 85%;
    border-radius: 10px;
   
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
     top:41%;
    margin-top:30px;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
  border: 2px solid black ;
  }
  
   #formindex .clearsearchsch button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}
  
      .clearsearchadd button {
    position:absolute;
 
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
    font-size: 85%;
    border-radius: 10px;


    right: .1px;
    
    letter-spacing: .1px;
    margin-right:88%;
    top:35%;
    margin-top:30px;
    background-color: #fcd071fd;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
    border: 2px solid black ;
  }
  

  
 .clearsearchpending button{
        position: absolute;

    display: block;
    width: 10%;
    height: 9%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 10px;
  text-align: left  ;
  font-weight :bold;
  
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:89%;
 top:67%;
    margin-top:30px;
    background-color: rgb(182, 86, 42);
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
     border: 2px solid black ;
     text-align:center;
     
 }
 .clearsearchpendingh button{
        position: absolute;

    display: block;
    width: 10%;
    height: 9%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 10px;
  text-align: left  ;
  font-weight :bold;
  
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:89%;
 top:67%;
    margin-top:30px;
    background-color: rgb(211,211,211);
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
     border: 2px solid black ;
     text-align:center;
     
 }
 
   #formindex .clearsearchpendingh button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}
  
 
 .clearsearchreceive button{
        position: absolute;

    display: block;
    width: 10%;
    height: 9%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 10px;
  text-align: left  ;
  font-weight :bold;
   
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:89%;
top:77%;
    margin-top:30px;
    background-color: WHITE;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
 border: 2px solid black ;
     text-align:center;
 }
 
 .clearsearchreceiveh button{
        position: absolute;

    display: block;
    width: 10%;
    height: 9%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 10px;
  text-align: left  ;
  font-weight :bold;
   
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:89%;
top:77%;
    margin-top:30px;
    background-color:  rgb(211,211,211);
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
 border: 2px solid black ;
     text-align:center;
 }
 
    #formindex .clearsearchreceiveh button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}

.clear {
    position: relative;
    width: 100%;
    color: transparent;
    
  }.clear input {
    width: 100%;
    padding-right: 0px;
    box-sizing: border-box;

  }.clear input:placeholder-shown+button {
    opacity: 0;
    pointer-events: none;

  }

  .clearsearch {
    height: 0%;
  }

  .clearsearchs button {
    position: absolute;
    border: .1px;
    display: block;
    width: 5%;
    height: 5%;
    line-height: 16px;
    font-size: 80%;
   border: 2px solid black ;
   
  
    bottom: 0;

    margin: auto; 
    letter-spacing: .1px;
    margin-left:33%;
    background-color: #fcd071fd;
    color: black;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
    top:16%;
margin-top: 30px   ;
  }
  
    .clearsearchh button {
    position: absolute;
    border: .1px;
    display: block;
    width: 30%;
    height: 6%;
    line-height: 16px;
    font-size: 100%;
   border: 2px solid black ;
   
  
    bottom: 0;

    margin: auto; 
    letter-spacing: .1px;
    margin-left:38%;
    background-color: #fcd071fd;
    color: black;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
    top:15%;
margin-top: 30px   ;
  }

  
  .logo12 a {
    width:8%;
    letter-spacing: 2px;
    border-radius: 20px;
    margin-top: 1%;
    margin-left: .5%;
    margin-right:-.5%;
height:150px;
   
    font-size: 90%;
    padding:  0.3rem;
    
    border: 2px solid rgb(0, 0, 0);

    cursor: default;
    display: inline-block;
    font-weight:bold;
    opacity:0;
   
     
   
}
.logo12 a:hover {
   
    background-color:white;
    opacity:1;
     cursor: pointer;
   
}



  .clearsearch .logo12 {
   position: absolute;
    border: 0px;
    display: block;
    width: 100%;
    height: 50%;
    line-height: 0%;
    font-size: 0%;
    border-radius: 10px;
    border: 0px solid rgb(0, 0, 0);
    top: 6%;
    bottom: 0;
    right: 0%;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:0%;

 
    color: rgb(255, 255, 255);
    padding: 0%;
    outline: none;
    cursor: default;
    transition: .1s;
   
  }



  .logo12sa a {
    width:9%;
    letter-spacing: 2px;
    border-radius: 20px;
    margin-top: 0%;
    margin-left: 54%;
    margin-right:-54%;
height:180px;
   
    font-size: 90%;
    padding:  0.3rem;
    
    border: 2px solid rgb(0, 0, 0);

    cursor: default;
    display: inline-block;
    font-weight:bold;
    opacity:0;
   
     
   
}
.logo12sa a:hover {
   
    background-color:white;
    opacity:1;
     cursor: pointer;
   
}



  .clearsearch .logo12sa {
   position: absolute;
    border: 0px;
    display: block;
    width: 100%;
    height: 50%;
    line-height: 0%;
    font-size: 0%;
    border-radius: 10px;
    border: 0px solid rgb(0, 0, 0);
    top: 6%;
    bottom: 0;
    right: 0%;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:0%;
    margin-top:0%;
 
    color: rgb(255, 255, 255);
    padding: 0%;
    outline: none;
    cursor: default;
    transition: .1s;
   
  }


  .logo34 a {
    width:8%;
    letter-spacing: 2px;
    border-radius: 20px;
    margin-top: .5%;
    margin-left: 40%;
    margin-right: -40%;
  height:150px;
   
    font-size: 90%;
    padding:  0.3rem;

    border: 2px solid rgb(0, 0, 0);

    cursor: pointer;
    display: inline-block;
    font-weight:bold;
   
    opacity:0;
     
   
}

  .clearsearch .logo34 {
   position: absolute;
    border: 0px;
    display: block;
    width: 100%;
    height: 50%;
    line-height: 0%;
    font-size: 0%;
    border-radius: 10px;
    border: 0px solid rgb(0, 0, 0);
    top: 6%;
    bottom: 0;
    right: 0%;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:0%;
    
 
    color: rgb(255, 255, 255);
    padding: 0%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   
  
  }

  .logo34 a:hover {
   
    background-color:white;
    opacity:1;
     
   
}


 .logo34sa a {
    width:9%;
    letter-spacing: 2px;
    border-radius: 20px;
    margin-top: 1%;
    margin-left: 72.5%;
    margin-right: -72.5%;
  height:180px;
   
    font-size: 90%;
    padding:  0.3rem;

    border: 2px solid rgb(0, 0, 0);

    cursor: pointer;
    display: inline-block;
    font-weight:bold;
   
    opacity:0;
     
   
}

  .clearsearch .logo34sa {
   position: absolute;
    border: 0px;
    display: block;
    width: 100%;
    height: 50%;
    line-height: 0%;
    font-size: 0%;
    border-radius: 10px;
    border: 0px solid rgb(0, 0, 0);
    top: 6%;
    bottom: 0;
    right: 0%;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:0%;
    margin-top:-1%;
 
    color: rgb(255, 255, 255);
    padding: 0%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   
  
  }

  .logo34sa a:hover {
   
    background-color:white;
    opacity:1;
     
   
}
  .clearsearch .logobat {
    position: absolute;
    border: 0px;
    display: block;
    width: 100%;
    height: -50%;
    line-height: -50%;
    font-size: 0%;
    border-radius: 10px;
    border: 0px solid rgb(0, 0, 0);
    top: 6%;
    bottom: 0;
    right: 0%;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:0%;
    margin-top:1%;
    background-color:blue;
    color: rgb(255, 255, 255);
    padding: 0%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   
  
  }

  .logobat a {
    width:30%;
    letter-spacing: 2px;
    border-radius: 20px;
    margin-top: 7%;
    margin-left: 5%;
   
  height:550px;
   
    font-size: 90%;
    padding:  0.3rem;

    border: 2px solid rgb(0, 0, 0);

    cursor: pointer;
    display: inline-block;
    font-weight:bold;
   
    opacity:0;
     
   
}

  .logobat a:hover {
   
    background-color:white;
    opacity:1;
     
   
}

  .clearsearch .bl button {
       width:10%;
    letter-spacing: 2px;
    border-radius: 20px;
    margin-top: 1%;
    margin-left: 10%;
    margin-right: 50%;
  height:100px;
   
    font-size: 90%;
    padding:  0.3rem;

    border: 2px solid rgb(0, 0, 0);

    cursor: pointer;
    display: inline-block;
    font-weight:bold;
   
  
}

 .BACKUP button {
   
  
}
wrapperlink{
width: 100%;
}
.wrapperlink a:hover{
    background-color: indigo;
  color:white;
}



.wrapperlink label{
  
    font-weight:bold;
    width: 50%;
    letter-spacing: 1%;
  
    font-weight:bold;

    font-size: 70%;
    
    background-color: transparent;
    border: none;
    color: rgb(0, 0, 0);
    cursor: default;
   
}
.wrapperlink a{
        width: 95%;
    letter-spacing: 2px;
    border-radius: 2px;
    margin-top: 0%;
    margin-left: 1%;
height:30px;
   
    font-size: 50%;
    padding:  1%;
    background-color: blue;
    border: 2px solid black;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight:bold;
}



.batlogo a{
    width: 15%;
    letter-spacing: 2px;
    border-radius: 20px;
    margin-top: 1%;
    margin-left: 1%;
  height:150%;
    min-width: 20px;
    font-size: 90%;
    padding:  0.3rem;
    background-color: rgb(16, 98, 143);
    border: 2px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight:bold;
}
.wrapperlink button:hover{
    background-color: indigo;
  color:white;
}
.scb button{
    margin-top: 8%;
   font-size: 100%;
   width:36%;
       background-color: #fcd071fd;
    border: 2px solid black;
    color: black;
     padding:  .3%;
     font-weight:bold;
       margin-left: 32%;
        cursor: pointer;
}

.scb button:hover{
  background-color: indigo;
  color:white;
}

#formindex .BACKUP button:hover{
  background-color: indigo;
  color:white;
   
}






#formindex .clearsearchbackup2 button:hover {
    background-color: rgb(211,211,211);
    color:gray;
}

.clearsearchs input{
   position:absolute;
   margin: auto; 
    width: 28%;
    font-size: 100%;
  
    height:5%;
    padding: 0.5%;
       top: 16%;
     border: 2px solid black ;
    border-radius: 2px;
    color: rgb(12, 0, 0);
      bottom: 0;
    margin-left: 38%;
    margin-top: 30px;
    
    
}
.clearsearchs input:hover{
    background-color: indigo;
color:white;
}

.add-containerfpw{
    font-weight:bold;
     width: 33%;
    margin-top: 3%;
    margin-left: 35%;
    background-color: transparent;
    border: 2px solid rgba(212, 136, 22, 0.836);
    border-radius: 2px;
    height: 70%;
    padding: 1% ;
    box-shadow: 5px 6px 18px #888;
    font-size: 100%;
    COLOR: BLACK;
   position : absolute;
}


.fpw a{
     margin-TOP:2%;
    font-size: 90%;
     color: red;
     
}

.add-containerfpw button{
    width: 70%;
    letter-spacing: 1px;
    border-radius: 25px;
    margin-top: 1.8rem;
    font-size: 70%;
    padding:  2%;
    background-color: #9261c2;;
    border: none;
    color: white;
    cursor: pointer;
    font-weight:bold;

  
font-weight:bold;
   
  

    

}


.add-containerfpw button:hover {
   background-color: indigo;
  color:white;
}


.add-containerfpw label1 {
    font-size: 90%;
}

.add-containerfpw label2 {
    font-size: 70%;
}
.clearsearchfpw input{
   position:absolute;
    width:68%;
   font-size: 100%;
    height:45px;
    padding: 0.5%;
    border: 3px solid #e6ae37ec;
    border-radius: 2px;
    color: rgb(12, 0, 0);
    margin-left: 33%;
    margin-top: 2%;
}

  .clearsearchfpw button{
    position: absolute;
    border: .1px;
    display: block;
    width: 16%;
    height: 45px;
    line-height: 16px;
    font-size: 100%;
    border-radius: 2px;
   
    top: 2%;
    bottom: 0;
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:69%;
    background-color: #fcd071fd;
    color: black;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  margin-top:2%;
  }
  
    .clearsearchfpwc button{
    position: absolute;
    border: .1px;
    display: block;
    width: 16%;
    height: 45px;
    line-height: 16px;
    font-size: 100%;
    border-radius: 2px;
   
    top: 2%;
    bottom: 0;
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:86%;
    background-color: #fcd071fd;
    color: black;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  margin-top:2%;
  }

.clearsearchsadmin input{
   position:absolute;
    width: 70%;
   font-size: 100%;
    height:57px;
    padding: 0.5%;
    border: 10px solid blue;
    border-radius: 2px;
    color: rgb(12, 0, 0);
    margin-left: 26%;
    margin-top: 11%;
}
.clearsearchsadmin button{
  position: absolute;
    border: .1px;
    display: block;
    width: 6%;
    height: 57px;
    line-height: 16px;
    font-size: 100%;
    border-radius: 2px;
   border: 6px solid blue;
    top: 2%;
    bottom: 0;
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:74%;
    background-color: blue;
    color: rgb(255, 255, 255);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  margin-top:11%;
}

.clearsearchsadmin  input:hover {
   background-color: yellow;
}
.clearsearch input:hover {
   background-color: yellow;
}

.clearsearchcna2 button {

 position: absolute;
   
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
   font-size: 85%;
    border-radius: 10px;
 border:1px SOLID BLACK;
  
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:88%;
    top:23%;
    margin-top:30px;
  background-color: rgb(211,211,211);
    color:gray;
    padding: 1%;
    outline: none;
 
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
    
}


#formindex .clearsearchcna2 button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}
.clearsearchaddindex2 button {
    position:absolute;
 
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
    font-size: 85%;
    border-radius: 10px;


    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:88%;
  top:35%;
    margin-top:30px;
       background-color: rgb(211,211,211);
    color:gray;
    padding: 1%;
    outline: none;
    
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
   border:10px;
}
.clearsearchaddh button {
    position:absolute;
 
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
    font-size: 85%;
    border-radius: 10px;


    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:88%;
  top:35%;
    margin-top:30px;
       background-color: rgb(211,211,211);
    color:gray;
    padding: 1%;
    outline: none;
    
    transition: .1s;
  text-align: left  ;
  font-weight :bold;
   border:10px;
}
#formindex .clearsearchaddh button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}
#formindex .addindex2 button:hover {
    background-color: rgb(211,211,211);
     color:gray;
}

#formindex .add2stat:hover {
    background-color: rgb(211,211,211);
     color:gray;
}

.add2stat doc-control{
     width: 12%;
    letter-spacing: 1px;
    margin-left: 8%;
    margin-bottom: .5rem;
    font-size: 100%;
    padding: 2%;
   background-color: rgb(211,211,211);
    border: none;
    color: black;
    cursor: pointer;
    border-radius: 5px;
  border: 2px solid rgb(0, 0, 0);
    
}



.clearsearchbackup2 button {
    margin-left: 12%;
   
      position:absolute;
    border: .1px;
    display: block;
    width: 11%;
    height: 5%;
    line-height: 16px;
    font-size: 90%;
    border-radius: 2px;
   border: 6px solid blue;
top :10%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:88%;
     margin-top:520px;
    margin-bottom:8%;
       background-color: rgb(211,211,211);
   color:  gray;
    padding: .1%;
    outline: none;
     cursor:default;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
}

.wrapperbutton button:hover{
   background-color: indigo;
  color:white;
}

.login-container button{
    width: 40%;
    letter-spacing: 1px;
    border-radius: 1px;
    top:10%;
    margin-top:30PX;
    font-size: 80%;
    padding:  1%;
    background-color: rgba(255, 0, 0, 0.5);
    border: none;
    color: black;
    cursor: pointer;
    font-weight:bold;
margin-left:3%;
  
font-weight:normal;
   
  

    

}



.rc{
  
    margin-left: 10%;
  
  
  
}


.message.success{
    background: #4bb838;
    border-left: 6px solid #069b1e;
    color: #2f6b06;

}

.message.info{
    background: #248baa;
    border-left: 6px solid #06589b;
    color:#ffffff;

}

.login-container button:hover{
   background-color: indigo;
  color:white;
}
.login-container input:hover{
    background-color: INDIGO;
    color: white;
}



.login-container{
      position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
   
    border-radius: 20px;

    padding:.5% ;
    top:40%;
    margin-top:30px;
    margin-left:37%;

    width:25%;
 
  

   
  
    
}


.time{
     font-size: 40%;
  
    margin-top: 5%;
   
  
     margin-left: 50%;
}
.login-containertutor button{
    width: 70%;
    letter-spacing: 1%;
    border-radius: 20px;
    margin-top: 1%;
    margin-left: 0%;
  
    min-width: 20px;
    font-size: 50%;
    padding: .5%;
    background-color: blue;
    border: 2px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight:bold;
}

.login-containertutor{
  

    background-color: transparent;
   
    border-radius: 20px;
    border: 2px solid rgb(0, 0, 0);
    
    padding: .5% ;
    box-shadow: 10px 10px 20px #4e4141;
    margin-top:.5%;
    margin-left:52%;

    width:33%;
 
  

   
  
    
}


.login-containertutor button:hover {
   
    background-color: yellow;
  color: black;
     
   
}

.videotutor{
    background-color: transparent;
    border: 5px solid rgb(0, 0, 0);
    border-radius: 50px;
    
    padding: 2% ;
    box-shadow: 10px 10px 20px #4e4141;
    margin-top:1%;
    margin-left:1%;

    width:98%;
 height: 810px;
  

   
  
    
}
.videotutor button{
    width: 98%;
    letter-spacing: 1%;
    border-radius: 2px;
    margin-top: -1%;
    margin-left: 0%;
  
    min-width: 20px;
    font-size: 150%;
    padding:  .1%;
background-color: gray;
    border: 2px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight:bold;
}

.videotutor button:hover{
     background-color: blue;
}
.login-container input{
    font-weight:bold;
    font-size: 70%;
    margin-bottom: 0%;
    top:1%;
    margin-top: 10px ;
   
}
.login-container label{

text-align:left;
   
}
#password{
  
 

}
.showpassword_box{
    display: flex;
    margin-bottom: 3%;
    margin-left: 10%;
}
.showpassword_box p{
    margin-left: 1%;
    font-size:50%;
     margin-top: 10%;
}
.box input[type="checkbox"]{
    width: 16px;
    
}




/*message*/

.message{
    width: 100%;
    padding: 1rem;
}

.message.warning{

    background: #e9e77f;
    border-left: 6px solid #ceca09;
    color: #817f05;


}
body{
    font-family: "Arial";
    
 color:#00008B;
}


.wrapper2 {
    padding:0 2rem 0 2rem;
}

h1{
    text-align: center;
   
}

.table-fixedh{

top:23%;
    margin-top:30px;   
    border: 1px solid black;

   
    
 margin-left:1%;
    width: 98%;
   min-height:  63%  ;
    max-height: 63%;
    overflow-y: scroll;
   border-radius: 2px;
  background-color:white;
   position:absolute;
 z-index:-1;


}

.table-fixed{

top:23%;
    margin-top:30px;   
    border: 1px solid black;

   
    
 margin-left: 13%;
    width: 86%;
   min-height:  63%  ;
    max-height: 63%;
    overflow-y: scroll;
   border-radius: 2px;
  background-color:white;
   position:absolute;
 z-index:-1;


}


.table-fixed2{

top:23%;
    margin-top:30px; 
    border: 15px ridge rgb(0, 0, 0);
border-color:  ORANGE;
    border-collapse: collapse;
    
 margin-left: 13%;
    width: 86%;
     min-height:  63%  ;
    max-height: 63%;
    overflow-y: scroll;
   border-radius: 2px;
  
   position:absolute;
    
background-color:ORANGE;

}


.table-fixedsa{

 top:23%;
    margin-top:30px; 
    border: 15px ridge rgb(0, 0, 0);
border-color:  #9dc8daf6;
    border-collapse: collapse;
    
margin-left: 18%;
    width: 81%;
     min-height:  30%;  ;
    max-height: 30%;
    overflow-y: scroll;
   border-radius: 2px;
  
   position:absolute;
    


}

.table-fixedsa2{

   top:55%;
    margin-top:30px; 
    border: 15px ridge rgb(0, 0, 0);
border-color:  #9dc8daf6;
    border-collapse: collapse;
    
 margin-left: 18%;
    width: 81%;
     min-height:  30%; ;
    max-height: 30%;
    overflow-y: scroll;
   border-radius: 2px;
  
   position:absolute;
    


}


.table-fixed :hover {
    background-color: rgb(210, 162, 255);
   
}

.table-fixed2 :hover {
    background-color: rgb(210, 162, 255);
}


.table-fixedsa :hover {
    background-color: rgb(210, 162, 255);
}

.table-fixedsa2 :hover {
    background-color: rgb(210, 162, 255);
}


tr:nth-child(even){
    background-color: rgb(255, 255, 255);
}
tr:nth-child(odd){
    background-color: rgb(255, 255, 255);
    }
    th:nth-child(1){
       background-color:  #79afc7;
            }
            th:nth-child(2){
                background-color:  #79afc7;
                    }
                    th:nth-child(3){
                      background-color:  #79afc7;
                            }
                            th:nth-child(4){
                                background-color:  #79afc7;
                                    }
                                    th:nth-child(5){
                                        background-color:  #79afc7;
                                            }
                                            th:nth-child(6){
                                               background-color:  #79afc7;
                                                    }
                                                    th:nth-child(7){
                                                       background-color:  #79afc7;
                                                            }
                                                            th:nth-child(8){
                                                               background-color:  #79afc7;
                                                                    }
                                                                    th:nth-child(9){
                                                                        background-color:  #79afc7;
                                                                            }
                                                                            th:nth-child(10){
                                                                                background-color:  #79afc7;
                                                                                    }
                                                                                    th:nth-child(11){
                                                                                        background-color:  #79afc7;
                                                                                            }
                                                                                     
                                                                                                    
                                                                                                    

    
     td:nth-child(1){
  
        width:4%;
  
        
    }
 

    td:nth-child(2){
        width:4%;
    }


    td:nth-child(3){
       
        width:5%;
        
    }

    td:nth-child(4){
       
      
       width:5%
        
    }

    td:nth-child(5){
       
        width:5%;
    }

    td:nth-child(6){
       
    width:5%;
  
        
    }

    td:nth-child(7){
       
       width:5%;
  
        
    }

    td:nth-child(8){
       
     width:5%;
        
    }

    td:nth-child(9){
       
    width:5%;
        
    }

    td:nth-child(10){
       
         width:6%;
        
    }

    td:nth-child(11){
       
      width:6%;
    }

    td:nth-child(12){
       
        width:6%;
  
        
    }

    
 td:nth-child(13){
       
       width:6%;
  
        
    }


    td:nth-child(14){
       
       width:5%;
  
        
    }
 th:nth-child(0) {
           background-color: black;
         
  

        }

  tr{ 
      
  }
  
   
 .table-fixedsa thead{
       
         font-size: 80%;
  
        
    }
     .table-fixedsa2 thead{
       
         font-size: 80%;
  
        
    }
th {

 
   color:black;
padding : .5%;
 position: sticky;
    top:0px;
     background-color:  #79afc7;
     font-size: 75%;
     text-align:left;
     padding : 2px 2px 2px 2px;
}
thead{
    font-weight:bold;
    margin-top:-3%;
    text-align: left;
    padding : 1%;
 
    border: none;
    font-size: 90%;
    position: sticky;
    top:20px;
    width:100%;
   border-bottom: 1px solid black;
}

td {
    text-align: left;
    padding : 20px 5px ;
    
   
    min-width: fit-content;
   
   
    font-size: 70%;
    
  border-bottom: 1px solid black;
    box-sizing:border-box;
     
}


caption{
       position: sticky;
    top:0px;
    left:0px;


}

.button-small3{
 
   
      background-color:indigo;

  
   

    cursor:default;

   border: 2px solid black ;
   
    color: gray;
    text-decoration: none;
    padding: 5px 9px;
     font-size: 90%;
    border-radius: 1px;
   
  font-weight:bold;
   
} 

.button-small3:hover {
   background-color:rgb(211,211,211);
}


.button-small{

        margin-bottom:4px;
 margin-right:15px;
     margin-left:15px;
 border: 2px solid black ;
     background-color: #fcd071fd;
     color: black;
     text-decoration: none;
    padding: 5px 15px;
     font-size: 90%;
      border-radius:  1px;
     cursor: pointer;
  display: block; 
     font-weight:bold;
     text-align:center;
 
}


.button-small:hover{
    background-color: indigo;
     color:white;
}



.button-small2{
    border:none;
     background-color: #fcd071fd;
     color: black;
    text-decoration: none;
   padding: 10px 10px  6px  10px ;
     font-size: 90%;
   border-radius:  1px;
    cursor: pointer;
   
       font-weight:bold;
}

.button-small2:hover{
    background-color: indigo;
     color:white;
}
#updatedon {
     font-size: .1px;
    visibility:hidden;
    margin-bottom: -100%;
    margin-top: -100%;
    padding: -100%;
}



@media (max-width: 800px){
    .login-container{
        background-color: transparent;
      
        border-radius: 0px;
        padding:0%;
        
    font-size: 100%;
       margin-left:0%;
       top:8%;
       margin-top:30px;
       margin-bottom:0%;
    
        width:100%;
     height:450px;
      
    
       
      box-shadow: 0px 0px 0px ;
        
    }

   
}
@media (max-width: 800px){
.login-container button{
    width: 90%;
    letter-spacing: 1px;
    border-radius: 20px;
    margin-top: 0%;
    margin-bottom: 0%;
    font-size: 60%;
    padding:  .5rem;
      background-color: #9261c2;;
    border: none;
    color: white;
    cursor: pointer;
    font-weight:bold;
    margin-left:1%;
    border: 2px solid rgb(0, 0, 0);

  


}
    

}

@media (max-width: 800px){
    .form-element input[type=text]{
        margin-bottom: 2%;
        margin-top:10%;
        font-size: 50%;
        width: 90%;
        padding: 2%;
        border: 2px solid #000000;
        border-radius: 2px;
        color: rgb(12, 0, 0);
    }
    
        
    
    }

    @media (max-width: 800px){
  
        .form-element input[type=password]{
            margin-top:40%;
            font-size: 20%;
            width: 90%;
            padding: 2%;
            border: 2px solid #000000;
            border-radius: 2px;
            color: rgb(12, 0, 0);
        }

   #password{
    font-weight:bold;
    font-size: 50%;
    margin-top: 1%;
 

}

.showpassword_box{
    display: flex;
    margin-bottom: 3%;
    margin-left: 10%;
}
.showpassword_box p{
    margin-left: 1%;
    font-size:50%;
     margin-top: 1%;
}
.box input[type="checkbox"]{
    width: 16px;
    
}  
        
        }
@media (max-width: 800px){
        .table-fixed{
            font-weight:bold;
           top:21%;
    margin-top:30px;   
            border: 3px solid rgb(0, 0, 0);
            box-shadow: 5px 6px 50px rgb(255, 255, 255);
            border-collapse: collapse;
            
            margin-left: .5%;
            width: 99%;
            min-height: 380px ;
            max-height: 380px ;
            overflow-y: scroll;
           border-radius: 2px;
          
            
           position:absolute;
        
        }

        .table-fixed2{
             font-weight:bold;
           top:21%;
    margin-top:30px;
            border: 3px solid rgb(0, 0, 0);
            box-shadow: 5px 6px 50px rgb(255, 255, 255);
            border-collapse: collapse;
            
            margin-left: .5%;
            width: 99%;
            min-height:  40%  ;
    max-height: 40% ;
    overflow-y: scroll;
   border-radius: 2px;
  
   position:absolute;
        
        
        }
        
         .table-fixedsa{
            font-weight:bold;
        margin-top: 71%  ;
            border: 3px solid rgb(0, 0, 0);
            box-shadow: 5px 6px 50px rgb(255, 255, 255);
            border-collapse: collapse;
            
            margin-left: .5%;
            width: 99%;
            min-height: 200px ;
            max-height: 200px ;
            overflow-y: scroll;
           border-radius: 2px;
        
        
        
        
        }
         .table-fixedsa2{
            font-weight:bold;
            margin-top: 1%   ;
            border: 3px solid rgb(0, 0, 0);
            box-shadow: 5px 6px 50px rgb(255, 255, 255);
            border-collapse: collapse;
            
            margin-left: .5%;
            width: 99%;
            min-height: 200px ;
            max-height: 200px ;
            overflow-y: scroll;
           border-radius: 2px;
        
        
        }
        
        .clearsearchsadmin input{
  position:absolute;
    width: 82%;
   font-size: 95%;
    height:56px;
    padding: 0.5%;
    border: 6px solid blue;
    border-radius: 2px;
    color: rgb(12, 0, 0);
    margin-left: 18%;
    margin-top: 61%;
}

.clearsearchsadmin button {
    position: absolute;
    border: .1px;
    display: block;
    width: 18%;
    height: 56px;
    line-height: 16px;
    font-size: 75%;
    border-radius: 2px;
   border: 6px solid blue;
    top: 2%;
    bottom: 0;
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:82%;
    background-color: blue;
    color: rgb(255, 255, 255);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  margin-top:61%;
  }
        }
       
       
 @media (max-width: 800px){
     
    
 .clearsearchpending button{
        position: absolute;

    display: block;
    width: 48.5%;
    height: 5%;
    line-height: 16px;
    font-size: 90%;
    border-radius: 10px;
     border: 6px solid blue;
  text-align: left  ;
  font-weight :bold;
  
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:51%;
   margin-top:30px;
      top: 8%;
    background-color: rgb(182, 86, 42);
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
     border:10px; 
     text-align:center;
     
     
     
 }
 
 .clearsearchreceive button{
        position: absolute;

    position: absolute;

    display: block;
    width: 48.5%;
    height: 5%;
    line-height: 16px;
    font-size: 90%;
    border-radius: 10px;
     border: 6px solid blue;
  text-align: left  ;
  font-weight :bold;
  
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:1%;
   margin-top:30px;
      top: 8%;
    background-color: WHITE;
    color: black;
    padding: 1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
     border:10px; 
     text-align:center;
 }  
.clearsearchprint2 button {
   position:absolute;
    border: .1px;
    display: block;
    width: 0%;
    height: 0%;
    line-height: 16px;
    font-size: 0%;
    border-radius: 2px;
   border: 6px solid blue;
top :10%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:0%;
    margin-top:0%;
    margin-bottom:0%;
    background-color: rgb(211,211,211);
    color: gray;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
font-weight:normal;
 visibility: hidden;

  
  }


    .clearsearchbackup2 button {
 position:absolute;
    border: .1px;
    display: block;
    width: 99%;
    height: 3%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 2px;
   border: 6px solid blue;
top :10%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:.5%;
    margin-top:41%;
    margin-bottom:8%;
    background-color: rgb(211,211,211);
    color: gray;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
font-weight:normal;
 visibility: hidden;
}
    
    
    


    
    
    
    
    

    .clearsearchaddindex2 button {

        text-align:center;
        
            position:absolute;
    border: .1px;
    display: block;
    width: 99%;
    height: 3%;
    line-height: 16px;
    font-size: 75%;
    border-radius: 2px;
   border: 6px solid blue;

    right: .1px;
    
    letter-spacing: .1px;
    margin-right:.5%;
     margin-top:30px;
      top: 2%;
   
 background-color: rgb(211,211,211);
    color: gray;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
    
    }


 

       

    .clearsearchs input{
   position:absolute;
    width: 82%;
   font-size: 95%;
    height:6%;
    padding: 1%;
    border: 3px solid #e6ae37ec;
    border-radius: 2px;
    color: rgb(12, 0, 0);
    margin-left: 18%;
   margin-top:30px;
      top: 14%;
}

.clearsearchs button {
    position: absolute;
    border: .1px;
    display: block;
    width: 18%;
    height: 6%;
    line-height: 16px;
    font-size: 75%;
    border-radius: 2px;
  
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:82%;
   background-color: #fcd071fd;
    color: black;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  margin-top:30px;
      top: 14%;
  }
.clearsearchprint button {
    position:absolute;
    border: .1px;
    display: block;
    width: 99%;
    height: 3%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 2px;
   border: 6px solid blue;
top :10%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:.5%;
  top:35%;
    margin-top:30px;
    background-color: blue;
    color: rgb(255, 255, 255);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
 visibility: hidden;

  
  }

      
.clearsearchbackup button {
 position:absolute;
    border: .1px;
    display: block;
    width: 99%;
    height: 3%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 2px;
   border: 6px solid blue;
top :10%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:.5%;
    margin-top:41%;
    margin-bottom:8%;
    background-color: blue;
     background-color: rgb(218, 8, 8);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
font-weight:normal;
 visibility: hidden;
  
  }
  
  .clearsearchbackuph button {
 position:absolute;
    border: .1px;
    display: block;
    width: 99%;
    height: 3%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 2px;
   border: 6px solid blue;
top :10%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:.5%;
    margin-top:41%;
    margin-bottom:8%;
    background-color: blue;
     background-color: rgb(218, 8, 8);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
font-weight:normal;
 visibility: hidden;
  
  }
  
  .clearsearchlogout button {
 position:absolute;
    border: .1px;
    display: block;
    width: 50%;
    height: 5%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 10px;
   border: 6px solid blue;

   
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:0%;
   margin-top:30px;
      top: 2%;
   
     background-color: #fcd071fd;
    color: black;
    padding: 2%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
  }
  
   .clearsearchcpw button {
 position:absolute;
    border: .1px;
    display: block;
    width: 0%;
    height: 0%;
    line-height: 16px;
    font-size: 0%;
    border-radius: 2px;
   border: 6px solid blue;

    right: .1px;
    
    letter-spacing: .1px;
    margin-right:.5%;
  margin-top:0%;
    
    background-color: blue;
    color: rgb(255, 255, 255);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
   visibility:hidden;
  }
  



   .clearsearchcna button {
   position:absolute;
    border: .1px;
    display: block;
    width: 0%;
    height: 0%;
    line-height: 16px;
    font-size: 0%;
    border-radius: 2px;
   border: 6px solid blue;
top :10%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:0%;
    margin-top:0%;
    margin-bottom:0%;
    background-color: blue;
    color: rgb(255, 255, 255);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
   visibility: hidden;
  }
  
    .clearsearchsc button {
 position:absolute;
    border: .1px;
    display: block;
    width: 0%;
    height: 0%;
    line-height: 16px;
    font-size: 0%;
    border-radius: 2px;
   border: 6px solid blue;
top :10%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:.5%;
    margin-top:0%;
    margin-bottom:0%;
    background-color: blue;
    color: rgb(255, 255, 255);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
    visibility: hidden;
  }
  
  
  
      .clearsearchadd button {
          text-align:center;
    position:absolute;
    border: .1px;
    display: block;
    width: 49.5%;
    height: 5%;
    line-height: 16px;
    font-size: 75%;
    border-radius: 10px;
   border: 6px solid blue;


    right: .1px;
    
    letter-spacing: .1px;
    margin-right:50.5%;
    margin-top:30px;
      top: 2%;
    
     background-color: #fcd071fd;
    color: black;
    padding: 2%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
  }
  
     .clearsearcha button {
    position:absolute;
    border: .1px;
    display: block;
    width: 0%;
    height: 0%;
    line-height: 16px;
       font-size: 85%;
    border-radius: 2px;
   border: 6px solid blue;
top :0%;
    bottom: 0;
    right: .1px;
    
    letter-spacing: .1px;
    margin-right:0%;
    margin-top:0%;
    margin-bottom:0%;
    background-color: blue;
    color: rgb(255, 255, 255);
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
  
  }
  

     
        
    
       

       
        
        }
        
      @media (max-width: 800px){  
        .add-container label {
            text-align: center;
            font-size: 70%;
          
        }
        
      }
      @media (max-width: 800px){
        .add-container button {
            font-weight:bold;
            width: 100%;
            letter-spacing: 6px;
            border-radius: 2px;
            margin-top: .2rem;
            font-size: 90%;
            padding:  1%;
          
            cursor: pointer;
           
             margin-left: .5%;
             
               background-color:  rgba(171, 201, 226, 0.733);
    border: none;
    color: black;
    cursor: pointer;
    border: 2px solid black;
        }}


@media (max-width: 800px){
        .add-container{
            font-weight:bold;
            margin: 0 auto;
            width: 99%;
            margin-top: 15%;
            margin-left: .5%;
            background-color: transparent;
            border: 5px solid rgb(0, 0, 0);
            border-radius: 2px;
            height: auto;
            padding: 1rem ;
            box-shadow: 5px 6px 18px #888;
           
        }
        }
        
        @media (max-width: 800px){
        .add-container input {
            font-weight:bold;
            font-size: 100%;
            width: 100%;
            padding: 0.5%;
            margin-bottom: 1%;
            border: 2px solid #000000;
            border: 2px solid rgba(212, 136, 22, 0.836);
    border-radius: 5px;
    color: BLACK;
    letter-spacing: 1px;
            margin-left: 0%;
        }}


@media (max-width: 800px){
        .doc-control {
            font-weight:bold;
            width: 100%;
            letter-spacing: 1px;
            border-radius: 4px;
            margin-bottom: 1%;
            font-size: 100%;
            padding:  1%;
             background-color: rgba(171, 201, 226, 0.733);
            border: none;
            color: black;
            cursor: pointer;
            border-radius: 2px;
            border: 2px solid rgb(0, 0, 0);
            
             margin-left: 0%;
        }
        
        
        .delete button{
            width: 100%;
            letter-spacing: 6px;
            border-radius: 20px;
            margin-top: .5%;
           
            font-size: 80%;
            padding:  .3%;
            background-color: rgb(218, 8, 8);
            border: none;
            color: white;
            cursor: pointer;
            border: 2px solid rgb(0, 0, 0);
        }


        .softcopy-container{

            margin: 0 auto;
            width: 99%;
            margin-top: 1%;
            margin-left: .5%;
            background-color: transparent;
            border: 4px solid rgb(0, 0, 0);
            border-radius: 20px;
            height: auto;
            padding: 1rem ;
            box-shadow: 5px 6px 18px #888;
            font-size: 70%;
            border-radius: 2px;
           
                
        }
        .softcopy-containerr{
        
           
            margin: 0 auto;
            width: 80%;
            margin-top: 1%;
            margin-left: 10%;
            background-color: rgb(150, 199, 188);
            border: 2px solid rgb(0, 0, 0);
            border-radius: 20px;
            height: auto;
            padding: 1rem ;
            box-shadow: 5px 6px 18px #888;
            font-size: 70%;
           
                
        }
        
        .softcopy-container button{
            width: 100%;
            letter-spacing: 1px;
            border-radius: 2px;
            margin-top: .2rem;
            font-size: 100%;
            padding:  1%;
            background-color: blue;
            border: none;
            color: white;
            cursor: pointer;
            font-weight:bold;
            border: 2px solid rgb(0, 0, 0);
        }
        
        .scb button{
    margin-top: 6%;
   font-size: 100%;
   width:98%;
       background-color: blue;
    border: 2px solid black;
    color: rgb(255, 255, 255);
     padding:  .3%;
     font-weight:bold;
       margin-left: 1%;
        cursor: pointer;
}
    

       
        
      

      


        .button-small{

    
     
      border:none;
    background-color: #fcd071fd;
     color: black;
     text-decoration: none;
     padding: 6%;
     font-size: 100%;
     border-radius: 10px;
     cursor: pointer;
     border: 2px solid rgb(0, 0, 0);
    
     
}

.button-small2{
    border:none;
     background-color: #fcd071fd;
    color: black;
    text-decoration: none;
    padding: 4%;
     font-size: 100%;
    border-radius: 10px;
    cursor: pointer;
    border: 2px solid rgb(0, 0, 0);
}

.button-small3{
   
  

  
   background:rgb(211,211,211);

    cursor:default;

    border:none;
   color: gray;
    
    text-decoration: none;
    padding: 4%;
     font-size: 100%;
    border-radius: 2px;
    border: 2px solid rgb(0, 0, 0);
   
} 

 

.button-small3:hover {
    background:rgb(211,211,211);
}


.doccount button{
    
    width: 99%;
    letter-spacing: 2px;
    border-radius: 2px;
    margin-top: 0.3%;
    margin-left: .5%;
    margin-bottom: 0.02%;
    
    font-size: 80%;
    padding:  .5%;
    background-color: gray;
    border: 2px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight:bold;

}

.wrapperlink a{
     width: 95%;
    letter-spacing: 2px;
    border-radius: 2px;
    margin-top: 0%;
    margin-left: 1%;
height:30px;
   
    font-size: 50%;
    padding:  1%;
    background-color: blue;
    border: 2px solid black;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight:bold;
}

.wrapperlink button{
    width: 95%;
    letter-spacing: 2px;
    border-radius: 20px;
    margin-top: 1%;
border-radius: 2px;
   
    min-width: 20px;
    font-size: 60%;
    padding:  0.2%;
    background-color: gray;
    border: 2px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight:bold;
}

.wrapperlink label{
    font-weight:bold;
    width: 50%;
    letter-spacing: 2px;
    border-radius: 10px;


    font-size: 50%;
    padding:  0.1%;
    background-color: rgb(150, 199, 188);
    border: none;
    color: rgb(0, 0, 0);
    cursor: default;
 
}





    .addlabel label{
        font-size: 110%;
        font-weight: bold;
        
    }
    .login-container label{
 font-size: 80%;
  text-align: left;
   letter-spacing: 1px;
   margin-top:2%;
}

.login-containertutor button{
    width: 90%;
    letter-spacing: 1%;
    border-radius: 20px;
    margin-top:0%;
    margin-left: 0%;
  

    font-size: 40%;
    padding: 1%;
      background-color: #fcd071fd;
    color: black;
    border: 2px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight:bold;
}

.login-containertutor{
    background-color: transparent;
box-shadow: 0px 0px 0px;
    border-radius: 0px;
    
    padding: .2% ;
    
    margin-top:1%;
    margin-left:0%;

    width:100%;
 
  

   
  
    
}

.cleari {
    position: relative;
    width: 100%;
    color: transparent;
    
  }.cleari input {
    width: 99%;
    padding-right: 0px;
    box-sizing: border-box;

  }.cleari input:placeholder-shown+button {
    opacity: 0;
    pointer-events: none;

  }

  .clearsearch {
    height: 0%;
  }

  .clearsearchi button {
    position: absolute;
    border: .1px;
    display: block;
    width: 25%;
    height: 70%;
    line-height: 16px;
    font-size: 70%;
    border-radius: 2px;
    border: 6px solid blue;
    top: 0%;
    bottom: 0%;
    right: .1px;
    margin: auto; 
    letter-spacing: .1px;
      margin-top:6%;
    margin-right:1%;
    background-color: gray;
    color: rgb(255, 255, 255);
    padding: .001%;
    outline: none;
    cursor: pointer;
    transition: .1s;
  
  }

 
caption{
 
       position: sticky,front;
    top:0px;
    text-align:left;
     left:0px;
   
  background-color: black;
  color: white;
}
caption :hover {
    background-color: black;
}
}
@media (max-width: 800px){

td {
    text-align: left;
    padding : 1%;
    
   
    min-width: fit-content;
   
    border-bottom: 2px solid rgb(0, 0, 0);
    font-size: 50%;
    
 
    box-sizing:border-box;
 
 
}
}


@media (max-width: 800px){

th {

    border-bottom: 2px solid #79afc7;
   color:black;
 padding: 5px 5px 5px 5px;
 position: sticky;
    top:0px;
     background-color:  #79afc7;
     font-size: 80%;
}


.upload img {
    height: 600px;
    width: 1000px;
   
}

.upload iframe {
    height: 600px;
    width:1000px;
   
}


.add-container .docno input {
    text-align: center;
    font-weight:bold;
    font-size: 60%;
    width: 100%;
    padding: 1%;
   
    margin-left:0%;

    background-color:  rgba(0, 0, 0, 0.281);
    border-radius: 2px;
    color: rgb(255, 255, 255);
}
.docno input {
    text-align: center;
    font-weight:bold;
    font-size: 60%;
    width: 100%;
    padding: 1%;
   
    margin-left:65%;

    background-color:  rgba(0, 0, 0, 0.281);
    border-radius: 2px;
    color: rgb(255, 255, 255);
}

    .clearsearchcna2 button {

           position:absolute;
    border: .1px;
    display: block;
    width: 99%;
    height: 3%;
    line-height: 16px;
    font-size: 100%;
    border-radius: 2px;
   border: 6px solid blue;

    right: .1px;
    
    letter-spacing: .1px;
    margin-right:.5%;

   
 background-color: rgb(211,211,211);
    color: gray;
    padding: .1%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   border: 2px solid rgb(0, 0, 0);
    visibility: hidden;
}
 .logo12 a {
    width:0%;
    letter-spacing: 0px;
    border-radius: 0px;
    margin-top: 0%;
    margin-left: 0%;
    margin-right:-0%;
  height:0px;
   
    font-size: 90%;
    padding:  0rem;
    
    border: 2px solid rgb(0, 0, 0);

    cursor: pointer;
    display: inline-block;
    font-weight:bold;
    opacity:0;
   
     
   
}
.logo12 a:hover {
   
    background-color:white;
    opacity:0;
     
   
}


 .clearsearch .logo12 {
    position: absolute;
    border: 0px;
    display: block;
    width: 0%;
    height: -50%;
    line-height: -50%;
    font-size: 0%;
    border-radius: 10px;
    border: 0px solid rgb(0, 0, 0);
    top: 6%;
    bottom: 0;
    right: 0%;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:0%;
    margin-top:1%;
 
    color: rgb(255, 255, 255);
    padding: 0%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   
  }

  .logo34 a {
    width:0%;
    letter-spacing: 0px;
    border-radius: 0px;
    margin-top: 90%;
    margin-left: 0%;
    margin-right: 0%;
  height:0px;
   
    font-size: 0%;
    padding: 0rem;

    border: 2px solid rgb(0, 0, 0);

    cursor: pointer;
    display: inline-block;
    font-weight:bold;
   
    opacity:0;
     
   
}

  .clearsearch .logo34 {
    position: absolute;
    border: 0px;
    display: block;
    width: 0%;
    height: -50%;
    line-height: -50%;
    font-size: 0%;
    border-radius: 10px;
    border: 0px solid rgb(0, 0, 0);
    top: 6%;
    bottom: 0;
    right: 0%;
    margin: auto; 
    letter-spacing: .1px;
    margin-right:0%;
    margin-top:90%;
    background-color:blue;
    color: rgb(255, 255, 255);
    padding: 0%;
    outline: none;
    cursor: pointer;
    transition: .1s;
   
  
  }

  .logo34 a:hover {
   
    background-color:white;
    opacity:0;
    
    
     
   
}}
@media (max-width: 800px){
.uploaddddd{

    margin: 0 auto;
    width: 99%;

    margin-left: -10%;
    background-color: transparent;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 2px;
    
    padding: 1rem ;
font-weight:bold;
    font-size: 50px; 
    position: absolute;
    margin-top: 0%;
    
    overflow-y: scroll;
    max-height: 100%;
    text-align: center;
    
}
.upload{

   
    width: 35%;
   
    margin-left: 10%;
    background-color: transparent;
    border: 0px solid black;
    border-radius: 20px;
    padding: .1rem ;
 
   
    

        }
}