@charset "utf-8";

.profile-account-user .bx-avatar-image { width: 100%; text-align: center; display: inline-block; }
.profile-account-user .avatar-image { overflow: hidden; float: left; width: 145px; height: 145px; margin-bottom: 10px; border: 5px solid #fff; margin-top: 38px; border-radius: 50%; }
.profile-account-user .avatar-image img { width: 135px; height: 135px; }
.profile-account-user .avatar-image .fileIFrame { position: absolute; }
.profile-account-user .avatar-image .changePhoto { opacity: 0.01; filter: alpha(opacity=1); width: 24px; height: 24px; }
.profile-account-user .avatar-image .upload { margin-top: 83px; margin-left: 85px; position: absolute; }
.profile-account-user .avatar-image .bt-upload { text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.profile-account-user .avatar-image .bt-upload:hover { background: rgba(51, 51, 51, 0.79); }
.profile-account-user .avatar-image .bt-upload label { cursor: pointer; font-size: 11px; margin-top: 10px; color: #FFF; }
.profile-account-user .avatar-image .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -31px; }
.profile-account-user .avatar-image .bt-rotate-image { margin-top: 115px; margin-left: 7px; color: #FFF; font-size: 20px; line-height: 34px; position: absolute; text-align: center; border-radius: 33px; height: 35px; width: 35px; cursor: pointer; background: rgba(125, 122, 122, 0.79); }
.profile-account-user .avatar-image .bt-rotate-image:hover { background: rgba(51, 51, 51, 0.79); }
.profile-account-user .avatar-image .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.profile-account-user .avatar-image .progressUpload { text-align: center; position: absolute;  width: 113px; margin-top: 63px; margin-left: 11px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.profile-account-user .avatar-image .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.profile-account-user .avatar-image .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.profile-account-user .avatar-image .imgReturn { text-align: center; }
.profile-account-user .avatar-image .imgReturn .ok { color: #4CAF50; font-size: 40px; }
.profile-account-user .avatar-image .loading { margin-top: 55px; font-size: 30px; color: #8e8989; }
.profile-account-user .ptservice {  }
.profile-account-user .ptservice .services { float: left; }
.profile-account-user .ptservice .services .nav { margin-top: 10px; background: #fff; height: 95px; border: 1px solid rgba(100, 100, 100, .4); }
.profile-account-user .ptservice .services .nav div { cursor: pointer; text-transform: uppercase; float: left; padding: 5px; }
.profile-account-user .ptservice .services .nav .on { color: #4DC5DB; }
.profile-account-user .ptservice .services .additional_services { }
.profile-account-user .ptservice .services .servicesPJ { border: 1px solid rgba(100, 100, 100, .4); background: #F7ECC1; text-transform: uppercase; float: left; padding: 9px; color: #C6C8CA; font-size: 12px; }
.profile-account-user .ptservice .services .btn { font-size: 10px; }
.profile-account-user .footer { text-align: center; text-align: center; margin-top: 30px; border: none; float: left; position: relative; width: 100%; }
.profile-account-user .modal-footer { text-align: center; }
.profile-account-user .term-user-btn { cursor: pointer; }
.profile-account-user .term-user-btn:hover { opacity: 0.6; }
.profile-account-user .or { padding: 20px 0px; color: #FFF; text-align: center; }
.profile-account-user .orTxtSimple { width: 90px; font-family: 'TitilliumItalic', georgia; text-transform: uppercase; }
.profile-account-user .orLineSimple { margin-top: 8px; width: 38%; border-top: 1px solid #FFF; }
.profile-account-user .bx-info { text-align: center; margin-top: 10px; margin-bottom: 10px; font-size: 14px; }
.profile-account-user .bx-info-more { text-align: center; text-transform: uppercase; margin-bottom: 10px; background: #98938c; color: #FFF; padding: 10px; border-radius: 10px; }
.profile-account-user .bx-info-note { text-align: center; margin-top: 10px; margin-bottom: 20px; }
.profile-account-user .fullname { text-align: center; font-size: 15px; text-transform: uppercase; }
.profile-account-user .logo-center { text-align: center; margin-bottom: 15px; margin-top: 25px; display: inline-block; width: 100%; }
.profile-account-user .logo-center .logo-box { border: 3px solid #FFF; height: 100px; width: 100px; overflow: hidden; border-radius: 50%; display: inline-block; }
.profile-account-user .logo-center .logo-box img { height: 100px; width: 100px; }

#modal-user .modal-dialog { margin-top: 50px; }
#modal-user .modal-header { text-align: center; background: #9E9E9E; color: #fff; }
#modal-user .modal-header .close { height: 28px; }
#modal-user .modal-header .modal-title { text-transform: uppercase; }
/* #modal-user .modal-info { margin: 20px 0px; color: #666666; } */
#modal-user .modal-footer { text-align: center; display: flow-root; }