/**
* Sample file for styling Apia.
* Write here your CSS classes to override Apia default style.
*/

div.header {
  margin-bottom: 5px;
}

div.message {
	margin-left: 20px;
    padding-right: 70px;
    text-align: center;
}

.login-panel form {
    margin-left: 10%;
}

.mobile form {
	margin-left: 0%;
}

.login-panel.mobile form input {
	margin-left: 0% !important;
	margin-left: 0% !important;
}

.login-panel.mobile .loginPanelButton button {
	width: 80% !important;
}
.login-panel.mobile .loginPanelButton {
	width: 100% !important;
	margin-left: 0% !important;
}

/** DPASS **/
form.dpassForm { float: inherit !important; width: 100%; }
.dpassForm .dpassContainer label { display: inline-block; width: 70%; font-weight: bold; color: #6B6B6B; margin-bottom: 4px; }
.dpassForm .dpassContainer { margin-top: 15%; padding-left: 15%; }
.policyForm .dpassContainer { margin-top: 5%; padding-left: 5%; padding-right: 5%; }
.policyForm a { font-weight: bold; color: #0679b8; }
.dpassForm .dpassContainer input[type="text"] { width: 70% !important; }
.dpassError { width: 94%; padding: 10px; text-align: center; margin-top: 20px; margin-bottom: 20px; font-weight: bold; }
.MovilLandingPage-OneColumn .dpassForm input[type="submit"] { margin-left: 0%; margin-top: 10px; margin-bottom: 13px; }
.MovilLandingPage-OneColumn .dpassForm .dpassContainer { margin-top: inherit; padding-left: inherit; }
.dpassError { margin-left: 15%; width: 60%; margin-top: 76px; text-align: center; background-color: rgb(249, 237, 184); border: 1px solid rgb(237, 201, 103); color: #707070; padding: 5px 20px; }
.dpassMessage { width: 60%; margin-top: 5px; text-align: center; background-color: rgb(249, 237, 184); border: 1px solid rgb(237, 201, 103); color: #707070; display: inline-block; padding: 5px 20px; }
.dpassForm input[type="submit"] { width: 70%; margin-top: 5px; background: #00A3E0 !important; color: #FFFFFF !important;	border: none !important; border-radius: 2px !important;	font-weight: bold; padding: 10px; }

.dpassForm .dpassContainer label { display: inline-block; width: 70%; font-weight: bold; color: #6B6B6B; margin-bottom: 4px; }
.dpassForm .dpassContainer { margin-top: 15%; padding-left: 15%; }

form.authForm { float: inherit !important; width: 100%; }
.authContainer label { display: inline-block; width: 70%; font-weight: bold; color: #6B6B6B; margin-bottom: 4px; }
.authContainer a.authButton {     display: inline-block;
    margin-bottom: 4px;
    text-align: center;
    width: 70%;
    margin-top: 5px;
    background: #00A3E0 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 2px !important;
    font-weight: bold;
    padding: 10px; }
.authContainer { margin-top: 15%; padding-left: 15%; }
.policyForm .authContainer { margin-top: 5%; padding-left: 5%; padding-right: 5%; }
.policyForm .dpassContainer { margin-top: 5%; padding-left: 5%; padding-right: 5%; }
.policyForm a { font-weight: bold; color: #0679b8; }
.dpassForm .dpassContainer input[type="text"] { width: 70% !important; }
.dpassError { width: 94%; padding: 10px; text-align: center; margin-top: 20px; margin-bottom: 20px; font-weight: bold; }
.MovilLandingPage-OneColumn .dpassForm input[type="submit"] { margin-left: 0%; margin-top: 10px; margin-bottom: 13px; }
.MovilLandingPage-OneColumn .dpassForm .dpassContainer { margin-top: inherit; padding-left: inherit; }
.dpassError { margin-left: 15%; width: 60%; margin-top: 76px; text-align: center; background-color: rgb(249, 237, 184); border: 1px solid rgb(237, 201, 103); color: #707070; padding: 5px 20px; }
.dpassMessage { width: 60%; margin-top: 5px; text-align: center; background-color: rgb(249, 237, 184); border: 1px solid rgb(237, 201, 103); color: #707070; display: inline-block; padding: 5px 20px; }
.authError { margin-left: 15%; width: 60%; margin-top: 76px; text-align: center; background-color: rgb(249, 237, 184); border: 1px solid rgb(237, 201, 103); color: #707070; padding: 5px 20px; }
.authMessage { width: 60%; margin-top: 5px; text-align: center; background-color: rgb(249, 237, 184); border: 1px solid rgb(237, 201, 103); color: #707070; display: inline-block; padding: 5px 20px; }
.authForm input[type="submit"] { width: 70%; margin-top: 5px; background: #00A3E0 !important; color: #FFFFFF !important;	border: none !important; border-radius: 2px !important;	font-weight: bold; padding: 10px; }

.doingLogin {
    font-weight: bold;
}

/* REBRANDING */

/* Language div alignment */
div.header div.languages { margin-right: 5px; margin-top: 20px; }

/* Language not selected */
span.language a { color: #FFFFFF; font-weight: bold; }

/* Language selected */
span.currentLanguage a { color: #00A3E0; }

/* MFA button */
.dpassForm input[type="submit"] { width: 70%; margin-top: 5px; background: #00A3E0 !important;
	color: #FFFFFF !important;	border: none !important; border-radius: 2px !important;	font-weight: bold; padding: 10px;
}