/* Minification failed. Returning unminified contents.
(1317,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(1493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1525,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(1544,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(1564,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(1565,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(1581,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(1589,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(1592,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(1708,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2082,33): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2090,33): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2232,52): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2240,52): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2281,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(2285,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(2288,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity-text'
(2292,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity-text'
(2301,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2303,44): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2318,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(2322,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(2325,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity-text'
(2329,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity-text'
(2452,37): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2659,37): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3141,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3148,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3168,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3238,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3257,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3370,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3488,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3682,24): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3683,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(3929,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4011,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
 */
.ico {
    background: url(https://i-vn.joboko.com/images3/common/icon.png) no-repeat;
}

.ico-insurance {
    width: 1.875rem;
    height: 1.875rem;
    background-position: 0 -124px
}

.ico-insurance-white {
    width: 2.375rem;
    height: 2.5rem;
    background-position: -33px -124px
}




.ico-money {
    width: 1.875rem;
    height: 1.875rem;
    background-position: -74px -124px
}

.ico-money-white {
    width: 2rem;
    height: 2rem;
    background-position: -107px -124px
}

.ico-hot {
    width: 1.25rem;
    height: 1.875rem;
    background-position: -150px -124px
}

.ico-hot-white {
    width: 1.75rem;
    height: 2.5rem;
    background-position: -173px -124px
}

.ico-travel {
    width: 1.875rem;
    height: 1.75rem;
    background-position: 0 -167px
}

.ico-travel-white {
    width: 2.5rem;
    height: 2.375rem;
    background-position: -33px -167px
}

.ico-bag {
    width: 1.875rem;
    height: 1.625rem;
    background-position: -76px -167px
}

.ico-bag-white {
    width: 2.375rem;
    height: 2rem;
    background-position: -109px -167px
}

.ico-gym {
    width: 1.875rem;
    height: 1.125rem;
    background-position: -150px -167px
}

.ico-gym-white {
    width: 2.625rem;
    height: 1.5rem;
    background-position: 0 -208px
}

.ico-birthday-cake-white {
    width: 2.375rem;
    height: 2.5rem;
    background-position: -45px -208px
}

.ico-soccer-white {
    width: 2rem;
    height: 2rem;
    background-position: -86px -208px
}

.ico-training {
    width: 1.875rem;
    height: 1.625rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-bag.png") no-repeat center/contain
}

.ico-training-white {
    width: 2.375rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-bag-white.png") no-repeat center/contain
}

.ico-soccer {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-soccer.png") no-repeat center/contain
}

.ico-library {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-library.png") no-repeat center/contain
}

.ico-library-white {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-library-white.png") no-repeat center/contain
}

.ico-laptop {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-laptop.png") no-repeat center/contain
}

.ico-laptop-white {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-laptop-white.png") no-repeat center/contain
}

.ico-allowance {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-allowance.png") no-repeat center/contain
}

.ico-allowance-white {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-allowance-white.png") no-repeat center/contain
}

.ico-healthy {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-healthy.png") no-repeat center/contain
}

.ico-healthy-white {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-healthy-white.png") no-repeat center/contain
}

.ico-cantin {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-cantin.png") no-repeat center/contain
}

.ico-cantin-white {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-cantin-white.png") no-repeat center/contain
}

.ico-children {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-children.png") no-repeat center/contain
}

.ico-children-white {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-children-white.png") no-repeat center/contain
}

.ico-party {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-party.png") no-repeat center/contain
}

.ico-party-white {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-party-white.png") no-repeat center/contain
}

.ico-dayoff {
    width: 1.25rem;
    height: 1.875rem;
    background: url(https://i-vn.joboko.com/images3/common/ico-hot.png) no-repeat center/contain
}

.ico-dayoff-white {
    width: 1.25rem;
    height: 1.875rem;
    background: url(https://i-vn.joboko.com/images3/common/ico-hot-white.png) no-repeat center/contain
}

.ico-chance {
    width: 1.25rem;
    height: 1.875rem;
    background: url(https://i-vn.joboko.com/images3/common/ico-chance.png) no-repeat center/contain
}

.ico-chance-white {
    width: 1.25rem;
    height: 1.875rem;
    background: url(https://i-vn.joboko.com/images3/common/ico-chance-white.png) no-repeat center/contain
}

.ico-paper-plane {
    width: 2rem;
    height: 2rem;
    background-position: 0 -27px
}

.ico-paper-plane-white {
    width: 2rem;
    height: 2rem;
    background: url("https://i-vn.joboko.com/images3/common/ico-paper-plane-white.png") no-repeat center/contain
}

.ico-date-posted {
    width: 1.25rem;
    height: 1.25rem;
    background-position: -67px 0
}

.ico-exp {
    width: 1.25rem;
    height: 1.125rem;
    background-position: -90px 0
}

.ico-total-user {
    width: 1.0625rem;
    height: 1.25rem;
    background-position: -113px 0
}

.ico-clock-gray {
    width: 1.25rem;
    height: 1.25rem;
    background-position: -133px 0
}

.ico-free {
    width: 2.875rem;
    height: 2.25rem;
    background-position: -34px -27px
}

.ico-rocket {
    width: 2.375rem;
    height: 2.375rem;
    background-position: -133px -27px
}

.ico-heart {
    width: 2.25rem;
    height: 2.125rem;
    background-position: 0 -68px
}

.ico-clock {
    width: 1.25rem;
    height: 1.25rem;
    background-position: -39px -68px
}

.ico-curriculum {
    width: 1.0625rem;
    height: 1.25rem;
    background-position: -62px -68px
}

.ico-student {
    width: 1.8125rem;
    height: 1.0625rem;
    background-position: -82px -68px
}

.ico-student-black {
    width: 1.625rem;
    height: .9375rem;
    background-position: -114px -68px
}

.ico-refund {
    width: 1.25rem;
    height: 1.25rem;
    background-position: -143px -68px
}

.ico-price {
    width: 1.25rem;
    height: 1.25rem;
    background-position: -166px -68px
}

.ico-shout {
    width: 1.125rem;
    height: .875rem;
    background-position: -133px -208px
}

.ico-growth {
    width: .9375rem;
    height: .9375rem;
    background-position: -154px -208px
}

.ico-list {
    width: .6875rem;
    height: .9375rem;
    background-position: -172px -208px
}

.ico-photo {
    width: 1rem;
    height: 1rem;
    background-position: -186px -208px
}

.ico-useful {
    width: 1.875rem;
    height: 1.875rem;
    background-position: -21px -276px
}

.ico-selected {
    width: 1.75rem;
    height: 2.125rem;
    background-position: -54px -276px
}

.ico-objective {
    width: 1.875rem;
    height: 1.875rem;
    background-position: -85px -276px
}

.ico-eye {
    width: 2.375rem;
    height: 1.375rem;
    background-position: -118px -276px
}

.ico-diamond {
    width: 2.125rem;
    height: 1.75rem;
    background-position: -159px -276px
}

.ico-approved {
    width: 1.875rem;
    height: 2.25rem;
    background-position: 0 -313px
}

.ico-group {
    width: 3rem;
    height: 1.875rem;
    background-position: -32px -313px
}

.ico-headhunting {
    width: 1.25rem;
    height: 1.25rem;
    background-position: -82px -313px
}



.select2-container--bootstrap {
  display: block;
}

.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
  outline: 0;
}

.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
}

.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-results__option {
  padding: 6px 12px;
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #337ab7;
  color: #fff;
}

.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px;
}

.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  white-space: nowrap;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}

.select2-container--bootstrap.select2-container--open {
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 4px 4px;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}

.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-dropdown--above {
  -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  margin-top: 1px;
}

.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 24px 6px 12px;
  
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #555555;
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  line-height: 1.42857143;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.42857143;
  margin-top: 0;
  min-width: 5em;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 3px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}

.select2-container--bootstrap .select2-selection--single.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
}

.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir="rtl"] {
  
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}

.has-warning.select2-drop-active {
  border-color: #66512c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
}

.has-error.select2-drop-active {
  border-color: #843534;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}

.has-success.select2-drop-active {
  border-color: #2b542c;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
  border-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
}

.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none;
}

.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
  z-index: 3;
}

.input-group > .select2-container--bootstrap,
.input-group > .select2-container--bootstrap .input-group-btn,
.input-group > .select2-container--bootstrap .input-group-btn .btn {
  vertical-align: top;
}

.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}


@media (min-width: 768px) {
  .form-inline .select2-container--bootstrap {
    display: inline-block;
  }
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.nw-company-hero.v2 {
    box-shadow: none;
    margin-bottom: 19px;padding-bottom:0
}

    .nw-company-hero.v2 .btn-nw-gray-ol:not(:hover) {
        border-color: #6a6a6a;
        color: #6a6a6a;
    }

    .nw-company-hero.v2 .nw-company-hero__title {
        margin: -2px 0 4px;
        line-height: 1.4;
    }

.nw-company-hero__date {
    margin-bottom: 11px;
}
.nw-company-hero__info_full .nw-company-hero__buttons{margin-top:10px}
.nw-company-hero__reason {
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 14px 23px;
    background: #ECF6FF;
}

    .nw-company-hero__reason ul {
        margin-top: 4px;
        margin-left: 19px;
        list-style: disc;
    }

        .nw-company-hero__reason ul li {
            margin-bottom: 6px;
        }

            .nw-company-hero__reason ul li:last-child {
                margin-bottom: 0;
            }

@media screen and (min-width: 768px) {
    .nw-job-detail {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .nw-company-hero.v2 {
        padding-top: 26px;
        padding-bottom: 20px;
    }

        .nw-company-hero.v2 .container {
            padding-right: 25px;
            padding-left: 25px;
        }

        .nw-company-hero.v2 .nw-company-hero__buttons .btn {
            width: 150px;
            height: 40px;
            margin-right: 18px;
        }
}

.nw-sidebar-company {
    margin-bottom: 19px;
    background-color: #fff;
}

.nw-sidebar-company__head {
    position: relative;
    padding: 16px 17px 0 19px;
    color: #292929;
}

    .nw-sidebar-company__head::before {
        content: '';
        position: absolute;
        top: 18px;
        bottom: 17px;
        left: 0;
        width: 4px;
        background-color: #123983;
    }

    .nw-sidebar-company__head.bg-blue {
        background-color: #123983;
        color: #fff;
    }

.nw-sidebar-company__content {
    padding: 12px 17px 2px 19px;
}

.nw-sidebar-company__title {
    margin-bottom: 1px;
}

    .nw-sidebar-company__title span {
        line-height: 1.3;
    }

.nw-sidebar-company__link {
    border-bottom: 1px dashed #ACACAC;
    padding-bottom: 10px;
}

    .nw-sidebar-company__link a {
        display: flex;
        align-items: center;
    }

.nw-sidebar-company__head.bg-blue .nw-sidebar-company__link {
    border-bottom: none;
}

.nw-sidebar-company__link svg {
    flex-shrink: 0;
    margin-left: 7px;
}

.nw-sidebar-company__address {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px dashed #ACACAC;
    padding-bottom: 12px;
}

    .nw-sidebar-company__address svg {
        position: relative;
        top: 3px;
        flex-shrink: 0;
        margin-right: 5px;
    }

    .nw-sidebar-company__address span {
        line-height: 1.55;
    }

.nw-sidebar-company__benefit {
    margin-right: -4px;
    padding: 11px 0;
}

    .nw-sidebar-company__benefit p {
        margin-bottom: 3px;
    }

    .nw-sidebar-company__benefit .scroll-box {
        overflow-y: auto;
        max-height: 160px;
        padding: 9px 2px;
    }

        .nw-sidebar-company__benefit .scroll-box::-webkit-scrollbar {
            width: 9px;
        }

        .nw-sidebar-company__benefit .scroll-box::-webkit-scrollbar-track {
            border-radius: 10px;
        }

        .nw-sidebar-company__benefit .scroll-box::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: #D9D9D9;
        }

            .nw-sidebar-company__benefit .scroll-box::-webkit-scrollbar-thumb:hover {
                background: transparent;
            }

    .nw-sidebar-company__benefit .item {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
    }

        .nw-sidebar-company__benefit .item:last-child {
            margin-bottom: 0;
        }

    .nw-sidebar-company__benefit .item-icon {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        border: 1px solid #595959;
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

    .nw-sidebar-company__benefit .item-content {
        width: calc(100% - 40px);
        padding-left: 16px;
    }

.nw-sidebar-job {
    padding: 14px 16px 15px;
}

.nw-sidebar-job__label.red > span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.65 16'%3E%3Cpath d='M0 0v16h36.65l-6.62-8.15L36.65 0H0Z' style='fill:%23E20C0C;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E") no-repeat right top/auto 100%,linear-gradient(to right,#E20C0C,#E20C0C) no-repeat left top/50% 100%
}

.nw-sidebar-job__list .item-title {
    margin-bottom: 8px;line-height:20px
}

    .nw-sidebar-job__list .item-title a:hover {
        color: #00BF71;
    }

.nw-sidebar-job__list .item-company {
    margin-bottom: 7px;
}

.nw-job-list__main {
}

    .nw-job-list__main .block-tab {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #D1D1D1;
        margin-bottom: 22px;
        padding-bottom: 4px;
    }

        .nw-job-list__main .block-tab li {
            margin-right: 20px;
            color: #A1A1A1;
        }

            .nw-job-list__main .block-tab li a.active,
            .nw-job-list__main .block-tab li span.active {
                font-weight: 600;
                color: #123983;
            }

            .nw-job-list__main .block-tab li a.active,
            .nw-job-list__main .block-tab li span.active {
                position: relative;
                display: block;
            }

                .nw-job-list__main .block-tab li a.active::before,
                .nw-job-list__main .block-tab li span.active::before {
                    content: '';
                    position: absolute;
                    right: 0;
                    bottom: -7px;
                    left: 0;
                    border-radius: 34px;
                    max-width: 65px;
                    height: 4px;
                    background-color: #123983;
                }

@media screen and (min-width: 768px) {
    .nw-job-list__main .block-tab li {
        margin-right: 40px;
    }
}

.nw-job-detail__text [data-toggle="collapse"] {
    color: #00BF71;
}

    .nw-job-detail__text [data-toggle="collapse"][aria-expanded="false"]::before {
        content: '...xem thêm';
    }

    .nw-job-detail__text [data-toggle="collapse"][aria-expanded="true"]::before {
        content: '...thu gọn';
    }

.nw-job-detail__share {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 1.5px dashed #D1D1D1;
    padding-top: 20px;
}

    .nw-job-detail__share span {
        flex-shrink: 0;
        margin-right: 14px;
        color: #959595;
    }

    .nw-job-detail__share ul {
        display: flex;
        align-items: center;
    }

        .nw-job-detail__share ul li {
            margin-right: 11px;
        }

            .nw-job-detail__share ul li:last-child {
                margin-right: 0;
            }

            .nw-job-detail__share ul li a {
                color: #ACACAC;
            }

                .nw-job-detail__share ul li a:hover {
                    color: #00BF71;
                }

@media screen and (min-width: 768px) {
    /*.nw-job-detail__heading a {
        margin-right: 17px;
    }*/

    .nw-job-detail__left .nw-job-list__main {
        padding: 20px 25px;
    }

    .nw-job-detail__text {
        margin-bottom: 20px;
    }

        .nw-job-detail__text:last-child {
            margin-bottom: 15px;
        }
}

.nw-job-detail__left .nw-job-list__main .block-buttons {
    justify-content: flex-start;
}

    .nw-job-detail__left .nw-job-list__main .block-buttons .btn-nw-gray:not(:hover) {
        border-color: #ededed;
        background-color: #ededed;
        color: #6A6A6A;
    }

.nw-job-detail__info {
    border-top: 1.5px dashed #D1D1D1;
    margin-top: 30px;
    padding: 20px 0 0;
}



.nw-sidebar-job__label {
    display: flex;
    margin: -15px 0 10px -19px;
}

    .nw-sidebar-job__label.red > span {
        background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.65 16'%3E%3Cpath d='M0 0v16h36.65l-6.62-8.15L36.65 0H0Z' style='fill:%23d9282d;fill-rule:evenodd;stroke-width:0'/%3E%3C/svg%3E) no-repeat right top/auto 100%,linear-gradient(to right,#d9282d,#d9282d) no-repeat left top/50% 100%;
    }

    .nw-sidebar-job__label > span {
        display: inline-block;
        height: 16px;
        padding: 2px 10px 2px 3px;
        line-height: 12px;
        color: #fff;
    }


.nw-sidebar-job {
    border-radius: 4px;
    margin-bottom: 19px;
    padding: 14px 19px 15px;
    background-color: #fff;
    background-color: #fff;
}


.nw-sidebar-job__list .item {
    border-bottom: 1px solid #d1d1d1;
    padding: 15px 0 10px
}

    .nw-sidebar-job__list .item:last-child {
        border-bottom: none
    }

.nw-sidebar-job__list .item-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 9px
}

.nw-sidebar-job__list .item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    width: 42px;
    height: 42px;
    padding: 5px;
    background: #fff
}

    .nw-sidebar-job__list .item-image img {
        width: auto;
        max-height: 100%
    }

.nw-sidebar-job__list .item-content {
    width: calc(100% - 42px);
    padding-left: 11px
}

    .nw-sidebar-job__list .item-content a:hover {
        color: #00bf71
    }

.nw-sidebar-job__list .item-company {
    display: flex;
    align-items: flex-start;
    margin-top: 2px;
    margin-bottom: 6px;
    color: #292929
}

    .nw-sidebar-job__list .item-company svg {
        flex-shrink: 0;
        vertical-align: middle
    }

        .nw-sidebar-job__list .item-company svg:first-of-type {
            position: relative;
            margin-right: 3px
        }

        .nw-sidebar-job__list .item-company svg:last-of-type:not(:first-of-type) {
            margin-left: 3px
        }

.nw-sidebar-job__list .item-rate {
    display: inline-flex;
    align-items: center;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 3px 6px;
    background: #ededed;
    color: #595959
}

    .nw-sidebar-job__list .item-rate svg {
        flex-shrink: 0;
        margin-right: 5px;
        vertical-align: middle
    }

.nw-sidebar-job__list .item-address {
    display: flex;
    align-items: center;
    opacity: .8;
    color: #6f7882
}

    .nw-sidebar-job__list .item-address svg {
        position: relative;
        top: -1px;
        flex-shrink: 0;
        margin-right: 4px
    }


.nw-job-detail__share ul li a.active {
    color: #00BF71;
}
.item-icon .ico {
    filter: brightness(0) saturate(100%) invert(34%) sepia(4%) saturate(4%) hue-rotate(340deg) brightness(99%) contrast(93%);
}
.nw-sidebar-job__title{
    font-size:20px;
    color:#123983;
    border-bottom:dashed 1px #ddd;padding-bottom:3px
}
.block-buttons a.btnCrawler{margin-left:auto}
#x-form-ungtuyennhanh .quick-apply-text .checkmark{border: 1px solid #888;border-radius: 4px;width: 22px;height: 22px;margin-bottom: -5px;background-color: #fff;display: inline-block;}
.af-intro .intro-head {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}
.af-intro .intro-body {
    line-height: 22px;
    margin-bottom: 30px;
}
.af-intro .intro-footer {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.af-intro .btn-af-next {
    color: #fff;
    background: #123983;
    border-radius: 50px;
}
.af-intro .btn-af-cancel {
    background: #fff;
    border-radius: 50px;
    padding: 5px 25px;
    font-weight: 400;
    border: 1px solid #DDD;
    font-size: 15px;
    float: none;
    color: #4e4747;
    opacity: 1;
}
#x-form-ungtuyennhanh .item .item-head a:after {
    content: '';
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    width: 100%;
}
.box-policy {
    margin-top: 15px;
    padding: 10px;
    line-height: 1.5;
    border-top: dashed 1px #ddd;
    font-size: 13px;
    background: #f5f5f5;
}
:root {
    --main-color-brand: #123983;
    --main-color-brand-opacity: #dbeeff;
    --main-color-brand-opacity-text: #002365;
}



.x-modal-02.show-child-modal .modal-dialog::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: .5;
    border-radius: 8px;
    background-color: #000;
    pointer-events: all
}

.x-modal-02.style01 .modal-content:after {
    content: none;
}

.x-modal-02 .modal-apply-success {
    position: absolute;
    top: calc(50% - 177px);
    left: calc(50% - 285px);
    z-index: 3;
    display: none;
    box-shadow: -1px 1px 10.7px rgba(0,0,0,.25);
    border: 1px dashed var(--main-color-brand);
    border-radius: 8px;
    width: 570px;
    height: 354px;
    padding: 27px 21px 23px 20px;
    background-color: #fff;
    pointer-events: all
}

.x-modal-02 .modal-apply-success-icon {
    width: 55px;
    margin: 0 auto 6px
}

.x-modal-02 .modal-apply-success-title {
    margin-bottom: 13px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: var(--main-color-brand)
}

.x-modal-02 .modal-apply-success-button {
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: #d9d9d9;
    border-radius: 70px;
    width: 102px;
    height: 36px;
    margin: 0 auto 25px;
    background-color: #d9d9d9;
    font-size: 16px;
    font-weight: 700;
    color: #52565a
}

    .x-modal-02 .modal-apply-success-button:hover {
        border-color: var(--main-color-brand);
        background-color: var(--main-color-brand);
        color: #fff
    }

.x-modal-02 .modal-apply-success-text {
    margin-bottom: 12px;
    font-size: 16px;
    color: #595959
}

    .x-modal-02 .modal-apply-success-text a {
        font-style: italic;
        text-decoration: underline
    }

        .x-modal-02 .modal-apply-success-text a:hover {
            color: var(--main-color-brand)
        }

.x-modal-02 .modal-apply-success-qr {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 10px 24px 7px 27px;
    background-color: var(--main-color-brand-opacity);
    font-size: 16px;
    line-height: 1.38;
    color: var(--main-color-brand);
    font-weight: bold;
}

    .x-modal-02 .modal-apply-success-qr p {
        width: calc(100% - 92px);
        padding-right: 15px
    }

.x-modal-02 .modal-apply-success-qr-image {
    width: 92px;
    height: 92px
}

    .x-modal-02 .modal-apply-success-qr-image img {
        max-height: 100%
    }

.x-modal-02 .modal-apply-confirm {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 285px);
    z-index: 3;
    display: none;
    box-shadow: -1px 1px 10.7px rgba(0,0,0,.25);
    border-radius: 8px;
    width: 570px;
    height: 200px;
    padding: 21px 21px 23px 20px;
    background-color: #fff;
    pointer-events: all
}

.x-modal-02 .modal-apply-confirm-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #acacac;
    margin-bottom: 22px;
    padding-bottom: 7px
}

.x-modal-02 .modal-apply-confirm-title {
    font-size: 16px;
    font-weight: 600;
    color: #0e0e0e
}

.x-modal-02 .modal-apply-confirm-close {
    display: flex;
    transition: all .3s ease;
    border: none;
    width: auto;
    margin-right: 7px;
    padding: 0;
    background: 0 0;
    color: #acacac
}

    .x-modal-02 .modal-apply-confirm-close:hover {
        opacity: .7
    }

.x-modal-02 .modal-apply-confirm-text {
    max-width: 468px;
    margin: 0 auto 20px;
    font-size: 16px;
    line-height: 1.38;
    text-align: center;
    color: #0e0e0e
}

.x-modal-02 .modal-apply-confirm-buttons {
    display: flex;
    justify-content: center;
    align-items: center
}

    .x-modal-02 .modal-apply-confirm-buttons .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 70px;
        width: 102px;
        height: 40px;
        margin: 0 8px;
        font-size: 16px;
        font-weight: 700
    }

    .x-modal-02 .modal-apply-confirm-buttons .btn-nw-gray {
        border-color: #d9d9d9;
        background-color: #d9d9d9;
        color: #52565a
    }

        .x-modal-02 .modal-apply-confirm-buttons .btn-nw-gray:hover {
            border-color: #52565a;
            background-color: #52565a;
            color: #fff
        }

.x-modal-02 .modal-lg {
    max-width: 795px
}

.x-modal-02 .modal-content {
    border-radius: 8px;
    background-color: #f6f6f6
}

.x-modal-02 .modal-header {
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 7px 21px 7px 28px;
    background-color: var(--main-color-brand)
}

    .x-modal-02 .modal-header .close {
        transition: all .3s ease;
        margin-top: 5px
    }

        .x-modal-02 .modal-header .close:hover {
            opacity: .7
        }

.x-modal-02 .modal-title {
    font-size: 18px;
    font-family: Roboto,sans-serif;
    font-weight: 700
}

.x-modal-02 .modal-logo {
    box-shadow: none;
    border-radius: 4px;
    width: 69px;
    height: 69px;
    background-color: #fff
}

.x-modal-02 .modal-position {
    padding-left: 14px;
    font-size: 16px;
    line-height: 24px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    color: #0e0e0e
}

    .x-modal-02 .modal-position small {
        margin-top: 7px;
        font-size: 15px;
        line-height: 1.2;
        color: #52565a
    }

.x-modal-02 .modal-info {
    margin-bottom: 19px
}

.x-modal-02 .modal-body {
    padding: 14px 23px 11px
}

    .x-modal-02 .modal-body .tab-content {
        padding: 0
    }

    .x-modal-02 .modal-body .step1 {
        box-shadow: 0 1px 6.3px rgba(0,0,0,.1);
        border-radius: 6px;
        padding: 52px 32px 28px 31px;
        background-color: #fff
    }

        .x-modal-02 .modal-body .step1 .modal-ttl {
            max-width: 510px;
            margin: 0 auto 18px;
            font-size: 18px;
            line-height: 28px;
            font-family: Roboto,sans-serif;
            font-weight: 400;
            font-style: italic;
            color: #52565a
        }

        .x-modal-02 .modal-body .step1 .btn-nw-blue {
            border-radius: 46px;
            padding: 9px 30px;
            font-size: 20px;
            line-height: 28px;
            font-weight: 700;
            text-transform: uppercase
        }

            .x-modal-02 .modal-body .step1 .btn-nw-blue:hover {
                border-color: #00bf71;
                background-color: #00bf71
            }

        .x-modal-02 .modal-body .step1 hr {
            border-top: 1px solid #d1d1d1;
            margin-top: 68px;
            margin-bottom: 18px
        }

        .x-modal-02 .modal-body .step1 .box-up-file {
            font-size: 16px;
            text-align: left
        }

            .x-modal-02 .modal-body .step1 .box-up-file b {
                font-weight: 600
            }

            .x-modal-02 .modal-body .step1 .box-up-file i {
                font-style: italic
            }

            .x-modal-02 .modal-body .step1 .box-up-file label {
                display: block;
                transition: all .3s ease;
                border: 1px solid #f6f6f6;
                border-radius: 4px;
                margin-top: 7px;
                padding: 10px 16px 10px 18px;
                background-color: #f6f6f6;
                cursor: pointer;
                color: #979797
            }

                .x-modal-02 .modal-body .step1 .box-up-file label:hover {
                    border-color: #bebebe
                }

                .x-modal-02 .modal-body .step1 .box-up-file label span {
                    display: flex;
                    justify-content: space-between;
                    align-items: center
                }

    .x-modal-02 .modal-body .step2 {
        box-shadow: 0 1px 6.3px rgba(0,0,0,.1);
        border-radius: 6px;
        padding: 21px 31px 10px 32px;
        background-color: #fff
    }

        .x-modal-02 .modal-body .step2 .form-group {
            margin-bottom: 10px
        }

            .x-modal-02 .modal-body .step2 .form-group .col-form-label {
                padding-left: 0;
                font-size: 16px;
                line-height: 28px;
                font-family: Roboto,sans-serif;
                font-weight: 600
            }

            .x-modal-02 .modal-body .step2 .form-group .form-control {
                border: 1px dashed #d1d1d1;
                height: 40px;
                padding: 0 16px;
                font-size: 16px;
                font-family: Roboto,sans-serif;
                font-weight: 400;
                color: #979797
            }

            .x-modal-02 .modal-body .step2 .form-group .select2-container--bootstrap .select2-selection {
                box-shadow: none;
                border: 1px dashed #d1d1d1;
                min-height: 40px
            }

            .x-modal-02 .modal-body .step2 .form-group .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
                margin-top: 4px;
                padding-left: 4px
            }

            .x-modal-02 .modal-body .step2 .form-group .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
                font-size: 16px;
                font-family: Roboto,sans-serif;
                font-weight: 400;
                color: #979797
            }

            .x-modal-02 .modal-body .step2 .form-group .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
                margin: 5px 0 0 10px
            }

        .x-modal-02 .modal-body .step2 .form-file {
            border: 1px solid #aad1ff;
            border-radius: 4px;
            margin-right: 17px;
            padding: 5px 16px;
            background-color: #eff6ff;
            font-size: 16px;
            line-height: 28px;
            font-family: Roboto,sans-serif;
            font-style: italic;
            text-decoration: underline;
            color: #6196d3
        }

            .x-modal-02 .modal-body .step2 .form-file::after {
                content: "";
                right: 13px;
                width: 16px;
                height: 14px;
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' fill='none'%3E%3Cpath fill='%236196D3' d='M8.208 6.551c-.015-.015-.03-.03-.048-.042-.006-.006-.015-.012-.024-.018-.01-.006-.019-.015-.028-.02l-.027-.018-.027-.015-.03-.015c-.01-.003-.019-.01-.028-.012a.21.21 0 0 1-.03-.012c-.009-.003-.021-.01-.03-.012a.09.09 0 0 0-.03-.006l-.034-.009c-.012-.003-.024-.003-.033-.006-.01 0-.018-.003-.027-.003a.905.905 0 0 0-.127 0c-.01 0-.019.003-.028.003-.012.003-.024.003-.033.006l-.033.009c-.01.003-.018.006-.03.006-.01.003-.022.006-.03.012a.211.211 0 0 0-.031.012c-.01.003-.018.009-.027.012-.01.006-.022.009-.03.015-.01.006-.019.009-.028.015l-.027.017a.165.165 0 0 0-.027.021l-.025.018a.3.3 0 0 0-.045.042l-1.938 1.91a.633.633 0 0 0 0 .9c.252.25.66.248.915 0l.835-.823v2.282c0 .352.29.635.645.635a.643.643 0 0 0 .645-.635V8.538l.835.823c.252.248.66.248.915 0a.63.63 0 0 0 0-.9L8.208 6.55Z'/%3E%3Cpath fill='%236196D3' d='M14.855 1.91H7.181L6.39.351A.648.648 0 0 0 5.812 0H.646A.643.643 0 0 0 0 .635v12.73c0 .352.29.635.645.635h14.207a.64.64 0 0 0 .645-.635V2.544a.638.638 0 0 0-.642-.635Zm-.648 1.273v.635H8.15l-.324-.635h6.381ZM1.293 12.729V1.274h4.12l.79 1.557.969 1.91a.648.648 0 0 0 .578.351h6.457v7.637H1.293Z'/%3E%3C/svg%3E") no-repeat
            }

            .x-modal-02 .modal-body .step2 .form-file .close {
                margin-top: 3px;
                margin-right: 30px;
                color: #6196d3
            }

        .x-modal-02 .modal-body .step2 .verify-file {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #aad1ff;
            border-radius: 4px;
            width: 40px;
            height: 40px;
            background-color: transparent;
            color: #00bf71
        }

        .x-modal-02 .modal-body .step2 .view-file {
            flex-shrink: 0;
            transition: color .3s ease;
            margin-left: 17px;
            font-size: 16px;
            line-height: 28px;
            font-style: italic;
            text-decoration: underline;
            color: #6196d3
        }

            .x-modal-02 .modal-body .step2 .view-file:hover {
                color: #52565a
            }

        .x-modal-02 .modal-body .step2 .modal-apply-cv {
            border-radius: 46px;
            width: 146px;
            margin-top: 25px;
            padding: 7px 30px;
            font-size: 18px;
            line-height: 28px;
            font-family: Roboto,sans-serif;
            font-weight: 700
        }

            .x-modal-02 .modal-body .step2 .modal-apply-cv:hover {
                border-color: #00bf71;
                background-color: #00bf71
            }

    .x-modal-02 .modal-body .step3 .nav-wrapper {
        display: flex
    }

        .x-modal-02 .modal-body .step3 .nav-wrapper > .nav {
            width: 95px
        }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .nav .nav-link {
                position: relative;
                /*  transform: rotate(0deg);*/
                transition: none;
                /*  border-radius: 5px;*/
                border-top-left-radius: 5px; /* Đường kính bo góc trên bên phải */
                border-bottom-left-radius: 5px; /* Đường kính bo góc dưới bên phải */
                padding: 18px 14px;
                background-color: #e3e3e3;
                font-size: 15px;
                font-weight: 500;
                color: #3c3c3c;
                /* -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;*/
                text-orientation: mixed;
                height: 110px;
                width: 83px;
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .nav .nav-link + .nav-link {
                    margin-top: 13px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .nav .nav-link.active {
                    z-index: 5;
                    box-shadow: -5px 1px 6.3px rgba(0, 0, 0, .1);
                    background-color: #fff;
                    color: #3c3c3c;
                    border-top-right-radius: 0;
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .nav .nav-link.active::before {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        right: -10px;
                        box-shadow: -5px 5px #fff;
                        border-radius: 50%;
                        width: 10px;
                        height: 10px;
                        background: #fff
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .nav .nav-link.active::after {
                        content: "";
                        position: absolute;
                        top: 0;
                        right: -10px;
                        box-shadow: -5px -5px #fff;
                        border-radius: 50%;
                        width: 10px;
                        height: 10px;
                        background: #fff
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .nav .nav-link:nth-child(1).active::after, .x-modal-02 .modal-body .step3 .nav-wrapper > .nav .nav-link:nth-child(3).active::before {
                    content: none
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .nav .nav-link:hover {
                    transition: background-color .3s ease;
                    background-color: #fff;
                    color: #3c3c3c
                }

        .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content {
            position: relative;
            z-index: 2;
            box-shadow: 0 1px 6.3px rgba(0,0,0,.1);
            border-radius: 6px 6px 6px 6px;
            width: calc(100% - 34px);
            margin-left: -8px;
            padding: 13px 26px;
            background-color: #fff
        }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-tabs {
                border-bottom: 1px dashed #d1d1d1;
                margin-top: 0
            }

            /* .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-item svg {
                margin: 0 0p
            }*/

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-link {
                position: relative;
                display: inline-block;
                transition: color .3s ease;
                border: none;
                padding: 0 13px 9px 0;
                background: 0 0;
                font-size: 18px;
                line-height: 1.33;
                font-family: Roboto,sans-serif;
                font-weight: 500;
                color: #909090
            }

                /*.x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-link::after {
                    content: ">>";
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    left: 0;*/
                /* opacity: 0;*/
                /*transition: opacity .3s ease;
                    border-radius: 23px;
                    height: 4px;*/
                /* background-color: var(--main-color-brand)*/
                /*}*/

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-link.no-underline::after {
                    content: none
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-link.active {
                    color: var(--main-color-brand)
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-link.active::after {
                        opacity: 1
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-link:hover {
                    color: var(--main-color-brand)
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .nav-link svg {
                    position: relative;
                    top: -1px;
                    display: inline-block;
                    margin-right: 10px
                }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .tab-pane-center {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding: 56px 45px 46px;
                text-align: center
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-cv-title {
                margin-bottom: 29px;
                font-size: 16px;
                color: #000
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-cv-btn {
                border-radius: 46px;
                padding: 9px 30px;
                font-size: 20px;
                line-height: 28px;
                font-weight: 700;
                text-transform: uppercase
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-cv-btn:hover {
                    border-color: #00bf71;
                    background-color: #00bf71
                }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-cv-text {
                margin-bottom: 18px;
                font-size: 18px;
                line-height: 28px;
                font-style: italic;
                color: #52565a
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .tab-pane-bigger {
                padding: 83px 50px 94px
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .tab-pane-bigger .pick-cv-btn {
                    padding-right: 34px;
                    padding-left: 34px
                }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .tab-pane-smaller {
                padding: 23px 0 8px
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .tab-pane-smaller#tai-file-tu-may-tinh {
                    padding-top: 20px
                }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv {
                overflow-y: auto;
                width: 100%;
                max-height: 200px;
                min-height: 200px;
                margin-bottom: 30px;
                padding-right: 22px;
                padding-top: 20px;
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv::-webkit-scrollbar {
                    width: 10px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv::-webkit-scrollbar-track {
                    border-radius: 10px;
                    background: #d9d9d9
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    background: #ababab
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv::-webkit-scrollbar-thumb:hover {
                        background: #ababab
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item {
                    display: flex;
                    align-items: flex-start;
                    margin-bottom: 18px;
                    color: #52565a
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item .item-button svg {
                        color: #52565a
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item.disabled {
                        color: #979797
                    }

                        .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item.disabled .item-button svg {
                            color: #979797
                        }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item.checked {
                        color: #0e0e0e
                    }

                        .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item.checked .item-title {
                            font-weight: 700
                        }

                        .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item.checked .item-button svg {
                            color: #0e0e0e
                        }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-status {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 17px;
                    height: 17px
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-status svg {
                        margin-top: 2px
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-status label {
                        display: flex;
                        margin-top: 1px;
                        cursor: pointer
                    }

                        .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-status label span {
                            border: 2px solid var(--main-color-brand);
                            border-radius: 50%;
                            width: 17px;
                            height: 17px
                        }

                        .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-status label input:checked ~ span {
                            padding: 1px;
                            background-color: var(--main-color-brand);
                            background-clip: content-box
                        }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-datetime {
                    width: 153px;
                    font-size: 14px;
                    text-align: right
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-content {
                    display: flex;
                    align-items: flex-start;
                    width: calc(100% - 170px);
                    padding-right: 11px;
                    padding-left: 11px;
                    font-size: 16px;
                    text-align: left
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-action {
                    display: flex;
                    margin-top: 1px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-list-cv .item-button {
                    display: flex;
                    border: none;
                    margin-left: 8px;
                    padding: 0;
                    background: 0 0
                }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .w-full {
                width: 100%
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .next-step {
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid var(--main-color-brand-opacity);
                border-radius: 50px;
                width: 118px;
                height: 36px;
                background-color: var(--main-color-brand-opacity);
                font-size: 17px;
                font-weight: 600;
                color: var(--main-color-brand-opacity-text)
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .next-step:hover {
                    border-color: var(--main-color-brand-opacity-text)
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .next-step svg {
                    flex-shrink: 0;
                    margin-left: 3px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .next-step.last-step {
                    border-color: var(--main-color-brand);
                    width: 124px;
                    background-color: var(--main-color-brand);
                    color: #fff;
                    margin: 0 auto 66px;
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .next-step.last-step:hover {
                        border-color: #00bf71;
                        background-color: #00bf71;
                        color: #fff
                    }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .btn-create-cover-letter {
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid var(--main-color-brand-opacity);
                border-radius: 50px;
                width: 160px;
                height: 36px;
                background-color: var(--main-color-brand-opacity);
                font-size: 16px;
                font-weight: 600;
                color: var(--main-color-brand-opacity-text)
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .btn-create-cover-letter:hover {
                    border-color: var(--main-color-brand-opacity-text)
                }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .skip-step {
                display: flex;
                justify-content: center;
                margin-left: auto;
                /*margin-bottom: 8px;*/
                align-items: center;
                border: 1px solid #E3E3E3;
                border-radius: 50px;
                width: 118px;
                height: 36px;
                background-color: #E3E3E3;
                font-size: 17px;
                font-weight: 600;
                color: #52565A
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .skip-step:hover {
                    border-color: #52565A
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .skip-step svg {
                    flex-shrink: 0;
                    margin-left: 5px
                }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block {
                width: 100%;
                text-align: left
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block .form-control {
                    border-color: #f6f6f6;
                    height: 40px;
                    padding: 0 18px;
                    background-color: #f6f6f6;
                    font-size: 16px;
                    color: #52565a
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block .form-control:focus, .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block .form-control:hover {
                        border-color: #bebebe
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block .form-group {
                    display: flex;
                    align-items: center
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block .col-form-label {
                    width: 86px;
                    padding: 0 5px 0 0;
                    font-size: 16px;
                    line-height: 28px;
                    font-family: Roboto,sans-serif;
                    font-weight: 600;
                    text-align: left
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block .col-form-content {
                    width: calc(100% - 86px)
                }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list {
                overflow-y: auto;
                width: 100%;
                max-height: 133px;
                min-height: 133px;
                margin-top: 17px;
                margin-bottom: 34px;
                padding-right: 22px
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list::-webkit-scrollbar {
                    width: 10px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list::-webkit-scrollbar-track {
                    border-radius: 10px;
                    background: #d9d9d9
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    background: #ababab
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list::-webkit-scrollbar-thumb:hover {
                        background: #ababab
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list .item {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1px dashed #d9d9d9;
                    margin-bottom: 12px;
                    padding-bottom: 6px;
                    font-size: 16px;
                    color: #0e0e0e
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list .item:last-child {
                        border-bottom: none;
                        margin-bottom: 0;
                        padding-bottom: 0
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list .item-button {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all .3s ease;
                    border: none;
                    padding: 0;
                    background: 0 0;
                    cursor: pointer;
                    color: #ababab
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list .item-button:hover {
                        color: var(--main-color-brand)
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-cv-block-list .item-button svg {
                        transition: all .3s ease
                    }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .box-up-file {
                font-size: 16px;
                text-align: left
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .box-up-file label {
                    display: block;
                    transition: all .3s ease;
                    border: 1px solid #f6f6f6;
                    border-radius: 4px;
                    padding: 10px 16px 10px 18px;
                    background-color: #f6f6f6;
                    cursor: pointer;
                    color: #979797
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .box-up-file label:hover {
                        border-color: #bebebe
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .box-up-file label span {
                        display: flex;
                        justify-content: space-between;
                        align-items: center
                    }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .upload-description {
                font-size: 16px;
                line-height: 1;
                font-style: italic;
                color: #52565a;
                justify-content: space-between;
                align-items: center;
                width: 75%;
                display: flex;
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-file-apply {
                font-size: 15px;
                line-height: 1;
                font-style: italic;
                color: #52565a;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter {
                padding: 16px 0 0
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 11px
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .custom-checkbox {
                position: relative;
                display: inline-flex;
                align-items: center;
                cursor: pointer;
                font-size: 16px;
                color: #0e0e0e;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .custom-checkbox input {
                    position: absolute;
                    opacity: 0;
                    width: 0;
                    height: 0;
                    cursor: pointer
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .custom-checkbox .checkmark {
                    border: 1px solid #888;
                    border-radius: 4px;
                    width: 20px;
                    height: 20px;
                    margin-left: 10px;
                    background-color: #fff
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .custom-checkbox .checkmark:after {
                        content: "";
                        position: absolute;
                        top: 4px;
                        right: 3px;
                        display: none;
                        width: 13px;
                        height: 11px;
                        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.532 1.929 4.39 9.072 1.143 5.825'/%3E%3C/svg%3E") no-repeat
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .custom-checkbox input:checked ~ .checkmark {
                    border-color: #00bf71;
                    background-color: #00bf71
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .custom-checkbox input:checked ~ .checkmark:after {
                        display: block
                    }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form {
                margin-bottom: 32px
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-group {
                    display: flex;
                    align-items: center;
                    margin-bottom: 7px;
                    font-size: 15px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-label {
                    width: 44px;
                    color: #0e0e0e
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-input {
                    border: none;
                    border-radius: 4px;
                    width: calc(100% - 44px);
                    height: 28px;
                    padding: 0 10px;
                    background-color: #f6f6f6;
                    color: #888
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-input::-moz-placeholder {
                        font-style: italic;
                        color: #888 !important
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-input:-ms-input-placeholder {
                        font-style: italic;
                        color: #888 !important
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-input::placeholder {
                        font-style: italic;
                        color: #888 !important
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-text {
                    border-radius: 4px;
                    height: auto;
                    padding: 10px 12px 9px 18px;
                    background-color: #f6f6f6;
                    font-size: 15px;
                    line-height: 24px;
                    color: #0e0e0e;
                    width: 100%;
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-text-inner {
                    overflow-y: auto;
                    height: 144px;
                    padding-right: 15px
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-text-inner::-webkit-scrollbar {
                        width: 10px
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-text-inner::-webkit-scrollbar-track {
                        border-radius: 10px;
                        background: #fff
                    }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-text-inner::-webkit-scrollbar-thumb {
                        border-radius: 10px;
                        background: #ababab
                    }

                        .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-form .form-text-inner::-webkit-scrollbar-thumb:hover {
                            background: #ababab
                        }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-description {
                font-size: 12px;
                font-weight: 500;
                color: #727272
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-description a {
                    display: inline-block;
                    transition: all .3s ease;
                    margin-left: 6px;
                    font-size: 14px;
                    font-weight: 600;
                    text-decoration: underline
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-description a:hover {
                        color: var(--main-color-brand)
                    }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply {
                padding: 20px 0 7px
            }

            .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content {
                overflow-y: auto;
                width: 100%;
                max-height: 130px;
                margin-bottom: 86px;
                min-height: 130px;
            }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content::-webkit-scrollbar {
                    width: 10px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content::-webkit-scrollbar-track {
                    border-radius: 10px;
                    background: #d9d9d9
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    background: #ababab
                }

                    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content::-webkit-scrollbar-thumb:hover {
                        background: #ababab
                    }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content .item {
                    display: flex;
                    align-items: center;
                    margin-bottom: 16px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content .item-content {
                    display: flex;
                    align-items: center;
                    width: calc(100% - 153px);
                    padding-right: 15px;
                    color: #0e0e0e
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content .item-title {
                    font-size: 16px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content .item-action {
                    display: flex;
                    margin-left: 3px
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content .item-button {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border: none;
                    margin-left: 8px;
                    padding: 0;
                    background: 0 0
                }

                .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply-content .item-datetime {
                    flex-shrink: 0;
                    width: 153px;
                    font-size: 14px;
                    text-align: right;
                    color: #595959
                }

.x-modal-02 .modal-footer {
    width: 100%
}

    .x-modal-02 .modal-footer > :not(:last-child) {
        margin-right: 0
    }

    .x-modal-02 .modal-footer > :not(:first-child) {
        margin-left: 0
    }

    .x-modal-02 .modal-footer .modal-footer-wrap {
        border-top: none;
        font-size: 16px;
        line-height: 28px;
        font-family: Roboto,sans-serif;
        color: #52565a
    }

        .x-modal-02 .modal-footer .modal-footer-wrap:last-child {
            padding: 11px 53px 12px 22px
        }

            .x-modal-02 .modal-footer .modal-footer-wrap:last-child p {
                font-size: 16px;
                line-height: 28px;
                font-family: Roboto,sans-serif;
                color: #52565a
            }

        .x-modal-02 .modal-footer .modal-footer-wrap i {
            font-style: italic
        }

        .x-modal-02 .modal-footer .modal-footer-wrap .modal-link {
            display: inline-block;
            border-radius: 46px;
            margin-left: 10px;
            padding: 6px 17px;
            background-color: #e2e2e2;
            font-size: 14px;
            line-height: 1
        }

            .x-modal-02 .modal-footer .modal-footer-wrap .modal-link:hover {
                border-color: #00bf71;
                background-color: #00bf71;
                color: #fff
            }

    .x-modal-02 .modal-footer .step2 {
        width: 100%
    }

        .x-modal-02 .modal-footer .step2 .modal-footer-wrap:last-child {
            padding: 11px 35px 12px 36px
        }

            .x-modal-02 .modal-footer .step2 .modal-footer-wrap:last-child p {
                display: flex;
                justify-content: space-between
            }

    .x-modal-02 .modal-footer .step3 {
        width: 100%
    }

        .x-modal-02 .modal-footer .step3 .modal-footer-wrap:last-child {
            padding: 3px 22px 18px 20px
        }

        .x-modal-02 .modal-footer .step3 .modal-footer-wrap.v2:last-child {
            padding: 10px 59px 12px
        }

        .x-modal-02 .modal-footer .step3 .modal-footer-wrap.v2 .modal-link {
            min-width: 142px
        }

        .x-modal-02 .modal-footer .step3 .modal-footer-wrap.v2 .modal-link-outline {
            border: 1px solid #e2e2e2;
            background-color: transparent;
            text-align: center
        }

            .x-modal-02 .modal-footer .step3 .modal-footer-wrap.v2 .modal-link-outline:hover {
                border-color: #00bf71;
                background-color: #00bf71;
                color: #fff
            }

        .x-modal-02 .modal-footer .step3 .modal-footer-title {
            margin-bottom: 5px;
            font-size: 15px !important;
            font-weight: 700
        }

        .x-modal-02 .modal-footer .step3 .modal-footer-slider .slick-list {
            margin: 0 -8px
        }

        .x-modal-02 .modal-footer .step3 .modal-footer-slider .slick-slide {
            padding: 0 8px
        }

        .x-modal-02 .modal-footer .step3 .modal-footer-slider .ratio {
            display: block
        }

            .x-modal-02 .modal-footer .step3 .modal-footer-slider .ratio::before {
                padding-bottom: 140.9090909091%
            }

.modal-open .tooltip {
    max-width: 140px;
    padding-bottom: 2px
}

    .modal-open .tooltip.bs-tooltip-bottom {
        margin-top: -54px;
        pointer-events: none
    }

    .modal-open .tooltip .arrow {
        display: none
    }

    .modal-open .tooltip .tooltip-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        width: 140px;
        height: 28px;
        padding: 4px 4px 8px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='28' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M3 0a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h62.503l3.165 4.75a1 1 0 0 0 1.664 0L73.497 22H137a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3Z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23EFEFEF' fill-rule='evenodd' d='M3 0a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h62.503l3.165 4.75a1 1 0 0 0 1.664 0L73.497 22H137a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3Z' clip-rule='evenodd'/%3E%3Cpath fill='%23B43431' d='m65.503 22 .832-.554-.297-.446h-.535v1Zm3.165 4.75.832-.554-.832.555Zm1.664 0 .833.555-.833-.554ZM73.497 22v-1h-.535l-.297.446.832.554ZM1 3a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4h2Zm0 16V3h-2v16h2Zm2 2a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4v-2Zm62.503 0H3v2h62.503v-2Zm-.832 1.554 3.164 4.751 1.665-1.109-3.165-4.75-1.664 1.108Zm3.164 4.751a2 2 0 0 0 3.33 0L69.5 26.196l-1.665 1.11Zm3.33 0 3.164-4.75-1.664-1.11-3.165 4.751 1.665 1.11ZM137 21H73.497v2H137v-2Zm2-2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4h-2Zm0-16v16h2V3h-2Zm-2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4v2ZM3 1h134v-2H3v2Z' mask='url(%23a)'/%3E%3C/svg%3E") no-repeat;
        font-size: 13px;
        font-family: Roboto,sans-serif;
        letter-spacing: 0;
        color: #b43431
    }



.nw-custom-select {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #acacac;
    border-radius: 4px;
    width: 273px;
    height: 35px;
    background-color: #f6f6f6;
    cursor: pointer;
    font-size: 16px;
    color: #0e0e0e
}

    .nw-custom-select.active {
        border-radius: 4px 4px 0 0
    }

    .nw-custom-select::after {
        content: "";
        position: absolute;
        top: calc(50% - 4px);
        right: 16px;
        z-index: 1;
        width: 14px;
        height: 8px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none'%3E%3Cpath stroke='%230E0E0E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 6 6 6-6'/%3E%3C/svg%3E") no-repeat;
        pointer-events: none
    }

    .nw-custom-select .select-hidden {
        display: none;
        visibility: hidden
    }

    .nw-custom-select .select-styled {
        width: 100%;
        padding: 0 42px 0 18px
    }

        .nw-custom-select .select-styled small {
            color: #888
        }

    .nw-custom-select .select-options {
        position: absolute;
        top: calc(100% - 2px);
        right: -1px;
        left: -1px;
        z-index: 999;
        display: none;
        box-shadow: 0 0 5.2px rgba(0,0,0,.2);
        border-top: none;
        border-radius: 6px;
        margin: 0;
        padding: 0 10px;
        padding: 0;
        background-color: #fff;
        list-style: none;
        /*height: 150px;
        overflow-y: scroll;*/
    }

        /* custom scrollbar */
        .nw-custom-select .select-options::-webkit-scrollbar {
            width: 20px;
        }

        .nw-custom-select .select-options::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .nw-custom-select .select-options::-webkit-scrollbar-thumb {
            background-color: #d6dee1;
            border-radius: 20px;
            border: 6px solid transparent;
            background-clip: content-box;
        }

            .nw-custom-select .select-options::-webkit-scrollbar-thumb:hover {
                background-color: #a8bbbf;
            }



        .nw-custom-select .select-options li {
            transition: all .3s ease;
            border-top: 1px solid #ededed;
            margin: 0;
            padding: 10px 0;
            text-indent: 18px;
            color: #888
        }

            .nw-custom-select .select-options li:hover {
                color: #0e0e0e
            }

            .nw-custom-select .select-options li:first-child {
                border-top: none
            }

            .nw-custom-select .select-options li[rel=hide] {
                display: none
            }

.x-modal-quick-apply .modal-lg {
    max-width: 1142px
}

.x-modal-quick-apply .modal-content {
    background-color: #fff
}

.x-modal-quick-apply .modal-body {
    padding: 25px 29px 8px 30px
}

.x-modal-quick-apply .quick-apply-head {
    text-align: center
}

.x-modal-quick-apply .quick-apply-button {
    border-radius: 46px;
    margin-bottom: 15px;
    padding: 8px 34px;
    font-size: 20px;
    font-weight: 700
}

.x-modal-quick-apply .quick-apply-text {
    margin-bottom: 13px;
    font-size: 18px;
    color: #0e0e0e
}

.x-modal-quick-apply .custom-checkbox {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .x-modal-quick-apply .custom-checkbox input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        cursor: pointer
    }

    .x-modal-quick-apply .custom-checkbox .checkmark {
        border: 1px solid #888;
        border-radius: 4px;
        width: 28px;
        height: 28px;
        margin-bottom: 3px;
        background-color: #fff
    }

        .x-modal-quick-apply .custom-checkbox .checkmark:after {
            content: "";
            position: absolute;
            top: 7px;
            right: 4px;
            display: none;
            width: 19px;
            height: 13px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='13' viewBox='0 0 19 13' fill='none'%3E %3Cpath d='M17.1654 1L6.6237 12L1.83203 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat
        }

    .x-modal-quick-apply .custom-checkbox input:checked ~ .checkmark {
        border-color: #00bf71;
        background-color: #00bf71
    }

        .x-modal-quick-apply .custom-checkbox input:checked ~ .checkmark:after {
            display: block
        }

.x-modal-quick-apply .nw-job-hot {
    padding: 0;
    background-color: transparent
}

    .x-modal-quick-apply .nw-job-hot .item {
        display: flex;
        align-items: center;
        border: 1px solid #d1d1d1;
        border-radius: 6px;
        margin-bottom: 20px;
        padding: 11px 16px 11px 13px
    }

    .x-modal-quick-apply .nw-job-hot .item-logo {
        width: 60px;
        height: 60px
    }

    .x-modal-quick-apply .nw-job-hot .item-content {
        width: calc(100% - 60px);
        padding-left: 15px
    }

    .x-modal-quick-apply .nw-job-hot .item-title {
        padding-right: 0;
        text-transform: none
    }

        .x-modal-quick-apply .nw-job-hot .item-title .hot {
            padding: 3px 6px
        }

    .x-modal-quick-apply .nw-job-hot .item-company {
        margin-bottom: 4px
    }

    .x-modal-quick-apply .nw-job-hot .item-rate {
        margin-bottom: 4px
    }

    .x-modal-quick-apply .nw-job-hot .item-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .x-modal-quick-apply .nw-job-hot .item-info {
        flex-grow: 1;
        padding-right: 10px
    }

.x-modal-group-file .modal-lg {
    max-width: 850px;
    font-family: Roboto,sans-serif;
}

.x-modal-group-file .modal-body {
    padding: 19px 29px 27px;
}

.x-modal-group-file .group-file-wrapper {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 1px 6.3px rgba(0,0,0,0.1);
    border-radius: 6px;
    height: 100%;
}

.x-modal-group-file .group-file-inner {
    margin: auto;
    max-width: 306px;
    text-align: center;
}

.x-modal-group-file .group-file-text-footer {
    border: 1px dashed var(--main-color-brand);
    text-align: center;
    padding: 11px 25px 10px;
    font-weight: 500;
    font-style: italic;
    font-size: 16px;
    line-height: 1.35;
    color: var(--main-color-brand);
    border-radius: 6px;
    background-color: #EFF6FF;
    margin-top: 24px;
}

.x-modal-group-file .group-file-icon {
    width: 50px;
    margin: 0 auto 19px;
}

.x-modal-group-file .group-file-note {
    font-style: italic;
    color: #888888;
    font-size: 14px;
    line-height: 21px;
    margin-top: 2%;
}

.x-modal-group-file .group-file-title {
    color: var(--main-color-brand);
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 4px;
}

.x-modal-group-file .group-file-text {
    color: #000;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 24px;
}

.x-modal-group-file .group-file-buttons {
    display: flex;
    justify-content: center;
}

    .x-modal-group-file .group-file-buttons .btn {
        width: 135px;
        height: 40px;
        border-radius: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 8px;
        font-weight: 500;
        font-size: 18px;
        font-family: Roboto,sans-serif;
    }

    .x-modal-group-file .group-file-buttons .btn-nw-blue:hover {
        border-color: #00bf71;
        background-color: #00bf71
    }

    .x-modal-group-file .group-file-buttons .btn-outline {
        border: 1px solid #D1D1D1;
        color: #797979;
    }

        .x-modal-group-file .group-file-buttons .btn-outline:hover {
            color: #fff;
            background-color: #D1D1D1
        }

    .x-modal-group-file .group-file-buttons .btn.disabled {
        color: #fff;
        background-color: #d3d3d3;
        border-color: #d3d3d3;
        opacity: 1;
    }

.x-modal-group-file .group-file-demo {
    position: relative;
    width: 319px;
    margin: 4.4% 0 -1% 7.4%;
}

.x-modal-group-file .group-file-demo-link {
    position: absolute;
    bottom: 25px;
    right: 10px;
    z-index: 3;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    line-height: 22px;
    display: inline-flex;
    align-items: center;
    color: var(--main-color-brand);
}

    .x-modal-group-file .group-file-demo-link:hover {
        color: #00bf71;
    }

    .x-modal-group-file .group-file-demo-link span {
        text-decoration: underline;
        flex-shrink: 0;
        margin-right: 4px;
    }

    .x-modal-group-file .group-file-demo-link svg:first-of-type {
        opacity: 0.7;
        margin-right: -2px;
    }

.x-modal-group-file .group-file-heading {
    color: var(--main-color-brand);
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #EDEDED;
    margin: 13px 0 2px;
    padding-bottom: 4px;
}

.x-modal-group-file .custom-checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    color: #0e0e0e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .x-modal-group-file .custom-checkbox input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        cursor: pointer
    }

    .x-modal-group-file .custom-checkbox .checkmark {
        border: 1px solid #888;
        border-radius: 4px;
        width: 20px;
        height: 20px;
        background-color: #fff
    }

        .x-modal-group-file .custom-checkbox .checkmark:after {
            content: "";
            position: absolute;
            top: 4px;
            right: 3px;
            display: none;
            width: 13px;
            height: 11px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.532 1.929 4.39 9.072 1.143 5.825'/%3E%3C/svg%3E") no-repeat
        }

    .x-modal-group-file .custom-checkbox input:checked ~ .checkmark {
        border-color: #00bf71;
        background-color: #00bf71
    }

        .x-modal-group-file .custom-checkbox input:checked ~ .checkmark:after {
            display: block
        }

.x-modal-group-file .col-6:nth-child(2) .group-file-wrapper {
    padding-left: 18px;
    padding-right: 18px;
}

.x-modal-group-file .group-file-list .item {
    display: flex;
    align-items: center;
    padding: 12px 0 11px;
    position: relative;
}

    .x-modal-group-file .group-file-list .item:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 30px;
        border-bottom: 1px dashed #D9D9D9;
    }

    .x-modal-group-file .group-file-list .item:last-child:after {
        content: none;
    }

    .x-modal-group-file .group-file-list .item .custom-checkbox {
        flex-shrink: 0;
        margin-right: 10px;
    }

.x-modal-group-file .group-file-list .item-text {
    font-size: 16px;
    color: #0e0e0e;
    line-height: 1.4;
    display: flex;
    margin-right: 20px;
}

    .x-modal-group-file .group-file-list .item-text span + span {
        margin-left: 4px;
    }

.x-modal-group-file .group-file-list .item-remove {
    display: flex;
    border: none;
    background: none;
    padding: 0;
    color: #ABABAB;
    transition: all .3s ease;
    cursor: pointer;
    margin-left: auto;
    flex-shrink: 0;
    margin-right: 5px;
}

    .x-modal-group-file .group-file-list .item-remove:hover {
        color: var(--main-color-brand)
    }

.x-modal-group-file .group-file-list .btn-nw-blue {
    margin: 58px auto 32px;
    width: 170px;
    height: 42px;
    border-radius: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    font-family: Roboto,sans-serif;
}

    .x-modal-group-file .group-file-list .btn-nw-blue:hover {
        border-color: #00bf71;
        background-color: #00bf71
    }


.x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .tab-pane-smaller .div-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 56px 45px 70px;
    text-align: center;
}

#msg-coverletter {
    margin-top: 10px;
}

#v-pills-tab .nav-link {
    text-align: center;
}

    #v-pills-tab .nav-link svg {
        display: block;
        margin: auto;
        margin-bottom: 5px;
    }




#x-form-apply .tab-content {
    border: none !important;
}


.btn-footer-button {
    display: inline-block;
    border-radius: 46px;
    margin-left: 10px;
    padding: 6px 17px;
    background-color: #e2e2e2;
    font-size: 14px;
    line-height: 1;
    border: none;
    color: #52565a
}

    .btn-footer-button:hover {
        border-color: #00bf71;
        background-color: #00bf71;
        color: #fff;
        cursor: pointer;
    }

.text-decoration-underline {
    text-decoration: underline !important;
}

#x-form-apply .tab-content .tab-pane {
    padding: 0;
}

.tab-content {
    position: relative;
}




.x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .list-file-apply .upload-description {
    width: 100%;
    text-align: center;
    justify-content: center;
}

.x-modal-quick-apply .custom-checkbox {
    position: absolute;
    right: 12px;
    top: 67px;
}


.pick-list-cv-alert {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    font-style: italic;
    color: #b43431;
}

#btn-resend-code > i {
    padding-right: 10px
}

.listjob > .row {
    width: 100%;
}

.btn-toggether-upload-file:hover {
    color: var(--main-color-brand)
}

#fileSuccess .item-button {
    display: none;
}

#x-form-apply, #x-form-apply-new, #x-form-ungtuyennhanh {
    position: absolute !important;
    overflow-x: initial;
    overflow-y: initial;
    content-visibility: initial;
}

.resizable-content {
    resize: vertical;
    overflow: auto;
    position: relative; /* Để sử dụng vị trí tuyệt đối cho icon kéo */
}

.x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .pick-cv-btn {
    font-size: 18px;
    padding: 5px 30px;
}

.text-note-danger {
    padding-right: 5px;
    color: red;
    font-style: italic;
    /*font-size: 14px;*/
}

.text-link-huong-dan {
    float: right;
    font-style: italic;
    color: blue;
    text-decoration-line: underline;
}

.x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .create-cover-letter-description {
    color: red;
}

#txtBodyCoverLetter span {
    color: blue;
}

.h-auto {
    height: auto !important;
    min-height: 114px;
}

.x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .footer-buttom {
    display: flex;
}

    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .footer-buttom .btn {
        width: auto;
    }

    .x-modal-02 .modal-body .step3 .nav-wrapper > .tab-content .footer-buttom .next-step.last-step {
        margin-bottom: 0;
        margin-left: 10px;
    }

/* Style cho tooltip */
.tooltip-container {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 10000;
    display: none;
}

    /* Mũi tên của tooltip */
    .tooltip-container::after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 5px 5px 0;
        border-color: #333 transparent;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -5px; /* Điều chỉnh để thay đổi vị trí mũi tên */
        left: 50%;
        transform: translateX(-50%);
    }

.nav-tabs .nav-link.disabled {
    display: none !important;
}

.x-modal-02 .nav-tabs .nav-item {
    padding: 0;
}
.modal .modal-policy {
    font-size: 12px;
    line-height: 18px;
    padding: 14px 23px 11px;
    border-top: dashed 1px #ddd
}
.modal .modal-policy p+p{margin-top:4px}
.modal .modal-policy a{text-decoration:underline}

/*.wysiwyg a,*/
.wysiwyg abbr,
.wysiwyg acronym,
.wysiwyg address,
.wysiwyg applet,
.wysiwyg article,
.wysiwyg aside,
.wysiwyg audio,
.wysiwyg b,
.wysiwyg big,
.wysiwyg blockquote,
.wysiwyg body,
.wysiwyg canvas,
.wysiwyg caption,
.wysiwyg center,
.wysiwyg cite,
.wysiwyg code,
.wysiwyg dd,
.wysiwyg del,
.wysiwyg details,
.wysiwyg dfn,
.wysiwyg div,
.wysiwyg dl,
.wysiwyg dt,
.wysiwyg em,
.wysiwyg embed,
.wysiwyg fieldset,
.wysiwyg figcaption,
.wysiwyg figure,
.wysiwyg footer,
.wysiwyg form,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg header,
.wysiwyg hgroup,
.wysiwyg html,
.wysiwyg i,
.wysiwyg iframe,
.wysiwyg img,
.wysiwyg ins,
.wysiwyg kbd,
.wysiwyg label,
.wysiwyg legend,
.wysiwyg li,
.wysiwyg mark,
.wysiwyg menu,
.wysiwyg nav,
.wysiwyg object,
.wysiwyg ol,
.wysiwyg output,
.wysiwyg p,
.wysiwyg pre,
.wysiwyg q,
.wysiwyg ruby,
.wysiwyg s,
.wysiwyg samp,
.wysiwyg section,
.wysiwyg small,
.wysiwyg span,
.wysiwyg strike,
.wysiwyg strong,
.wysiwyg sub,
.wysiwyg summary,
.wysiwyg sup,
.wysiwyg table,
.wysiwyg tbody,
.wysiwyg td,
.wysiwyg tfoot,
.wysiwyg th,
.wysiwyg thead,
.wysiwyg time,
.wysiwyg tr,
.wysiwyg tt,
.wysiwyg u,
.wysiwyg ul,
.wysiwyg var,
.wysiwyg video {
    all: revert;
}

.x-modal-02 .btn-nw-blue {
    border-color: var(--main-color);
    background-color: var(--main-color);
}


/* Reset default styles */
#div-auth .dropdown.navbar-user {
    position: relative;
}

/* Dropdown button */
#div-auth .navbar-user .nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 15px 0 11px;
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    transition: background-color 0.2s ease;
}

    #div-auth .navbar-user .nav-link.dropdown-toggle:hover {
        background-color: #f5f5f5;
        border-radius: 8px;
    }

/* Avatar in button */
#div-auth .navbar-change-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-right: 8px;
    border: 1px solid #e0e0e0;
}

/* Text in button */
#div-auth .nav-link-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1a1a;
}

#div-auth .nav-link-text {
    margin: 0;
    text-align: left;
}

    #div-auth .nav-link-text span {
        color: #666;
        line-height: 1.4;
    }

/* Dropdown menu */
#div-auth .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 280px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: none;
    margin-top: 8px;
    padding: 12px 0;
    z-index: 1000;
    animation: fadeIn 0.2s ease-in-out;
}

    #div-auth .dropdown-menu.show {
        left: -127px;
    }
/* Fade in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* User info section */
#div-auth .dropdown-user {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
}

#div-auth .dropdown-user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-right: 12px;
    border: 2px solid #e0e0e0;
}

#div-auth .dropdown-user-info {
    flex: 1;
}

#div-auth .dropdown-user-name {
    color: #1a1a1a;
    margin-bottom: 4px;
}

#div-auth .dropdown-user-phone,
#div-auth .dropdown-user-email {
    color: #666;
    line-height: 1.4;
}

#div-auth .dropdown-user-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #f5f5f5;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

    #div-auth .dropdown-user-button:hover {
        background: #e0e0e0;
    }

    #div-auth .dropdown-user-button svg {
        width: 14px;
        height: 14px;
        color: #555;
    }

/* Dropdown items */
#div-auth .dropdown-group {
    padding: 8px 0;
}

#div-auth .dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.2s ease;
}

    #div-auth .dropdown-item:hover {
        background-color: #f8f8f8;
    }

    #div-auth .dropdown-item .icon,
    #div-auth .dropdown-item .dropdown-icon {
        margin-right: 12px;
        display: flex;
        align-items: center;
    }

    #div-auth .dropdown-item svg {
        width: 20px;
        height: 20px;
        fill: #555;
    }

    /* #div-auth .dropdown-item .hot {
        display: inline-block;
        background: #ff4d4f;
        color: #fff;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 12px;
        margin-left: 8px;
    }*/

    #div-auth .dropdown-item .fw-semi-bold {
        font-weight: 600;
    }

/* Divider */
#div-auth .dropdown-divider {
    height: 1px;
    background: #f0f0f0;
    margin: 8px 0;
}



#div-auth .dropdown-menu .dropdown-item .hot {
    display: inline-block;
    border-radius: 4px;
    width: 50px;
    height: 21px;
    margin: -5px 0 -5px 5px;
    padding: 1px 4px 1px 16px;
    background: url(/_v4/images/icon-menu.png) no-repeat;
    background-position: 0px -238px
}



@media (min-width: 1200px) {
    #div-auth .dropdown-toggle::after {
        display: none;
    }
}

.navbar-collapse-open {
    display: block !important;
}

@media screen and (min-width: 1200px) {
    .navbar-collapse-open {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .navbar-nav {
        max-width: 100% !important;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        display: block !important;
        transform: translateX(-100%);
        overflow-x: hidden;
        overflow-y: auto;
        transition: transform .3s ease !important;
        width: 100%;
        height: 100% !important;
        padding: 40px 0;
        background-color: var(--white-color);
    }
}

@media screen and (max-width: 1199px) {


    #header #div-auth {
        margin-left: 10px;
        margin-right: 10px;
    }

        #header #div-auth .navbar-user {
            width: 100%
        }




        #header #navbarSupportedContent .nav-link, #header #div-auth .nav-link {
            border-bottom-left-radius: 0;
            border-left: 4px solid #123983;
            border-top-left-radius: 0;
            cursor: pointer;
            padding-bottom: 15px;
            padding-left: 10px;
            padding-top: 16px;
            background: #f0f1f3;
            width: 100%;
        }

        #header #div-auth .nav-link {
            display: flex;
            align-items: start;
            flex-direction: column;
            /* justify-content: space-between;*/
        }

    #header .navbar-light .navbar-user .dropdown-toggle:after {
        position: absolute;
        right: 20px;
        top: 20px;
    }




    #div-auth .dropdown-menu {
        width: 100%;
        /*max-width: 280px;*/
        min-width: 0;
        /*  margin: 8px 16px;*/
        right: auto;
        left: 0;
    }

        #div-auth .dropdown-menu.show {
            position: static;
            /* display:flex;*/
        }

    #div-auth .dropdown-user {
        display: none !important;
    }

    #div-auth .nav-link-title {
        font-size: 14px;
    }

    #div-auth .nav-link-text span {
        font-size: 12px;
    }

    #div-auth .dropdown-item {
        font-size: 13px;
        padding: 10px 14px;
        min-height: 44px;
    }
}

.wysiwyg > h3 {
    font-size: 20px;
    color: var(--main-color);
}