.form-group {display: flex; align-items: center; margin-bottom: 24px; font-size: 14px;}
.form-group:nth-child(-n+2) {font-size: 16px;}
.form-group label {min-width: 220px; margin: 0; padding: 0; font-weight: normal;}
.form-group:nth-child(n+2) label {color: #666;}
.btn-form {height: 30px; margin-left: 10px; background-color: #eee;}
.btn-form:hover {background-color: #e6e6e6;}
.form-level {color: #ff9c01;}
.form-password {display: flex; align-items: center;}
.pwd {height: 16px;}
.btn-eye,
.btn-eye:hover {background-color: #fff; color: #222;}
.form-control {max-width: 240px !important;}
.radios {display: flex; align-items: center; padding: 0 20px;}
.radio {display: flex; align-items: center; width: 70px; padding: 0 !important;}
.radio[value=checked] {background-color: #ff9c00;}
.btn-save {width: 240px;}

.form-group .panel-group{width: 240px;}
.form-group .panel-default{border: 1px solid #eee;}
.form-group .panel-default .panel-title{display: flex;justify-content: space-between;font-size: 13px;}
.form-group .panel-collapse p{font-size: 13px;}
.form-horizontal .form-group { align-items: baseline;}
.form-group .icon-button i{padding-left: 10px;color: #AE1916;cursor: pointer;}
.form-group .icon-button span{padding-left: 8px;color: #ccc;}
.form-group .icon-button span:hover{color:#0075FF;cursor: pointer;}



@media screen and (max-width: 786px) {
  .form-group {flex-wrap: wrap; margin-bottom: 15px;}
  .form-control {max-width: 100% !important;}
  .btn-save {width: 100%;}
  .form-group span,
  .form-group label {margin-bottom: 5px;}

  .job-logo img {
    width: 177px;
}
.job-title{display: none;}
}