Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML Wrap
classsection group
HTML Wrap
classcol span_3_of_5

If you're an accountant or bookkeeper interested using two-factor authentication (2FA) in your practice, there are a few important details you should consider.

Should my practice use 2FA?

Yes. Not only does 2FA keep your data secure, but it will be mandatory by 30 June 2018 to meet new industry standards.

You can set up 2FA using either an email account, or an authenticator app. The right option for you will depend on the way your office is set up. Does everyone have a unique login, or do you share? Does everyone have a smartphone? Does everyone have access to the email account associated with their login details? Help me choose.


For general information on MYOB's 2FA, see the Two-factor authentication help page.

UI Text Box
sizemedium
typeinfo
Email 2FA is being rolled out from the beginning of May 2018. If you don't have access to email 2FA yet, don't worry - it will be available to you soon.
UI Text Box
sizemedium
typetip

Note that implementing two-factor authentication will not affect access to:

  • your Accountants Enterprise or Accountants Office Suite, or
  • your online practice functions, such as MYOB Portal, dashboard and online tax features via the AE/AO Live icon.
UI Text Box
sizemedium
typeinfo

Remember - your team members can select the option Remember this device for 30 days, so they won't need to type a verification code every time they sign in (if they're using the same computer).

HTML
<h2><i class="fa fa-comments"></i>&nbsp;&nbsp;FAQs</h2><br>
UI Expand
titleWhere can I learn more about the security technology behind 2FA?

Where can I learn more about the security technology behind 2FA? 

If you'd like to learn more about the security technology behind MYOB's two-factor authentication - including the authentication app - please read The Security of MYOB's Two-Factor Authentication White Paper.

UI Expand
titleIs 2FA mandatory for my practice?

Is 2FA mandatory for my practice?

2FA will be mandatory by 30 June 2018 to meet new industry standards, but it's never too early to secure your account. Set up 2FA today.

UI Expand
titleHow do I get help if I have trouble with 2FA?

How do I get help if I have trouble with 2FA? 

If you need help with two-factor authentication, first have a look around this online help centre. For example, if you need help setting up 2FA, see Setting up two-factor authentication. Or if you need help accessing your backup codes, see Using your backup codes. Check out the Related Topics section on the right side of each help page for more recommendations.

If you need additional support, please contact us:

If you use Accountants Enterprise or Accountants Office, click here for MYOB contact information.

For all other MYOB Partner support, contact us here: Australia / New Zealand

UI Expand
titleWill this impact my access to multiple client files?

Will this impact my access to multiple client files?

2FA is associated with your login, not the files you're accessing. This means if you've set up 2FA for your login, 2FA will be used regardless of which file you're accessing.

If a client hasn't already done so, ask them to invite you to access their books online. Learn more about advisor invitations for MYOB Essentials Accounting and MYOB AccountRight. You'll then be able to access their file using your 2FA enabled login.

UI Expand
titleI’m using shared logins - how can I use an authenticator app?

I’m using shared logins - how can I use an authenticator app?

Because most authenticator apps can only be installed on one device, using shared logins creates a problem when multiple people need access to the app.

Ideally, everyone should have their own unique log in details. If you’re using a shared login, you should think about moving to unique logins.

If unique logins aren’t possible, you have three options:

  1. Use a shared phone.
    Do you have a corporate phone that could be shared in the office? You can set up an authenticator app on the shared phone, and make sure all shared users have access to it.
    Consider how practical this solution will be for your office. For instance, how would team members work outside the office?

  2. Use an authenticator app called Authy .
    With Authy, you can set up an account and share the credentials across multiple devices. Each user can access it in a browser or install it as a desktop or mobile app, and sharing credentials means that they can all access the same 2FA codes.

  3. Use email 2FA.
    If everyone using your shared login has access to the email account associated with that login, you can use email 2FA. All users need access to the email inbox so that they can receive the authentication code when they log in.
UI Expand
titleI don’t want my team to install an app on their private phone / I don’t want my team to have their mobile phone at their desk

I don’t want my team to install an app on their private phone / I don’t want my team to have their mobile phone at their desk

If your team using their private phones for 2FA is a problem, there are a few options to consider.

  1. Use a shared phone.
    Do you have a corporate phone that could be shared in the office? You can set up an authenticator app on the shared phone, and make sure all shared users have access to it.
    Consider how practical this solution will be for your office. For instance, how would team members work outside the office?

  2. Use an authenticator app called Authy .
    With Authy, you can set up an account and share the credentials across multiple devices. Each user can access it in a browser or install it as a desktop or mobile app, and sharing credentials means that they can all access the same 2FA codes.

  3. Use email 2FA.
    If everyone using your shared login has access to the email account associated with that login, you can use email 2FA. All users need access to the email inbox so that they can receive the authentication code when they log in.
UI Expand
titleDo authenticator apps require mobile coverage, data or internet access?

Do authenticator apps require mobile coverage, data or internet access?

Once installed, most authenticator apps don't require mobile coverage, data or internet access. But it's best to check the settings within your authenticator app to see if you need to enable offline functionality.

Going overseas? No problem, your authenticator app will still work. If the Google Authenticator app stops working while overseas, it might be a time sync issue (see this Google support doc for help).

If you have any issues using your authenticator app (overseas or at home), check the help for your app.

UI Expand
titleWhat if I don't have a smart phone or access to my email when visiting clients?

What if I don't have a smart phone or access to my email when visiting clients?

There's a couple of options:

  • Use an authenticator app called Authy
    You can install Authy on your laptop and use it for 2FA.
  • Use your backup codes
    Use a “one time use” backup code to sign in at client sites. These codes were generated when you set up two-factor authentication and allow you to sign in to your MYOB account when you don't have a phone. Learn more about using your backup codes.
HTML
<div id="feedback" style="margin-top:50px;">
			 <div class="feedbackheading">
                <h2>Was this information helpful?</h2>
            </div>
            <div class="yes">
                <img id="yesImg" src="/wiki/download/attachments/5668874/yes_notSelected.png">Yes
            </div>
            <div class="no">
                <img src="/wiki/download/attachments/5668874/no_notSelected.png">No
            </div>

            <div class="moreinfo">
                <h3>Why not?</h3>
                <p>
                <form id="moreInfo" name="moreInfo">
                        <input type="checkbox" id="cb1" name="unclear" value="" onClick=allowSubmit()>
                        <label for="cb1"><span class="checkboxlabel">The instructions weren't clear</label><br>
                        <input type="checkbox" id="cb2" name="notFound" value="" onClick=allowSubmit()>
                        <label for="cb2"><span style="padding-bottom:2px;">I couldn't find what I was looking for</label><br>
						<div id="inlineMoreHelpInfo">That's no good.  Try searching the help. Or maybe the <a href="http://community.myob.com/" target="_blank">community forum</a> can help answer your question.<br />
 <input type="text" placeholder="Search the help..." id="searchTerm"><i class="fa fa-search" id="searchButton"></i>
 </div>
						<input type="checkbox" id="cb3" name="productIssue" value="" onClick=allowSubmit()>
                        <label for="cb3">I have a problem with my software</label><br>
						<div id="inlineSupportInfo">Sorry to hear that. Maybe our <a href="http://community.myob.com/" target="_blank">community forum</a> can help. </div>
						<input type="checkbox" id="cb4" name="other" value="" onClick=allowSubmit()>
                        <label for="cb4">Something else</label><br>
                </form>
				<h3 id="commentsHeading">How would you improve this page?</h3>
				<textarea id="comments" name="comments" form="moreInfo" placeholder="Tell us more..."></textarea> 
                </p>
			 <p id="supportText">Unfortunately, we won't be able to respond to your feedback. Please don’t enter any personal information—if you need urgent help, contact our <a href="http://myob.com/contactus" style="color:#5E2080;">support team</a> instead.</p>
			 <button type="button" id="submitButton" disabled>Submit</button> 
             </div>
            
            <div id="submitted">
                <img src="/wiki/download/attachments/5668874/submittedTick.png">Thanks for your feedback.
            </div>
			<div id="positiveFeedback">            
				<h3 id="positiveCommentsHeading">Thanks! Anything you'd like to add?</h3>
				<textarea id="positiveComments" name="positiveComments" form="positiveComments" placeholder="Tell us more..."></textarea> 
                </p>
				<p id="positiveCommentText">We’d love to know what worked so we can keep improving our help. Please don’t enter any personal information—if you need more help, get in touch with our <a href="http://myob.com/contactus" style="color:#5E2080;">support team</a>.</p>
			 <button type="button" id="positiveSubmitButton" disabled>Submit</button> 
        </div>
 </div>
<script>
        var sPath = window.location.pathname;                        // Get the path of the current window (will be used to find 'page' and 'product' variables
//        var page = sPath.substring(sPath.lastIndexOf('/') + 1);      // Set the 'page' variable to the html page name (eg. feedback.html)
		var page;			// Create global variable to store permalink for this page
        var responded = 0;    // initialise the 'responded' variable to indicate that no response has been recorded
        var helpful = 0;    // probably don't need both these variables (responded and helpful)...

        var pathArray = sPath.split( '/' );                            // Split the URL into chunks divided by slashes, and put into array pathArray
        var product = pathArray[pathArray.length-2];                // Get the second last 'chunk' (which will be the product folder, eg. 'ec' or 'ea', based on help URLs of structure: http://help.myob.com/wiki/display/ea/Welcome+to+MYOB+Essentials+Accounting

// Wait until JQuery has loaded, then get the page variable from the content of the .tinylink div.
AJS.toInit(function(){
	 page = AJS.$(".tinylink").text();
});

    
        // Initialise variables for checkbox responses
        var unclear = '';
        var notFound = '';
        var productIssue = '';
        var other = '';
        var comment = '';

        // Make sure the checkboxes and comment fields are cleared when the page loads
        $('#comments').val('');
        $('#moreInfo input[type=checkbox]').attr('checked',false);

        function submitFormResult(helpful, page, product) {
            var helpful = helpful;
            comment = $('#comments').val();
            var product = product;
            var page = page;

			if (page == '') {
				page = window.location.href;
			}
        
            if ($('#cb1').is(":checked")) {
                unclear = "Unclear";
            }
            if ($('#cb2').is(":checked")) {
                notFound = "Could not find";
            }
            if ($('#cb3').is(":checked")) {
                productIssue = "Product issue";
            }
            if ($('#cb4').is(":checked")) {
                other = "Other";
            }

            // Post responses to the Google form
            $.ajax({
                url: "https://docs.google.com/forms/d/1bAixJMHVVKnRKB9N6Ug6zsLWWc5hVCIr3p3lCb-q8rM/formResponse",
                data: { 
                    "entry_19710432": helpful, 
                    "entry_233823726": unclear, 
                    "entry_1511608596": notFound, 
                    "entry_1587406445": productIssue,
                    "entry_1989203864": other,
                    "entry_2056312956": comment,
                    "entry_1949579778": product,
                    "entry_1743314655": page,
                },
                type: "POST",
                dataType: "xml",
                statusCode: {
                    0: function () {
                    // display the 'submitted' div with thankyou message
						if (helpful == "no") {	
							$("#feedback").css('padding-bottom','50px');
							$("#submitted").fadeIn(500);
    						}
	                },
                    200: function () {
                    // display the 'submitted' div with thankyou message
						if (helpful == "no") {	
							$("#feedback").css('padding-bottom','50px');
	                        $("#submitted").fadeIn(500);
							}
                    }
                }
            });        // end of ajax call
        }            // end of submitFormResult function
        

 
        function submitPositiveFeedback (helpful, page, product) {
            var helpful = helpful;
            comment = $('#positiveComments').val();
            var product = product;
            var page = page;

			if (page == '') {
				page = window.location.href;
			}
        
            // Post comment to the Google form
            $.ajax({
                url: "https://docs.google.com/forms/d/1WfuiKR77NYihMgzeBqOffce0ido3I2DoAysBeESfybo/formResponse",
                data: { 
                    "entry_922059833": helpful, 
                    "entry_174932397": comment,
                    "entry_104243485": product,
                    "entry_716914159": page,
                },
                type: "POST",
                dataType: "xml",
                statusCode: {
                    0: function () {
                    // display the 'submitted' div with thankyou message
						if (helpful == "no") {	
							$("#feedback").css('padding-bottom','50px');
							$("#submitted").fadeIn(500);
						}
                    },
                    200: function () {
                    // display the 'submitted' div with thankyou message
						if (helpful == "no") {	
							$("#feedback").css('padding-bottom','50px');
    	                    $("#submitted").fadeIn(500);
						}
                    }
                }
            });        // end of ajax call
        }            // end of submitPositiveFeedback function


 
        
        // Do this if someone clicks Yes (submit form and show thankyou message)
        $(".yes").on("click", function() { 
            // only do this if there hasn't been a response yet!
            if (responded == 0) {
                // change the image to a green face
                $(".yes").html( "<img src='/wiki/download/attachments/5668874/yes_Selected.png'>Yes" ).fadeIn(300);
                
                // display the 'submitted' div with thankyou message
	//			$("#feedback").css('padding-bottom','50px');
	//			$("#submitted").fadeIn(500);
				$("#positiveFeedback").fadeIn(500);
                   
                // record that the survey has been responded to
                responded = 1;
                helpful = "yes";
                submitFormResult(helpful, page, product)
            }
        });

        // Do this if someone clicks No (show checkboxes and comment field)
        $(".no").on("click", function() { 
            // only do this if there hasn't been a response yet!
            if (responded == 0) {
                // change the image to a red face
                $(".no").html( "<img src='/wiki/download/attachments/5668874/no_Selected.png'>No" ).fadeIn(300);

                // display the 'moreinfo' div with additional options
                $(".moreinfo").fadeIn(300);

                // record that the survey has been responded to
                responded = 1;

                helpful = "no";
            }
        });

        
        // Submit the form when the submit button is clicked
        $("#submitButton").on("click", function() {
            submitFormResult(helpful,page,product);
//            this.disabled=true;
			$('.moreinfo').fadeOut(100);
			$("#feedback").css('padding-bottom','50px');
			$("#submitted").fadeIn(500);
		});

 
        $("#positiveSubmitButton").on("click", function() {
            submitPositiveFeedback(helpful,page,product);
			$('#positiveFeedback').fadeOut(100);
  //          this.disabled=true;
			$("#feedback").css('padding-bottom','50px');
			$("#submitted").fadeIn(500);
//			$('#positiveSubmitButton').prop("disabled",true);
//			$('#positiveComments').val("");
		});
 
        // Change the image when hovering over Yes or No (but only before a response has been recorded)    
        $(".yes img").hover(function(){
            if (responded == 0) { $(".yes img").attr("src","/wiki/download/attachments/5668874/yes_Selected.png").fade(500); }
        },function(){
            if (responded == 0) { $(".yes img").attr("src","/wiki/download/attachments/5668874/yes_notSelected.png").fadeIn(500); }
        });

        $(".no img").hover(function(){
            if (responded == 0) { $(".no img").attr("src","/wiki/download/attachments/5668874/no_Selected.png").fadeIn(500); }
        },function(){
            if (responded == 0) { $(".no img").attr("src","/wiki/download/attachments/5668874/no_notSelected.png").fadeIn(500); }
        });

        // Change the border width of the comment field when it's in focus (TODO: Make this work with the hover below)
        $("#comments").focus(
            function() {
                $(this).css('borderWidth', '3px');
        });

        // Change the border width of the comment field when hovering over it (TODO: Make this work onfocus as well)
        $("#comments").hover(
            function() {
                $(this).css('borderWidth', '2px');
            },
            function() {
                $(this).css('borderWidth', '2px');
        });



		$("#cb2").click(function() {
			$("#inlineMoreHelpInfo").toggle(this.checked);
			$("#searchTerm").focus();
		});
     
		$("#cb3").click(function() {
			$("#inlineSupportInfo").toggle(this.checked);
		});

        // Activate the Submit button when a checkbox has been selected
        function allowSubmit() {
            var atLeastOneIsChecked = $('#moreInfo :checkbox:checked').length > 0;
            if (atLeastOneIsChecked) {
                $("#submitButton").prop("disabled",false);
				$("#commentsHeading").fadeIn(300);
				$("#comments").fadeIn(300);
				$("#supportText").fadeIn(100);
			 }
            else {
                $("#submitButton").prop("disabled",true);
            }
        }
 
			$('#positiveSubmitButton').prop("disabled",false);




 
    // SUBMIT SEARCH IF USER CLICKS ON MAGNIFYING GLASS 
	$("#searchButton").click(function() {
		var searchTerm = $("#searchTerm").val();
		var encodedSearch = encodeURIComponent(searchTerm);
		var searchURL = "http://help.myob.com/wiki/dosearchsite.action?queryString=" + encodedSearch + "&startIndex=0&where=ea";
	//	alert(searchURL);
		window.location.replace(searchURL);
	});
 
 
// SUBMIT SEARCH IF USER PRESSES ENTER
    $('#searchTerm').keyup(function(e) {
	    if (e.keyCode == 13) {
			var searchTerm = $("#searchTerm").val();
			var encodedSearch = encodeURIComponent(searchTerm);
			var searchURL = "http://help.myob.com/wiki/dosearchsite.action?queryString=" + encodedSearch + "&startIndex=0&where=ea";
//			alert(searchURL);
			window.location.replace(searchURL);
	    }
//		return false;
   });


        </script>

HTML Wrap
width15%
classcol span_1_of_5
 
HTML Wrap
floatleft
classcol span_1_of_5
Panelbox
namemagenta
titleRelated topics
HTML Wrap
classsidebarlinks

Two-factor authentication

Setting up Signing in with two-factor authentication

Using your backup codes

Recovering your account

Using the Security Centre

Using your backup codes

Managing two-factor authentication

Setting up two-factor authentication

Which two-factor authentication method should I use?

 

CSS Stylesheet
/* Style the feedback div. TODO: Make this responsive */
#feedback {
	font-family: Arial,Helvetica,sans-serif,Verdana;
	width:500px;
	margin-top:0px;
	padding-top:0px; 
	padding-bottom:100px;
}

/* Style the Yes and No options and images */
.yes {
	font-weight:bold;
	float:left;
	padding-top:10px;
	vertical-align:middle;
}

.yes img, .no img {
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	height: 40px;
}
            
.no {
	font-weight:bold;
	float:right;
	vertical-align:middle;
	margin-right:250px;
	padding-top:10px;
}

/* Style the div containing the checkboxes and comments field */
.moreinfo {
	display:none;
    margin-top:120px;
    line-height:10px;
}
            
p.moreinfo {
	padding-top:10px;
}

/* Style the confirmation message when a user submits the form */
#submitted {
	display:none;
	border: 1px solid #7FBA00;
	background-color: #ECF5D9;
	position:relative;
	margin-top:120px;
	height:70px;
	width:104%;
}
            
#submitted img {
	vertical-align:middle;
	padding:20px;
	height:35px;
}

/* Comments heading */
#commentsHeading {
	display:none;
	padding-bottom:10px;
	margin-top:10px;
}

/* Style the comment box */
textarea#comments {
width:100%;
height:100px;
vertical-align:top;
border: #5E2080 2px solid;
font-family: Arial,Helvetica,sans-serif,Verdana;
font-size: 11pt;
display:none;
}

/* Style the positive comment box */
#positiveComments {
width:100%;
height:100px;
vertical-align:top;
border: #5E2080 2px solid;
font-family: Arial,Helvetica,sans-serif,Verdana;
font-size: 11pt;
}

#positiveCommentsHeading {
margin-top:100px; 
padding-bottom:10px;
}		

/* Remove the resizing option from the comments text area */
textarea#comments {
resize: none;
padding:10px;
}

textarea#positiveComments {
resize: none;
padding:10px;
}

#supportText {
font-size:11pt;
margin-right:-50px;
padding-bottom:20px;
color: #888;
display:none;
}
#positiveCommentText {
font-size:11pt;
margin-right:-50px;
padding-bottom:20px;
color: #888;
}




#inlineSupportInfo {
display:none;
margin-left:28px;
padding-bottom:20px;
line-height:20px;
color:#888;
margin-top:-5px;
}

#inlineSupportInfo a {
color:#5E2080;
}

#inlineMoreHelpInfo {
display:none;
margin-left:28px;
padding-bottom:20px;
line-height:20px;
color:#888;
margin-top:-5px;
}

#inlineMoreHelpInfo a {
color:#5E2080;
}

/* Style the checkbox list */
#feedback input[type=checkbox] {
display:none;
}

#feedback input[type=checkbox] + label:before {
content: "";  
display: inline-block;  
width: 18px;  
height: 18px;  
vertical-align:middle;
margin-right: 8px;  
background-color: #fff;  
border: #5E2080 2px solid;
border-radius: 100px;  
margin-top:0px;
margin-bottom:0px;
}    

#feedback input[type=checkbox]:checked + label:before {
content:"\2714";
color:white;
background-color: #5E2080; 
text-align:center;
line-height:18px; 
}

/* Style the checkbox labels */
label {
display:block;
vertical-align:middle;
}

/* Style the Submit button and its various states (including disabled).  */
/* TODO: Set up a subclass of button to use here instead */
button {
background: #5E2080;
border-top: 1px solid #5E2080;
border-right: 1px solid #5E2080;
border-bottom: 1px solid #5E2080;
border-left: 1px solid #5E2080;
border-radius:30px;
padding: 10px 32px;
vertical-align:middle;
color:#fff;
float:right;
font-family: Arial,Helvetica,sans-serif,Verdana;
font-weight:bold;
font-size: 11pt;
margin-right:-25px;
}

button:hover {
background: #4D1A6B;
border-top: 2px solid #4D1A6B;
border-right: 2px solid #4D1A6B;
border-bottom: 2px solid #4D1A6B;
border-left: 2px solid #4D1A6B;
cursor: pointer;
}    
        
button:active {
background: #4D1A6B;
border-top: 2px solid #4D1A6B;
border-right: 2px solid #4D1A6B;
border-bottom: 2px solid #4D1A6B;
border-left: 2px solid #4D1A6B;
cursor: pointer;
}     
			
input#searchTerm{
line-height:15px;
font-size: 11pt;
height:15px;
width:200px;
margin-left:-5px; 
margin-top:10px;
padding:10px;
}

#searchButton {
margin-left: 10px;
cursor: pointer;
font-size: 14pt;
}

#positiveFeedback {
display:none;
}    

button[disabled],
button[disabled]:hover,
button[disabled]:active {
background: #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
color: #8f8f8f;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}      
 
#basicModalContent {
display:none;
}
#simplemodal-overlay {
 background-color:#000;
}
#simplemodal-container {
 background-color:#fff; 
 border:1px solid #444; 
 border-radius:3px;
 padding:20px;
 }
#simplemodal-container a.modalCloseImg {
 background:url(http://help.myob.com/images/close.png) no-repeat; /* adjust url as required */
 width:32px;
 height:32px;
 display:inline;
 z-index:3200;
 position:absolute;
 top:10px;
 right:10px;
 cursor:pointer;
 opacity:0.3;
 }
 
.answerButton {
 width:120px; 
 background-color:white; 
 color:#5E2080;
 padding:10px;
 border-radius:5px;
 border: 1px solid gray;
 cursor: pointer;
/* box-shadow:2px 2px #888; */
 font-size:14px;
 font-family:Arial, sans-serif;
 margin-top:20px;
}
.answerSpacer {
 width:120px;
}
.answerButton:hover {
 background-color:#eee;
}
.selectedAnswer {
 background-color:#5E2080!important;
 color:white!important;
}
.questionContainer {
 display:flex;
 justify-content:space-between; 
 color:white; 
 text-align:center;
}
.textAnswer {
 padding:10px; 
 border-radius:3px; 
 border: 1px solid gray; 
 width:80%
}
.extraText {
 display:none;
 padding-top:20px;
}
#submitSurveyButton {
 border-radius:5px;
 font-size:13pt;
 cursor:pointer;
 border:1px solid #5fa52c;
 background-color: #5fa52c;
 position:absolute;
 bottom:20px!important;
 right:0;
}
#submitSurveyButton:active {
 background-color: #5fa52c;
}
#submitSurveyButton:hover {
}
#submitSurveyButton:disabled {
background-color:##5fa52c;
border:1px solid #47831c;
cursor: not-allowed;
opacity:0.65;
}
.questionText {
 margin-top:30px!important;
}
#thankyouMessage {
display:none;
}
#closeAfterSubmitButton {
border-radius:5px;
 font-size:13pt;
 cursor:pointer;
 border:1px solid #5fa52c;
 background-color: #5fa52c;
 position:absolute;
 bottom:20px!important;
 right:0;
}
#q1 {
 margin-top:-5px;
}

...