/* Minification failed. Returning unminified contents.
(2779,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(2947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2979,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(2998,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3018,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3019,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3035,25): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3043,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(3046,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3162,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3536,33): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3544,33): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3686,52): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3694,52): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3735,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(3739,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(3742,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity-text'
(3746,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity-text'
(3755,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3757,44): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(3772,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(3776,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity'
(3779,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity-text'
(3783,40): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand-opacity-text'
(3906,37): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(4113,37): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(4595,29): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(4602,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(4622,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(4692,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(4711,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(4824,21): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
(4942,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color-brand'
 */


.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-hero--simple{padding:11px 0;background:#d1d1d1}
.nw-hero--simple-dropdown{display:flex;align-items:flex-start;height:90px;padding:0;background:0 0}
.nw-hero--simple-dropdown .nw-hero__inner{position:relative;z-index:10;width:100%;padding:11px 0;background:#d1d1d1}
.nw-hero--simple-dropdown .nw-hero__shadow{position:relative;margin:7px}
.nw-hero--simple-dropdown .nw-hero__shadow::before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;z-index:5;box-shadow:1px 2px 4px 0 rgba(0,0,0,.2);border-radius:12px;background-color:#dfdfdf;pointer-events:none}
.nw-hero--simple-dropdown .nw-hero__search{position:relative;z-index:11;border-radius:6px;margin:0;padding:7px 11px}
.nw-hero--simple-dropdown .nw-hero__search::before{content:none}
.nw-hero--simple-dropdown .nw-hero__list-dropdown{position:relative;z-index:10;display:none;margin-top:12px;margin-bottom:19px;gap:8px}
@media screen and (max-width:767px){
.nw-hero--simple-dropdown .nw-hero__list-dropdown{flex-wrap:wrap}
}
.nw-hero--simple-dropdown .nw-hero__list-dropdown.active{display:flex;flex-wrap:wrap}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .item{flex:1}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .bootstrap-select>.dropdown-toggle{border-color:#fff!important;border-radius:6px;padding:8px 25px 8px 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E %3Cpath d='M4 6L8 10L12 6' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat right 6px center;background-color:#fff;font-size:12px;font-weight:500;text-transform:capitalize;letter-spacing:1px;color:#595959}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .bootstrap-select>.dropdown-toggle::after{content:none}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown>.dropdown-menu{position:relative!important;transform:none!important;box-shadow:none;border-radius:0 0 6px 6px;width:100%;min-width:auto;margin:-5px 0 0;padding-top:1px;padding-right:7px;padding-bottom:7px;padding-left:6px}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown>.dropdown-menu>.inner{padding-right:0}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown>.dropdown-menu .dropdown-menu{min-width:auto}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .bootstrap-select .dropdown-menu li a{padding:7.5px 7px;white-space:normal;color:#595959}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .bootstrap-select .dropdown-menu li a:hover{background:rgba(217,217,217,.5);color:#595959!important}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown-item.active,.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown-item:active{background:rgba(217,217,217,.5)!important;color:#595959!important}
/*Style fixed*/
.nw-hero--simple-dropdown {
    height: auto
}
.nw-hero--simple-dropdown .nw-hero__list-dropdown .dropdown > .dropdown-menu {
    position: absolute !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1) !important;
    border: none;
    transform: none !important;
    border-radius: 0 0 6px 6px;
    width: 100%;
    min-width: auto;
    padding-top: 1px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 6px;
    /*min-width: 204px;*/
    top: 35px !important
}
.nw-support{padding:30px 0;background-color:rgba(189,189,189,.2)}
@media screen and (min-width:768px){
.nw-support{padding:36px 0 45px}
}
.nw-support__title{margin-bottom:8px;text-align:center}
.nw-support__title span{display:inline-block;padding:0 66px;background:linear-gradient(to right,#00bf71,#00bf71) no-repeat left center/50px 3px,linear-gradient(to right,#00bf71,#00bf71) no-repeat right center/50px 3px}
@media screen and (min-width:576px){
.nw-support__title span{padding:0 107px;background:linear-gradient(to right,#00bf71,#00bf71) no-repeat left center/91px 3px,linear-gradient(to right,#00bf71,#00bf71) no-repeat right center/91px 3px}
}
.nw-support__description{max-width:604px;margin:0 auto 34px;line-height:1.5;text-align:center}
@media screen and (min-width:768px){
.nw-support__buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
}
.nw-support__buttons .item{display:flex;align-items:center;transition:all .3s ease;border-radius:46.5px;margin:0 20.5px;padding:7px 60px 7px 8px;background-color:#fff}
@media screen and (max-width:767px){
.nw-support__buttons .item{width:100%;max-width:300px;margin:15px auto 0}
}
@media screen and (min-width:768px){
.nw-support__buttons .item{margin:0 12px;padding:7px 28px 7px 8px}
}
@media screen and (min-width:992px){
.nw-support__buttons .item{margin:0 20.5px;padding:7px 60px 7px 8px}
}
.nw-support__buttons .item:hover{background-color:#00bf71}
.nw-support__buttons .item:hover .item-icon{background-color:#fff;color:#00bf71}
.nw-support__buttons .item:hover .item-content{color:#fff}
.nw-support__buttons .item-icon{display:flex;justify-content:center;align-items:center;transition:all .3s ease;border-radius:50%;width:70px;height:70px;background-color:#00bf71;color:#fff}
.nw-support__buttons .item-content{transition:all .3s ease;width:calc(100% - 70px);padding-left:22px;color:#595959}
.nw-support.bg-white .nw-support__buttons .item{background-color:#f0f0f0}
.nw-support.bg-white .nw-support__buttons .item:hover{background-color:#00bf71}
.nw-support__heading{margin-bottom:18px;text-align:center}
.nw-support__button{margin-bottom:28px;text-align:center}
.nw-support__button .btn{display:flex;justify-content:center;align-items:center;border-radius:52px;width:245px;height:53px;margin:0 auto}
.nw-support__list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:-15px}
.nw-support__list .item{display:flex;align-items:center;width:100%;padding:5px 10px}
@media screen and (min-width:768px){
.nw-support__list .item{width:50%;padding:14px}
}
@media screen and (min-width:1200px){
.nw-support__list .item{flex:none;width:auto}
}
.nw-support__list .item:hover{color:#00bf71}
.nw-support__list .item-icon{display:flex;justify-content:center;align-items:center;border:1px solid #00bf71;border-radius:50%;width:45px;height:45px;background:#fff}
.nw-support__list .item-content{width:calc(100% - 63px);padding-left:13px}
.nw-support--company{background-color:#fff}
@media screen and (min-width:768px){
.nw-support--company{padding-bottom:45px;padding-top:30px}
.nw-support__list .item{padding:10px}
.nw-support__list .item-icon{width:63px;height:63px}
}
.nw-support--company .nw-support__heading{margin-bottom:8px}
@media screen and (min-width:992px){
.nw-support--company .nw-support__list{padding:0 10% 0 7.7%}
}
.nw-company-hero{box-shadow:1px 2px 4px rgba(0,0,0,.15);padding:30px 0;background-color:#fff}
@media screen and (min-width:768px){
.nw-company-hero{padding:35px 0 45px}
}
.nw-company-hero .nw-company-gallery__carousel{margin-top:10px}
@media screen and (min-width:768px){
.nw-company-hero .nw-company-gallery__carousel{margin-top:29px}
}
@media screen and (min-width:768px){
.nw-company-hero.v2{padding-top:26px;padding-bottom:22px}
}
.nw-company-hero__inner{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:flex-start}
@media screen and (min-width:768px){
.nw-company-hero__inner{padding:0 26px}
}
.nw-company-hero__logo{display:flex;justify-content:center;align-items:center;border:1px solid #d1d1d1;border-radius:4px;width:144px;height:144px;margin:0 auto 20px;padding:19px;background-color:#fff}
@media screen and (min-width:768px){
.nw-company-hero__logo{margin:0;padding:19px}
}
.nw-company-hero__logo img{width:auto;max-height:100%}
.nw-company-hero.v2 .nw-company-hero__logo{border-radius:6px;width:151px;height:151px;padding:13px}
.nw-company-hero__info{width:100%;padding-bottom:10px;line-height:1.5}
@media screen and (min-width:768px){
.nw-company-hero__info{padding-bottom:30px}
}
@media screen and (min-width:768px){
.nw-company-hero__info{width:calc(100% - 144px);padding-top:4px;padding-left:33px}
}
@media screen and (min-width:768px){
.nw-company-hero.v2 .nw-company-hero__info{width:calc(100% - 151px);padding-top:0;padding-bottom:0;padding-left:29px}
}
.nw-company-hero__title{margin-bottom:3px}
.nw-company-hero.v2 .nw-company-hero__title{margin-bottom:0;line-height:1.57023}
.nw-company-hero__text{margin-bottom:10px}
.nw-company-hero.v2 .nw-company-hero__text{margin-bottom:4px}
.nw-company-hero__buttons{display:flex;flex-wrap:wrap}
.nw-company-hero__buttons .btn{border-radius:25px;margin:0 12px 12px 0;padding:3px 20px 5px}
@media screen and (min-width:768px){
.nw-company-hero__buttons .btn{padding:3px 22px 5px}
}
.nw-company-hero__buttons .btn:last-child{margin-right:0}
.nw-company-hero__banner{overflow:hidden;border-radius:8px}
@media screen and (min-width:768px){
.nw-company-hero__banner{margin-top:-21px}
}
.nw-company-hero__banner::before{padding-bottom:18.8034188034%}
.nw-company-hero__address{margin:4px 0}
.nw-company-hero__address svg{position:relative;top:1px;margin-right:5px;margin-left:1px}
@media screen and (min-width:768px){
.nw-company-hero__address svg{top:2px}
}
/*.nw-company-hero__address span{opacity:.7}*/
.nw-company-hero__date{margin-bottom:15px}
.nw-company-hero__date svg{position:relative;top:1px;margin-right:4px}
@media screen and (min-width:768px){
.nw-company-hero__date svg{top:2px}
}
/*.nw-company-hero__date span{opacity:.7}*/
@media screen and (min-width:768px){
.nw-company-hero.v2 .nw-company-hero__buttons .btn{display:flex;justify-content:center;align-items:center;width:174px;height:48px;margin-right:22px}
}
.nw-job-list__main .block-button-apply{border-color:#00bf71;background-color:#00bf71;color:#fff}
.nw-job-list__main .block-button-apply:hover{border-color:#00a35f;background-color:#00a35f;color:#fff}
.nw-job-list__main .block-button-apply svg{margin-left:4px}
.nw-job-list__main .block{position:relative}
.nw-job-list__main .block::before{content:"";position:absolute;top:0;right:0;left:0;z-index:4;border-radius:4px 4px 0 0;height:6px;background-color:transparent;pointer-events:none}
.nw-job-list__main .block.red::before{background-color:#d9282d}
.nw-job-list__main .block.red .block-button-apply{border-color:#d9282d;background-color:#d9282d;color:#fff}
.nw-job-list__main .block.red .block-button-apply:hover{border-color:#b71c21;background-color:#b71c21;color:#fff}
.nw-job-list__main .block.green::before{background-color:#00bf71}
.nw-job-list__main .block.green .block-button-apply{border-color:#00bf71;background-color:#00bf71;color:#fff}
.nw-job-list__main .block.green .block-button-apply:hover{border-color:#00a35f;background-color:#00a35f;color:#fff}
.nw-job-list__main .block.yellow::before{background-color:#ffac33}
.nw-job-list__main .block.yellow .block-button-apply{border-color:#ffac33;background-color:#ffac33;color:#fff}
.nw-job-list__main .block.yellow .block-button-apply:hover{border-color:#ea991e;background-color:#ea991e;color:#fff}
.nw-job-list__main .block-image::before{padding-bottom:20.030816641%}
.nw-job-list__main .block-image+.block-inner{border-top:none;border-radius:0 0 4px 4px}
.nw-job-list__main .block-inner{border:1px solid #d9d9d9;border-radius:4px;background:#fff}
.nw-job-list__main .block-head{border-bottom:1px solid #d1d1d1;padding:21px 24px 15px 21px}
.nw-job-list__main .block-head-inner{display:flex}
@media screen and (max-width:575px){
.nw-job-list__main .block-head-inner{flex-wrap:wrap}
}
.nw-job-list__main .block-logo{display:flex;justify-content:center;align-items:center;border:1px solid #d1d1d1;border-radius:4px;width:100%;width:79px;height:79px;margin:0 auto 20px;padding:9px 9.5px 10px}
.nw-job-list__main .block-logo img{width:auto;max-height:100%}
@media screen and (min-width:576px){
.nw-job-list__main .block-logo{flex-shrink:0;margin:0 0 0 27px}
}
.nw-job-list__main .block-info{order:1;width:100%}
@media screen and (min-width:576px){
.nw-job-list__main .block-info{order:0;flex-grow:1}
}
.nw-job-list__main .block-title{margin-bottom:11px;color:#292929}
.nw-job-list__main .block-title span{line-height:1.36188}
.nw-job-list__main .block-company{margin-bottom:11px;color:#292929;transition:all .3s ease}
.nw-job-list__main .block-company:hover{color:#00bf71}
.nw-job-list__main .block-company svg{position:relative;top:-1px;flex-shrink:0;margin-left:2px;vertical-align:middle}
.nw-job-list__main .block-address{display:flex;margin-bottom:10px;color:#292929}
.nw-job-list__main .block-address span{line-height:1.38462}
.nw-job-list__main .block-address svg{position:relative;top:2px;flex-shrink:0;margin-right:5px}
.nw-job-list__main .block-buttons{display:flex;flex-wrap:wrap}
.nw-job-list__main .block-buttons .btn{display:flex;border-radius:28px;margin-right:10px;margin-bottom:6px;padding:7px 23px}
.nw-job-list__main .block-buttons .btn:last-child{padding-right:17px;padding-left:13px}
.nw-job-list__main .block-buttons .btn:last-child svg{margin-right:2px}
@media screen and (min-width:768px){
.nw-job-list__main .block-buttons .btn:first-child{padding-right:34px;padding-left:34px}
}
.nw-job-list__main .block-detail{align-items:center;color:#00bf71}
.nw-job-list__main .block-detail svg{position:relative;top:1px;transform:translateX(0);transition:all .3s ease;margin-left:3px}
.nw-job-list__main .block-detail:hover svg{transform:translateX(3px)}
.nw-job-list__main .block-content{padding:20px 9px 30px 21px;background:linear-gradient(to bottom,rgba(201,201,201,.4),rgba(201,201,201,.4)) no-repeat right top/31px 100%}
.nw-job-list__main .block-scrollabe{overflow-x:hidden;overflow-y:scroll;max-height:750px;padding-right:24px}
.nw-job-list__main .block-scrollabe::-webkit-scrollbar{width:14px}
.nw-job-list__main .block-scrollabe::-webkit-scrollbar-track{border-radius:10px}
.nw-job-list__main .block-scrollabe::-webkit-scrollbar-thumb{border-radius:10px;background:#bdbdbd}
.nw-job-list__main .block-scrollabe::-webkit-scrollbar-thumb:hover{background:#bdbdbd}
.nw-job-list__main .block-entry{margin-bottom:3px}
@media screen and (min-width:1200px){
.nw-job-list__main .block-entry .row{margin:0 -38px}
}
@media screen and (min-width:1200px){
.nw-job-list__main .block-entry [class*=col-]{padding:0 38px}
}
.nw-job-list__main .block-entry .item{display:flex;align-items:center;margin-bottom:10px}
.nw-job-list__main .block-entry .item-icon{display:flex;justify-content:center;align-items:center;border-radius:50%;width:31px;height:31px;background-color:#d9d9d9}
.nw-job-list__main .block-entry .item-content{width:calc(100% - 31px);padding-left:13px;line-height:1.2;color:#292929}
.nw-job-list__main .block-tags{display:flex;flex-wrap:wrap}
.nw-job-list__main .block-tags a{display:inline-block;transition:all .3s ease;border:1px solid #d1d1d1;border-radius:27px;margin-right:8px;padding:3px 11px;color:#595959}
.nw-job-list__main .block-tags a:hover{border-color:#595959;background-color:#595959;color:#fff}
.nw-job-list__main .block-hr{border-top:1px dashed #d1d1d1;margin-top:15px;margin-right:-16px;margin-bottom:15px}
.nw-job-list__main .block-text{line-height:1.5}
.nw-job-list__main .block-text b{font-weight:600}
.nw-job-list__main .block-text ul{margin:0 0 10px 21px;list-style:circle}
.nw-job-list__main .block-report{display:flex;justify-content:center;align-items:center;border-radius:52px;width:141px;height:36px;margin:0}
.nw-job-list__main .block-report svg{margin-right:9px}

.nw-job-list__main .btnSaveJob.active{background-color:#bdbdbd;border:none;color:#fff}

.reformat{display:flex;flex-wrap:wrap}
.reformat .reformat-item{padding:3px 7px;flex-basis:50%}

.reformat2{display:flex;flex-wrap:wrap;border:dotted 1px #ddd}
.reformat2 .reformat-item{padding:3px 7px;border:dotted 1px #ddd}
.reformat2 .reformat-item:nth-of-type(2n+1){flex-basis:30%;font-weight:500}
.reformat2 .reformat-item:nth-of-type(2n){flex-basis:70%}

.nw-job-hot{padding:30px 0 0;background-color:#f2f2f2}
.nw-job-hot .item{display:flex;align-items:center;border-radius:5px;margin-bottom:14px;padding:14px 14px 20px 15px;background-color:#fff;position:relative;height:90%}
.nw-job-hot .item:hover .item-title{color:#00bf71}
.nw-job-hot .item-logo{width:79px;height:72px}
.nw-job-hot .item-logo img{width:auto;max-height:100%}
.nw-job-hot .item-content{width:calc(100% - 79px);padding-left:17px}
.nw-job-hot .item-head{display:flex;align-items:center;margin-bottom:7px}
.nw-job-hot .item-title{display:flex;flex-grow:1;align-items:flex-start;transition:all .3s ease;padding-right:10px;text-transform:capitalize}
.nw-job-hot .item-title .hot{display:inline-block;flex-shrink:0;border-radius:3px;margin-right:7px;padding:3px 5px 2px 6px;background:rgba(197,50,50,.2);vertical-align:middle;color:#c53232}
.nw-job-hot .item-button{display:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s ease;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);border-radius:41px;width:91px;height:30px;background-color:#fff;color:#6a6a6a}
.nw-job-hot .item-button:hover{background-color:#00bf71;color:#fff}
.nw-job-hot .item-title span.line-clamp-1{-webkit-line-clamp:unset;line-clamp:unset;line-height:1.3}
@media screen and (min-width:576px){
.nw-job-hot .item-button{display:flex}
}
.nw-job-hot .item-company{display:flex;align-items:center;margin-bottom:9px}
.nw-job-hot .item-company svg{flex-shrink:0;margin-right:3px}
.nw-job-hot .item-rate{display:flex;align-items:center;margin-bottom:6px}
.nw-job-hot .item-rate svg{flex-shrink:0;margin-right:5px;margin-left:2px}
.nw-job-hot .item-bottom{display:flex;align-items:center;opacity:.8}
.nw-job-hot .item-date-v2{display:none;align-items:center;width:35.8%;padding-right:12px;color:#6f7882}
@media screen and (min-width:576px){
.nw-job-hot .item-date-v2{display:flex}
}
.nw-job-hot .item-date-v2 svg{flex-shrink:0;margin-right:4px}
.nw-job-hot .item-location{display:flex;align-items:center;color:#6f7882}
@media screen and (min-width:576px){
.nw-job-hot .item-location{width:64.2%}
}
.nw-job-hot .item-location svg{flex-shrink:0;margin-right:5px}
.nw-job-hot__head{margin-bottom:5px}
@media screen and (min-width:576px){
.nw-job-hot__head{display:flex;flex-wrap:wrap;margin-bottom:12px}
}
@media screen and (min-width:768px){
.nw-job-hot__head{margin-bottom:8px;padding-right:100px}
}
@media screen and (min-width:992px){
.nw-job-hot__head{margin-bottom:25px;padding-right:100px}
}
.nw-job-hot__head-title{position:relative;display:inline-block;flex-shrink:0;margin-right:auto;margin-bottom:10px;padding-right:80px;line-height:1.4583}
@media screen and (min-width:768px){
.nw-job-hot__head-title{padding-right:98px}
}
@media screen and (min-width:992px){
.nw-job-hot__head-title{margin-bottom:0}
.nw-job-hot .item-title span.line-clamp-1{-webkit-line-clamp:1;line-clamp:1}
}
.nw-job-hot__head-title::after{content:"";position:absolute;right:0;bottom:7px;width:70px;height:3px;background-color:#00bf71}
@media screen and (min-width:768px){
.nw-job-hot__head-title::after{bottom:14px;width:91px}
}
.nw-job-hot__head-content{flex-grow:1}
@media screen and (min-width:576px){
.nw-job-hot__head-content{display:flex;flex-wrap:wrap;align-items:baseline}
}
@media screen and (min-width:768px){
.nw-job-hot__head-content{justify-content:flex-end}
}
.nw-job-hot__head-list{display:flex;flex-wrap:wrap;align-items:center}
@media screen and (min-width:576px){
.nw-job-hot__head-list{margin-left:20px}
}
@media screen and (min-width:768px){
.nw-job-hot__head-list{margin-left:37px}
}
.nw-job-hot__head-list li{margin:5px 10px 5px 0}
@media screen and (min-width:768px){
.nw-job-hot__head-list li{margin:0 14px 0 0}
}
.nw-job-hot__head-list li:last-child{margin-right:0}
.nw-job-hot__head-list a{display:block;transition:all .3s ease;border-radius:45px;padding:5px 15px;background-color:#e3e3e3;text-align:center;color:#6a6a6a}
@media screen and (min-width:768px){
.nw-job-hot__head-list a{padding:5px 23px}
}
.nw-job-hot__head-list a:hover{background-color:#00bf71;color:#fff}
.nw-job-hot__head-link{display:block;transition:all .3s ease;margin-bottom:10px;text-decoration:underline;color:#6a6a6a}
@media screen and (min-width:576px){
.nw-job-hot__head-link{margin-top:0}
}
@media screen and (min-width:992px){
.nw-job-hot__head-link{margin-bottom:8px}
}
.nw-job-hot__head-link:hover{text-decoration:underline;color:#00bf71}
.nw-job-hot .item-button.active,.nw-job-hot .item-button:hover{background-color:#00bf71;color:#fff}


.nw-job-hot .j-color-hot{color:#c53232}
.nw-job-detail{padding:30px 0;background-color:rgba(189,189,189,.2)}
@media screen and (min-width:768px){
.nw-job-detail{padding:38px 0 37px}
}
.nw-job-detail .nw-job-hot{padding:0}
.nw-job-detail__layout{margin-bottom:30px}
@media screen and (min-width:992px){
.nw-job-detail__layout{display:flex}
}
.nw-job-detail__left{margin-bottom:30px}
@media screen and (min-width:992px){
.nw-job-detail__left{width:calc(100% - 300px);margin-bottom:0;padding-right:25px}
}
.nw-job-detail__left .nw-job-list__main{padding:20px;background-color:#fff}
@media screen and (min-width:992px){
.nw-job-detail__left .nw-job-list__main{padding:29px 34px 36px}
}
.nw-job-detail__left .nw-job-list__main .block-hr{margin-right:0;margin-bottom:15px}
.nw-job-detail__left .nw-job-list__main .block-entry{margin-bottom:4px}
.nw-job-detail__left .nw-job-list__main .block-text{line-height:1.65}
.nw-job-detail__left .nw-job-list__main .block-text p+p,.nw-job-detail__left .nw-job-list__main .block-text li+li{margin-top:3px}
.nw-job-detail__left .nw-job-list__main .block-text ul{margin:13px 0 15px 22px}
.nw-job-detail__left .nw-job-list__main .block-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:15px;gap:14px}
.nw-job-detail__left .nw-job-list__main .block-buttons .btn{height:40px;margin:0}
.nw-job-detail__left .nw-job-list__main .block-buttons .btn svg{flex-shrink:0;margin-right:9px!important}
@media screen and (min-width:992px){
.nw-job-detail__right{width:300px}
}
.nw-job-detail__text .collapse.show,.nw-job-detail__text .collapsing{display:inline}
.nw-job-detail__info{padding:20px;background-color:#fff}
@media screen and (min-width:768px){
.nw-job-detail__info{padding:26px 28px 39px 34px}
}
.nw-job-detail__heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:8px}
.nw-job-detail__heading a{display:flex;align-items:center}
.nw-job-detail__heading a svg{margin-left:7px}
.nw-job-detail__text{margin-bottom:20px;line-height:1.5}
.nw-job-detail__text:last-child{margin-bottom:15px}
.nw-job-detail__text p{margin-bottom:9px}
.nw-job-detail__text .read-more::after{content:"...xem thêm"}
.nw-job-detail__text .read-more[aria-expanded=true]::after{content:"...thu gọn"}
.nw-job-detail__text img{margin: 5px auto;max-width:100%;height:auto !important}
.nw-job-detail__list{margin-bottom:14px}
@media screen and (min-width:768px){
.nw-job-detail__list{display:flex;flex-wrap:wrap;justify-content:space-between}
}
.nw-job-detail__list .item{display:flex;align-items:center;margin-bottom:18px}
@media screen and (min-width:768px){
.nw-job-detail__list .item{width:47.3%;padding-right:20px}
}
.nw-job-detail__list .item-icon{display:flex;justify-content:center;align-items:center;border:1px solid #00bf71;border-radius:50%;width:52px;height:52px}
.nw-job-detail__list .item-content{width:calc(100% - 52px);padding-left:15px}

.favorite-job {
    content-visibility: auto;
}

.job-sticky {
    background-color: #f6f6f6;
    padding-top: 1.25rem
}

    .job-sticky .item {
        margin-bottom: 1.25rem;
        background-color: #fff;
        border: .0625rem solid #ddd;
        padding: .78125rem .3125rem
    }

@media screen and (min-width: 768px) {
    .job-sticky .item {
        padding: .78125rem 1.25rem
    }
}

.job-sticky .item-ttl {
    font-weight: bold;
    color: #e20c0c;
    font-size: 1rem;
    line-height: 1.625;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

    .job-sticky .item-ttl a {
        color: inherit
    }

    .job-sticky .item-ttl:hover {
        color: #10bf51
    }

.job-sticky .item-txt {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: .9375rem;
    line-height: 1.73;
    font-weight: 600
}

.job-sticky .item.hot .item-ttl:before {
    content: 'HOT';
    display: inline-block;
    color: #fff;
    font-weight: 400;
    background-color: #e20c0c;
    padding: .125rem .5625rem;
    margin-right: .625rem;
    top: -.0625rem;
    position: relative;
    border-radius: 999px;
    font-size: .6875rem;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.job-sticky .item.hot .item-ttl:hover:before {
    background-color: #10bf51
}

.job-info {
    background-color: #fff;
    -webkit-box-shadow: 0 .0625rem .3125rem #d0d0d0;
    box-shadow: 0 .0625rem .3125rem #d0d0d0;
    padding: 1.5rem 0 1.625rem;
    position: relative;
    z-index: 2
}

    .job-info [class*="col-"]:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 1.25rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

@media screen and (max-width: 767px) {
    .job-info [class*="col-"]:nth-child(2) {
        display: block
    }

        .job-info [class*="col-"]:nth-child(2) .btn-com01 {
            margin: 0 auto .625rem;
            padding: .8125rem
        }

            .job-info [class*="col-"]:nth-child(2) .btn-com01:last-child {
                margin-bottom: 0
            }

    .job-author-img, .job-detail-sidebar {
        content-visibility: auto;
    }
}

@media screen and (min-width: 992px) {
    .job-info [class*="col-"]:nth-child(2) {
        margin-top: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.job-info [class*="col-"]:nth-child(2) .btn-com01 {
    margin-top: 0
}

.job-info-ttl {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #11be52;
    margin-bottom: .625rem
}

@media screen and (min-width: 768px) {
    .job-info-ttl {
        font-size: 1.75rem;
        margin-bottom: 0
    }
}

.job-info-stl {
    font-weight: 400;
    color: #888;
    font-size: 1rem;
    line-height: 1.875;
    margin-bottom: .5625rem
}

.job-info-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.75rem
}

    .job-info-list li {
        font-size: .875rem;
        line-height: 1.72;
        margin-right: 1.75rem
    }

        .job-info-list li i {
            color: #11be52;
            font-size: .9375rem;
            margin-right: .5rem;
            min-width: .8125rem
        }

@media screen and (min-width: 576px) {
    .job-info-list li i {
        min-width: auto
    }

    .job-info-banner img {
        height: 24.5rem
    }

    .job-info-banner.no-circle img {
        height: 18.75rem
    }
}

.job-info-banner {
    position: relative
}

    .job-info-banner:after {
        content: '';
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        height: 6.375rem;
        background: url("/images3/common/bg-job-info.png") no-repeat center bottom
    }

    .job-info-banner img {
        width: 100%;
        height: 12.5rem;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .job-info-banner.no-circle:after {
        display: none
    }


.job-info-wrap {
    margin-top: -3.3125rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .0625rem .3125rem #d0d0d0;
    box-shadow: 0 .0625rem .3125rem #d0d0d0;
    position: relative;
    z-index: 2;
    padding: 1.25rem .9375rem 1.5625rem
}

@media screen and (min-width: 768px) {
    .job-info-wrap {
        padding: 1.5rem 1.875rem 1.625rem
    }

    .job-info-2 {
        text-align: center
    }

        .job-info-2 .job-info-ttl {
            margin-bottom: .3125rem
        }

        .job-info-2 .job-info-stl {
            font-size: 1.0625rem
        }

        .job-info-2 .job-info-list {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
}

.job-info-2 {
    padding: 0 0 .6875rem;
    background-color: #f6f6f6;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .job-info-2 .job-author-img {
        width: 12.5rem;
        height: 12.5rem;
        margin: -6.375rem auto 1.3125rem
    }

    .job-info-2 .job-info-stl {
        font-weight: bold
    }


    .job-info-2 .job-info-btn .btn-com01 {
        margin: 1.4375rem auto 0;
        padding: .875rem 1.1875rem .75rem
    }

@media screen and (max-width: 767px) {
    .job-info-2 .job-info-btn .btn-com01 {
        padding: .8125rem
    }

        .job-info-2 .job-info-btn .btn-com01:last-child {
            margin-top: .625rem
        }
}

.job-info-3 {
    background-color: #f6f6f6;
    padding: 0 0 .3125rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.job-detail {
    padding: 1.25rem 0;
    background-color: #f6f6f6
}

.job-detail-sidebar {
    background-color: #fff;
    -webkit-box-shadow: 0 .0625rem .3125rem #d0d0d0;
    box-shadow: 0 .0625rem .3125rem #d0d0d0;
    margin-bottom: 1.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.job-detail-info:not(:first-child) .item:first-child {
    border-top: .0625rem solid #ebebeb
}

.job-detail-info .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .6875rem 0;
    border-bottom: .0625rem solid #ebebeb
}

    .job-detail-info .item:last-child {
        border-bottom: none
    }

.job-detail-info .item-img {
    width: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.job-detail-info .item-content {
    width: calc(100% - 1.5rem);
    padding-left: .625rem;
    font-size: .875rem;
    line-height: 1.58
}

.job-detail-info .item-ttl {
    font-weight: 400;
    color: #bbbbbb;
    text-transform: uppercase;
    margin-bottom: .125rem
}

.job-detail-hashtag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.25rem 0 .625rem;
    margin-right: -.625rem
}

    .job-detail-hashtag a {
        display: block;
        white-space: nowrap;
        border: .0625rem solid #d6d6d6;
        border-radius: 999px;
        padding: .375rem .625rem .375rem 2.6875rem;
        position: relative;
        margin: 0 .625rem .625rem 0;
        font-size: .875rem;
        line-height: 1.58;
        color: #555
    }

    .job-detail-hashtag a {
        overflow: hidden;
        text-overflow: ellipsis
    }

        .job-detail-hashtag a:hover {
            color: #10bf51
        }

        .job-detail-hashtag a:before {
            content: '';
            position: absolute;
            width: 2.25rem;
            height: 2.25rem;
            border-radius: 50%;
            border: .0625rem solid #d6d6d6;
            /*background: url("/images3/common/ico-hashtag.png") no-repeat center;*/
            background: url('/images3/common/icon.png') no-repeat -176px -96px;
            left: -.0625rem;
            top: -.0625rem;
            z-index: 2
        }

.job-detail .cv-toolbar-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.75rem
}

    .job-detail .cv-toolbar-wrap .btn-com01 {
        padding: .625rem 1.625rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

@media screen and (min-width: 576px) {
    .job-detail .cv-toolbar-wrap .btn-com01 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.job-detail .custom-radio-heart input[type="checkbox"]:checked ~ label:after {
    color: #fff
}

.job-detail .custom-radio-heart label {
    width: 2.75rem;
    height: 2.75rem;
    border-color: #e3e3e3
}

    .job-detail .custom-radio-heart label:after {
        color: #999
    }

.job-detail .post-content {
    margin-bottom: 1.8125rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

@media screen and (min-width: 768px) {
    .job-detail .post-content {
        padding: 1.75rem 1.75rem 1.875rem
    }
}

.job-detail .post-content h1, .job-detail .post-content h2, .job-detail .post-content h3, .job-detail .post-content h4, .job-detail .post-content h5, .job-detail .post-content h6 {
    margin-bottom: .6875rem
}

.job-detail .post-content ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1.4375rem
}

    .job-detail .post-content ul li {
        position: relative;
        padding-left: 1rem;
        margin-bottom: .125rem
    }

        .job-detail .post-content ul li:before {
            content: "";
            background-color: #c9c9c9;
            font-weight: bold;
            display: inline-block;
            width: .3125rem;
            height: .3125rem;
            border-radius: 50%;
            position: absolute;
            left: .0625rem;
            top: 0.65em
        }

.job-author-img {
    width: 10.625rem;
    height: 10.625rem;
    border-radius: 50%;
    padding: 1.5625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto -5.3125rem;
    -webkit-box-shadow: 0 .0625rem .3125rem #d0d0d0;
    box-shadow: 0 .0625rem .3125rem #d0d0d0;
    position: relative;
    background-color: #fff;
    z-index: 2
}

.job-author-ttl {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.45;
    text-align: center;
    padding: 6.3125rem 0 .875rem
}


.page-detail-viec-lam .ns-desc a, .job-detail .cv-toolbar-wrap a {
    color: #fff
}

.page-detail-viec-lam .ns-body a, .job-author-ttl a, .job-info-list a {
    color: #555
}

.job-info .job-info-ttl, .job-info .job-info-stl, .job-author-ttl {
    text-transform: capitalize
}

.job-info-ttl a {
    color: #11be52
}

.job-detail .custom-radio-heart label {
    margin: 0 2px
}

.custom-radio-heart label.btnReport:after {
    content: "\f071";
}

.post-content {
    background-color: #fff;
    -webkit-box-shadow: 0 .0625rem .3125rem #d0d0d0;
    box-shadow: 0 .0625rem .3125rem #d0d0d0;
    font-size: .875rem;
    line-height: 1.58;
    padding: .9375rem
}

@media screen and (min-width: 768px) {
    .post-content {
        padding: 1.5625rem 1.875rem 1.875rem
    }
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    margin-bottom: .9375rem
}

.post-content h1 {
    font-size: 2.02em
}

.post-content h2 {
    font-size: 1.72em
}

.post-content h3 {
    font-size: 1.42em;
    font-weight: 600;
    margin-top: 15px;
    display: block;
}

.post-content h4 {
    font-size: 1.12em
}

.post-content h5 {
    font-size: 0.85em
}

.post-content h6 {
    font-size: 0.72em
}

.post-content p {
    margin-bottom: 1.25rem
}

    .post-content p:last-child {
        margin-bottom: 0
    }

.post-content img {
    max-width: 100%;
    width: auto !important;
    height: auto !important
}

.post-content ul {
    padding-left: 1.0625rem
}

    .post-content ul:last-child {
        margin-bottom: 0
    }

    .post-content ul li {
        margin-bottom: .5rem
    }

.post-content .video {
    text-align: center;
    margin-bottom: 1.5625rem
}

    .post-content .video iframe {
        max-width: 100%;
        margin-bottom: .3125rem
    }

.btnPhoneRight {
    background-color: #11be52;
    color: #fff;
    border-radius: 50px;
    padding: 10px;
    position: relative;
    text-align: center
}

    .btnPhoneRight .lbl {
        font-size: 14px
    }

    .btnPhoneRight a {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        font-size: 24px;
    }

        .btnPhoneRight a:hover {
            color: #FFEB3B;
            text-decoration: none
        }

.btnPhoneDefault {
    background: #fff;
    border: 2px solid #10bf51;
    color: #10bf51;
    margin-right: 5px;
}

    .btnPhoneDefault:hover {
        background: #10bf51;
        color: #fff
    }

.ico-mark {
    width: 1rem;
    height: 1.5rem;
    background: url("/images3/common/icon.png") no-repeat 0 0
}

.ico-user-group {
    width: 1.375rem;
    height: 1.25rem;
    background: url("/images3/common/icon.png") no-repeat -19px 0
}

.ico-person {
    width: 1.25rem;
    height: 1.3125rem;
    background: url("/images3/common/icon.png") no-repeat -44px 0
}

#btn-resend-code {
    background: none;
    border: none;
    font-size: 0.875em;
    margin-top: 5px
}

.ifFileContent {
    width: 100%;
    border: none;
    height: 1000px
}

.box-msg-report {
    font-size: 0.85em;
    padding: 10px;
    border: solid 1px #ddd;
    margin: 20px 0;
    border-radius: 10px;
    background-color: #f6f6f6;
}

    .box-msg-report a.btnReport {
        color: #11be52;
        text-decoration: underline;
        font-weight: 600
    }

.nw-job-list__main h3 {
    /*font-size: 1.42em;*/
    font-weight: 600;
    margin-top: 15px;
    display: block;
}

.nw-job-list__main .block-text h3 {
    font-weight: 600;
    margin-bottom: 0.6875rem;
    font-size:18px
}

.nw-job-list__main .block-text p {
    line-height: 25px;
}

#main .nw-support {
    background-color: #fff;
}

#sendHeart.active {
    /*background: #595959;
    color: #fff;
    border: none;*/
    border-color: #595959;
    background-color: transparent;
    color: #595959;
}

.msgNoCV p {
    margin-bottom: 1rem;
}

.layout-jobs a.lnk-abs {
    text-indent: 0;
    padding: .625rem .9375rem 4.3rem 6.125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layout-jobs .item.hot a.lnk-abs {
    padding: .625rem .9375rem 4.3rem 9.125rem;
}

@media screen and (min-width: 576px) {
    .layout-jobs a.lnk-abs {
        padding: 1.1875rem .9375rem 4.3rem 6.45rem;
    }

    .layout-jobs .item.hot a.lnk-abs {
        padding: 1.1875rem .9375rem 4.3rem 9.45rem;
    }
}

.page-detail-viec-lam .btnApply i.fa, .page-detail-viec-lam .btnShowTel i.fa {
    font-size: 18px
}

.xhdd {
    height: 2px;
    overflow: hidden;
}

.xqc {
    position: relative
}

    .xqc .xqc-tip {
        border: solid 1px #11be52;
        padding: 1px 3px;
        font-size: 10px;
        position: absolute;
        border-radius: 3px;
        display: inline-flex;
        top: 10px;
        right: 10px;
        background-color: #11be52;
        color: #fff;
    }

.layout-jobs .item {
    background-color: #fff;
    -webkit-box-shadow: 0 .0625rem .3125rem #d0d0d0;
    box-shadow: 0 .0625rem .3125rem #d0d0d0;
    padding: .625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 576px) {
    .layout-jobs .item {
        padding: 1.25rem .9375rem 1.0625rem .9375rem
    }
}

.layout-jobs .item-img {
    width: 4.6875rem;
    height: 4.6875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layout-jobs .item-body {
    width: calc(100% - 4.6875rem);
    padding-left: .9375rem
}

.layout-jobs .item-line {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 460px) {
    .layout-jobs .item-line {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.layout-jobs .item-line .btn-com04 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.layout-jobs .item-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 576px) {
    .layout-jobs .item-content {
        padding-right: .9375rem
    }
}

.layout-jobs .item-ttl {
    color: #333;
    font-size: 1rem;
    font-weight: bold;
    line-height: 26px;
    height: 1.625rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 0;
    text-transform: capitalize
}

    .layout-jobs .item-ttl a {
        color: inherit
    }

    .layout-jobs .item-ttl:hover {
        color: #10bf51
    }

.layout-jobs .item-txt {
    font-size: .875rem;
    line-height: 26px;
    height: 1.625rem;
    margin-bottom: .125rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.layout-jobs .item-price {
    display: inline-block;
    padding: 0 .9375rem 0 .8125rem;
    position: relative;
    font-size: .875rem;
    line-height: 1.72
}

    .layout-jobs .item-price:before {
        content: '';
        position: absolute;
        font-family: FontAwesome;
        left: .0625rem;
        top: .12rem;
        font-size: .75rem
    }

.layout-jobs .item-address {
    display: inline-block;
    padding: 0 .9375rem 0 .75rem;
    position: relative;
    font-size: .875rem;
    line-height: 1.72;
    color: #bbb
}

    .layout-jobs .item-address:before {
        content: '';
        position: absolute;
        font-family: FontAwesome;
        left: 0;
        top: 0
    }

.layout-jobs .item-date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: none;
    padding: 0 0 0 1rem;
    position: relative;
    font-size: .875rem;
    line-height: 1.8;
    color: #bbb
}

@media screen and (min-width: 576px) {
    .layout-jobs .item-date {
        display: inline-block
    }
}

.layout-jobs .item-date:before {
    content: '';
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top: .1875rem;
    font-size: .75rem
}

.layout-jobs .item-btn {
    padding: .1875rem 0;
    display: none
}

@media screen and (min-width: 576px) {
    .layout-jobs .item-btn {
        display: block
    }
}

.layout-jobs .item.hot .item-ttl {
    color: #e20c0c
}

    .layout-jobs .item.hot .item-ttl:before {
        content: 'HOT';
        font-weight: 400;
        font-size: .6875rem;
        line-height: 1.4;
        padding: .1875rem .5625rem;
        border-radius: 999px;
        display: inline-block;
        margin-right: .625rem;
        top: -.0625rem;
        position: relative;
        color: #fff;
        background-color: #e20c0c;
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .layout-jobs .item.hot .item-ttl:hover {
        color: #10bf51
    }

        .layout-jobs .item.hot .item-ttl:hover:before {
            background-color: #10bf51
        }

.layout-jobs-2 .item {
    margin-bottom: .9375rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: .0625rem solid #e9e9e9
}

@media screen and (min-width: 768px) {
    .layout-jobs-2 .item {
        padding: 1.1875rem .9375rem 1rem .875rem
    }

    .layout-jobs-2 .item-txt {
        font-size: .9375rem
    }
}

.layout-jobs-3 {
    margin-bottom: 1.25rem
}

    .layout-jobs-3 .item {
        margin-bottom: .9375rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: .5625rem .875rem .5625rem 1rem;
        border: .0625rem solid #e9e9e9
    }

    .layout-jobs-3 .item-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (min-width: 768px) {
    .layout-jobs-3 .item-ttl {
        line-height: 1.5625rem;
        height: 1.6875rem
    }

    .layout-jobs-3 .item-line {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.layout-jobs-3.box-shadow .item {
    -webkit-box-shadow: 0 .0625rem .3125rem #d0d0d0;
    box-shadow: 0 .0625rem .3125rem #d0d0d0;
    border: none
}

.layout-jobs a.lnk-abs {
    text-indent: 0;
    padding: .625rem .9375rem 4.3rem 6.125rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layout-jobs .item.hot a.lnk-abs {
    padding: .625rem .9375rem 4.3rem 9.125rem
}

@media screen and (min-width: 576px) {
    .layout-jobs a.lnk-abs {
        padding: 1.1875rem .9375rem 4.3rem 6.45rem
    }

    .layout-jobs .item.hot a.lnk-abs {
        padding: 1.1875rem .9375rem 4.3rem 9.45rem
    }
}

i.fa {
    padding-left: 2px;
    padding-right: 2px;
}

.btn-nw-gray:hover {
    border-color: #b4b4b4;
    background-color: #b4b4b4;
    color: #fff;
}

    .btn-nw-gray:hover svg {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(171deg) brightness(106%) contrast(101%);
    }
.nw-company-hero__address svg, .nw-company-hero__date svg{
    top:0px
}

.ico {
    background: url("/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("/images3/common/ico-bag.png") no-repeat center/contain
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ico-chance-white {
    width: 1.25rem;
    height: 1.875rem;
    background: url(/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("/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
}

#gioi-thieu-cong-ty .nw-job-detail__text ul li {
    list-style-type: disc;
    margin: 0 0 0 20px
}
.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%;
}
: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;
}