footer#tncsDate{
position:relative;
  color:green;
  font-style: italic;
  font-size: 12px;
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;

}

#h1id {
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top:-15px;
  
}


#nform
{
  position: relative;
  width: 100%;
  height: 100%;
   padding: 20px;
   background: transparent;
}

#form-signin {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y:auto;
   overflow-x:hidden;

  border: 0px blue solid;

  /*border: rgba(0, 0, 255, 0.726) 2px solid;   rgb(179, 176, 176),*/

  border-radius: 10px;

  background: transparent;



    /*box-shadow:1px 1px  2px 1px grey; 1px 1px  2px 1px
    -ms-box-shadow: 0 35px 20px #3300FF; 0 35px 20px #000009, 0 40px 20px yellow,0px 40px 20px red;
    -o-box-shadow: 0 35px 20px #3300FF;
     -moz-box-shadow: 0 35px 20px #3300FF;  margin-bottom: 10px;  padding: 15px;

      -webkit-box-shadow: 1px 2px 5px 5px white, 1px 2px 5px 4px grey;
     box-shadow: 1px 2px 5px 5px white, 1px 2px 5px 4px grey;
    */

}




#floatingInput, #floatingPassword{
   border: grey 2px solid;
    border-radius: 5px;
}

.nform #exampleFormControlTextarea1 {
  border: grey 2px solid;
    border-radius: 5px;
}

.nform #exampleFormControlTextarea2 {
  border: grey 2px solid;
    border-radius: 5px;
}

.nform  input[type="text"]{
  border: grey 2px solid;
    border-radius: 5px;
}


.nform input[type="password"] {
   border: grey 2px solid;
      border-radius: 5px;

}


.nform input[type="tel"] {
   border: grey 2px solid;
      border-radius: 5px;

}


/*

#fn {
position:relative;
display:block;
left:0%;
right:20%;
width:80%;
}


#sn
{
position:relative;
display:block;
left:20%;
right:0%;
width:80%;
}


#un
{
position:relative;
display:block;
left:0%;
right:20%;
width:80%;
}


#ps
{
position:relative;
display:block;
left:20%;
right:0%;
width:80%;
}

#cp
{
position:relative;
display:block;
left:0%;
right:20%;
width:80%;
}


#em
{
position:relative;
display:block;
left:20%;
right:0%;
width:80%;
}


#tel
{
position:relative;
display:block;
left:0%;
right:20%;
width:80%;
}


#add1
{
position:relative;
display:block;
left:20%;
right:0%;
width:80%;
}


#add2
{
position:relative;
display:block;
left:0%;
right:20%;
width:80%;
}


#pc
{
position:relative;
display:block;
left:20%;
right:0%;
width:80%;
}


#ci
{
position:relative;
display:block;
left:0%;
right:20%;
width:80%;
}

#co
{
position:relative;
display:block;
left:20%;
right:0%;
width:80%;
}

*/

#fn, #un, #ps, #em {
  margin-bottom:10px;
}



#chkbx
{
  /*
position:relative;
display:block;
left:auto;
right:auto;
*/

  display: table;
  margin: 0 auto;
}

#signin-body {
  position: relative;
  width:100%;
  height: 100%;
  border: green 0px solid;
  border-radius: 15px;
  /*background:url("file:///android_asset/imgs/chk3.jpg") no-repeat center center fixed;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
*/

}



.mb-4 {
  position: relative;
  width: 70px;
  height:  70px;
  border-radius: 50%;
  border: #F7F7F7 10px solid;
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  /*background-image: blue;*/


}


 dialog#idContent::backdrop {
    background:linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 250%);
     border: 1px red dotted;
     background-size:200px 200px;
     opacity: 0.45;
     border-radius: 10px;

}


dialog#idContent {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y:hidden;
    overflow-x:hidden !important;
    border:green;
    border-style:double;
    border-radius: 10px;
    background: transparent;
    padding:0px;


    /*
    background-image:  linear-gradient(#FFFFFF,#dad4d4 20%, transparent 120%);
    -webkit-box-shadow: 1px 2px 5px 5px white, 1px 2px 5px 4px grey;
     box-shadow: 1px 2px 5px 5px white, 1px 2px 5px 4px grey;
     font-family: 'Times New Roman', Times, serif;
    align-content: center;  margin:0px;
   */

  }