@import url('https:fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');

        *
        {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;

        }
        element-selector {
	/* Hides overflow on the x-axis and y-axis */
	overflow: hidden;
}

body
{
  min-height: 100vh;
  background: #ffffff;
}

.popup
{
    position: fixed;
    width:70%;
    height: 45%;
    top: 40%;
    left: 30%;
    color: #ffffff;
    opacity: 6;
z-index: 10;
    /*background-color: #ffffff;*/
    transform: translate(-50%,-50%);

}


.mybtn-A
{
    width:30%;
    height: 15%;
    font-size: large;
    text-align: center;
    border-radius: 1.5rem;
    color: #000000;
    background-color: #A6A6A6;

}

.mybtn-D
{
    width:30%;
    height: 15%;
    font-size: large;
    text-align: center;
    color: #000000;
    border-radius: 1.5rem;
    background-color: #A6A6A6;

}

.mybtn-L
{
    width:30%;
    height: 15%;
    font-size: large;
    text-align: center;
    border-radius: 1.5rem;
    background-color: #A8A8A8;
    color: 000000;
    font-family: Arial, Helvetica, sans-serif;


}

.BM{
     position: fixed;
    width:50%;
    height: 40%;
    top: 100%;
    left: 90%;
    transform: translate(-50%,-50%);

}

.contentBox
{
    position: relative;
    width:100%;
    height: 100%;
    left: 30%;
    background: #FFF;
    border-radius: 30px;
    display: flex;
    box-shadow: 0 5px 15px rgba(0,0,0,1);
    background: #A8A8A8 ;


}

.center
{
  display: block;
  font-size: xx-large;
  margin-top:auto;
  margin-left: auto;
  margin-right: auto;
  width:70%;
  align-items: center;
}

.Link_Pages
{
   display: block;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  align-items: center;

}

.link_box
{

    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    margin-right: auto;
    width:100%;
    height: 60%;
    top: 80%;
    left: 0%;
    right: 0
}

.Content-text
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  align:Center;
  left: 30%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
}

.accept
{
   /* display: block;  */
  color: #FFF;
  background: #44CC44;
  /*padding: 10px 15px;       */
  box-shadow: 0 0px 0 0 #2EA62E;
}



.deny {
   /* display: block;    */
  color: #FFF;
  background: tomato;
/*  padding: 10px 15px;  */
  box-shadow: 0 0px 0 0 #CB4949;
}

gap
 {
  word-spacing: 3px;
}

.pages
{
    text-align: left ;
    left: 10%;
    top:20%;

}

.pages-Header
{
    text-align: Center ;
	top:20%;
}
.DIV-Pages
{
    left:5%;
    width:50%;
  text-align: center;
}


.footer {
    /* position: fixed;*/
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: White;
   color: Black;
   text-align: center;
}

.Content-text-F
{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
}

Content-text
{
     background-color: White;
   color: Black;
align-items: center;
}

/* Solid border */
hr.solid {
  border-top: 3px solid #bbb;
}

.pages-bacground
{
    position: fixed;
    width:100%;
    height: 100%;
    top: 10%;
    left: 10%;
    right:10%;
    color: #000000;
    opacity: 6;
z-index: 10;
    /*background-color: #ffffff;*/
    transform: translate(-50%,-50%);

}