*{
    margin: 0;
    padding: 0;
}
.UserAgreement{
    width: 100%;
    height: 97vh;
    background: rgba(255, 255, 255, 0);
    display: flex;
    justify-content: center;
    align-items: center;
}
.userPopup{
    width: 80%;
    height: 800px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid rgb(200 200 200);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 0px 10px 4px #ccc;
}
.agreementDetails{
    width: 90%;
    height: 700px;
    border: 1px solid rgb(170, 170, 170);
    overflow: auto;
    line-height: 30px;
    color: rgb(122, 122, 122);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
	padding:15px;
	box-sizing: border-box;
}
.userty{
    width: 90%;
    height: auto;
}
.rightbutton{
	position:relative;
    width: 90%;
    height: auto;
    display: flex;
    justify-content: right;
}
.rightbutton button{	
    width: 50px;
    height: 25px;
    border: 1px solid #ccc;
    background: rgba(214, 214, 214, 0.5);
}
.rightbutton .btn1{
   position:absolute;
   right:0;
}
@media all and (max-width:1700px) {
    .userPopup{
		height:700px;
	}
	.agreementDetails{
		height:600px;
	}
}
@media all and (max-width:1200px) {
    .userPopup{
        height: 64vh;
    }
    .rightbutton{
        justify-content: center;
    }
	.agreementDetails{
		height: 50vh;
	}
}