.member-action a {
    color: black;
    margin-right: 15px;
}
.member-action {
    display: flex;
    justify-content: center;
}
.member-action a:hover {
    color: #dc3232;
}
/* member reg page */
form#registration-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
form#registration-form label {flex-basis: 100%;margin-bottom: 5px;}
form#registration-form input {
    flex-basis: 100%;
    margin-bottom: 15px;
}
form#registration-form input[type="checkbox"] {
    flex-basis: 20px !important;
    width: 20px !important;
    margin-right: 5px;
    margin-bottom: 0 !important;
}
form#registration-form input[type="submit"] {margin-top: 20px;}
input[type='file'] {
  color: #5d6374
}
form#registration-form h3, form#registration-form p {
    width: 100%;
    margin: 0;
}
form#registration-form p {
    margin-bottom: 0px;
}

form#registration-form h3 {
    margin-top: 15px;
    margin-block: 10px;
}

label[for="cccd_front"] {
    margin-top: 15px;
}
.dongy {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.dongy input {
    margin-top: 8px;
}
/* form đăng nhập */
form#loginform p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.login-form {
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    max-width: 480px;
    margin: auto
}


form#loginform label, form#loginform input {
    width: 100%;
}

input#rememberme {
    flex-basis: 20px !important;
    width: 20px !important;
    margin-right: 5px;
    margin-bottom: 0 !important;
}

p.login-remember label {
    display: flex;
    align-items: center;
}

p.login-submit {
    margin-bottom: 10px;
}
a.btn-reg {
    color: #f73b51;
	margin-right; 15px;
}

/* page member */
.member-box {
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

form#update-member-info-form {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

form#update-member-info-form label, form#update-member-info-form input {
    width: 100%;
}

form#update-member-info-form input {
    margin-bottom: 15px;
}

form#update-member-info-form label {
    margin-bottom: 5px;
}
.file-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 30px;
    width: 100%;
}

.file-box label {
    flex-basis: 35%;
    width: 35%;
}
.uploaded-files {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 20px;
    margin-top: 20px;
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
}


.uploaded-files p {
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.uploaded-files img {
    border: 1px solid #e8e8e8;
    width: 100%;
    object-fit: contain;
}
.uploaded-files p strong {
	margin-bottom: 5px;
}
/* Author Page */
.author-profile {
    display: block;
    max-width: 480px;
    margin: auto;
    text-align: center;
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    margin-top: 100px;
    margin-bottom: 100px;
}
.dtm-status.ex_member {
    font-weight: bold;
    color: red;
}
.dtm-status.unconfirmed {
    color: orange;
    font-weight: 700;
}
.dtm-status.confirmed {
    font-weight: 700;
    color: green;
}
/* change pass */
.formdangnhap.dangkytaikhoan {
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    max-width: 480px;
    margin: auto;
}
.info-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.info-group label {
    margin-bottom: 5px;
}
@media screen and (max-width: 540px) {
	.uploaded-files {
			grid-template-columns: 100%;
	}

	.member-action {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			margin-bottom: 15px;
			justify-content: flex-start;
	}

	.member-action a {
			margin-right: 0;
			flex-basis: 50%;
			margin-bottom: 5px;
	}
	.member-box {
			padding: 15px;
	}
	p.user-name {
			margin-top: 0;
	}
	.author-profile {
			margin: 50px 10px;
	}
}