
/* User */
.wrap-user {width: 100%;max-width: 550px;margin: auto;border: 1px solid #bce8f1;border-radius: 5px;}
.title-user {background-color: #d9edf7;padding: 12px 15px;border-radius: 5px 5px 0px 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.title-user span {color: #31708f;}
.title-user a {color: #0056b3;font-size: 12px;}
.form-user {padding: 20px 15px;}
.input-user {margin-bottom: 0.75rem;}
.input-user input {font-size: 14px;}
.button-user {margin-bottom: 1rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.button-user input {font-size: 14px;}
.checkbox-user,
.radio-user {cursor: pointer;}
.checkbox-user input {top: calc(50% - 1.25rem / 2);height: auto;}
.checkbox-user label {font-size: 14px;cursor: pointer;}
.checkbox-user label::before,
.checkbox-user label::after {top: calc(50% - 1rem / 2);}
.radio-user {margin-right: 1rem;}
.radio-user:last-child {margin-right: 0px;}
.radio-user label::before,
.radio-user label::after {top: calc(50% - 1rem / 2);}
.note-user {font-size: 14px;border-top: 1px solid #ddd;padding-top: 0.5rem;}


.user-head a {color: #ffffff;padding-right: 9px;margin-right: 7px;position: relative;display: inline-block;vertical-align: top;text-decoration: none;}
.user-head a:after {content: "";position: absolute;width: 1px;height: 8px;background-color: #ffffff;top: calc(50% - 7px / 2);right: 0px;opacity: 0.7;}
.user-head a:last-child {padding-right: 0px;margin-right: 0px;}
.user-head a:last-child:after {display: none;}