.body-bg {background: linear-gradient(45deg, #00BCD4, #4CAF50);height: auto;display: block;overflow: hidden;}
.area-text {text-align: center;background: linear-gradient(45deg, #9C27B0, #9C27B0);position: relative;height: 100%;}
.app-center{height: 100%;width: 100%;padding: 165px 10px;}
button.btn.btn-primary {background: linear-gradient(45deg, #9c27b0, #9c27b0);border: 0;padding: 10px 40px;}
button.btn.btn-primary:hover{background: linear-gradient(45deg, #379a37, #379a37);animation-delay: 0.3s;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.area-login a:hover{color: #9c27b0 !important;text-decoration: none}
.extra-register {color: #9c27b0}
.list{}
.list ul{}
.list ul li{width: 100%;margin-bottom: 5px;}
.list ul li a{width: 100%;display: block;padding: 40px 0px;background: #E91E63;text-align: center;font-size: 20px;font-weight: 600;text-transform: uppercase;border-radius: 5px;color: #fff;}
.list ul li:nth-child(2) a{background: linear-gradient(160deg, #FF5722, #F44336);}
.list ul li:nth-child(3) a{background: linear-gradient(160deg, #9C27B0, #F44336);}
.list ul li:nth-child(4) a{background: linear-gradient(160deg, #E91E63, #f44336b0);}
.list ul li:hover a{box-shadow: 0 0 20px rgb(108 117 125 / 82%);}
.nav-tabs{border: 0}
a#nav-user-tab, a#nav-institute-tab {padding: 25px 0px;font-size: 20px;font-weight: 600;margin: 0 5px;border-radius: 3px;}