body {

    width: 100%;

    margin: 0;

    padding: 0;

    background-color: #f2ffff;

    align-items: center;

    font-family: 'poppins', sans-serif;

}

img {

    padding: 0;

    margin: 0 auto;

    max-height: 100%;

    max-width: 100%;

}



input[type=button] {

  background-color: #0f04aa;

  width: 100%;

  height: 50%;

  border: none;

  color: white;

  padding: 10px 10px;

  text-decoration: none;

  margin: 2px 2px;

  cursor: pointer;

}

input[type=submit]  {

  background-color: #126912;

  width: 100%;

  height: 50%;

  border: none;

  color: white;

  padding: 10px 10px;

  text-decoration: none;

  margin: 2px 2px;

  cursor: pointer;

}

input[type=reset] {

  background-color: #ff0000;

  width: 100%;

  height: 50%;

  border: none;

  color: #ffffff;

  padding: 10px 10px;

  text-decoration: none;

  margin: 2px 2px;

  cursor: pointer;

}

table {

  font-family: 'poppins', sans-serif;

  border-collapse: collapse;

  text-align: center;

}



th {

  text-align: left;

  padding: 4px;

  border:2px solid rgb(10, 3, 104);

  text-align: center;

  background-color:#f8f5f5;

}

td {

  padding: 4px;

  text-align: left;

  border:1px solid rgb(10, 3, 104);

  text-align: center;

}

.row {

  font-family: 'poppins', sans-serif;

  text-align: left;

  margin-left: 8%;

}

.main-container {

    width: 100%;

    margin: 0;

    background: #f0faf8;

    position: relative;

}

.footer {

  position: center;

  left: 0;

  bottom: 0;

  color: yellow;

  text-align: left;

  background-color: rgb(60, 64, 77);

  padding: 0.6em .6em;

  font-family: 'poppins', sans-serif;

  text-align: center;

}

h4 {

  font-family: 'poppins', sans-serif;

}

@media print {

  .footer {

    color: black;

}

  .csaas-channels {

    visibility: hidden;

 }

 .php {

  margin: 2%;

  padding: 1%;

  border-radius: 10px;

  border: 2px solid #000000 ;

  

}

}

.container {

  max-width: 1059px;

  background-color: rgb(234, 235, 252);

}

.php {

    margin: 2%;

    padding: 1%;

    background-color: rgb(247, 239, 245);

    border-radius: 10px;

    border: 2px solid #3F98FD ;

    

}

.rhead {

  background-color: #051F6B;

  color: white;

  padding: 2px;

  border-radius: 10px;

}

.lb {

    margin-left: 8%;

    font-family: 'poppins', sans-serif;

    text-align: left;

    line-height: 300%;

    max-width: 1059px;

}

.dt {

  padding-top: 10px;

  margin-left: 8%;

  font-family: 'poppins', sans-serif;

  text-align: left;

  line-height: 100%;

  max-width: 1059px;

}

#sig {

  padding-top: -10%;

  width: 20%;

  max-width: 1059px;

  box-align : right;

}

.login {

  width: 400px;

  height: 100%;

  border-radius: 10px;

  background-color: rgb(247, 239, 245);

  padding: 20px;

  border: 2px solid #3F98FD ;

  font-family: 'poppins', sans-serif;

}

input[type=text], input[type=email], select {

  width: 100%;

  padding: 12px 20px;

  margin: 8px 0;

  display: inline-block;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

}

.error {

  color: red;

}

.dir

{

  float: right;

  display: inline;

}

.omr

{

  padding: 5px;

  border: 2px solid #0f04aa;

  width: 400px;

  height: 40px;

  background: #ffffff;

  border-radius: 40px;

  box-shadow: inset 0 0 0 0 #d1f3ff;

  color: #54b3d6;



  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;

}

.omr:hover {

  color: #fff;

  box-shadow: inset 400px 0 0 0 #d1f3ff;;

}

.textedit

{

  color:#ff0000;

  padding-top: 5px;

}