#referal-form {

    display: flex;

    flex-direction: column;

    max-width: 400px;

    margin: 0 auto;

}

.referal-link button {
    background-color: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
}

.referal-link button {
    background-color: #1042a8 !important;
    border-radius: 10px !important;
    padding: 1px 70px;
    margin-bottom: 10px;
}
#user-points-table-body, #user-points-table-body th, #user-points-table-body td {
	border: 1px solid #b8b8b8 !important;
	border-collapse: collapse !important;
}
body.toplevel_page_referral-system .form-table,  body.toplevel_page_referral-system .form-table td, body.toplevel_page_referral-system .form-table td p, body.toplevel_page_referral-system .form-table th {
	font-size: 14px;
	border: 1px solid #b8b8b8 !important;
	border-collapse: unset !important;
	padding: 15px 10px !important;
    background: #fff;
}


body.toplevel_page_referral-system #referal-form button {

    margin: 10px 0;

    padding: 10px;

}

body.toplevel_page_referral-system .form-table {
	border-radius: 10px;
	overflow: hidden;
	padding: 20px !important;
	border: 1px solid #cac9c9 !important;
}
body.toplevel_page_referral-system .form-table input {
	padding: 6px 9px;
}
body.toplevel_page_referral-system .submit .button.button-primary {
	background: #1f4698;
	border-radius: 50px;
	padding: 9px 18px;
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	line-height: 1.5;
}
body.toplevel_page_referral-system .form-table th, body.toplevel_page_referral-system .form-table td {
	vertical-align: middle;
	width: auto;
	border-radius: 5px;
}

.wp-core-ui select {
	font-size: 14px;
	line-height: 2.8;
	color: #2c3338;
	border-color: #8c8f94;
	box-shadow: none;
	border-radius: 5px;
	padding: 0 24px 0 8px;
	min-height: 30px;
	max-width: 25rem;
	-webkit-appearance: none;
	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
	background-size: 16px 16px;
	cursor: pointer;
	vertical-align: middle;
}

body.toplevel_page_referral-system #wpbody-content .wrap h1 {
	text-align: center;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 25px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  text-transform: uppercase;
}
#referal-form button {

    background-color: #0073aa;

    color: white;

    border: none;

    cursor: pointer;

}



#referal-form button:hover {

    background-color: #005c8c;

}

/* Green for Already Paid */
.paid {
    color: green;
    font-weight: bold;
}

/* Red for Not Paid */
.not-paid {
    color: red;
    font-weight: bold;
}

body.toplevel_page_referral-system ul#invited-users-list li {
    font-size: 21px;
    padding: 7px;
}
body.toplevel_page_referral-system #wpwrap #wpcontent {
	height: 100%;
	padding-left: 20px;
	background: url(https://referlo.com.au/wp-content/themes/referlo/img/dotted_ic.png) no-repeat, #f2f8fd;
}


@media only screen and (max-width:782px) {

    body.toplevel_page_referral-system .form-table th{
	margin-bottom: 8px;
}

body.toplevel_page_referral-system .form-table td {
	margin-bottom: 30px;
}
body.toplevel_page_referral-system #google_review {
	margin-bottom: 5px;
}

body.toplevel_page_referral-system .form-table input {
	padding: 6px 9px;
	width: 100%;
}

body.toplevel_page_referral-system #google_review, #child_user {
	width: 1.5625rem !important;
	height: 1.5625rem !important;
}
}