#main-page {background: url(/tropy/images/style/login/trees-background.jpg) no-repeat #fff;background-position: bottom;}.manage-account-login {width: 100%;padding-bottom: 40px;margin-top: 25px;}.manage-account-login .login-wrapper .login-top, .top-wrapper, .login-wrapper {width: 550px;}.manage-account-login .login-wrapper .login-top {margin-bottom: 20px;}.manage-account-login .login-wrapper {border: 4px solid #5e9ec2;border-radius: 20px;display: block;margin: auto;padding-bottom: 35px;position: relative;background: url(/tropy/images/style/login/background.jpg) #fff;-webkit-box-shadow: 1px 5px 14px #00000061;-moz-box-shadow: 2px 2px 4px #888;box-shadow: 1px 5px 14px #00000025;}.manage-account-login .login-wrapper .login-fields .fields-wrapper .avatar-pic {display: block;width: 100px;height: 100px;margin: 10px auto;border: 4px solid #008BDB;border-radius: 42px;background: #fff;background: linear-gradient(#fff 50%, #B6CDDB);}.manage-account-login .login-wrapper .login-fields .fields-wrapper .avatar-pic img {border-radius: 42px;}.manage-account-login .login-wrapper .login-fields .fields-wrapper .avatar-pic.profile {display: inline-block;margin-right: 15px;margin-top: 0px;width: 80px;height: 80px;border-radius: 35px;float: right;margin-left: 8px;}.manage-account-login .login-wrapper .login-fields .fields-wrapper .avatar-pic img {border-radius: 35px;width: 100%;}.manage-account-login .login-wrapper .login-fields .fields-wrapper input {background: #fff;border: 3px solid #A9BCC9;border-radius: 10px;width: 270px;height: 48px;display: block;margin: 15px auto;font-size: 21px;color: #778D9C;font-weight: bold;outline: none;}.manage-account-login .login-wrapper .login-fields .fields-wrapper {position: relative;}.manage-account-login .login-wrapper .login-fields .fields-wrapper input.login-username {background: url(/tropy/images/style/login/username.png) no-repeat #fff;background-origin: content-box;background-size: 72%;background-position: right center;padding: 0px 5px;}.manage-account-login .login-wrapper .login-fields .fields-wrapper input.login-password {background: url(/tropy/images/style/login/password.png) no-repeat #fff;background-origin: content-box;background-size: 72%;background-position: right center;padding: 0px 5px;}.manage-account-login .login-wrapper .login-fields .fields-wrapper input.login-email {background: url(/tropy/images/style/forgot-password/email.png) no-repeat #fff;background-origin: content-box;background-size: 72%;background-position: right center;padding: 0px 5px;}.manage-account-login .login-wrapper .login-fields .fields-wrapper input:focus, .manage-account-login .login-wrapper .login-fields .fields-wrapper input:not(:placeholder-shown) {background: #fff;}.manage-account-login .login-wrapper .login-top .top-wrapper {background: url(/tropy/images/style/login/top.png);background-size: 550px;padding-top: 15px;height: 75px;position: relative;}.manage-account-login .login-wrapper .login-top .top-wrapper img {width: 47%;margin: auto;display: block;}.manage-account-login .login-wrapper .login-fields .fields-wrapper .login-btn, .manage-account-login .login-wrapper .login-fields .fields-wrapper .button {background: linear-gradient(#22BEFF, #00A1FF);border: 2px solid #0075B8;border-radius: 10px;width: 180px;height: 50px;display: block;margin: auto;cursor: pointer;outline: none;padding: 1px 6px;box-sizing: border-box;text-align: center;align-items: flex-start;}.manage-account-login .login-wrapper .login-fields .fields-wrapper .login-btn:hover, .manage-account-login .login-wrapper .login-fields .fields-wrapper .button:hover {background: linear-gradient(#00A1FF, #22BEFF);}.manage-account-login .login-wrapper .login-fields .fields-wrapper .login-btn img {width: 55%;text-align: center;padding-top: 3px;}.manage-account-login .login-wrapper .login-fields .fields-wrapper .logout.button {float: left;margin-left: 15;color: #fff;font-weight: bold;font-size: 22px;padding-top: 5px;margin-top: 20px;width: 120px;box-sizing: border-box !important;}.login-message {background: linear-gradient(#00a1ff, #33ccff);border-radius: 5px;padding: 10px 20px;color: #fff;font-weight: bold;display: block;margin: 10 auto -20px auto;width: 55%;text-align: center;}.manage-account-login .login-wrapper .login-bottom .loading {position: absolute;margin: auto;display: block;width: 100%;margin-top: -40px;}.manage-account-login .avatar-card {width: 100%;height: 90px;background: #eef7fc;padding: 10 0;margin-top: -20px;}.manage-account-login .avatar-card .card-age {color: #7a8186;}.manage-account-login .avatar-card .senior {color: #a26cab;font-weight: bold;}.manage-account-login .avatar-card .qualified {color: #c7a33b;font-weight: bold;}.manage-account-login .avatar-card .forum {color: #8aab6c;font-weight: bold;}.manage-account-login .avatar-card .card-username {color: #008bdb;font-size: 23px;font-weight: bold;padding-top: 3px;}.loading {position: absolute;margin: auto;display: block;width: 100%;margin-top: -40px;}.grecaptcha-badge{visibility: collapse !important;  }.details-card .title {font-size: 22px;color: #008bdb;font-weight: bold;padding-right: 10px;padding-top: 20px;}.details-card .what-r-u-waiting-for {font-size: 18px;margin: auto;text-align: right;padding-right: 10px;padding-bottom: 0;}.details-card .join.btn {border: 2px solid #0075B8;box-shadow: 0px 0px 0px #00000087;}.responstive-table {overflow-x: auto;min-height: 70px;border-bottom: 1px solid #c7cdd0;}.table {  border-collapse: collapse;  width: 100%;  box-sizing: border-box !important;}.table td, #customers th {  border: 1px solid #c7cdd0;  padding: 8px;  text-align: center;  background: #fff;}.table tr:nth-child(even){background-color: #f2f2f2;}.table th {padding-top: 12px;padding-bottom: 12px;padding-right: 5;padding-left: 5;text-align: center;background-color: #02a2ff;color: white;}.details-card select, .details-card input {width: 25%;border: 2px solid #02a2ff;border-radius: 5px;background: #fff;color: #166b9c;font-weight: bold;outline: none;margin: 2;box-sizing: border-box !important;}.details-card .birthday.button {width: 22%;}.details-card .button {width: 150px;background: linear-gradient(#22BEFF, #00A1FF);border: 2px solid #0075B8;border-radius: 10px;display: inline-block;margin: auto;cursor: pointer;outline: none;padding: 1px 6px;box-sizing: border-box;text-align: center;align-items: flex-start;color: #fff;font-weight: bold;font-size: 17px;}.details-card .button:hover {background: linear-gradient(#00A1FF, #22BEFF);}form {margin-bottom: 0;}@media only screen and (max-width: 770px) {.manage-account-login {width: 98%;}.manage-account-login .login-wrapper, .manage-account-login .login-wrapper .login-top, .manage-account-login .login-wrapper .login-top .top-wrapper {width: 100%;}.manage-account-login .login-wrapper .login-top .top-wrapper {background-position: center;border-radius: 20px 20px 0px 0px;}.manage-account-login .login-wrapper .login-top .top-wrapper img {width: 63%;max-width: 300px;}.manage-account-login .login-wrapper .login-fields .fields-wrapper .logout.button {position: absolute;left: 0;font-size: 18px;width: 85px;padding: 10px;}.details-card .birthday.button {width: 21%;}}