#topToolbar, #backToolbar {
	background-color: var(--app-first-color);
}
/********** progressBar *****************/
.progress {
   display: none;
   z-index: 202;
   padding-top: env(safe-area-inset-top);
}
.progress-bar {
    overflow: initial;
}
/********** signUpPage *****************/
#signUpPage #content {
	max-width: 100%;
}
#signUpPage .smartForm {
	max-width: 700px;
}
#signUpPage .oAuthDiv {
	margin: 20px auto;
	text-align: center;
}
#signUpPage .oAuthDiv .imgDiv {
	background-image: url('/webapp/asset/user.jpg');
	background-size: cover;
	background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    margin: 20px auto;
    border-radius: 50%;
    border: 2px solid var(--app-first-color);
}
#signUpPage .oAuthDiv .fullname {
	font-weight: bold;
}
#signUpPage .oAuthDiv .provider {
    color: var(--dark-gray-color);
    font-size: 12px;
    font-style: italic;
}
/********** loginPage *****************/
#loginPage #content {
	padding: 0;
	max-width: 100%;
}
#loginPage #content .header {
	background-color: var(--app-first-color);
	text-align: center;
}
#loginPage #content .header img {
    width: 200px;
    height: auto;
    margin: 30px auto;
}
#loginPage .loginDiv,
#loginPage .forgotPasswordDiv,
#loginPage .signUpBtnDiv,
#loginPage .socialLoginBtnsDiv {
	max-width: 700px;
	margin: 20px auto;
}
#loginPage #forgotPasswordLink {
	color: var(--app-text-secondary-color);
	text-decoration: underline;
}
#loginPage #forgotPasswordAlert {
	display: none;
	margin: 20px auto;
}
#loginPage .title {
	text-align: center;
	font-weight: bold;
}
#loginPage .smartForm {
	max-width: 500px;
}
#loginPage .divider {
	margin: 10px auto;
}
#loginPage .divider .line {
    border-bottom: 1px solid var(--dark-gray-color);
}
#loginPage .divider .text {
    background-color: #FFF;
    color: var(--dark-gray-color);
    width: 80px;
    margin: -11px auto 0 auto;
    text-align: center;
}
#loginPage .signUpBtnDiv {
	padding: 20px;
	text-align: center;
	font-weight: bold;
}
/********** editAccountPage *****************/
#editAccountPage #content {
	max-width: 100%;
}
#editAccountPage .smartForm {
	max-width: 700px;
}
#editAccountPage input[type=date] {
	min-height: 46px;
}
#editAccountPage input[type=date] {
	min-height: 46px;
}
#editAccountPage .btn {
    border-radius: 20px;
}
/********** editPasswordPage *****************/
#editPasswordPage #content {
	max-width: 100%;
}
#editPasswordPage .smartForm {
	max-width: 700px;
}
/********** deleteAccountPage *****************/
#deleteAccountPage #content {
	max-width: 100%;
}
#deleteAccountPage .smartForm {
	max-width: 700px;
}
#deleteAccountPage #deleteMsg {
    font-size: 20px;
    line-height: 30px;
}
#deleteAccountPage #deleteBtn {
	background-color: var(--danger);
	color: #FFF;
}
/********** forgotPasswordPage *****************/
#forgotPasswordPage #content {
	max-width: 100%;
}
#forgotPasswordPage .smartForm {
	max-width: 700px;
}
#forgotPasswordPage #content .header {
	background-color: var(--app-first-color);
	text-align: center;
}
#forgotPasswordPage #content .header img {
    width: 200px;
    height: auto;
    margin: 30px auto;
}
#forgotPasswordPage #content {
	padding: 0;
	max-width: 100%;
}
/********** accountPage *****************/
#accountPage #content {
	padding: 0;
	max-width: 100%;
}
#accountPage .account {
	padding: 20px;
	text-align: center;
	background-color: var(--app-first-color);
	color: #FFF;
}
#accountPage .account .image {
	padding: 10px;
}
#accountPage .account .image img {	
	width: 50px;
	border: 2px solid var(--secondary-color);
    border-radius: 50%;
}
#accountPage .account .name {
	font-size: 22px;
    font-weight: bold;    
}
#accountPage .account .email {
	font-size: 12px;
	color: var(--app-secondary-color);
}
#accountPage .account .btn {
	border-radius: 20px;
	box-shadow: none;
}
#accountPage .myPlacesDiv {
	max-width: 700px;
	margin: 20px auto;
	padding: 20px;
	text-align: center;
}
#accountPage .myPlacesDiv .title {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	margin: 20px auto;
}
#accountPage .myPlacesDiv .smartForm {
    text-align: left;
    max-width: 410px;
}
#accountPage .smartBtn {
    border-radius: 20px;
	background-color: var(--secondary-color);
	color: var(--text-secondary-color);
	white-space: break-spaces;
}
#accountPage #createPlaceBtn {
	background-color: var(--success);
	color: #905858;
}
#accountPage .place .expansion-panel-toggler:active, 
#accountPage .place .expansion-panel-toggler:focus,
#accountPage .place .expansion-panel-toggler:hover {
	background-color: inherit;
}
#accountPage .place .icon.placeApp,
#accountPage .place .icon.licenseCheck,
#accountPage .place .icon.incompleteInfo {
	display: none;
	font-size: 24px;
}
#accountPage .place.incompleteInfo .icon.incompleteInfo {
	display: block;
}
#accountPage .place.placeApp .icon.placeApp {
	display: block;
}
#accountPage .place.licenseCheck .icon.licenseCheck {
	display: block;
}
#accountPage .place .btn {
    min-width: auto;
    margin: 7px;
    padding: 8px;
    border-radius: 50%;
	background-color: var(--secondary-color);
	color: var(--text-secondary-color);
}
#accountPage .place .services {
	word-break: break-all;
}
#accountPage #totalPlacesDiv {
	color: var(--dark-gray-color);
	text-align: center;
	padding: 10px;
}