#page{
	padding:20px 9px;
}

#header {
  background: #000;
  z-index: 99;
  height: 70px;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 0;
  display: flex;
  align-items: center;
}

.menu_myinfo {
  align-items: center;
  margin-left: auto;
  display: flex;
  z-index: 1;
}

.main_nav {
  max-width: 1280px;
  margin: auto;
  width: 100%;
  padding: 0 40px;
  display: flex;
  align-items: center;
}

.text_info {
  color: white;
  font-size: 20px;
}

.ar {
  width: 10px;
  margin-left: 10px;
  color: white;
}

.nav_title{
	color: #fff;
	font-size: 20px;
  margin-top: -10px;
}

.modal-title{
	font-size: 20px;
	display: inline-block;
}

#wrap_login_detail{
  margin-left: auto !important;
  display: flex;
}

#user_login_dropdown #dropdownMenuButton{
  background: transparent;
  color: #fff;
  font-size: 20px;
  margin-top: -10px;
  padding-top: 11px;
}
#user_login_dropdown .dropdown-item{
  display: block;
  padding: 10px;
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
#user_login_dropdown .dropdown-item:hover{
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.wrap_login_img{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  float: left;
  margin-top: -10px;
  margin-right:8px;
}

.btn-default,.btn-default:hover,.btn-default:focus{
  background-image: none;
}

.btn-default:active{
  background: black;
  color: #fff;
  border-color: #fff; 
}

@media(hover: hover) and (pointer: fine) {
  .btn-default:hover,.btn-default:active{
    background-image: none;
    background: black;
    color: #fff;
    border-color: #fff; 
  }
}#page{
	padding:20px 9px;
}

#header {
  background: #000;
  z-index: 99;
  height: 70px;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 0;
  display: flex;
  align-items: center;
}

.menu_myinfo {
  align-items: center;
  margin-left: auto;
  display: flex;
  z-index: 1;
}

.main_nav {
  max-width: 1280px;
  margin: auto;
  width: 100%;
  padding: 0 40px;
  display: flex;
  align-items: center;
}

.text_info {
  color: white;
  font-size: 20px;
}

.ar {
  width: 10px;
  margin-left: 10px;
  color: white;
}

.nav_title{
	color: #fff;
	font-size: 20px;
  margin-top: -10px;
}

.modal-title{
	font-size: 20px;
	display: inline-block;
}

#wrap_login_detail{
  margin-left: auto !important;
  display: flex;
}

#user_login_dropdown #dropdownMenuButton{
  background: transparent;
  color: #fff;
  font-size: 20px;
  margin-top: -10px;
  padding-top: 11px;
}
#user_login_dropdown .dropdown-item{
  display: block;
  padding: 10px;
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
#user_login_dropdown .dropdown-item:hover{
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.wrap_login_img{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  float: left;
  margin-top: -10px;
  margin-right:8px;
}

.btn-default,.btn-default:hover,.btn-default:focus{
  background-image: none;
}

.btn-default:active{
  background: black;
  color: #fff;
  border-color: #fff; 
}

@media(hover: hover) and (pointer: fine) {
  .btn-default:hover,.btn-default:active{
    background-image: none;
    background: black;
    color: #fff;
    border-color: #fff; 
  }
}.custom_form_tm{position:relative;min-height:50px;border-radius:4px;border:solid 1px #e5e5e5}.custom_form_tm.disabled select{color:#80868b}.custom_form_tm.select .form_placeholder{-webkit-transform:scale(0.75) translateY(-39px);transform:scale(0.75) translateY(-39px)}.custom_form_tm.active:not(.select) .form_placeholder{-webkit-transform:scale(0.75) translateY(-39px);transform:scale(0.75) translateY(-39px)}.custom_form_tm.focus{border-color:transparent !important}.custom_form_tm.focus:not(.readonly) .form_group{border-color:#000}.custom_form_tm.focus:not(.readonly) .form_placeholder{color:#000}.custom_form_tm.focus:not(.readonly).has-error .form_group{border-color:#ed5565}.custom_form_tm.focus:not(.readonly).has-error .form_placeholder{color:#ed5565}.custom_form_tm.focus.readonly{border-color:#e5e5e5}.custom_form_tm.active.has-error .label-counting{color:#ed5565}.custom_form_tm.has-error{border-color:#ed5565}.custom_form_tm.has-error .form_placeholder{color:#ed5565}.custom_form_tm.has-error .input-group-addon{background-color:transparent;color:#ed5565}.custom_form_tm .form_group{border:solid 2px transparent;border-radius:4px;width:100%;height:100%;position:relative}.custom_form_tm .form_placeholder{position:absolute;background-color:#fff;top:12px;left:8px;color:#80868b;padding:0 8px;font-size:15px;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);z-index:1;pointer-events:none;-webkit-transform-origin:bottom left;transform-origin:bottom left;width:auto}.custom_form_tm .form_input{display:inline-block;position:relative;color:#000;width:100%;height:100%;outline:none;font-size:16px;border:none;padding:13px 15px;border-radius:4px;z-index:1;background-color:transparent;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none}.custom_form_tm .form_input.overlap_form_input{position:absolute;top:0;left:0;z-index:5;display:none;width:calc(100% - 50px);background-color:white}.custom_form_tm .form_input::-webkit-input-placeholder{color:#999}.custom_form_tm .form_input:-ms-input-placeholder{color:#999}.custom_form_tm .form_input::-ms-input-placeholder{color:#999}.custom_form_tm .form_input::placeholder{color:#999}.custom_form_tm .form_input:focus{-webkit-box-shadow:none;box-shadow:none;border:none}.custom_form_tm .form_input.ms-form-input{display:none}.custom_form_tm .form_input.text-grey{color:#888}.custom_form_tm .label-counting{position:absolute;bottom:-25px;right:0;color:#999}.custom_form_tm .label-counting span{color:#000}.custom_form_tm textarea.form_input{resize:vertical}.custom_form_tm select{-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.custom_form_tm select.form_input{white-space:nowrap;text-overflow:ellipsis}.custom_form_tm select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.custom_form_tm .select-arrow{position:absolute;top:0;right:0;font-size:20px;right:15px;top:50%;margin-top:-10px;line-height:1}.custom_form_tm .input-group{width:100%}.custom_form_tm .input-group .input-group-addon{border:none;padding:0 15px}.custom_form_tm .input-group .input-group-addon.fa_icon_click{cursor:pointer;position:absolute;top:50%;right:10px;margin-top:-7px}.custom_form_tm .form_group.disabled{pointer-events:none}.custom_form_tm .form_group.disabled .form_input{color:#888}.custom_form_tm .form_group.disabled .form_placeholder{color:#d5d5d5}.custom_form_tm .form_group.disabled .select-arrow{display:none}.custom_form_tm .fr-box .fr-toolbar{position:absolute;top:8px;right:0;border:none;-webkit-box-shadow:none;box-shadow:none}.custom_form_tm .fr-box .fr-toolbar .fr-command.fr-btn{text-align:center;color:#999;font-size:16px}.custom_form_tm .fr-box .fr-toolbar .fr-command.fr-btn:hover{color:#222;background-color:transparent !important}.custom_form_tm .fr-box .fr-element.fr-view{font-size:16px}.custom_form_tm .fr-box .fr-element.fr-view span{font-size:16px}.custom_form_tm .fr-box .fr-wrapper{-webkit-box-shadow:none !important;box-shadow:none !important}.custom_form_tm .icon_in_form{position:absolute;top:50%;right:10px;margin-top:-12px;font-size:16px;color:#888;cursor:pointer;z-index:2}.tm-form-group{margin-bottom:25px}.tm-form-group.has-counting{margin-bottom:30px}.tm-form-group:last-child{margin-bottom:0}.tm-form-group.section-content{margin-bottom:15px}.tm-form-group.section-content .ichecks{display:inline-block}.tm-form-with-icon{padding:0px 55px;position:relative}.tm-form-with-icon .tm-form-2icon{position:absolute;font-size:26px;top:50%;margin-top:-19px;color:#888;cursor:pointer}.tm-form-with-icon .tm-form-2icon:hover{color:#27afb6}.tm-form-with-icon .tm-form-2icon.right{right:15px}.tm-form-with-icon .tm-form-2icon.left{left:15px}.tm-form-with-icon .tm-form-2icon.btn_disabled{pointer-events:none;opacity:0.5;cursor:not-allowed}.tm-form-with-icon input.form_input{text-align:center;font-size:24px}.tm-section-title{font-size:16px;margin-bottom:15px;font-weight:500}.tm-form-item{margin-bottom:20px}.tm-form-item:last-child{margin-bottom:0}.tm-form-row .tm-form-column{width:calc(50% - 10px);float:left;margin-top:20px}.tm-form-row .tm-form-column:nth-child(even){float:right}.tm-form-row .tm-form-column:nth-child(1),.tm-form-row .tm-form-column:nth-child(2){margin-top:0}.tm-form-row .tm-form-column.full-width{width:100%}.form-label{font-size:16px}.form-description{font-size:13px;color:#888}.form-description.top{margin-bottom:10px}.form-description.bottom{margin-top:10px}.radio-label{font-size:16px;font-weight:normal;margin-left:6px;display:inline-block;vertical-align:middle}.ref-indent{padding-left:26px}.small_label{font-size:12px}.value_label{font-size:15px}.ms-ctn{border:none !important}.ms-ctn.form-control{border:none !important;width:100% !important;height:100% !important;top:0px !important;left:0 !important;z-index:3 !important;position:relative !important;padding:13px 15px !important;background-color:transparent !important}.ms-ctn.ms-ctn-focus{border:none !important}.ms-ctn .ms-sel-item{position:relative;max-width:95%;overflow:hidden;text-overflow:ellipsis;padding-right:20px !important}.ms-ctn .ms-close-btn{position:absolute;top:3px;right:8px}.checkbox-label{font-weight:normal;font-size:16px;display:inline-block;vertical-align:top}.buy_condition_etc,.premium_film_etc,.premium_insurance_etc,.premium_license_etc{display:none}.custom_form_tm.focus .ms-ctn,.custom_form_tm.active .ms-ctn{z-index:10 !important}#wrap_editor_sms_message .wrap_custom_text{z-index:10}#wrap_editor_sms_message .wrap_emoji_popup{left:50% !important;top:32px !important;margin-left:-175px;position:absolute}#wrap_editor_sms_message .wrap_emoji_popup.active:before{left:50%;position:absolute;top:-7px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,0.2);border-left:7px solid transparent;content:"";z-index:2}#wrap_editor_sms_message .wrap_emoji_popup.active:after{left:50%;position:absolute;top:-6px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #fff;border-left:7px solid transparent;content:"";z-index:2}.sub_header{font-weight:bold}.permission-title{font-size:14px;display:inline-block;margin-left:5px;margin-right:10px}@media (max-width: 480px){.tm-form-row .tm-form-column{width:100%;margin-bottom:25px}.tm-form-row .tm-form-column:last-child{margin-bottom:0px}}#input_product_brandID{position:absolute !important;top:0;left:0;width:calc(100% - 50px);background-color:white}
/*# sourceMappingURL=tnp_textinput.css.map */body {
  background-color: #212326;
}

.main_container {
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  margin-bottom: 10px;
}
.wrap_info {
  align-self: center;
  padding-left: 5px;
}
.wrap_box_user{
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
}
.box_user:hover{
  background: #ff8838;
}
.box_user:hover .name_info{
  color: #fff;
}
.wrap_img{
  width:72px;
  height:72px;
  border-radius: 50%;
  border: 1px solid #ddd;
  overflow: hidden;
  margin: 0 auto;
  background: #fff;
}
.box_user{
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
}
.name_info {
  margin-top:8px;
  font-size: 15px;
  justify-content: center;
  align-items: center;
}
.wrap_info .btn_info {
  justify-content: center;
  align-items: center;
}

.wrap_image_modal {
  text-align: center;
  margin-bottom: 10px;
}

.wrap_btn_modal {
  margin-top: 10px;
  text-align: center;
}

.wrap_name_modal {
  text-align: center;
  font-size: 24px;
  margin-bottom: 10px;
}

.warp_field_modal {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

#btn_login{
  margin: -1px 0 10px;
}

.err-msg{
  color: red;
  display: block;
  margin-left: 2px;
}

.err-msg.not-show{
  visibility: hidden;
}

.err-msg.show{
  visibility: visible;
}
/*# sourceMappingURL=login.css.map */