@font-face {
  font-family: roboto;
  src: url(../../fonts/Roboto-Regular.ttf);
  font-weight: 400
}

@font-face {
  font-family: roboto;
  src: url(../../fonts/Roboto-Medium.ttf);
  font-weight: 500
}

body {
  background-color: #edf1f5;
  color: #000;
  font-family: roboto, sans-serif
}

a {
  color: #000;
}

a:hover {
  text-decoration: none;
  color: #e82f3a;
  cursor: pointer
}

label {
  font-weight: 500
}

.btn {
  border-radius: 2px;
  padding: 8px 14px;
  font-size: 14px
}

.btn-lg {
  padding: 10px 20px;
  font-size: 16px
}

.btn-sm {
  padding: 4px 14px;
  font-size: 12px
}

.btn-primary {
  background-color: #e82f3a;
  border: none
}

.btn-primary:hover {
  background-color: #cb0c2a;
  outline: none
}

.btn-primary[disabled] {
  background-color: #db0d2d;
  outline: none
}

.btn-primary[disabled]:hover {
  background-color: #cb0c2a;
  outline: none
}

.btn-primary:active {
  background-color: #cb0c2a;
  outline: none
}

.btn-primary:active:focus {
  background-color: #cb0c2a;
  outline: none
}

.btn-primary:focus {
  background-color: #cb0c2a;
  outline: none
}

.btn-warning {
  background-color: #d2aa76;
  border: none
}

.btn-warning:hover {
  background-color: #ca9a5c;
  outline: none
}

.btn-warning[disabled]:hover {
  background-color: #ca9a5c;
  outline: none
}

.btn-warning:active {
  background-color: #ca9a5c;
  outline: none
}

.btn-warning:active:focus {
  background-color: #ca9a5c;
  outline: none
}

.btn-warning:focus {
  background-color: #ca9a5c;
  outline: none
}

.btn-default {
  background-color: #e7e8ea;
  border: none
}

.btn-default:hover {
  background-color: #babcc3;
  outline: none
}

.btn-default[disabled]:hover {
  background-color: #babcc3;
  outline: none
}

.btn-default:active {
  background-color: #babcc3;
  outline: none
}

.btn-default:active:focus {
  background-color: #babcc3;
  outline: none
}

.btn-default:focus {
  background-color: #babcc3;
  outline: none
}

.label-primary {
  background-color: #e82f3a
}

.label-warning {
  background-color: #d2aa76
}

.label-default {
  background-color: #727683
}

.form-control {
  border-radius: 2px;
  padding: 8px 12px;
  height: 40px
}

.form-control:focus {
  border-color: #ccc;
  outline: 0;
  box-shadow: none
}

.form-group {
  margin-bottom: 20px
}

.form-control-static {
  padding-top: 9px;
  padding-bottom: 9px
}

.input-group-addon {
  border-radius: 2px
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.panel .panel-body {
  padding: 40px 30px 20px
}

.panel .panel-footer {
  background-color: #fff;
  color: #555;
  padding: 20px 30px
}

.panel-default {
  border-color: #e4e4e4
}

.panel-default .panel-heading {
  border-color: #e4e4e4
}

.panel-stats .panel-body {}

.panel-stats .text {
  color: #555;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 700
}

.panel-stats .number {
  font-size: 30px;
  font-weight: 600
}

.panel-stats .new-face {
  margin: 20px 0
}

.panel-stats .new-face .faces {
  margin: 5px 0
}

.panel-stats .new-face .faces img.avt {
  width: 50px;
  height: 50px;
  border-radius: 50%
}

.panel-stats .new-face .faces a {
  margin-right: 8px;
  margin-bottom: 20px;
  display: inline-block
}

.panel-stats .new-face .faces a:last-child {
  margin-right: 0
}

.panel-stats .cap-stat {
  color: #999;
  margin-top: 10px
}

.panel-show {
  margin-top: 40px;
  border: 1px solid #e1eef4;
  background-color: #fcfcfc
}

.panel-show:hover {
  border: 1px solid #ccc
}

.panel-show img {
  height: 50px
}

.panel-show p {
  color: #888
}

.panel-dashboard .panel-body {
  padding: 20px 40px
}

.panel-dashboard .header {
  color: #333;
  font-size: 22px;
  line-height: 30px;
  margin-top: 8px;
  margin-bottom: 5px
}

.panel-dashboard .border {
  border-bottom: 2px solid #e1eef4
}

.panel-dashboard table.job {
  margin-top: 15px
}

.panel-dashboard table.job th {
  border: none
}

.panel-dashboard table.job td {
  vertical-align: middle
}

.panel-dashboard table.job td.total-apply {
  font-size: 30px
}

.panel-dashboard table.job td.apply-today {
  font-size: 30px
}

.panel-dashboard .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f4f6fa
}

.form-horizontal .control-label {
  text-align: left;
  padding-top: 12px
}

.navbar-default .navbar-nav>li>a {
  color: #555;
  border-top: 3px solid #fff;
  padding-top: 12px
}

.navbar-default .navbar-nav>li>a:hover {
  color: #e82f3a
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  background-color: #fff;
  color: #e82f3a;
  border-color: #e82f3a
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background-color: #fff;
  color: #e82f3a;
  border-color: #fff
}

.navbar-default .navbar-nav>.active.open>a {
  border-color: #e82f3a
}

.dropdown-menu a:hover {
  background-color: #edf1f5;
  border-color: #edf1f5;
  color: #e82f3a
}

.dropdown-menu .active a {
  background-color: #fff;
  color: #e82f3a
}

.dropdown-menu .active a:hover,
.dropdown-menu .active a:focus {
  background-color: #edf1f5;
  color: #e82f3a
}

.hover-link {
  color: #888;
  font-size: .9em
}

.hover-link:hover {
  color: #e82f3a
}

header {
  font-weight: 500
}

header .navbar-default {
  background-color: #fff
}

header .navbar-brand {
  padding: 10px 15px
}

header .navbar-brand img {
  height: 35px
}

header .caret {
  color: #e82f3a
}

header .dropdown:hover ul.dropdown-menu {
  display: block
}

header .dropdown-menu {
  border-color: #ddd;
  box-shadow: none
}

header .dropdown-menu a {
  padding: 8px 20px 8px 50px;
  font-weight: 500;
  text-align: right;
  border-left: 3px solid #fff
}

header .dropdown-menu a:hover {
  background-color: #edf1f5;
  color: #e82f3a
}

header .dropdown-menu .active a {
  border-color: #e82f3a
}

header .menu-support {
  width: 300px;
  padding: 20px 10px;
  font-weight: 100
}

header .menu-support .block {
  /* margin-top: 20px; */
  text-align: center
}

header .menu-support .block ul {
  list-style-type: none;
  padding: 10px;
  text-align: left;
}

header .menu-support .block ul li:not(:first-child) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid;
  border-color: #e7e7e7;
}

header .menu-support .block ul li a {
  padding: 0px;
  border: none
}

header .menu-support .block ul li a:hover {
  background: none;
  border: none;
}

header .menu-support .block ul li span.strong {
  font-weight: 550;
}

header .btn-primary {
  margin-top: 8px;
  margin-left: 10px
}

#page-login .panel {
  margin: 40px 60px
}

#page-register .checkbox {
  font-size: .9em;
  color: #888
}

#page-profile .company-logo {
  max-height: 80px
}

#page-jobs .job .title {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 500;
  display: block
}

#page-jobs .job .apply {
  display: block
}

#page-jobs .job .apply .fa {
  font-size: 46px;
  margin-bottom: 5px;
  color: #ccc
}

#page-jobs .job .has-apply .fa {
  color: #e82f3a
}

#page-jobs .job .reject-reason {
  margin-top: 10px;
  padding: 5px;
  border: 1px dashed #727683;
  text-align: left;
  background-color: #f0f1f2;
  color: #727683
}

#page-jobs .job i {
  margin-right: 3px
}

#page-jobs .job hr {
  margin-top: 10px;
  margin-bottom: 10px
}

#page-search .panel {
  margin-top: 0
}

#page-search .panel-body {
  padding: 20px
}

.search-result {
  position: relative;
  min-height: 200px
}

.search-result .search-stats {
  padding: 10px 20px;
  border-bottom: 1px solid #e4e4e4
}

.search-result .panel-body {
  padding: 0 !important
}

.search-result .candidate {
  min-height: 160px;
  border-bottom: 1px solid #e4e4e4;
  padding: 20px;
  line-height: 1.7em;
  position: relative;
  padding-left: 140px
}

.search-result .candidate:hover {
  background-color: rgba(237, 241, 245, .45)
}

.search-result .candidate:after {
  content: " ";
  display: block;
  clear: both
}

.search-result .location {
  font-size: .85em;
  color: #666;
  padding: 3px 8px;
  border: 1px dashed #b7b7b7;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  margin-bottom: 5px
}

.search-result .location-right {
  text-align: left
}

.search-result .name {
  font-size: 24px
}

.search-result .title {
  color: #888
}

.search-result .time {
  color: #888;
  font-size: .9em
}

.search-result .avatar {
  display: block;
  overflow: hidden;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  position: absolute;
  top: 20px;
  left: 20px
}

.search-result .avatar img {
  width: 100%;
  cursor: pointer
}

.search-result .label {
  padding: 3px 13px;
  border-radius: 13px;
  font-size: 13px;
  font-weight: 400
}

.search-result .experience i,
.search-result .education i {
  text-align: center;
  display: inline-block;
  width: 18px;
  margin-right: 4px
}

.search-result .pagination {
  margin: 20px
}

.search-result .search-guide,
.search-result .message-no-candidate {
  padding: 20px
}

.filter-group {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding: 5px 13px 20px;
  position: relative
}

.filter-group label {
  font-weight: 400;
  font-size: 13px;
  cursor: pointer
}

.filter-group .filter-body {
  max-height: 300px;
  position: relative
}

.filter-group .filter-search {
  margin-bottom: 6px
}

.filter-group .filter-search input {
  padding: 6px 10px;
  height: 34px
}

.filter-body.ps-container>.ps-scrollbar-x-rail,
.filter-body.ps-container>.ps-scrollbar-y-rail {
  opacity: .6
}

.loading-mark {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, .95);
  padding-top: 80px;
  font-size: 16px
}

#page-search .select2-container .select2-selection--single,
#page-search .select2-container .select2-selection--multiple {
  height: 40px
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  min-height: 40px;
  border-radius: 2px
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 1px solid #ccc !important;
  border-radius: 2px;
  outline: none
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  color: #555
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  width: 26px
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 26px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc
}

.select2-dropdown {
  border: 1px solid #ccc
}

.select2-search--dropdown .select2-search__field {
  outline: none
}

.select2-results__option {
  padding: 8px 12px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 8px;
  margin-right: 6px;
  color: #888
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  border-color: #ccc;
  border-radius: 2px
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
  box-shadow: none;
  border-color: #ccc
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  box-shadow: none;
  border-color: #666;
  border-radius: 2px
}

.select2-container.select2-container--bootstrap.select2-container--below {
  border-radius: 2px
}

.select2-container--bootstrap .select2-dropdown {
  border-color: #666
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  margin-top: 8px
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 3px
}

.select2-container--bootstrap .select2-selection--single {
  padding-left: 0;
  padding-top: 10px
}

.datepicker {
  padding-left: 12px
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  transform: rotateZ(45deg)
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1d71ad;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotateZ(90deg)
}

.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotateZ(180deg)
}

.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotateZ(270deg)
}

.sk-folding-cube .sk-cube2:before {
  animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
  animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
  animation-delay: .9s
}

@keyframes sk-foldCubeAngle {

  0%,
  10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0
  }

  25%,
  75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1
  }

  90%,
  100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0
  }
}

[v-cloak] {
  display: none
}

.no-scroll {
  overflow: hidden !important;
  width: 100%
}

.no-padding {
  padding: 0 !important
}

.table.no-border>tbody>tr>td,
.table.no-border>tbody>tr>th,
.table.no-border>tfoot>tr>td,
.table.no-border>tfoot>tr>th,
.table.no-border>thead>tr>td,
.table.no-border>thead>tr>th {
  border: none
}

.clickable {
  cursor: pointer
}

.overlay-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(237, 241, 245, .95);
  z-index: 500;
  overflow-x: hidden;
  overflow-y: scroll
}

.overlay-backdrop .overlay-wrapper {
  width: 1170px;
  min-height: 640px;
  background-color: #fff;
  margin: 3px auto;
  border: 1px solid #e4e4e4;
  padding: 20px;
  position: relative
}

.overlay-backdrop .overlay-close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  display: inline;
  background-color: #bbb;
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 50%;
  vertical-align: middle;
  line-height: 30px;
  cursor: pointer;
  font-size: 16px
}

.overlay-backdrop .overlay-close:hover {
  background-color: #aaa
}

#overlay-view-candidate p {
  margin-bottom: 5px
}

#overlay-view-candidate .info .name {
  font-size: 30px;
  margin-bottom: 10px
}

#overlay-view-candidate .info .title {
  font-size: 16px;
  color: #888;
  margin-bottom: 10px
}

#overlay-view-candidate .avatar {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ddd
}

#overlay-view-candidate .avatar img {
  width: 100%
}

#overlay-view-candidate .col-md-8 {
  border-right: 1px solid #ddd
}

#overlay-view-candidate .loading-mark {
  padding-top: 80px
}

#overlay-view-candidate h3 {
  font-weight: 200;
  font-size: 20px;
  color: #323241;
  text-transform: uppercase;
  margin: 0 0 5px
}

#overlay-view-candidate .block {
  margin-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc
}

#overlay-view-candidate .item {
  padding: 5px 0
}

#overlay-view-candidate .item .detail {
  line-height: 20px
}

#overlay-view-candidate .item .job {
  line-height: 20px;
  padding-bottom: 15px;
  margin-left: 20px
}

#overlay-view-candidate .item .position,
#overlay-view-candidate .item .school {
  font-size: 14px;
  font-weight: 500
}

#overlay-view-candidate .item .position {
  font-size: 16px;
  font-weight: 500
}

#overlay-view-candidate .item .company,
#overlay-view-candidate .item .title {
  font-size: 14px
}

#overlay-view-candidate .item .company {
  margin-left: 20px;
  font-weight: 500
}

#overlay-view-candidate .item .time {
  color: #666;
  font-size: 12px
}

#overlay-view-candidate .skill-rate {
  height: 8px;
  background-color: #aaa
}

#overlay-view-candidate .skill-rate[rate="1"] {
  width: 20%
}

#overlay-view-candidate .skill-rate[rate="2"] {
  width: 40%
}

#overlay-view-candidate .skill-rate[rate="3"] {
  width: 60%
}

#overlay-view-candidate .skill-rate[rate="4"] {
  width: 80%
}

#overlay-view-candidate .skill-rate[rate="5"] {
  width: 100%
}

#search-filter .filter-group:last-child {
  margin-bottom: 0;
  border-bottom: 0
}

.text-bold {
  font-weight: 700
}

.text-primary {
  color: #e82f3a
}

a.text-primary:hover {
  color: #cb0c2a
}

a.text-primary:focus {
  color: #cb0c2a
}

.text-warning {
  color: #d2aa76
}

a.text-warning:hover {
  color: #ca9a5c
}

a.text-warning:focus {
  color: #ca9a5c
}

.text-default {
  color: #727683
}

.text-default-dark {
  color: #626571
}

a.text-default:hover {
  color: #626571
}

a.text-default:focus {
  color: #626571
}

.text-success {
  color: #5cb85c
}

a.text-success:hover {
  color: #4cae4c
}

a.text-success:focus {
  color: #4cae4c
}

.note-editor.note-frame.panel.panel-default {
  margin-top: 0
}

.note-toolbar.panel-heading {
  text-align: left;
  font-size: inherit;
  font-weight: inherit;
  background-color: #f5f5f5;
  color: inherit;
  padding: 0 0 5px 5px
}

.note-toolbar.panel-heading button.btn-default {
  background-color: #fff;
  border: 1px solid #ccc
}

.modal-h .modal-dialog {
  width: 400px;
  margin: 30px auto
}

.modal-h .modal-content {
  border-radius: 3px
}

.modal-h .modal-body {
  padding-top: 35px;
  text-align: center
}

.modal-h .modal-footer {
  padding: 0;
  text-align: center
}

.modal-h .modal-footer button {
  width: 100%;
  padding: 15px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.modal-h i {
  font-size: 40px
}

footer {
  background-color: #fff;
  border-top: 1px solid #e0e6ed;
  margin-top: 100px;
  padding-top: 40px
}

footer h5 {
  color: #555;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px
}

footer .logo {
  display: block;
  margin-bottom: 20px
}

footer .logo img {
  /* height: 60px */
}

footer ul {
  list-style: none;
  padding: 0
}

footer ul li {
  line-height: 2.4em
}

footer ul li a {
  color: #777
}

footer .social-icons a {
  display: inline-block;
  color: #777;
  margin-right: 10px;
  font-size: 26px
}

footer .bottom-line {
  border-top: 1px solid #e0e6ed;
  background-color: #edf1f5;
  padding: 10px 0;
  font-size: .9em;
  margin-top: 60px
}

.fixed-guidline {
  position: fixed;
  width: inherit;
  max-width: 360px
}

.pagination>li>a,
.pagination>li>span {
  color: #888
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  color: #e82f3a
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #e82f3a;
  border-color: #e82f3a
}

.search-adv div {
  font-size: 15px;
  line-height: 30px
}

.search-adv i {
  color: #0ba25e
}

.shortcuts {
  border: 1px dashed #ccc;
  padding: 10px 20px
}

.shortcut {
  cursor: pointer;
  display: inline-block;
  background-color: #e9eaec;
  border-radius: 2px;
  border-bottom: 2px solid #b2b6bd;
  padding: 3px 6px;
  width: 40px;
  height: 23px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 8px;
  font-size: 13px;
  vertical-align: middle
}

.shortcuts span {
  font-size: 13px;
  margin-left: 10px
}

.modal-content {
  border-radius: 0
}

.modal-title {
  font-weight: 400
}

.label-light-yellow {
  background-color: #eab925
}

.vip-protection {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .85);
  align-items: center;
  justify-content: center;
  font-weight: 700;
  opacity: 0;
  transition: all .3s ease
}

.filter-group:hover .vip-protection {
  opacity: 1
}

.btn-border {
  background-color: transparent;
  color: #666;
  border: 2px solid #666
}

.btn-border-default {
  color: #666;
  border-color: #666
}

.btn-border-default:hover {
  color: #333;
  border-color: #333
}

.btn-border-primary {
  color: #e82f3a
}

#page-apply .candidate img {
  width: 100%;
  max-height: 130px;
  max-width: 110px
}

#page-apply .candidate .candidate-name {
  font-size: 24px;
  font-weight: 500;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block
}

#page-apply .letter {
  text-align: justify;
  font-style: italic
}

#page-apply .letter i {
  font-size: .8em
}

#page-apply .job-title {
  font-size: 18px
}

#page-apply .btn-xem-cv {
  margin-top: 20px;
  margin-bottom: 40px
}

.apply-meta {
  text-align: right
}

@media screen and (max-width:991px) {
  #page-apply .btn-xem-cv {
    margin: 0
  }

  .apply-meta {
    text-align: center;
    margin-top: 20px
  }

  .apply-meta .apply-status,
  .apply-meta .apply-date {
    margin-top: 10px
  }
}

.text-warning-search {
  margin-top: 10px;
  font-size: .9em;
  color: #888
}

.topcv-color {
  color: #0ea360
}

.tags {
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 13px;
  background-color: #0ba25e;
  font-weight: 100
}

.tags:hover {}

.tag-group h4 {
  margin-bottom: 15px;
  color: #444
}

.tag-group .tag-item {
  line-height: 23px
}

#search-location .select2-selection__rendered {
  line-height: 24px
}

#search-location .select2-selection--multiple {
  overflow: hidden !important;
  height: auto !important
}

.tag-list-text a {
  display: inline-block;
  margin-right: 5px;
  font-style: italic
}

.tag-list-text a::after {
  content: ', '
}

.tag-list-text a:last-child {
  margin-right: 0
}

.tag-list-text a:last-child::after {
  content: ''
}

.dropdown-info {
  padding: 8px 20px 8px 50px;
  white-space: nowrap
}

.ui-menu-item {
  padding: 5px;
  border-bottom: 1px solid #eee;
  font-size: 14px
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: #f8f8f8;
  border: 1px solid #fff;
  color: #000
}

.sub-menu {
  background-color: white;
  margin-top: -20px;
}

.sub-menu ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.sub-menu li {
  display: inline-block;
}

.sub-menu li>a {
  display: inline-block;
  padding: 20px;
}

.sub-menu ul>li:first-child>a {
  padding-left: 0;
}

.sub-menu li>a.active,
.sub-menu li>a:hover {
  border-bottom: 1px solid #999;
}

.recruitment-search-form {
  padding: 10px;
  margin: 20px auto;
  background-color: #e6e6e6;
}

.recruitment-search-form .form-control {
  height: 30px;
  font-size: 12px;
  border: 0;
}

@media (min-width: 992px) {
  .recruitment-search-form>.row>.col-md-2 {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  .recruitment-search-form>.row>.col-md-2 {
    margin-top: 10px;
  }
}

.table-positions {
  background-color: white;
}

.table-positions,
.table-positions th,
.table-positions td {
  border: 1px solid #e6e6e6;
}

.table-positions thead {
  background-color: #e6e6e6;
}

.table-positions ul {
  list-style: none;
  padding-left: 0;
}

.text-gray {
  color: #aaa;
}

.text-info-light {
  color: #4fbbe9;
}

a.text-info-light:hover,
a.text-info-light:focus,
a.text-info-light:active {
  color: #1d9ed6;
}

.table-positions .badge-count {
  display: inline-block;
  padding: 1px;
  border: 1px solid #333;
  min-width: 42px;
  text-align: center;
  border-radius: 4px;
  margin-left: 3px;
}

.btn-dropdown {
  background-color: white;
  border: 1px solid #ccc;
  outline: none;
}

.panel-form-create-edit-position h1.panel-heading {
  font-size: 21px;
  line-height: 34px;
  margin: 0 auto;
  font-weight: normal;
}

.panel-form-create-edit-position {
  margin-top: 20px;
}

.panel-form-create-edit-position .panel-body {
  padding-bottom: 40px;
}

.frm-create-edit-position .form-group label {
  font-size: 18px;
  margin-bottom: 10px;
}

.frm-create-edit-position input[type=text],
.frm-create-edit-position textarea {
  box-shadow: none;
  border: 2px solid #ddd;
  border-radius: 7px;
  outline: none;
}

.frm-create-edit-position textarea:focus {
  border: 2px solid #ddd;
}

.frm-create-edit-position .box-steps,
.frm-create-edit-position .box-jobs {
  min-height: 200px;
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 7px;
  padding: 20px;
}

.frm-create-edit-position .steps,
.frm-create-edit-position .jobs {
  list-style: none;
  padding-left: 0;
  min-height: 160px;
}

.frm-create-edit-position .steps li {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  font-weight: bold;
  position: relative;
  cursor: move;
  background-color: white;
}

.frm-create-edit-position .steps li .order {
  font-weight: normal;
  border: 1px solid #ccc;
  padding: 4px 6px;
  border-radius: 7px;
  margin-right: 5px;
  font-size: 12px;
  background-color: #fafafa;
}

.frm-create-edit-position .steps li .actions {
  position: absolute;
  right: 0;
  top: 12px;
  text-align: right;
  width: 60px;
  padding-right: 10px;
  font-size: 1.2em;
}

.frm-create-edit-position .steps li .actions .delete {
  color: red;
  margin-left: 5px;
}

.frm-create-edit-position .steps li .icon-drag {
  color: #ccc;
  font-size: 1.2em;
  margin-right: 5px;
}

.frm-create-edit-position .box-footer {
  position: relative;
  padding-right: 150px;
  min-height: 20px;
  margin-top: 15px;
}

.frm-create-edit-position #btn-add-step,
.frm-create-edit-position #btn-add-job {
  position: absolute;
  right: 0;
}

.frm-create-edit-position .jobs li {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  position: relative;
  background-color: white;
}

.frm-create-edit-position .jobs li p {
  margin-bottom: 0;
}

.frm-create-edit-position .jobs li .actions {
  position: absolute;
  right: 0;
  top: 18px;
  text-align: right;
  width: 60px;
  padding-right: 10px;
  font-size: 1.2em;
}

.frm-create-edit-position .jobs li .actions .delete {
  color: red;
  margin-left: 5px;
}

@media (min-width: 768px) {
  /*    #detail-position .form-horizontal .control-label,
    #view-candidate-root .form-horizontal .control-label{
        padding-top: 7px;
        text-align: right;
    }*/
}

/*#detail-position .form-control-static,
#view-candidate-root .form-control-static{
    padding-top: 7px;
    padding-bottom: 7px;
}
#detail-position .form-group,
#view-candidate-root .form-group {
    margin-bottom: 15px;
}
#detail-position .form-control,
#view-candidate-root .form-control {
    border-radius: 4px;
    padding: 6px 12px;
    height: 34px;
}*/
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 2em;
}

[v-cloak] {
  display: none;
}

.box {
  background-color: #fff;
}

.box-body {
  padding: 10px 30px;
}

#detail-position .job-title {
  font-size: 20px;
  margin-bottom: 20px;
}

#cv-records-panel {
  min-height: 300px;
  width: 100%;
  border: 1px solid #ccc;
  float: left;
}

#cv-records-panel .recruitment-search-form {
  margin: 0;
}

#step-status-section {
  margin: 20px 0px 10px 0px;
}

.table-cv-records tbody {
  font-size: 12px;
}

#steps-nav {
  width: 230px;
  float: left;
  position: relative;
  z-index: 100;
  left: 1px;
  margin-left: -1px;
}

#steps-nav .step-item {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  border-top: 0;
  background-color: #e6e6e6;
  padding: 14px 0px 14px 20px;
  font-size: 15px;
  font-weight: 500;
}

#steps-nav .step-item:hover {
  background-color: #eee;
}

#steps-nav .step-item:hover {
  color: #E82F3A;
}

#steps-nav .step-item:focus {
  text-decoration: none;
}

#steps-nav .step-item:first-child {
  border-top: 1px solid #ccc;
}

#steps-nav .step-item.active {
  border-right: 1px solid #fff;
  background-color: #fff;
  text-decoration: none;
}

.table-cv-records,
.table-cv-records th,
.table-cv-records td {
  border: 1px solid #e6e6e6;
}

.table-cv-records th {
  text-align: center;
}

.table-cv-records thead {
  background-color: #fff;
}

.table-cv-records>tbody>tr>td,
.table-cv-records>tbody>tr>th,
.table-cv-records>tfoot>tr>td,
.table-cv-records>tfoot>tr>th,
.table-cv-records>thead>tr>td,
.table-cv-records>thead>tr>th {
  vertical-align: middle;
}

.table-cv-records .dropdown-menu li a,
.table-positions .dropdown-menu li a {
  font-weight: 300;
  color: #555;
  font-size: 12px;
  padding: 10px 15px;
  line-height: initial;
}

.table-cv-records .dropdown-menu li i,
.table-positions .dropdown-menu li i {
  margin-right: 5px;
}

.table-cv-records {
  margin-bottom: 60px;
}

/*.pending-apply {
    font-size: 18px;
    font-weight: 500;
}*/
/* .overlay-backdrop {
  background-color: #525659;
} */

#section-edit-candidate .form-horizontal .control-label {
  padding-top: 7px;
  padding-left: 0px;
}

#section-edit-candidate .form-control {
  border-radius: 4px;
  padding: 6px 12px;
  height: 34px;
  box-shadow: none;
  border-color: #dfdfdf;
}

#section-edit-candidate .form-group {
  margin-bottom: 0px;
  padding: 5px 0px;
}

#section-edit-candidate .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 8px;
  padding-right: 20px;
}

#section-edit-candidate .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}

#section-edit-candidate .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 1px solid #aaa;
  border-radius: 4px;
  min-height: 34px;
}

#section-edit-candidate .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 16px;
}

#section-edit-candidate .select2-results__option {
  padding: 6px;
}

#section-edit-candidate .form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
  border-bottom: 1px dashed #dfdfdf;
}

#section-edit-candidate .col-sm-8.no-padding-right {
  padding-right: 0px;
}

#modal-detail-candidate pre {
  font-size: 12px;
  border-radius: 0px;
  font-family: arial;
  line-height: 1em;
}

.table-cv-records td {
  text-align: center;
}

.profile-avatar {
  background-size: cover !important;
  margin: auto;
  width: 60px;
  height: 60px;
}