@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/*********************************************NG-SELECT-CSS*****************************************/

.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}

.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: transparent transparent #333;
}

.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.ng-select .ng-has-value .ng-placeholder {
  display: none;
}

.ng-select .ng-select-container {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}

.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.ng-select .ng-select-container .ng-value-container {
  align-items: center;
}

[dir="rtl"] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999;
}

.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}

[dir="rtl"]
  .ng-select.ng-select-single
  .ng-select-container
  .ng-value-container
  .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}

.ng-select.ng-select-multiple.ng-select-disabled
  > .ng-select-container
  .ng-value-container
  .ng-value {
  background-color: #f9f9f9;
  border: 1px solid #e6e6e6;
}

.ng-select.ng-select-multiple.ng-select-disabled
  > .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-label {
  padding: 0 5px;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}

[dir="rtl"]
  .ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value {
  font-size: 0.9em;
  margin-bottom: 5px;
  background-color: #ebf5ff;
  border-radius: 2px;
  margin-right: 5px;
}

[dir="rtl"]
  .ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value {
  margin-right: 0;
  margin-left: 5px;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value.ng-value-disabled
  .ng-value-label {
  padding-left: 5px;
}

[dir="rtl"]
  .ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value.ng-value-disabled
  .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon:hover {
  background-color: #d1e8ff;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon.left {
  border-right: 1px solid #b8dbff;
}

[dir="rtl"]
  .ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon.left {
  border-left: 1px solid #b8dbff;
  border-right: none;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon.right {
  border-left: 1px solid #b8dbff;
}

[dir="rtl"]
  .ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-value
  .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid #b8dbff;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-input {
  padding: 0 0 3px 3px;
}

[dir="rtl"]
  .ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-input {
  padding: 0 3px 3px 0;
}

.ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}

[dir="rtl"]
  .ng-select.ng-select-multiple
  .ng-select-container
  .ng-value-container
  .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}

.ng-select .ng-clear-wrapper {
  color: #999;
}

.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}

.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}

[dir="rtl"] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}

.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}

[dir="rtl"] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}

.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
}

.ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  left: 0;
}

.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: #e6e6e6;
  margin-top: -1px;
}

.ng-dropdown-panel.ng-select-bottom
  .ng-dropdown-panel-items
  .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}

.ng-dropdown-panel.ng-select-top
  .ng-dropdown-panel-items
  .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}

.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}

.ng-dropdown-panel .ng-dropdown-panel-items {
  margin-bottom: 1px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: #f5faff;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-optgroup.ng-option-selected.ng-option-marked {
  background-color: #ebf5ff;
  font-weight: 600;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 10px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: #ebf5ff;
}

.ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option.ng-option-selected
  .ng-option-label,
.ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option.ng-option-selected.ng-option-marked
  .ng-option-label {
  font-weight: 600;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #f5faff;
  color: #333;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}

[dir="rtl"]
  .ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}

[dir="rtl"]
  .ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option
  .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}

[dir="rtl"] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

/*********************************************NG-SELECT-CSS-END*************************************/

/*********************************************FONTS-CSS*********************************************/

@font-face {
  font-family: "mn-bold";
  src: url("../../assets/fonts/MaisonNeue-Bold.ttf") format("truetype");
}

/*********************************************FONTS-CSS-END*****************************************/

/*********************************************RESET-CSS*********************************************/

* {
  margin: 0;
  padding: 0;
  word-break: break-word;
}

:focus {
  outline: 0 !important;
}

.btn.focus,
.btn:focus {
  box-shadow: none;
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: none;
}

body {
  height: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  background: #f3f4f9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button {
  cursor: pointer;
  border: 0;
  background: transparent;
}

.login-parent button {
  opacity: 1;
  transition: 0.3s opacity ease;
}

a {
  text-decoration: none;
}

a:hover {
  color: #4561a8;
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0;
}

::-webkit-input-placeholder {
  opacity: 0.5;
}

::-moz-placeholder {
  opacity: 0.5;
}

:-ms-input-placeholder {
  opacity: 0.5;
}

:-moz-placeholder {
  opacity: 0.5;
}

.clearfix {
  clear: both;
}

.align-left {
  text-align: left !important;
}

.align-center {
  text-align: center !important;
}

.align-right {
  text-align: right !important;
}

.primary-container {
  max-width: 1030px;
  margin: 0 auto;
  padding-top: 66px;
}

.primary-container-2 {
  max-width: 1030px;
  margin: 0 auto;
}

.secondary-container {
  position: relative;
  max-width: 765px;
  margin: 0 auto;
  padding-top: 78px;
  padding-bottom: 200px;
  overflow: hidden;
}

.logoutfix {
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 2;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.full-width {
  width: 100%;
}

.half-width {
  max-width: 48%;
}

.qwa-width {
  max-width: 23%;
}

.one-third-width {
  max-width: 33.33%;
}

.two-third-width {
  width: 66.66%;
}

.p-l-20 {
  padding-left: 20px;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.continue-btn {
  border-radius: 4px !important;
  background: #2cca83 !important;
  height: 52px !important;
  width: 173px !important;
  font-size: 16px !important;
  border: 0 !important;
  font-weight: bold !important;
  letter-spacing: 0.74px;
  transition: 0.3s background ease;
  text-transform: uppercase;
}

.back-btn {
  border-radius: 4px !important;
  background: transparent !important;
  height: 52px !important;
  font-size: 16px !important;
  border: 0 !important;
  font-weight: bold !important;
  color: #89939f !important;
  width: 173px !important;
  letter-spacing: 0.74px;
  transition: 0.3s all ease;
  text-transform: uppercase;
}

.emp_ht {
  height: 238px !important;
}

.back-btn:hover {
  background: #c9ced4 !important;
  color: #fff !important;
  transition: 0.3s all ease;
}

.back-btn:active {
  background: #8f949b !important;
}

.continue-btn {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.continue-btn span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 34px;
}

.continue-btn span::before,
.continue-btn span::after {
  content: "";
  width: 15px;
  height: 13px;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s all ease-in-out;
}

.continue-btn span::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-white-arro.svg);
}

.continue-btn span::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-white-arro-hover.svg);
}

.continue-btn span::after {
  opacity: 0;
}

.back-btn span {
  margin-right: 43px;
  display: none;
}

.dropdown-toggle::after {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.jabri-app-parent.candidate-layout .btn-success {
  background-color: #2cca83 !important;
  border-color: #2cca83 !important;
}

/*********************************************RESET-CSS-END*****************************************/

/*NEW-UI-STYLE***********************************************************************************/
.jabri_new_uistyle-title {
  color: #425366;
  font-size: 24px;
  letter-spacing: -0.19px;
  line-height: normal;
  margin-bottom: 35px;
}

.jabri_new_uistyle-green-btn {
  height: 52px;
  width: 150px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;

  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.74px;
  line-height: 19px;
  text-align: center;
  margin-right: 10px;
  text-transform: uppercase;
  transition: 0.3s background ease;
}

.jabri_new_uistyle-green-btn:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.jabri_new_uistyle-ghost-btn {
  height: 52px;
  width: 150px;
  border-radius: 4px;
  background: transparent;
  transition: 0.3s all ease;
  color: #89939f;

  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.74px;
  line-height: 19px;
  text-transform: uppercase;
  text-align: center;
}

.jabri_new_uistyle-ghost-btn:hover {
  background: #c9ced4;
  color: #fff;
  transition: 0.3s all ease;
}

.jabri_new_uistyle-ghost-btn:active {
  background: #8f949b;
}

.jabri_new_uistyle-form-group {
  position: relative;
  height: 60px;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 4px;
  background: #fff;
  padding: 0 20px;
  display: flex;
  flex-flow: column-reverse;
}

.jabri_new_uistyle-form-group-select .ng-select .ng-select-container:hover {
  box-shadow: none;
}

.jabri_new_uistyle-form-group-select .ng-clear-wrapper {
  display: none;
}

.jabri_new_uistyle-form-group.contain_text_area {
  overflow: hidden;
}

.jabri_new_uistyle-form-group-select .jabri_new_uistyle-form-group,
.jabri_new_uistyle-form-group-select
  .ng-select
  .ng-select-container
  .ng-value-container
  .ng-input
  > input {
  padding: 0;
}

.jabri_new_uistyle-form-group-select .ng-dropdown-panel.ng-select-top {
  bottom: auto;
  top: 60px;
  margin-bottom: 0;
  margin-top: -1px;
  border: 1px solid #dce1e7;
  border-top: 0;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: none;
}

.jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single
  .ng-select-container
  .ng-value-container {
  padding-left: 20px;
  padding-right: 50px;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
}

.jabri_new_uistyle-form-group-select
  .ng-select
  .ng-select-container
  .ng-value-container
  .ng-input
  > input {
  padding: 0;
  width: calc(100% - 70px);
  left: 20px;
}

.jabri_new_uistyle-form-group-select
  .ng-select
  .ng-select-container
  .ng-value-container
  .ng-input
  > input,
.jabri_new_uistyle-form-group-select .ng-value-label {
  color: #425366;
  font-size: 18px;
}

.jabri_new_uistyle-form-group-select
  .ng-select
  .ng-select-container
  .ng-value-container
  .ng-placeholder {
  font-size: 18px;
  color: #89939f;
}

.jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single
  .ng-select-container
  .ng-value-container
  .ng-input {
  border-radius: 4px;
}

.jabri_new_uistyle-form-group-select
  .ng-select.ng-select-opened
  .ng-select-container
  .ng-value-container
  .ng-input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single
  .ng-select-container {
  height: 60px;
  border: 0;
  background: transparent;
  border: 1px solid #dce1e7;
}

.jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single.ng-select-opened
  .ng-select-container {
  overflow: initial;
  z-index: 9999;
  border-bottom: 0;
}

.jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single.ng-select-opened
  .ng-select-container
  .ng-input {
  top: 50px;
  border: 1px solid #dce1e7;
  background: #fff;
  max-width: calc(100% - 40px);
  left: 0;
  right: 0;
  margin: auto;
  height: 40px;
  border-radius: 4px;
}

.jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single
  .ng-select-container
  + .ng-dropdown-panel {
  padding-top: 46px;
}

.jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single.ng-select-opened.ng-select-filtered
  .ng-select-container
  .ng-placeholder {
  display: block;
}

.jabri_new_uistyle-form-group-select .ng-dropdown-panel.ng-select-bottom {
  border: 1px solid #dce1e7;
  border-top: 0;
  box-shadow: none;
}

.jabri_new_uistyle-form-group-select
  .ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option {
  font-size: 18px;
  color: #425366 !important;
  padding-left: 20px;
  padding-right: 20px;
}

.jabri_new_uistyle-form-group-select
  .ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option.ng-option-disabled {
  display: none !important;
}

.jabri_new_uistyle-form-group input,
.jabri_new_uistyle-form-group textarea {
  color: #425366;
  font-size: 18px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0 20px;
  padding-top: 15px;
  border: 1px solid #dce1e7;
}

.jabri_new_uistyle-form-group input[disabled="true"] {
  cursor: default;
}

.jabri_new_uistyle-form-group textarea {
  resize: none;
  padding-top: 24px;
}

.jabri_new_uistyle-form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #425366;
  font-size: 18px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0 20px;
  border: 1px solid #dce1e7;
}

.jabri_new_uistyle-form-group.contain_text_area label {
  background: #fff;
  padding-right: 5px;
}

.jabri_new_uistyle-form-group.contain_text_area label::before {
  content: "";
  height: 38px;
  width: 65vw;
  display: block;
  position: absolute;
  left: 0;
  top: -10px;
  background: #fff;
  z-index: -1;
}

.jabri_new_uistyle-form-group.contain_text_area textarea {
  padding-bottom: 20px;
}

.jabri_new_uistyle-form-group label {
  padding: 0;
  margin: 0;
  color: #89939f;

  font-size: 16px;
  line-height: normal;
  position: absolute;
  top: 20px;
  z-index: 0;
}

.jabri_new_uistyle-form-actions {
  margin-top: 50px;
}

.jabri_new_uistyle-subtitle {
  color: #89939f;
  font-size: 20px;
  letter-spacing: -0.16px;
  line-height: normal;
  margin-bottom: 35px;
}

.jabri_new_uistyle-form-group label,
.jabri_new_uistyle-form-group input,
.jabri_new_uistyle-form-group textarea {
  transition: all 0.2s;
  touch-action: manipulation;
}

.jabri_new_uistyle-form-group input,
.jabri_new_uistyle-form-group textarea {
  -webkit-appearance: none;
  cursor: text;
}

.jabri_new_uistyle-form-group input::placeholder,
.jabri_new_uistyle-form-group textarea::placeholder {
  opacity: 0;
}

.jabri_new_uistyle-form-group input::-webkit-input-placeholder,
.jabri_new_uistyle-form-group textarea::-webkit-input-placeholder {
  opacity: 0;
}

.jabri_new_uistyle-form-group input:-ms-input-placeholder,
.jabri_new_uistyle-form-group textarea:-ms-input-placeholder {
  opacity: 0;
}

.jabri_new_uistyle-form-group input:focus::placeholder,
.jabri_new_uistyle-form-group textarea:focus::placeholder {
  opacity: 0.5;
}

.jabri_new_uistyle-form-group input:focus::-webkit-input-placeholder,
.jabri_new_uistyle-form-group textarea:focus::-webkit-input-placeholder {
  opacity: 0.5;
}

.jabri_new_uistyle-form-group input:focus:-ms-input-placeholder,
.jabri_new_uistyle-form-group textarea:focus:-ms-input-placeholder {
  opacity: 0.5;
}

.jabri_new_uistyle-form-group input + label,
.jabri_new_uistyle-form-group textarea + label,
.jabri_new_uistyle-form-group input + grammarly-extension + label,
.jabri_new_uistyle-form-group textarea + grammarly-extension + label {
  cursor: text;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: scale(1) translateY(0px);
}

.jabri_new_uistyle-form-group.active input + label,
.jabri_new_uistyle-form-group input:focus + label,
.jabri_new_uistyle-form-group.active textarea + label,
.jabri_new_uistyle-form-group textarea:focus + label,
.jabri_new_uistyle-form-group.active input + grammarly-extension + label,
.jabri_new_uistyle-form-group input:focus + grammarly-extension + label,
.jabri_new_uistyle-form-group.active textarea + grammarly-extension + label,
.jabri_new_uistyle-form-group textarea:focus + grammarly-extension + label {
  transform: scale(0.75) translateY(-22px);
  transform-origin: left bottom;
  cursor: pointer;
  z-index: 1;
}

div.jabri_new_uistyle-error,
div.jabri_new_uistyle-error label,
.tag-ui-error {
  color: #ff5875;

  font-size: 15px;
  line-height: 18px;
  position: absolute;
  left: 0;
  bottom: -24px;
  display: block;
  width: 100%;
}

.tag-ui-error {
  left: 20px;
  bottom: -28px;
}

.jabri_new_uistyle-error + input,
.jabri_new_uistyle-error + textarea {
  border-color: #ff5875;
}

.jabri_new_uistyle-form-group.contain_date_picker ng-datepicker,
.jabri_new_uistyle-form-group.contain_date_picker .ngx-datepicker-input,
.ngx-datepicker-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.jabri_new_uistyle-form-group.contain_date_picker .ngx-datepicker-input {
  color: #425366;
  font-size: 18px !important;
  padding-left: 20px !important;
}

.ngx-datepicker-container .ngx-datepicker-calendar-container {
  z-index: 2;
}

/*NEW-UI-STYLE-END***********************************************************************************/

/*********************************************SIDEBAR***********************************************/

.jabri-sidebar {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 255px;
  height: 100%;
  max-height: 100vh;
  z-index: 1;
  box-shadow: 0 0 75px rgba(0, 0, 0, 0.04);
  transition: 0.25s width ease-in-out;
}

.sidebar-inner {
  max-height: calc(100vh - 65px);
}

.sidebar-logo {
  text-align: center;
  padding-top: 20px;
  display: none;
}

.sidebar-logo img {
  max-width: 61px;
  transition: 0.25s max-width ease-in-out;
  cursor: pointer;
}

.jabri-sidebar.toggled .sidebar-logo img {
  max-width: 37px;
}

.sidebar-btn {
  text-align: center;
  padding: 0 35px;
  padding-top: 34px;
  margin-bottom: 30px;
  transition: 0.25s all ease-in-out;
}

.sidebar-btn a {
  display: block;
  border: 1px solid #2cca83;
  border-radius: 4px;
  height: 41px;
  line-height: 39px;
  color: #2cca83;
  font-size: 14px;
  font-weight: 500;
  transition: 0.2s background ease-in-out;
}

.jabri-sidebar.toggled .sidebar-btn {
  padding-left: 18px;
  padding-right: 18px;
}

.jabri-sidebar.toggled .sidebar-btn a {
  font-size: 0;
}

.jabri-sidebar.toggled .sidebar-btn a span {
  font-size: 16px;
  margin-right: 0;
}

.sidebar-btn a:hover {
  background: #2cca83;
  color: #fff;
}

.sidebar-btn a span {
  margin-right: 12px;
}

.sidebar-btn a span + span {
  margin-right: 0;
  transition: 0.25s opacity ease-in-out;
}

.jabri-sidebar.toggled .sidebar-btn a span + span {
  font-size: 0;
  opacity: 0;
  transition: 0s font-size ease-in-out;
}

.jabri-sidebar li {
  letter-spacing: -0.19px;
  line-height: 54px;
  font-size: 14px;
  color: #89939f;
  padding: 0 35px;
  padding-left: 77px;
  display: block;
  position: relative;
  cursor: pointer;
  font-weight: 500;
  height: 54px;
  transition: 0.2s color ease-in-out;
}

.jabri-sidebar.toggled li {
  padding: 0;
}

.jabri-sidebar li span {
  transition: 0.25s opacity ease-in-out;
  opacity: 1;
  white-space: nowrap;
}

span.dif-span {
  display: block;
  margin-right: -35px;
}

.jabri-sidebar.toggled li span {
  margin: 0;
  opacity: 0;
  transition: 0s opacity ease-in-out;
}

.jabri-nav-list li.active {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/side-bar.svg);
  background-repeat: no-repeat;
  background-position: left center;
  color: #4561a8;
}

.jabri-nav-list li:hover {
  color: #4561a8;
}

.jabri-nav-list li::before,
.jabri-nav-list li::after {
  content: "";
  position: absolute;
  left: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  height: 20px;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.jabri-app-parent.candidate-layout .jabri-nav-list li::before,
.jabri-app-parent.candidate-layout .jabri-nav-list li::after {
  background-position: center;
  width: 26px;
  left: 25px !important;
}

.jabri-sidebar.toggled .jabri-nav-list li::before,
.jabri-sidebar.toggled .jabri-nav-list li::after {
  left: 27px;
}

.jabri-nav-list li::after,
.jabri-nav-list li.active::before,
.jabri-nav-list li:hover:before {
  opacity: 0;
}

.jabri-nav-list li.active::after,
.jabri-nav-list li:hover:after {
  opacity: 1;
}

.jabri-nav-list li.nav-home::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-home-icn-hover.svg);
}

.jabri-nav-list li.nav-home::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-home-icn.svg);
}

.jabri-nav-list li.nav-jobs::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-jobs-icn-hover.svg);
}

.jabri-nav-list li.nav-jobs::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-jobs-icn.svg);
}

.jabri-nav-list li.nav-review::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-review-icn-hover.svg);
}

.jabri-nav-list li.nav-review::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-review-icn.svg);
}

.jabri-nav-list li.nav-postjob::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-post-icn-hover.svg);
}

.jabri-nav-list li.nav-postjob::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-post-icn.svg);
}

.jabri-nav-list li.nav-chat::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-chat-icn-hover.svg);
}

.jabri-nav-list li.nav-chat::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-chat-icn.svg);
}

.jabri-nav-list li.nav-reports::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-reports-icn-hover.svg);
}

.jabri-nav-list li.nav-reports::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-reports-icn.svg);
}

.jabri-nav-list li.nav-settings::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-settings-icn-hover.svg);
}

.jabri-nav-list li.nav-settings::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nav-settings-icn.svg);
}

.jabri-nav-list li.cnav-profile::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cnav-profile.svg);
}

.jabri-nav-list li.cnav-profile::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cnav-profile-hover.svg);
}

.jabri-nav-list li.cnav-joblist::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cnav-jobs-list.svg);
}

.jabri-nav-list li.cnav-joblist::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cnav-jobs-list-hover.svg);
}

.jabri-nav-list li.cnav-applied-jobs::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cnav-applied-jobs.svg);
}

.jabri-nav-list li.cnav-applied-jobs::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cnav-applied-jobs-hover.svg);
}

.jabri-sidebar.toggled {
  width: 77px;
}

/*********************************************SIDEBAR-END*******************************************/

/*********************************************TOPBAR************************************************/

.jabri-topbar {
  background: #fff;
  width: calc(100% - 255px);
  position: fixed;
  right: 0;
  padding-right: 23px;
  z-index: 1;
  transition: 0.25s width ease-in-out;
}

.jabri-topbar .top-left {
  float: left;
  padding-left: 34px;
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.jabri-topbar .top-right {
  float: right;
  padding-top: 28px;
  padding-bottom: 28px;
}

.jabri-topbar .top-right ul li {
  display: inline-block;
}

.jabri-topbar .top-right ul li,
.jabri-topbar .top-left img {
  cursor: pointer;
}

.jabri-topbar ul li img.forhover,
.jabri-topbar .top-right ul li .dropbox-title {
  position: relative;
  opacity: 0.5;
}

.jabri-topbar .top-right ul li:hover img,
.jabri-topbar .top-left img:hover,
.jabri-topbar .top-right ul li:hover .dropbox-title {
  opacity: 1;
}

.user-menu span {
  margin-left: 14px;
}

.user-menu button img {
  border-radius: 11px;
}

.user-menu button > img {
  max-width: 50px;
  max-height: 50px;
}

.user-menu .dropdown {
  display: inline;
}

li.user-menu .dropdown button {
  width: 74px;
  height: 50px;
  border: 0;
}

li.user-menu .dropdown button[aria-expanded="true"] span img {
  transform: rotate(180deg);
}

.jabri-topbar .user-settings {
  margin-right: 46px;
}

.jabri-topbar .user-bell {
  position: relative;
  margin-right: 25px;
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block;
  line-height: 40px;
}

.jabri-topbar .user-bell img {
  padding: 10px;
}

.jabri-topbar .user-feedback {
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 8px;
}

.user-feedback::before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.user-feedback button:after {
  content: "Feedback";
  background: rgba(32, 33, 36, 0.75);
  height: 24px;
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 82px;
  text-align: center;
  line-height: 24px;
  margin: auto;
  position: absolute;
  left: -20px;
  top: 53px;
  border: 0;
}

.jabri-topbar ul li.user-feedback img.forhover {
  position: relative;
  bottom: 2px;
  padding: 10px;
}

.user-feedback:hover:before,
.user-feedback:hover button:after {
  display: block;
}

.user-feedback button[aria-expanded="true"]:after {
  display: none !important;
}

.user-dropbox {
  width: 314px;
  height: 52px;
  display: inline-block;
  margin-right: 59px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.28);
  box-shadow: 0 13px 20px rgba(0, 0, 0, 0.06);
  padding-top: 13px;
  padding-left: 16px;
}

.user-dropbox li {
  display: inline-table;
}

.dropbox-title {
  font-size: 12px;
  color: #a8b5c2;
  text-align: center;
  line-height: 15px;
  font-weight: 500;
}

.dropbox-icn {
  margin-right: 24px;
}

.dropbox-arrow {
  float: right;
  margin-right: 18px;
}

.stepwizard-step {
  width: 33.33%;
}

.stepwizard-step a,
.stepwizard-step p {
  display: inline-block;
}

.stepwizard-step a {
  border-radius: 100%;
  border: 0;
  -webkit-appearance: none;
  background: rgba(168, 181, 194, 0.17);
  height: 38px;
  width: 38px;
  padding: 0;
  line-height: 38px;
  font-weight: bold;
}

.stepwizard-step p,
.stepwizard-step a {
  color: #89939f;
  font-size: 14px;
  cursor: default;
}

.stepwizard-step.complete p,
.stepwizard-step.complete a,
.stepwizard-step.active p,
.stepwizard-step.active a {
  cursor: pointer;
}

.stepwizard-step p {
  line-height: 40px;
  margin-top: 0 !important;
  padding-left: 13px;
  font-weight: 500;
}

.stepwizard-row:before {
  display: none;
}

.stepwizard-step.active a,
.stepwizard-step.active p {
  color: #4561a8;
}

.stepwizard-step.complete a {
  font-size: 0;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/green-check.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: none;
}

/*********************************************TOPBAR-END********************************************/

/*********************************************MAIN-CONTENT******************************************/

.jabri-main-content {
  position: fixed;
  right: 0;
  bottom: 0;
  width: calc(100% - 255px);
  height: calc(100% - 80px);
  overflow: auto;
  z-index: 0;
  transition: 0.25s width ease-in-out;
  padding-bottom: 100px;
}

/*********************************************MAIN-CONTENT-END**************************************/

/*********************************************POST-JOB**********************************************/

.compose-job .control-label + textarea {
  height: 189px !important;
  padding-top: 20px !important;
}

.post-title {
  color: #425366;
  font-size: 38px;
  line-height: 43px;
  letter-spacing: -0.3px;
  font-weight: normal;
  margin-bottom: 64px;
}

#sortable label {
  cursor: grab;
}

.dragstart,
.dragstart * {
  cursor: grabbing !important;
}

.question-action {
  position: absolute;
  right: 0;
  top: -27px;
  display: none;
}

.question-parent:hover .question-action {
  display: block;
}

.question-action li {
  display: inline;
  margin-left: 5px;
}

.qsdelete {
  cursor: pointer;
  transition: 0.2s all ease-in-out;
}

.qsdelete:hover {
  opacity: 0.5;
}

.grabicon {
  max-width: 18px;
  position: relative;
  z-index: -1;
  cursor: grab;
}

.question-action {
  cursor: grab;
}

.dragstart .grabicon,
.dragstart .question-action,
.dragstart label {
  cursor: grabbing !important;
}

.radio-div,
.radio-div input,
.radio-lbl {
  display: inline-block;
  color: #425366;
  font-weight: normal;
}

.radio-lbl {
  padding-left: 45px;
  line-height: 29px;
  cursor: pointer;
}

.radio-div input {
  width: auto;
}

.custom-radio li {
  position: relative;
  overflow: hidden;
  height: 29px;
}

.custom-radio li input[type="radio"] {
  position: absolute;
  transform: scale(14);
  left: 0;
  margin: auto;
  opacity: 0;
  cursor: pointer;
}

.custom-radio li .check {
  display: block;
  position: absolute;
  border-radius: 100%;
  height: 29px;
  width: 29px;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  background: #fff;
}

.custom-radio li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

input[type="radio"]:checked ~ .check::before {
  background: #4561a8;
}

.compose-picker input {
  width: 100% !important;
}

.compose-job .form-group.float-left.half-width,
.compose-picker .float-left.half-width {
  padding-right: 10px;
}

.compose-job .form-group.float-right.half-width,
.compose-picker .float-right.half-width {
  padding-left: 10px;
}

.other-position input {
  width: 255px;
}

.form-group-inner {
  width: calc(100% - 255px);
}

.radio-div.one-third-width {
  margin-top: 17px;
}

.radio-div input[type="radio"] {
  margin-right: 15px;
}

.question-parent {
  margin-bottom: 37px;
  border-radius: 4px;
  padding-top: 30px;
  cursor: grab;
}

.tag-green,
.tag-orange,
.tag-blue,
.tag-pink,
.tag-own {
  border: 0 !important;
  font-size: 11px;
  display: inline-block;
  border-radius: 3px;
  margin-right: 10px;
  height: 29px;
  line-height: 29px;
  padding: 0 15px;
  cursor: pointer;
  font-family: mn-bold;
  transition: 0.2s all ease-in-out;
}

.tagsClick.tagact,
.tagsClick:hover,
.tag-green:hover,
.tag-orange:hover,
.tag-blue:hover,
.tag-pink:hover,
.tag-own:hover {
  color: #fff;
}

.tag-green {
  background: #edfbf4;
  color: #2cca83;
}

.tag-orange {
  background: #fff6ec;
  color: #f58323;
}

.tag-blue {
  background: #ebeef6;
  color: #4561a8;
}

.tag-pink {
  background: #fff4f6;
  color: #ff5875;
}

.tag-own {
  background: #eee;
  background: #8695b2;
}

.ownposinput {
  margin: 0;
  border: 0;
  border-top: 1px solid #dce1e7;
  font-size: 14px !important;
  padding: 10px !important;
  height: 40px !important;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ownposinput:focus {
  border-color: #dce1e7;
}

.tag-green.tagact,
.tag-green:hover {
  background: #2cca83;
}

.tag-orange.tagact,
.tag-orange:hover {
  background: #f58323;
}

.tag-blue.tagact,
.tag-blue:hover {
  background: #4561a8;
}

.tag-pink.tagact,
.tag-pink:hover {
  background: #ff5875;
}

.tag-own.tagact,
.tag-own:hover {
  background: #8695b2;
}

.tagothcl {
  opacity: 0.3;
}

.tagothcl:hover {
  opacity: 1;
}

.question-timer select {
  background: none;
  border: 0;
  color: #89939f;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/select-bg.svg);
  background-repeat: no-repeat;
  background-position: right 23px center;
  font-weight: 500;
  cursor: pointer;
  padding-top: 21px;
  padding-bottom: 22px;
  padding-right: 50px;
  padding-left: 40px;
  line-height: normal;
  position: relative;
  z-index: 1;
}

.question-timer img {
  position: absolute;
  top: 23px;
  margin: auto;
  z-index: 0;
  left: 18px;
}

.question-timer {
  position: relative;
  border-left: 1px solid #dce1e7;
  transition: 0.2s all ease-in-out;
}

.tag-left {
  padding: 15px 0;
  padding-left: 20px;
  max-width: calc(100% - 280px);
}

.add-question-btn {
  display: block;
  border: 1px solid #c3cce2;
  height: 50px;
  color: #4561a8;
  cursor: pointer;
  font-size: 12px;
  line-height: 48px;
  border-radius: 4px;
  margin-top: 60px;
  margin-bottom: 37px;
  transition: 0.2s all ease-in-out;
  font-weight: 500;
}

.add-question-btn:hover {
  background: #4561a8;
  color: #fff;
  border-color: #4561a8;
}

.share-tile-parent .share-tile {
  height: 169px;
  width: 169px;
  display: inline-block;
  margin-right: 27px;
  background-color: #fff;
  border-radius: 7px;
  text-align: center;
  position: relative;
  box-shadow: 0 15px 22px rgba(0, 0, 0, 0.04);
  padding: 15px;
}

.share-tile-parent .share-tile img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.share-tile-parent .share-tile:last-child {
  margin-right: 0;
}

.post-job-btn span::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/post-job-check.svg);
}

.post-job-btn span::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/post-job-check-green.svg);
}

.post-job-btn span {
  margin-left: 0;
  margin-right: 0;
  right: 32px;
}

share-button button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

share-button button svg {
  display: none !important;
}

input.share-check {
  position: absolute;
  right: 0;
  z-index: 5;
  width: auto;
  transform: scale(5);
  opacity: 0;
  cursor: pointer;
}

.check-before,
.custom-check {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
}

.check-before::before {
  content: "";
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/share-check.svg);
  width: 10px;
  height: 8px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: 0.2s all ease-in-out;
  display: block;
  z-index: 1;
}

.check-before::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: block;
  transition: 0.2s all ease-in-out;
  border: 1px solid #cfd6de;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

[type="checkbox"]:checked + .check-before:before {
  opacity: 1;
}

[type="checkbox"]:checked + .check-before:after {
  background: #2cca83;
  border-color: #2cca83;
}

.un-select {
  float: right;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.twitter-bg,
.facebook-bg,
.g-plus-bg {
  background-position: top 55px center;
  background-repeat: no-repeat;
}

.twitter-bg {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/twitter.svg);
}

.facebook-bg {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/facebook.svg);
}

.g-plus-bg {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/g-plus.svg);
}

.soc-title {
  font-weight: 500;
  font-size: 14px;
  color: #425366;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 38px;
}

.share-n-distribute .form-group {
  margin-bottom: 50px;
}

.share-n-distribute .form-group.lst {
  margin-bottom: 66px;
}

.share-n-distribute input[type="text"],
.bootstrap3-info tag {
  height: 36px !important;
  border-radius: 3px !important;
  border: 1px solid #cfd6de !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: normal !important;
}

.bootstrap3-info tag {
  cursor: default !important;
}

.ng2-tag-input.bootstrap3-info {
  height: auto !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 7px 15px !important;
  padding-top: 6px !important;
  padding-bottom: 10px !important;
}

.bootstrap3-info tag {
  background: #f1f3f9 !important;
  border: 0 !important;
  margin-top: 5px !important;
  margin-right: 15px !important;
  color: #4561a8 !important;
  font-weight: 500 !important;
}

.bootstrap3-info tag {
  box-shadow: none !important;
}

#ui-id-1 {
  overflow-x: hidden;
}

#ui-id-1 .ui-menu-item-wrapper {
  padding: 8px 10px;
}

/*********************************************POST-JOB-END******************************************/

/*********************************************LOGIN*************************************************/

#particles-js {
  background: rgb(69, 97, 168);
  background: linear-gradient(
    135deg,
    rgba(69, 97, 168, 1) 0%,
    rgba(106, 69, 168, 1) 100%
  );
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: auto;
}

#particles-js .particles-network {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

.login-parent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 92px 167px rgba(0, 0, 0, 0.07);
  max-width: 593px;
  height: 550px;
}

.login-parent.candidates button[type="submit"] {
  margin-top: 20px;
}

.login-logo {
  text-align: center;
  padding-top: 82px;
  padding-bottom: 65px;
}

.login-inner {
  width: 393px;
  margin: 0 auto;
}

.forgot-pass {
  display: inline-block;
  opacity: 0.56;
  font-size: 12px;
  color: #a8b5c2 !important;
  text-transform: uppercase;
  margin-top: 15px;
  letter-spacing: 0.5px;
  font-weight: bold;
  transition: 0.3s opacity ease;
}

.forgot-pass:hover {
  opacity: 1;
  color: #a8b5c2;
  transition: 0.3s opacity ease;
}

.login-parent button[type="submit"],
.login-parent button[type="button"] {
  height: 60px;
  background: #2cca83;
  border-radius: 4px;
  /*box-shadow: 0 12px 26px rgba(33, 158, 102, 0.16);*/
  display: block;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.limiter.forgot .login-parent {
  height: 460px;
}

.login-parent.candidatel {
  height: 650px;
}

.signup-text {
  margin-top: 20px;
}

.signup-text *,
.or-text {
  font-weight: bold;
}

.or-text {
  margin-bottom: 18px;
  text-align: center;
}

.signup-text span,
.or-text {
  font-size: 12px;
  color: #7c7c7c;
}

.signup-text a {
  font-size: 12px !important;
}

.signup-text a {
  color: #2cca83;
  opacity: 1;
}

.signup-text a:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.login-parent.candidates {
  height: 520px;
  margin: auto;
}

.login-parent.candidates.sign-clicked {
  height: 960px;
  margin: 100px auto;
}

.login-parent.candidates .form-group + .form-group {
  margin-bottom: 20px;
}

/*********************************************LOGIN-END*********************************************/

/*********************************************JOB-LIST**********************************************/

.job-list-tile {
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.04);
  background: #fff;
  border-radius: 4px;
  transition: 0.25s box-shadow ease-in-out;
  height: 100%;
}

.job-list-tile .dropdown-menu {
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.job-list-tile .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.job-list-tile .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.job-list-tile .dropdown-menu.show .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.job-list-tile:hover {
  box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.4);
}

.job-list-divider {
  height: 1px;
  background: rgba(137, 147, 159, 0.2);
  display: block;
  margin-top: 25px;
  margin-bottom: 28px;
}

.job-list-tile .tag span {
  height: 28px;
  padding: 0 10px;
  background: rgba(44, 202, 131, 0.19);
  font-family: mn-bold;
  color: #2cca83;
  line-height: 28px;
  font-weight: normal;
  display: inline-block;
  font-size: 12px;
  border-radius: 3px;
}

.job-list-title {
  font-size: 20px;
  font-weight: normal;
  color: #425366;
  line-height: 24px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.job-list-inner {
  padding: 0 42px;
  padding-top: 15px;
  padding-bottom: 31px;
  cursor: pointer;
  position: relative;
}

.job-list-desc,
.job-list-desc * {
  letter-spacing: -0.1px;
  font-size: 13px;
  color: #99a2ac !important;
  line-height: 21px;
  max-height: 40px;
  min-height: 40px;
  overflow: hidden;
  font-style: initial;
  font-weight: normal;
  text-decoration: none;
}

.job-list-inner ul {
  overflow: hidden;
  margin: 0 !important;
}

.job-list-inner .job-list-desc ul {
  list-style: initial;
}

.job-list-inner ul ul {
  overflow: initial;
  position: relative;
  bottom: 1px;
}

.job-li {
  letter-spacing: -0.2px;
  font-size: 13px;
  color: #7a8693;
  font-weight: 500;
  float: left;
  width: 50%;
  margin: 0 !important;
  height: 25px;
  line-height: 25px;
}

.jabri-app-parent.candidate-layout .job-list-inner ul {
  overflow: initial;
}

.jabri-app-parent.candidate-layout .job-li {
  float: none;
  display: inline-block;
  width: 48%;
  white-space: nowrap;
}

.job-li ul li {
  margin: 0 !important;
  float: left;
  margin-left: -9px !important;
}

.job-li ul li:first-child {
  margin-left: 0 !important;
}

.job-li ul li img {
  max-width: 25px;
  border-radius: 100%;
}

.job-li span img {
  margin-right: 8px;
  position: relative;
  bottom: 2px;
}

.jabri-app-parent.candidate-layout .job-li:first-child + li img {
  position: static;
}

.jabri-app-parent.candidate-layout .job-li.no-wrap span img {
  position: relative;
  bottom: 2px;
}

.job-actions .job-action-common {
  float: left;
  width: 50%;
}

div#dateModel::after,
div#cropTemplate::after {
  content: "";
  display: block;
  width: 100%;
  height: 200%;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.job-actions {
  padding: 0 42px;
  padding-top: 25px;
}

.job-actions .switch {
  transform: scale(0.5);
  margin-left: -15px;
  margin-top: -3px;
}

.job-actions input:checked + .slider {
  background: #4561a8 !important;
}

.job-actions .btn {
  font-size: 13px;
  color: #7a8693;
  text-decoration: underline;
  padding: 0;
  display: none;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.job-list-tile:hover .job-actions .btn {
  display: inline-block;
}

.job-actions img {
  width: 25px;
  margin-top: 1px;
}

.job-actions label {
  margin: 0;
}

.job-list-parent .col-md-4 {
  margin-bottom: 30px;
}

.job-list-parent.view-switch .col-md-4 {
  flex: 0 0 100%;
  max-width: 100%;
}

/*********************************************JOB-LIST-END******************************************/

/*********************************************CANDIDATE-INTERVIEW***********************************/

.jabri-main-content.toggled,
.jabri-topbar.toggled {
  width: calc(100% - 77px);
}

.cand-detail-left {
  background: #fff;
  box-shadow: 0 2px 68px 0 rgba(0, 0, 0, 0.04);
  position: fixed;
  width: 23.6%;
  margin-top: 85px;
}

.cand-detail-list-item {
  cursor: pointer;
  position: relative;
  padding-left: 63px;
}

.cndlist-inner {
  padding: 17px 0;
  padding-right: 20px;
}

.cand-detail-list-item::before {
  content: "";
  display: block;
  width: calc(100% - 54px);
  background: rgba(173, 184, 208, 0.18);
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 auto;
}

.cand-detail-list-item img {
  border-radius: 15px;
  max-width: 46px;
  max-height: 46px;
}

.cand-detail-list-item ul li {
  display: block;
  float: left;
  max-width: calc(100% - 65px);
}

.cand-detail-left .post-title {
  margin: 0;
}

.cand-detail .row {
  margin: 0;
}

.cand-detail .col-lg-3,
.cand-detail .col-lg-6 {
  padding: 0;
}

.cand-detail-list-item p {
  letter-spacing: -0.3px;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 9px;
}

.cand-detail-list-item .fa {
  margin-right: 4px;
}

.cand-detail-list-item .fa::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/rating-icn-2.svg);
}

.cand-detail-left .fa.active::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/fill-rating-icn.svg);
}

.cand-detail-center {
  padding-left: 36px;
  padding-right: 11px;
  padding-top: 25px;
  padding-bottom: 35px;
  margin-top: 85px;
  margin-bottom: -100px;
}

.cand-quest-main {
  letter-spacing: -0.32px;
  font-size: 30px;
  font-weight: normal;
  color: #425366;
  line-height: 43px;
  margin-top: 17px;
  min-height: 86px;
}

.cand-detail .bx-prev,
.cand-detail .bx-next {
  font-size: 0;
  width: 47px;
  height: 47px;
  display: block;
  position: absolute;
  right: 0;
}

.cand-detail .bx-prev {
  right: 53px;
}

.cand-detail .bx-prev::before,
.cand-detail .bx-next::before {
  transition: 0.2s all ease-in-out;
  box-shadow: 0 23px 26px rgba(0, 0, 0, 0.03);
  position: absolute;
  border-radius: 100%;
}

.cand-detail .bx-prev::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bxprev.svg);
}

.cand-detail .bx-next::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bxnext.svg);
}

.cand-detail .bx-prev:hover:before,
.cand-detail .bx-next:hover:before,
.cand-detail .bx-prev.disabled::before,
.cand-detail .bx-next.disabled::before,
.cand-detail .bx-prev.disabled:hover:before,
.cand-detail .bx-next.disabled:hover:before {
  opacity: 0.5;
}

.cand-detail .bx-prev.disabled::before,
.cand-detail .bx-next.disabled::before,
.cand-detail .bx-prev.disabled:hover:before,
.cand-detail .bx-next.disabled:hover:before {
  cursor: default;
}

.cand-detail .bx-wrapper {
  position: relative;
}

.cand-detail .bx-controls {
  position: absolute;
  right: 0;
  top: 74px;
}

.cand-detail video {
  width: 100% !important;
  height: 100% !important;
  border-radius: 4px;
  max-height: 521px;
  min-height: 521px;
}

.cand-detail .cand-rating-panel .dropdown {
  float: left;
}

.cand-rating-panel .fa {
  padding-left: 4.5px;
  padding-right: 4.5px;
}

.cand-rating-panel .fa::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/big-rating.svg);
}

.cand-rating-panel .fa.active::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/fill-big-rating.svg);
}

.rating-txt,
.cand-detail .cand-rating-panel .dropdown button {
  font-family: mn-bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.47px;
  color: #89939f;
  display: inline-block;
}

.main-rating {
  display: inline-block;
}

.rating-txt {
  position: relative;
  bottom: 6px;
  margin-right: 15px;
}

.cand-rating-panel .fa:last-child {
  margin-right: 0;
}

.cand-rating-panel {
  margin-top: 28px;
  padding-bottom: 20px;
  min-height: 54px;
}

.cand-detail .dropdown button {
  text-decoration: underline;
}

.quest-slider {
  overflow: hidden;
  position: relative;
  margin-top: 16px;
  padding-bottom: 40px;
}

.quest-slider .quest-detail {
  border-radius: 8px;
  box-shadow: 0 10px 20px -10px rgba(69, 97, 168, 0.47);
  background: #fff;
  border-bottom: 4px solid transparent;
  border-color: transparent;
  transition: 0.3s border-color ease;
}

.quest-slider .quest-detail:hover {
  border-color: #a8b5c2;
  transition: 0.3s border-color ease;
}

.quest-slider .quest-detail.bx-active {
  border-color: #4561a8;
  transition: 0.3s border-color ease;
}

.quest-slider .quest-detail.bx-rated {
  border-color: #2cca83;
  transition: 0.3s border-color ease;
}

.quest-slider .bx-controls {
  position: static;
}

.quest-slider .bx-controls .bx-prev,
.quest-slider .bx-controls .bx-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.quest-slider .bx-controls .bx-next {
  right: 0;
}

.cand-profile {
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 20px;
  padding-top: 19px;
  padding-bottom: 9px;
  text-align: center;
}

.profile-img img {
  width: 57px;
  height: 57px;
  border-radius: 15px;
}

.profile-name {
  letter-spacing: -0.4px;
  font-size: 24px;
  color: #425366;
  line-height: 28px;
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-email {
  color: #a8b5c2;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  margin-top: 1px;
  margin-bottom: 10px;
}

.cand-detail-right .fa + .fa {
  margin-left: 5px;
}

.cand-detail-right .fa::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/mid-rating.svg);
}

.cand-detail-right .fa.active::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/fill-mid-rating.svg);
}

.profile-avg {
  display: inline-block;
  letter-spacing: -1px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  color: #fdca42;
  margin-left: 12px;
  position: relative;
  bottom: 1px;
}

.quest-slider .bx-wrapper,
.quest-slider .bx-viewport,
.quest-slider .bxslider {
  position: static;
}

.cand-detail-right {
  position: fixed;
  width: 21%;
  top: 125px;
  right: 35px;
  margin-top: 65px;
}

.profile-tags .tag-own {
  background: #f2f4f6;
  color: #a8b5c2;
  width: 29px;
  padding: 0;
}

.profile-tags {
  margin-top: 23px;
  margin-bottom: 20px;
}

.profile-action select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 58%;
  height: 40px;
  border-radius: 3px;
  background: #4561a8;
  color: #fff;
  cursor: pointer;
  border: 0;
  padding-left: 20px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/white-select-bg.svg);
  background-position: center right 20px;
  background-repeat: no-repeat;
  margin-right: 4%;
  font-size: 13px;
  font-weight: 500;
  opacity: 1;
  transition: 0.5s opacity ease;
}

.profile-action select:hover {
  opacity: 0.5;
  transition: 0.5s opacity ease;
}

.profile-action button,
.profile-action button:hover {
  width: 38%;
  height: 40px;
  color: #4561a8;
  background: #eff1f8;
  border: 0;
  font-size: 13px;
  font-weight: 500;
}

.profile-action button {
  opacity: 1;
  transition: 0.5s opacity ease;
}

.profile-action button:hover {
  opacity: 0.5;
  transition: 0.5s opacity ease;
}

.profile-action button::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/profile-icn.svg);
  margin-right: 8px;
}

.profile-action {
  margin-top: 16px;
}

.cand-detail-list-item li:first-child {
  margin-right: 17px;
  position: relative;
}

span.cand-badge {
  position: absolute;
  bottom: -4px;
  right: -4px;
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

span.cand-check {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cand-check.svg);
  box-shadow: 0 5px 12px 0 rgba(28, 221, 134, 0.31);
}

span.cand-cross {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cand-cross.svg);
  box-shadow: 0 5px 12px 0 rgba(240, 65, 109, 0.34);
}

span.cand-quest {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/cand-quest.svg);
  box-shadow: 0 5px 12px 0 rgba(114, 127, 144, 0.28);
}

.profile-img-inner {
  display: inline-block;
  position: relative;
}

.profile-img-inner .cand-badge {
  width: 20px;
  height: 20px;
  right: -5px;
  bottom: -5px;
}

.cand-chat {
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.chat-title {
  position: relative;
  letter-spacing: -0.7px;
  font-size: 16px;
  line-height: 21px;
  color: #425366;
  padding: 13px 20px;
  border-bottom: 1px solid rgba(114, 127, 144, 0.17);
}

.chat-desc-user {
  color: #425366;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 6px;
}

.chat-desc-date {
  color: #89939f;
  font-size: 11px;
  line-height: 13px;
  margin-left: auto;
}

.chat-desc-txt {
  background: #f0f3f8;
  color: #425366;
  font-size: 12px;
  line-height: 17px;
  padding: 7px 16px;
  border-radius: 10px;
  margin-bottom: 5px;
  display: inline-block;
}

.chat-tile.you-right .chat-desc-txt {
  background: #effbf5;
}

.chat-icon {
  max-width: 36px;
  overflow: hidden;
  margin-right: 15px;
}

.chat-tile.you-right .chat-icon {
  display: none;
}

.chat-icon img {
  border-radius: 10px;
  max-width: 36px;
  max-height: 36px;
  width: 100%;
}

.chat-desc {
  line-height: normal;
}

.chat-tile {
  padding-left: 20px;
  padding-right: 20px;
  line-height: normal;
  margin-top: 5px;
  margin-bottom: 5px;
}

.chat-tile .chat-flex {
  display: flex;
  flex-direction: row;
}

.chat-tile.you-right .chat-flex {
  justify-content: flex-end;
  text-align: right;
}

.chat-input {
  position: relative;
  border-top: 1px solid rgba(114, 127, 144, 0.17) !important;
  padding: 0 20px;
}

.chat-input button {
  width: 52px;
  height: 52px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/send-icn.svg);
  background-repeat: no-repeat;
  background-position: center left 15px;
  font-size: 0;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.chat-input button:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.chat-input input {
  font-size: 13px;
  line-height: 15px;
  color: #425366;
  display: block;
  height: 52px;
  width: calc(100% - 25px);
  border: 0;
}

.cand-list-parent {
  display: block;
  height: calc(100vh - 325px);
  overflow: auto;
  position: relative;
  margin-top: 0;
  transition: 0.3s all ease;
}

.main-chat {
  position: relative;
  overflow-y: auto !important;
  height: calc(100vh - 566px) !important;
  /*display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: flex-end;*/
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.main-chat-innerrr {
  overflow: auto;
}

/*********************************************CANDIDATE-INTERVIEW-END*******************************/

/*********************************************SAGAR-CODE********************************************/
.loaderSharegif {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1111111;
}

.loaderSharegif img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.loadergif {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1111111;
}

.loadergif.loadersgif {
  background: #fff;
}

.loadergif img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
}

.sidebar ul li {
  cursor: pointer;
}

.sidebar li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

.sidebar li a.active {
  background-color: #4caf50;
  color: white;
}

.sidebar li a:hover:not(.active) {
  background-color: #555;
  color: white;
}

.alloutlet {
  background-color: #eff5f8;
  margin-top: 20px;
}

.nav-header {
  background: #fff;
  padding: 16px 32px;
  border-bottom: 1px solid #dfe2e5;
  float: right;
}

.stepwizard-step p {
  margin-top: 10px;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard {
  display: table;
  width: 100%;
  position: relative;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  border: 0;
}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.tagact {
  background-color: #4561a8;
  color: #fff;
}

.dttag {
  border: 1px solid #788bbb;
  padding: 1px;
  font-size: 14px;
  border-radius: 3px;
  margin-right: 10px;
  cursor: pointer;
  background-color: #788bbb;
  color: #fff;
}

.bx-viewport {
  height: auto !important;
  padding-bottom: 15px;
  padding-bottom: 0;
}

.qsbtn {
  display: none;
}

.qshtml {
  display: none;
}

.allbtn {
  margin: 0 auto;
  display: block;
}

.star-rating {
  line-height: 32px;
  font-size: 1.25em;
  cursor: pointer;
  width: 170px;
}

.star-rating .fa-star {
  color: orange;
}

.starav-rating {
  line-height: 32px;
  font-size: 1.25em;
}

.cand-detail-list-item .starav-rating {
  position: relative;
  line-height: 14px;
}

.cand-detail-list-item .starav-rating::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.starav-rating .fa-star {
  color: orange;
}

.dcur {
  cursor: default !important;
}

.disSel {
  opacity: 0.5;
  position: relative;
}

.disSel::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  z-index: 6;
  top: 0;
  left: 0;
  display: block;
}

.nocus {
  cursor: default !important;
}

.vap {
  position: relative;
}

.vap h1 {
  display: block;
  position: absolute;
  font-size: 130px;
  z-index: 1;
  width: 100%;
  height: 551px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-weight: 300;
}

.vap h1 span {
  position: absolute;
  top: 50%;
  margin: auto;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.vap h1 + div {
  width: 100% !important;
  height: calc(100vh - 400px);
}

.Blink {
  animation: blinker 0.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.blinkIcn {
  position: absolute;
  right: 54px;
  top: 41px;
}

.blinkIcn .fa {
  color: #2cca83 !important;
}

.blinkIcn .fa:before {
  content: "\f111";
}

.meeting-parent,
.to-do-parent {
  position: fixed;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: -9999;
  top: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
  background: rgba(30, 35, 50, 0.4);
}

.meeting-parent .meeting-inner {
  background: #fff;
  position: absolute;
  height: 100%;
}

.meeting-parent.show-meeting-inner .meeting-inner {
  cursor: default;
}

.meeting-parent.show-meeting-inner,
.to-do-parent.show-to-do-inner {
  opacity: 1;
  z-index: 999999;
}

.meeting-inner header {
  border-bottom: 1px solid #e1e2e6;
  background: #fff;
  height: 50px;
  font-weight: 300;
  text-align: center;
}

.meeting-inner h4 {
  font-weight: 300;
}

.meeting-parent .meeting-inner .chat-tile {
  margin-bottom: 0px;
  margin-top: 10px;
  border-bottom: 1px solid #e1e2e6;
  padding-bottom: 10px;
  cursor: pointer;
}

.meeting-parent .meeting-inner .notlist {
  margin-top: 10px;
}

.nread {
  font-weight: 500;
}

/*********************************************SAGAR-CODE-END****************************************/

/*********************************************CSS-NEW***********************************************/

.share-n-distribute {
  padding: 0 15px;
}

.cand-detail-center .tag-green,
.cand-detail-center .tag-orange,
.cand-detail-center .tag-blue,
.cand-detail-center .tag-pink,
.cand-detail-center .tag-own {
  color: #fff;
  cursor: default;
}

.cand-detail-center .tag-green {
  background: #2cca83;
}

.cand-detail-center .tag-orange {
  background: #f58323;
}

.cand-detail-center .tag-blue {
  background: #4561a8;
}

.cand-detail-center .tag-pink {
  background: #ff5875;
}

.cand-detail-center .tag-own {
  background: #8695b2;
}

.cand-detail-center .bx-wrapper::after {
  content: "";
  background: #f3f4f9;
  width: 100px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  box-shadow: 0 0 50px #f3f4f9;
}

.cand-detail-center .quest-slider .bx-wrapper::after {
  display: none;
}

.cand-detail .bx-controls {
  z-index: 1;
}

.star-rating {
  display: inline-block;
  margin-right: -5px;
}

.cand-profile .profile-tags span {
  cursor: default;
}

.job-list-inner .tag-green:hover,
.cand-profile .profile-tags .tag-green:hover {
  background: #edfbf4;
  color: #2cca83;
}

.job-list-inner .tag-orange:hover,
.cand-profile .profile-tags .tag-orange:hover {
  background: #fff6ec;
  color: #f58323;
}

.job-list-inner .tag-blue:hover,
.cand-profile .profile-tags .tag-blue:hover {
  background: #ebeef6;
  color: #4561a8;
}

.job-list-inner .tag-pink:hover,
.cand-profile .profile-tags .tag-pink:hover {
  background: #fff4f6;
  color: #ff5875;
}

.job-list-inner .tag-own:hover,
.cand-profile .profile-tags .tag-own:hover {
  background: #eee;
}

.profile-name span {
  display: inline-block;
  margin-left: 9px;
  position: relative;
  bottom: 4px;
}

.diffnavli.openav,
.diffnavli2.openav {
  height: auto;
  background-position: left top 14px !important;
  padding-bottom: 10px;
  background-image: none;
}

.toggled .diffnavli,
.toggled .diffnavli2 {
  height: 54px;
}

.toggled .diffnavli .nav-sublinks,
.toggled .diffnavli2 .nav-sublinks {
  display: none;
}

.diffnavli.openav::before,
.diffnavli.openav::after,
.diffnavli2.openav::before,
.diffnavli2.openav::after {
  top: 17px;
  bottom: auto;
}

.navsubicn {
  display: inline-block;
}

.meeting-close {
  position: absolute;
  right: 70px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  top: 64px;
  transition: 0.2s all ease-in-out;
}

.meeting-close span::after {
  content: "";
  height: 50px;
  width: 50px;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  position: ABSOLUTE;
  top: -9px;
  left: -18px;
  z-index: -1;
  transform: scale(0);
  transition: 0.2s transform ease-in-out;
}

.meeting-close:hover {
  transform: scale(1.3);
}

.meeting-close:hover span::after {
  transform: scale(1);
}

.meeting-close span {
  font-size: 20px;
  font-weight: bold;
}

.nav-sublinks .nav-sub-in {
  white-space: nowrap;
  padding-left: 20px;
  line-height: 44px;
  font-size: 12px;
  color: #89939f;
  position: relative;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.nav-sublinks .nav-sub-in:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.nav-sublinks .navspan {
  display: inline;
  margin-right: 10px;
}

.nav-sub-in.nav-act,
.nav-sub-in.active {
  color: #4561a8;
}

.nav-sub-in.nav-comp {
  color: #89939f;
}

.nav-sub-in.nav-active::before,
.nav-sub-in.nav-act::before,
.nav-sub-in.nav-comp::before {
  position: absolute;
  left: 0;
}

.nav-sub-in.nav-act::before,
.nav-sub-in.nav-active::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/navsubicn.svg);
}

.nav-sub-in.nav-comp::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/navchkicn.svg);
}

.diffnavli.openav span::before,
.nav-sub-in.nav-act .navspan::before,
.nav-sub-in.nav-comp .navspan::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 54px;
  width: 3px;
  background: #4561a8;
}

.nav-sub-in.nav-act .navspan::before,
.nav-sub-in.nav-comp .navspan::before {
  height: 44px;
  left: -77px;
}

.nav-sub-in.nav-act:last-child .navspan::before,
.nav-sub-in.nav-comp:last-child .navspan:before {
  height: 60px;
}

.ngx-datepicker-position-bottom-right {
  z-index: 1;
}

.notificon {
  /*    background: #2CCA83;*/
  background: #ff385f;
  height: 12px;
  width: 12px;
  border-radius: 100%;
  border: 2px solid #fff;
  position: absolute;
  display: block;
  right: 9px;
  top: 9px;
}

.notifi-categories {
  width: 270px;
  height: 100%;
  background: #4561a8;
  position: absolute;
  z-index: 1;
  left: -270px;
  transition: 250ms left ease-in-out;
  z-index: 9999999;
}

.notifilogo {
  max-width: 60px;
  margin-top: 26px;
  margin-left: 20px;
  margin-bottom: 26px;
}

.mynotifibtn,
.mynotifibtn span {
  display: block;
}

.mynotifibtn a {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.5px;
  transition: none;
}

.mynotifibtn a,
.mynotifibtn a span {
  color: #fff;
}

.mynotifibtn.active-noty a,
.mynotifibtn.active-noty a span {
  color: #000 !important;
  cursor: default;
}

.mynotifibtn {
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 13px;
  padding-top: 8px;
  cursor: pointer;
}

.mynotifibtn.active-noty {
  background: #2cca83 !important;
  cursor: default;
}

.mynotifibtn:hover {
  background: rgba(255, 255, 255, 0.1);
}

.mynotifibtn:hover a,
.mynotifibtn:hover a span {
  color: #fff;
}

.mynotifibtn span {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.sndinner {
  max-width: 565px;
  display: block;
  margin: 0 auto;
}

.filter-inn {
  position: relative;
  padding-right: 10px;
  line-height: normal;
}

.filter-inn .dropdown {
  display: inline-block;
  line-height: normal;
  top: 1px;
}

.filter-inn .dropdown button,
.notitem-title .dropdown button {
  background: none !important;
  border: 0 !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin-left: 5px !important;
  border-radius: 0 !important;
  color: #8695b2 !important;
  line-height: normal !important;
  text-align: left;
  position: relative;
  top: 1px;
}

.filter-inn label {
  color: #a8b5c2;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  display: inline-block;
  margin: 0;
}

.filter-inn select {
  background: none;
  border: 0;
  font-size: 12px;
  color: #89939f;
  font-weight: bold;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: 5px;
}

.filter-inn::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #89939f;
  position: absolute;
  right: 0;
  top: 7px;
}

.filter-inn::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #89939f;
  position: absolute;
  right: 0;
  bottom: 4px;
}

.filter-main {
  padding: 0 44px;
  padding-bottom: 20px;
}

.notifi-item {
  position: absolute;
  display: block;
  width: 348px;
  height: 100%;
  left: -348px;
  z-index: 0;
  background: #f3f4f9;
  transition: 250ms left ease-in-out;
  z-index: 999999;
}

.show-meeting-inner + .notification-main .notifi-item {
  left: 270px;
}

.show-meeting-inner + .notification-main .notifi-categories {
  left: 0;
}

.noticat-title {
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 17px;
  margin-left: 25px;
}

.notificat {
  margin-top: 38px;
}

.notificat li {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
}

.notificat li.active-noty {
  color: #000 !important;
  background: #2cca83 !important;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: default;
}

.notificat li:hover {
  background: rgba(255, 255, 255, 0.2);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.notitem-title {
  height: 76px;
  line-height: 76px;
  padding-left: 29px;
  padding-right: 29px;
  border-bottom: 1px solid #e1e2e6;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  letter-spacing: 0.5px;
  background: #e7eaf3;
}

.notitem-main {
  border-bottom: 1px solid #e1e2e6;
  padding: 15px 0;
  cursor: pointer;
}

.notitem-left {
  float: left;
  padding-left: 29px;
  padding-right: 15px;
}

.notitem-left img {
  width: 35px;
  height: 35px;
  border-radius: 100%;
}

.notitem-right {
  float: left;
  width: calc(100% - 100px);
}

.notitem-list {
  background: #fff;
  overflow: auto;
  height: calc(100% - 136px);
}

.notitem-tag {
  color: #8c96a9;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  margin: 0 0 4px;
}

.notitem-text {
  line-height: 1.54;
  color: #333c4e;
  font-weight: 400;
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
}

.notitem-name,
.notitem-duration {
  color: #8c96a9;
  font-size: 11.5px;
  float: left;
  width: 50%;
  line-height: 1.54;
}

.notitem-duration {
  float: right;
}

.notitem-duration {
  font-weight: 300;
  text-align: right;
}

.bx-clone {
  display: none;
}

.cand-profile-parent .back-btn {
  position: absolute;
  top: 30px;
  left: 30px;
}

.cand-profile-parent .back-btn.backprofbtn {
  position: static;
  float: none !important;
}

.cand-profile-parent table {
  width: 600px;
  margin: 40px auto;
}

.cand-profile-parent td,
.cand-profile-parent th {
  border-bottom: 1px solid #ccc;
  padding: 10px;
  padding-left: 0;
}

.cand-profile-parent td img {
  max-width: 80px;
  max-height: 80px;
  border-radius: 4px;
}

.cand-profile-parent tr td:first-child {
  width: 165px;
}

.cand-profile-parent table span {
  margin-bottom: 10px;
  display: block;
}

.cand-detail-center div#showBxslide {
  position: static !important;
}

.profile-tags span:last-child {
  margin-right: 0;
}

.cand-loader {
  position: absolute;
  /*    background: rgba(255, 255, 255, 0.8);*/
  background: #f3f4f9;
  height: 100%;
  width: 100%;
  z-index: 6;
  top: 0;
}

.cand-loader img {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  margin: auto;
}

.noti-loader {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 100%;
  z-index: 2;
}

.noti-loader img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

.alert-info {
  background: none !important;
  border: 0 !important;
  font-size: 16px !important;
  color: #000 !important;
  position: relative;
  z-index: -1;
}

.chat-blank {
  font-size: 14px !important;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto !important;
  height: 110px;
  max-width: 250px;
  left: 0;
  right: 0;
  color: #5f697a;
}

.chat-blank img {
  width: 40px !important;
  display: block;
  margin: 0 auto;
  margin-bottom: 24px;
}

.notitem-title select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  font-size: 11px;
  color: #89939f;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.5px;
}

.notitem-title .notidropdown {
  float: right;
  position: relative;
  bottom: 2px;
}

.notitem-title .notidropdown::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #89939f;
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.notitem-main.nread {
  background: #f3f6f9;
}

.notitem-main.nread .notitem-text {
  font-weight: bold;
}

delete-icon {
  transform: none !important;
}

delete-icon svg {
  display: none !important;
}

delete-icon span::after {
  content: "\2715";
}

.cand-center-inner {
  position: relative;
  overflow: hidden;
}

.cand-center-inner .cand-loader {
  height: 103%;
  width: 108%;
  z-index: 2;
  left: -4%;
  background: #f3f4f9;
  display: none !important;
}

.cand-detail-center .cand-loader img {
  top: 300px;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #212529;
  background: #fff;
}

.dropdown-item.active::after {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/navchkicn.svg);
  float: right;
  transform: scale(1.2);
  position: relative;
  bottom: 3px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background: #f0f0f0;
}

.job-li li span {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 9px;
  letter-spacing: -0.07px;
  color: #fff;
  background: #4561a8;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  margin-left: -7px;
  position: relative;
  bottom: 1px;
}

.dropdown-menu {
  box-shadow: 1px -2px 6px 1px rgba(119, 119, 119, 0.17),
    1px 2px 2px 1px rgba(119, 119, 119, 0.17);
  width: 240px;
  border: 1px solid #d4d9dc;
  background: #fff;
  border-radius: 3px;
  padding: 0;
  margin: 0;
  top: 10px !important;
  left: 49px !important;
}

.dropdown-item {
  height: 35px;
  line-height: 35px;
  padding: 0 21px;
  color: #4a556a;
  font-size: 13.5px;
}

.dropdown-item:first-child {
  margin-top: 10px;
}

.dropdown-item:last-child {
  margin-bottom: 10px;
}

.dropdown button {
  color: #8c96a9;
  font-size: 11px;
}

.notitem-title .dropdown button {
  text-transform: uppercase;
}

.filter-main .dropdown-menu {
  width: auto;
}

.filter-main .dropdown-menu::before,
.filter-main .dropdown-menu::after {
  display: none;
}

.filter-main .dropdown-item:first-child,
.filter-main .dropdown-item:last-child {
  margin: 0;
}

.filter-inn.float-left .dropdown-menu {
  left: -46px !important;
}

.filter-inn.float-left .dropdown-menu,
.filter-inn.float-right .dropdown-menu {
  left: 0 !important;
}

.user-menu .dropdown-menu,
.user-feedback .dropdown-menu,
.user-bell .dropdown-menu {
  width: 100px;
  left: -100px !important;
  top: 40px !important;
}

.user-feedback .dropdown-menu,
.user-bell .dropdown-menu {
  width: 160px;
  left: -135px !important;
}

.user-menu .dropdown-menu,
.user-feedback .dropdown-menu,
.user-bell .dropdown-menu {
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.user-menu .dropdown-menu.show,
.user-feedback .dropdown-menu.show,
.user-bell .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.user-menu .dropdown-menu .dropdown-menu-inner,
.user-feedback .dropdown-menu .dropdown-menu-inner,
.user-bell .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.user-menu .dropdown-menu.show .dropdown-menu-inner,
.user-feedback .dropdown-menu.show .dropdown-menu-inner,
.user-bell .dropdown-menu.show .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.user-menu .dropdown-menu::before,
.user-menu .dropdown-menu::after,
.user-feedback .dropdown-menu::before,
.user-feedback .dropdown-menu::after,
.user-bell .dropdown-menu::before,
.user-bell .dropdown-menu::after {
  display: none;
}

.user-menu .dropdown-item:first-child,
.user-menu .dropdown-item:last-child,
.user-feedback .dropdown-item:first-child,
.user-feedback .dropdown-item:last-child,
.user-bell .dropdown-item:first-child,
.user-bell .dropdown-item:last-child {
  margin: 0;
}

.job-list-tile .dropdown-menu {
  left: auto !important;
  width: 200px;
  top: 30px !important;
  right: 5px;
}

.job-list-tile .dropdown-item:first-child,
.job-list-tile .dropdown-item:last-child {
  margin: 0;
}

.job-list-tile .dropdown-menu::before,
.job-list-tile .dropdown-menu::after {
  display: none;
}

.cand-list-parent .cand-no-data {
  text-align: center;
  margin-top: 100px;
}

.filter-inn .dropdown button {
  font-weight: bold;
  position: static;
}

.cand-rating-panel .dropdown-item:first-child,
.cand-rating-panel .dropdown-item:last-child {
  margin: 0;
}

.cand-rating-panel .dropdown-menu::before,
.cand-rating-panel .dropdown-menu::after {
  display: none;
}

.cand-rating-panel .dropdown-menu {
  width: 100px;
  left: 0 !important;
  top: 30px !important;
}

.no-data-found {
  display: block;
  max-width: 100px;
  margin: 50px auto;
  margin-top: 100px;
}

.notificat ul {
  height: calc(100vh - 207px);
  overflow: auto;
}

.modal-dialog {
  top: 150px;
  max-width: 400px !important;
}

.modal-title {
  color: #425366;
  font-size: 24px;
  line-height: 43px;
  letter-spacing: -0.3px;
  font-weight: normal;
}

.modal-dialog .control-label {
  display: block;
  font-size: 14px;
  color: #8fa2ad;
  margin-bottom: 5px;
  font-weight: 500;
}

.fromdate,
.todate {
  float: left;
  width: 48%;
}

.fromdate {
  margin-right: 2%;
}

.todate {
  margin-left: 2%;
}

.modal-dialog .ngx-datepicker-container .ngx-datepicker-input {
  width: 100% !important;
}

.modal-dialog .form-group {
  margin-bottom: 0;
}

.modal-footer button {
  font-size: 14px;
}

input#bxscroll {
  width: 100%;
  position: relative;
  bottom: 24px;
}

.quest-slider input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
}

.quest-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.quest-slider input[type="range"]:focus {
  outline: none;
}

.quest-slider input[type="range"]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.quest-slider input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0;
  cursor: pointer;
  background: transparent;
  border-radius: 4px;
}

.quest-slider input[type="range"]:focus::-webkit-slider-runnable-track {
  background: transparent;
}

.quest-slider input[type="range"]::-moz-range-track {
  width: 100%;
  height: 0;
  cursor: pointer;
  background: transparent;
  border-radius: 4px;
}

.quest-slider input[type="range"]::-ms-track {
  width: 100%;
  height: 0;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.quest-slider input[type="range"]::-ms-fill-lower {
  background: transparent;
  border-radius: 4px;
}

.quest-slider input[type="range"]:focus::-ms-fill-lower {
  background: transparent;
}

.quest-slider input[type="range"]::-ms-fill-upper {
  background: transparent;
  border-radius: 4px;
}

.quest-slider input[type="range"]:focus::-ms-fill-upper {
  background: transparent;
}

.quest-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 39px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-indic.svg);
  background-size: 84px;
  cursor: pointer;
  margin-top: -9px;
  background-position: center;
  background-repeat: no-repeat;
}

.quest-slider input[type="range"]::-moz-range-thumb {
  background-color: transparent;
  height: 60px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-indic.svg);
  background-size: 84px;
  cursor: pointer;
  background-position: center 25px;
  background-repeat: no-repeat;
  border: 0;
}

.quest-slider input[type="range"]::-ms-thumb {
  height: 39px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-indic.svg);
  background-size: 84px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}

/* .quest-slider input[type="range"].element-count-1::-webkit-slider-thumb {
  width: 100%;
}

.quest-slider input[type="range"].element-count-1::-moz-range-thumb {
  width: 100%;
}

.quest-slider input[type="range"].element-count-1::-ms-thumb {
  width: 100%;
}

.quest-slider input[type="range"].element-count-2::-webkit-slider-thumb {
  width: 50%;
}

.quest-slider input[type="range"].element-count-2::-moz-range-thumb {
  width: 50%;
}

.quest-slider input[type="range"].element-count-2::-ms-thumb {
  width: 50%;
}

.quest-slider input[type="range"].element-count-3::-webkit-slider-thumb {
  width: 33.33%;
}

.quest-slider input[type="range"].element-count-3::-moz-range-thumb {
  width: 33.33%;
}

.quest-slider input[type="range"].element-count-3::-ms-thumb {
  width: 33.33%;
}

.quest-slider input[type="range"].element-count-4::-webkit-slider-thumb {
  width: 25%;
}

.quest-slider input[type="range"].element-count-4::-moz-range-thumb {
  width: 25%;
}

.quest-slider input[type="range"].element-count-4::-ms-thumb {
  width: 25%;
}

.quest-slider input[type="range"].element-count-5::-webkit-slider-thumb {
  width: 20%;
}

.quest-slider input[type="range"].element-count-5::-moz-range-thumb {
  width: 20%;
}

.quest-slider input[type="range"].element-count-5::-ms-thumb {
  width: 20%;
}

.quest-slider input[type="range"].element-count-6::-webkit-slider-thumb {
  width: 16.66%;
}

.quest-slider input[type="range"].element-count-6::-moz-range-thumb {
  width: 16.66%;
}

.quest-slider input[type="range"].element-count-6::-ms-thumb {
  width: 16.66%;
}

.quest-slider input[type="range"].element-count-5::-webkit-slider-thumb {
  width: 20%;
}

.quest-slider input[type="range"].element-count-5::-moz-range-thumb {
  width: 20%;
}

.quest-slider input[type="range"].element-count-5::-ms-thumb {
  width: 20%;
}

.quest-slider input[type="range"].element-count-7::-webkit-slider-thumb {
  width: 14.28%;
}

.quest-slider input[type="range"].element-count-7::-moz-range-thumb {
  width: 14.28%;
}

.quest-slider input[type="range"].element-count-7::-ms-thumb {
  width: 14.28%;
}

.quest-slider input[type="range"].element-count-8::-webkit-slider-thumb {
  width: 12.5%;
}

.quest-slider input[type="range"].element-count-8::-moz-range-thumb {
  width: 12.5%;
}

.quest-slider input[type="range"].element-count-8::-ms-thumb {
  width: 12.5%;
}

.quest-slider input[type="range"].element-count-9::-webkit-slider-thumb {
  width: 11.11%;
}

.quest-slider input[type="range"].element-count-9::-moz-range-thumb {
  width: 11.11%;
}

.quest-slider input[type="range"].element-count-9::-ms-thumb {
  width: 11.11%;
}

.quest-slider input[type="range"].element-count-10::-webkit-slider-thumb {
  width: 10%;
}

.quest-slider input[type="range"].element-count-10::-moz-range-thumb {
  width: 10%;
}

.quest-slider input[type="range"].element-count-10::-ms-thumb {
  width: 10%;
} */

.quest-slider input[type="range"].element-count-1::-webkit-slider-thumb { width: 100.0%; }
.quest-slider input[type="range"].element-count-1::-moz-range-thumb { width: 100.0%; }
.quest-slider input[type="range"].element-count-1::-ms-thumb { width: 100.0%; }

.quest-slider input[type="range"].element-count-2::-webkit-slider-thumb { width: 50.0%; }
.quest-slider input[type="range"].element-count-2::-moz-range-thumb { width: 50.0%; }
.quest-slider input[type="range"].element-count-2::-ms-thumb { width: 50.0%; }

.quest-slider input[type="range"].element-count-3::-webkit-slider-thumb { width: 33.33%; }
.quest-slider input[type="range"].element-count-3::-moz-range-thumb { width: 33.33%; }
.quest-slider input[type="range"].element-count-3::-ms-thumb { width: 33.33%; }

.quest-slider input[type="range"].element-count-4::-webkit-slider-thumb { width: 25.0%; }
.quest-slider input[type="range"].element-count-4::-moz-range-thumb { width: 25.0%; }
.quest-slider input[type="range"].element-count-4::-ms-thumb { width: 25.0%; }

.quest-slider input[type="range"].element-count-5::-webkit-slider-thumb { width: 20.0%; }
.quest-slider input[type="range"].element-count-5::-moz-range-thumb { width: 20.0%; }
.quest-slider input[type="range"].element-count-5::-ms-thumb { width: 20.0%; }

.quest-slider input[type="range"].element-count-6::-webkit-slider-thumb { width: 16.67%; }
.quest-slider input[type="range"].element-count-6::-moz-range-thumb { width: 16.67%; }
.quest-slider input[type="range"].element-count-6::-ms-thumb { width: 16.67%; }

.quest-slider input[type="range"].element-count-7::-webkit-slider-thumb { width: 14.29%; }
.quest-slider input[type="range"].element-count-7::-moz-range-thumb { width: 14.29%; }
.quest-slider input[type="range"].element-count-7::-ms-thumb { width: 14.29%; }

.quest-slider input[type="range"].element-count-8::-webkit-slider-thumb { width: 12.5%; }
.quest-slider input[type="range"].element-count-8::-moz-range-thumb { width: 12.5%; }
.quest-slider input[type="range"].element-count-8::-ms-thumb { width: 12.5%; }

.quest-slider input[type="range"].element-count-9::-webkit-slider-thumb { width: 11.11%; }
.quest-slider input[type="range"].element-count-9::-moz-range-thumb { width: 11.11%; }
.quest-slider input[type="range"].element-count-9::-ms-thumb { width: 11.11%; }

.quest-slider input[type="range"].element-count-10::-webkit-slider-thumb { width: 10.0%; }
.quest-slider input[type="range"].element-count-10::-moz-range-thumb { width: 10.0%; }
.quest-slider input[type="range"].element-count-10::-ms-thumb { width: 10.0%; }

.quest-slider input[type="range"].element-count-11::-webkit-slider-thumb { width: 9.09%; }
.quest-slider input[type="range"].element-count-11::-moz-range-thumb { width: 9.09%; }
.quest-slider input[type="range"].element-count-11::-ms-thumb { width: 9.09%; }

.quest-slider input[type="range"].element-count-12::-webkit-slider-thumb { width: 8.33%; }
.quest-slider input[type="range"].element-count-12::-moz-range-thumb { width: 8.33%; }
.quest-slider input[type="range"].element-count-12::-ms-thumb { width: 8.33%; }

.quest-slider input[type="range"].element-count-13::-webkit-slider-thumb { width: 7.69%; }
.quest-slider input[type="range"].element-count-13::-moz-range-thumb { width: 7.69%; }
.quest-slider input[type="range"].element-count-13::-ms-thumb { width: 7.69%; }

.quest-slider input[type="range"].element-count-14::-webkit-slider-thumb { width: 7.14%; }
.quest-slider input[type="range"].element-count-14::-moz-range-thumb { width: 7.14%; }
.quest-slider input[type="range"].element-count-14::-ms-thumb { width: 7.14%; }

.quest-slider input[type="range"].element-count-15::-webkit-slider-thumb { width: 6.67%; }
.quest-slider input[type="range"].element-count-15::-moz-range-thumb { width: 6.67%; }
.quest-slider input[type="range"].element-count-15::-ms-thumb { width: 6.67%; }

.quest-slider input[type="range"].element-count-16::-webkit-slider-thumb { width: 6.25%; }
.quest-slider input[type="range"].element-count-16::-moz-range-thumb { width: 6.25%; }
.quest-slider input[type="range"].element-count-16::-ms-thumb { width: 6.25%; }

.quest-slider input[type="range"].element-count-17::-webkit-slider-thumb { width: 5.88%; }
.quest-slider input[type="range"].element-count-17::-moz-range-thumb { width: 5.88%; }
.quest-slider input[type="range"].element-count-17::-ms-thumb { width: 5.88%; }

.quest-slider input[type="range"].element-count-18::-webkit-slider-thumb { width: 5.56%; }
.quest-slider input[type="range"].element-count-18::-moz-range-thumb { width: 5.56%; }
.quest-slider input[type="range"].element-count-18::-ms-thumb { width: 5.56%; }

.quest-slider input[type="range"].element-count-19::-webkit-slider-thumb { width: 5.26%; }
.quest-slider input[type="range"].element-count-19::-moz-range-thumb { width: 5.26%; }
.quest-slider input[type="range"].element-count-19::-ms-thumb { width: 5.26%; }

.quest-slider input[type="range"].element-count-20::-webkit-slider-thumb { width: 5.0%; }
.quest-slider input[type="range"].element-count-20::-moz-range-thumb { width: 5.0%; }
.quest-slider input[type="range"].element-count-20::-ms-thumb { width: 5.0%; }

.quest-slider input[type="range"].element-count-21::-webkit-slider-thumb { width: 4.76%; }
.quest-slider input[type="range"].element-count-21::-moz-range-thumb { width: 4.76%; }
.quest-slider input[type="range"].element-count-21::-ms-thumb { width: 4.76%; }

.quest-slider input[type="range"].element-count-22::-webkit-slider-thumb { width: 4.55%; }
.quest-slider input[type="range"].element-count-22::-moz-range-thumb { width: 4.55%; }
.quest-slider input[type="range"].element-count-22::-ms-thumb { width: 4.55%; }

.quest-slider input[type="range"].element-count-23::-webkit-slider-thumb { width: 4.35%; }
.quest-slider input[type="range"].element-count-23::-moz-range-thumb { width: 4.35%; }
.quest-slider input[type="range"].element-count-23::-ms-thumb { width: 4.35%; }

.quest-slider input[type="range"].element-count-24::-webkit-slider-thumb { width: 4.17%; }
.quest-slider input[type="range"].element-count-24::-moz-range-thumb { width: 4.17%; }
.quest-slider input[type="range"].element-count-24::-ms-thumb { width: 4.17%; }

.quest-slider input[type="range"].element-count-25::-webkit-slider-thumb { width: 4.0%; }
.quest-slider input[type="range"].element-count-25::-moz-range-thumb { width: 4.0%; }
.quest-slider input[type="range"].element-count-25::-ms-thumb { width: 4.0%; }

.quest-slider input[type="range"].element-count-26::-webkit-slider-thumb { width: 3.85%; }
.quest-slider input[type="range"].element-count-26::-moz-range-thumb { width: 3.85%; }
.quest-slider input[type="range"].element-count-26::-ms-thumb { width: 3.85%; }

.quest-slider input[type="range"].element-count-27::-webkit-slider-thumb { width: 3.7%; }
.quest-slider input[type="range"].element-count-27::-moz-range-thumb { width: 3.7%; }
.quest-slider input[type="range"].element-count-27::-ms-thumb { width: 3.7%; }

.quest-slider input[type="range"].element-count-28::-webkit-slider-thumb { width: 3.57%; }
.quest-slider input[type="range"].element-count-28::-moz-range-thumb { width: 3.57%; }
.quest-slider input[type="range"].element-count-28::-ms-thumb { width: 3.57%; }

.quest-slider input[type="range"].element-count-29::-webkit-slider-thumb { width: 3.45%; }
.quest-slider input[type="range"].element-count-29::-moz-range-thumb { width: 3.45%; }
.quest-slider input[type="range"].element-count-29::-ms-thumb { width: 3.45%; }

.quest-slider input[type="range"].element-count-30::-webkit-slider-thumb { width: 3.33%; }
.quest-slider input[type="range"].element-count-30::-moz-range-thumb { width: 3.33%; }
.quest-slider input[type="range"].element-count-30::-ms-thumb { width: 3.33%; }

.quest-slider input[type="range"].element-count-31::-webkit-slider-thumb { width: 3.23%; }
.quest-slider input[type="range"].element-count-31::-moz-range-thumb { width: 3.23%; }
.quest-slider input[type="range"].element-count-31::-ms-thumb { width: 3.23%; }

.quest-slider input[type="range"].element-count-32::-webkit-slider-thumb { width: 3.12%; }
.quest-slider input[type="range"].element-count-32::-moz-range-thumb { width: 3.12%; }
.quest-slider input[type="range"].element-count-32::-ms-thumb { width: 3.12%; }

.quest-slider input[type="range"].element-count-33::-webkit-slider-thumb { width: 3.03%; }
.quest-slider input[type="range"].element-count-33::-moz-range-thumb { width: 3.03%; }
.quest-slider input[type="range"].element-count-33::-ms-thumb { width: 3.03%; }

.quest-slider input[type="range"].element-count-34::-webkit-slider-thumb { width: 2.94%; }
.quest-slider input[type="range"].element-count-34::-moz-range-thumb { width: 2.94%; }
.quest-slider input[type="range"].element-count-34::-ms-thumb { width: 2.94%; }

.quest-slider input[type="range"].element-count-35::-webkit-slider-thumb { width: 2.86%; }
.quest-slider input[type="range"].element-count-35::-moz-range-thumb { width: 2.86%; }
.quest-slider input[type="range"].element-count-35::-ms-thumb { width: 2.86%; }

.quest-slider input[type="range"].element-count-36::-webkit-slider-thumb { width: 2.78%; }
.quest-slider input[type="range"].element-count-36::-moz-range-thumb { width: 2.78%; }
.quest-slider input[type="range"].element-count-36::-ms-thumb { width: 2.78%; }

.quest-slider input[type="range"].element-count-37::-webkit-slider-thumb { width: 2.7%; }
.quest-slider input[type="range"].element-count-37::-moz-range-thumb { width: 2.7%; }
.quest-slider input[type="range"].element-count-37::-ms-thumb { width: 2.7%; }

.quest-slider input[type="range"].element-count-38::-webkit-slider-thumb { width: 2.63%; }
.quest-slider input[type="range"].element-count-38::-moz-range-thumb { width: 2.63%; }
.quest-slider input[type="range"].element-count-38::-ms-thumb { width: 2.63%; }

.quest-slider input[type="range"].element-count-39::-webkit-slider-thumb { width: 2.56%; }
.quest-slider input[type="range"].element-count-39::-moz-range-thumb { width: 2.56%; }
.quest-slider input[type="range"].element-count-39::-ms-thumb { width: 2.56%; }

.quest-slider input[type="range"].element-count-40::-webkit-slider-thumb { width: 2.5%; }
.quest-slider input[type="range"].element-count-40::-moz-range-thumb { width: 2.5%; }
.quest-slider input[type="range"].element-count-40::-ms-thumb { width: 2.5%; }

.quest-slider input[type="range"].element-count-41::-webkit-slider-thumb { width: 2.44%; }
.quest-slider input[type="range"].element-count-41::-moz-range-thumb { width: 2.44%; }
.quest-slider input[type="range"].element-count-41::-ms-thumb { width: 2.44%; }

.quest-slider input[type="range"].element-count-42::-webkit-slider-thumb { width: 2.38%; }
.quest-slider input[type="range"].element-count-42::-moz-range-thumb { width: 2.38%; }
.quest-slider input[type="range"].element-count-42::-ms-thumb { width: 2.38%; }

.quest-slider input[type="range"].element-count-43::-webkit-slider-thumb { width: 2.33%; }
.quest-slider input[type="range"].element-count-43::-moz-range-thumb { width: 2.33%; }
.quest-slider input[type="range"].element-count-43::-ms-thumb { width: 2.33%; }

.quest-slider input[type="range"].element-count-44::-webkit-slider-thumb { width: 2.27%; }
.quest-slider input[type="range"].element-count-44::-moz-range-thumb { width: 2.27%; }
.quest-slider input[type="range"].element-count-44::-ms-thumb { width: 2.27%; }

.quest-slider input[type="range"].element-count-45::-webkit-slider-thumb { width: 2.22%; }
.quest-slider input[type="range"].element-count-45::-moz-range-thumb { width: 2.22%; }
.quest-slider input[type="range"].element-count-45::-ms-thumb { width: 2.22%; }

.quest-slider input[type="range"].element-count-46::-webkit-slider-thumb { width: 2.17%; }
.quest-slider input[type="range"].element-count-46::-moz-range-thumb { width: 2.17%; }
.quest-slider input[type="range"].element-count-46::-ms-thumb { width: 2.17%; }

.quest-slider input[type="range"].element-count-47::-webkit-slider-thumb { width: 2.13%; }
.quest-slider input[type="range"].element-count-47::-moz-range-thumb { width: 2.13%; }
.quest-slider input[type="range"].element-count-47::-ms-thumb { width: 2.13%; }

.quest-slider input[type="range"].element-count-48::-webkit-slider-thumb { width: 2.08%; }
.quest-slider input[type="range"].element-count-48::-moz-range-thumb { width: 2.08%; }
.quest-slider input[type="range"].element-count-48::-ms-thumb { width: 2.08%; }

.quest-slider input[type="range"].element-count-49::-webkit-slider-thumb { width: 2.04%; }
.quest-slider input[type="range"].element-count-49::-moz-range-thumb { width: 2.04%; }
.quest-slider input[type="range"].element-count-49::-ms-thumb { width: 2.04%; }

.quest-slider input[type="range"].element-count-50::-webkit-slider-thumb { width: 2.0%; }
.quest-slider input[type="range"].element-count-50::-moz-range-thumb { width: 2.0%; }
.quest-slider input[type="range"].element-count-50::-ms-thumb { width: 2.0%; }


.quest-slider .bx-wrapper {
  max-width: 100% !important;
}

.compose-job .tag-own + input[type="text"] + label {
  position: absolute;
  left: 0;
  bottom: -68px;
}

.all-linked-logo {
  max-width: 200px;
}

.sign-form-elements {
  display: none;
  margin-bottom: 55px;
}

.login-parent.candidates.sign-clicked .sign-form-elements {
  display: block;
}

.sign-up-action {
  position: relative;
}

.sign-up-action.sign-clicked::before {
  display: none;
}

.row.list-job {
  position: relative;
}

.row.list-job .cand-loader {
  background: #f3f4f9;
  height: calc(100vh - 186px);
}

.nav-settings .nav-sub-in.nav-act .navspan::before {
  display: none;
}

.cand-list-parent .cand-loader {
  background: #fff;
}

.cand-detail-left,
.cand-detail-right {
  z-index: 1;
}

/*********************************************CSS-NEW-END*******************************************/

/*********************************************MAIL-LIST-DESIGN**************************************/

.mail-parent {
  position: relative;
}

.mail-parent .add-mail-btn {
  position: absolute;
  right: -30px;
  font-size: 0;
  bottom: 47px;
  cursor: pointer;
  opacity: 1;
  transition: 0.5s opacity ease;
}

.mail-parent .add-mail-btn:hover {
  opacity: 0.5;
  transition: 0.5s opacity ease;
}

.mail-parent .add-mail-btn::before {
  content: "\002B";
  font-size: 22px;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  border-radius: 100%;
  background: #2cca83;
  color: #fff;
  line-height: 30px;
  font-weight: 300;
}

.mail-parent .add-mail-btn.rem::before {
  content: "\2212";
  background: #d9534f;
}

.mail-parent + .mail-parent .form-group {
  margin-bottom: 32px;
}

.all-mail-list table {
  margin-top: 38px;
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.04);
  background: #fff;
  border-radius: 4px;
  margin-bottom: 0;
}

.all-mail-list table thead th,
.all-mail-list table tbody td,
.all-mail-list table tbody td a {
  text-align: center;
  font-size: 16px;
}

.all-mail-list table tbody td.mail-title-td a {
  text-decoration: underline;
}

.all-mail-list table thead th {
  color: #4561a8;
  font-weight: normal;
  padding-top: 24px;
  padding-bottom: 24px;
}

.all-mail-list table tbody td,
.all-mail-list table tbody td a {
  color: #425366;
}

.all-mail-list table tbody td a:hover {
  color: #4561a8;
}

.all-mail-list .mail-action {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  margin-right: 3px;
  display: inline-block;
  color: #fff;
  line-height: 18px;
  text-align: center;
}

.all-mail-list .mail-action.mail-add {
  background: #2cca83;
}

.all-mail-list .mail-action.mail-delete {
  background: #d9534f;
}

.all-mail-list .mail-action.mail-view {
  background: #4561a8;
  margin-right: 0;
}

.all-mail-list .mail-action.mail-view img {
  width: 11px;
  position: relative;
  bottom: 1px;
}

.mail-title-th,
.mail-title-td {
  text-align: left !important;
}

/*********************************************MAIL-LIST-DESIGN-END**********************************/

/*********************************************JOB-LIST-FILTERS**************************************/

.filters-parent {
  margin-bottom: 40px;
}

.filters-parent .post-title span {
  font-size: 14px;
  font-weight: 500;
  line-height: 43px;
  color: #89939f;
  position: relative;
  bottom: 5px;
  left: 20px;
}

.filters-parent .post-title {
  float: left;
  margin-bottom: 0;
}

.filters-parent .filters-opts {
  float: right;
  display: flex;
  align-items: center;
}

.filters-parent .dropdown-menu {
  width: auto;
  left: auto !important;
  right: 0;
  top: 27px !important;
}

.filters-parent .dropdown-menu {
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.filters-parent .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.filters-parent .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.filters-parent .dropdown-menu.show .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.filters-parent .dropdown-menu::before,
.filters-parent .dropdown-menu::after {
  display: none;
}

.filters-parent .dropdown-item:first-child,
.filters-parent .dropdown-item:last-child {
  margin: 0;
}

.filters-sort {
  position: relative;
  padding-right: 15px;
  margin-right: 23px;
}

.filters-sort label,
.filters-sort .dropdown-toggle {
  background: none;
  padding: 0;
  font-size: 14px;
  color: #89939f;
  border: 0;
  margin: 0;
  line-height: 14px;
}

.filters-sort label {
  font-weight: normal;
}

.filters-sort .dropdown-toggle {
  font-weight: bold;
}

.filters-sort::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #89939f;
  position: absolute;
  right: 0;
  top: 8px;
}

.filters-sort::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #89939f;
  position: absolute;
  right: 0;
  bottom: 8px;
}

.filters-sort .dropdown-toggle {
  background: none !important;
  border: 0 !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin-left: 5px !important;
  border-radius: 0 !important;
  color: #8695b2 !important;
  line-height: normal !important;
  text-align: left;
  position: relative;
  opacity: 1;
  transition: 0.5s opacity ease;
}

.filters-sort .dropdown-toggle:hover {
  opacity: 0.5;
  transition: 0.5s opacity ease;
}

.filters-view {
  margin-right: 10px;
  cursor: pointer;
}

.filters-view .grdv {
  margin-right: -48px;
}

.filters-view.view-switch .lstv {
  opacity: 0;
  position: relative;
  z-index: -1;
}

.filters-btn button {
  background-color: #fff;
  border-radius: 4px;
  height: 48px;
  width: 96px;
  color: #89939f;
  font-weight: 500;
  font-size: 14px;
  text-align: right;
  padding-right: 20px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filters-open-icn-white.svg);
  background-size: 15px;
  background-position: center left 20px;
  background-repeat: no-repeat;
  transition: 0.3s all ease;
}

.filters-btn button:hover {
  color: #fff;
  background-color: #4561a8;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filters-open-icn.svg);
  transition: 0.3s all ease;
}

.filters-btn.active button {
  color: #fff;
  background-color: #4561a8;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filters-close-icn.svg);
  transition: 0.3s all ease;
  background-size: 10px;
}

.filters-child {
  display: none;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  margin-top: 40px;
  padding: 26px;
}

.filters-child.filters-open {
  display: block;
}

.filters-block {
  background: #f3f4f9;
  height: 48px;
  width: 233px;
  display: inline-block;
  float: left;
  margin-right: 15px;
  padding-left: 40px;
  background-position: center left 17px;
  background-repeat: no-repeat;
}

.filters-block > span,
.filters-block input {
  font-size: 14px !important;
  font-weight: 500;
  color: #89939f;
  background: none;
  border: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 48px;
}

.filters-block.f-salary span {
  position: relative;
  top: 12px;
}

.filters-block input[type="search"],
.filters-block input[type="text"] {
  position: static;
}

.filters-block.f-keywords {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/f-keywords.svg);
}

.filters-block.f-location {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/f-location.svg);
}

.filters-block.f-salary {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/f-salary.svg);
}

.filters-block.f-date {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/f-date.svg);
}

.filters-checks .check-before,
.filters-checks .custom-check {
  margin: 0;
  display: inline-block;
  float: left;
}

.filters-checks .filters-check,
.filters-checks .filters-lbl {
  display: inline-block;
}

.filters-checks .filters-check {
  margin-right: 34px;
}

.filters-checks .filters-lbl {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-left: 10px;
  color: #89939f;
  float: left;
}

.filters-checks {
  display: inline-block;
  margin-top: 35px;
  float: left;
}

.filters-range {
  float: left;
  margin-top: 32px;
  margin-left: 36px;
}

.filters-range-lbl {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #89939f;
  margin-left: 15px;
}

.filters-range-lbl span {
  color: #4561a8;
  margin-left: 3px;
}

.filters-range input[type="range"] {
  -webkit-appearance: none;
  width: 247px;
  border-radius: 4px;
  overflow: hidden;
}

.filters-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.filters-range input[type="range"]:focus {
  outline: none;
}

.filters-range input[type="range"]::-ms-track {
  width: 247px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.filters-range input[type="range"]::-webkit-slider-runnable-track {
  width: 247px;
  height: 8px;
  cursor: pointer;
  background: #f3f4f9;
  -webkit-appearance: none;
  border-radius: 4px;
}

.filters-range input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #f3f4f9;
}

.filters-range input[type="range"]::-moz-range-track {
  width: 247px;
  height: 8px;
  cursor: pointer;
  background: #f3f4f9;
  border-radius: 4px;
}

.filters-range input[type="range"]::-moz-range-progress {
  width: 247px;
  height: 8px;
  cursor: pointer;
  background: #4561a8;
  border-radius: 4px;
}

.filters-range input[type="range"]::-ms-track {
  width: 247px;
  height: 8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.filters-range input[type="range"]::-ms-fill-lower {
  background: #4561a8;
  border-radius: 4px;
}

.filters-range input[type="range"]:focus::-ms-fill-lower {
  background: #f3f4f9;
}

.filters-range input[type="range"]::-ms-fill-upper {
  background: #f3f4f9;
  border-radius: 4px;
}

.filters-range input[type="range"]:focus::-ms-fill-upper {
  background: #f3f4f9;
}

.filters-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 19px;
  width: 19px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filterange.svg);
  background-size: 100%;
  cursor: pointer;
  margin-top: -6px;
  border-radius: 100%;
  border: 0;
  box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18), -250px 0 0 247px #4561a8;
}

.filters-range input[type="range"]::-moz-range-thumb {
  height: 19px;
  width: 19px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filterange.svg);
  background-size: 100%;
  cursor: pointer;
  border-radius: 100%;
  border: 0;
  box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18);
}

.filters-range input[type="range"]::-ms-thumb {
  height: 19px;
  width: 19px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filterange.svg);
  background-size: 100%;
  cursor: pointer;
  border-radius: 100%;
  border: 0;
  box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18);
}

.filters-apply {
  float: right;
  height: 48px;
  width: 132px;
  border-radius: 4px;
  background: #2cca83;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 21px;
  transition: 0.3s background ease;
}

.filters-apply:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.clear-filters {
  text-align: right;
  text-decoration: underline;
  font-size: 12px;
  color: #89939f;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  position: relative;
  left: 10px;
}

/*********************************************JOB-LIST-FILTERS-END**********************************/

/*********************************************CANDIDATE-FRONT***************************************/

.jabri-app-parent.candidate-layout .jabri-nav-list {
  margin-top: 30px;
}

/*********************************************CANDIDATE-FRONT-END***********************************/

/*********************************************CANDIDATE-JOBLIST*************************************/

.cand-job-detail .post-title span {
  font-size: 14px;
  font-weight: 500;
  line-height: 43px;
  color: #89939f;
  position: relative;
  bottom: 5px;
  left: 20px;
}

.cand-job-detail .cand-job-title {
  font-size: 25px;
  line-height: 33px;
  font-weight: normal;
  color: #425366;
  margin-bottom: 18px;
}

.cand-job-details ul {
  margin: 0 !important;
  padding-inline-start: 0 !important;
  border-top: 1px solid rgba(137, 147, 159, 0.2);
  padding-top: 16px;
}

.cand-job-details ul li {
  margin: 0;
  margin-right: 46px;
}

.cand-job-details ul li:last-child {
  margin-right: 0;
}

.cand-job-details ul li span {
  font-size: 13px;
  letter-spacing: -0.2px;
  font-weight: 500;
  color: #425366;
  line-height: 18px;
  opacity: 0.7;
  margin-left: 5px;
}

.cand-job-action {
  width: 263px;
  height: 56px;
  display: block;
  background: #2cca83;
  border-radius: 4px;
  letter-spacing: 0.6px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 53px;
  float: right;
  margin-top: 17px;
}

.cand-job-action:hover {
  color: #fff;
}

.cand-job-card-1,
.cand-job-card-inner {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.04);
  padding-top: 37px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 34px;
  margin-bottom: 45px;
}

.cand-job-leftside {
  float: left;
}

.cj-card-title {
  margin-left: 40px;
  color: #8fa2ad;
  font-weight: 500;
  line-height: 19px;
  font-size: 14px;
  margin-bottom: 10px;
}

.cj-desc,
.cj-title,
.cj-table-item,
.cj-table-item span {
  font-size: 16px;
  color: #425366;
  line-height: 28px;
  font-weight: normal;
  margin-bottom: 32px;
}

.cj-title,
.cj-table-item span {
  font-weight: 500;
  margin-bottom: 0;
}

.cj-table-item span {
  width: 155px;
  display: inline-block;
}

.cj-table-item {
  margin-bottom: 0;
}

.cj-table {
  margin-bottom: 32px;
}

.cj-skill-item {
  display: inline-block;
  line-height: 16px;
  font-weight: bold;
  font-size: 12px;
  color: #4561a8;
  background: #f1f3f9;
  padding: 6px 15px;
  border-radius: 3px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.cj-skills .cj-title {
  margin-bottom: 10px;
}

.cjc-block {
  color: #425366;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.12px;
  line-height: 20px;
  margin-bottom: 10px;
}

.cjc-block span {
  color: #a8b5c2;
  font-weight: bold;
  letter-spacing: normal;
  width: 70px;
  display: inline-block;
}

.cand-job-detail {
  margin-bottom: 200px;
}

.cj-skills {
  margin-bottom: 25px;
}

/*********************************************CANDIDATE-JOBLIST-END*********************************/

/*********************************************JOB-DETAIL-BANNER*************************************/

.jd-banner {
  position: relative;
  background: #4561a8;
}

.jd-banner ul {
  border-top: 1px solid #89939f;
  display: inline-block;
  margin-top: 22px;
  padding-top: 30px;
}

.jd-banner li {
  display: inline-block;
  margin-right: 70px;
}

.abslogol {
  position: absolute;
  top: 40px;
  left: 45px;
  max-width: 80px;
  max-height: 80px;
}

.abslogor {
  position: absolute;
  top: 55px;
  right: 66px;
  max-width: 80px;
}

.jd-banner-inner {
  display: block;
  margin: 0 auto;
  max-width: 1093px;
  padding-top: 153px;
  padding-bottom: 80px;
}

.jd-banner h1 {
  font-size: 64px;
  font-weight: normal;
  color: #fff;
  line-height: 84px;
}

.jd-banner h1 span {
  display: block;
}

.jd-banner li:last-child {
  margin-right: 0;
}

.jd-banner li span {
  color: #fff;
  font-size: 19.5px;
  font-weight: 500;
  letter-spacing: -0.6px;
  margin-left: 10px;
}

.jd-action {
  margin-top: 68px;
}

.jd-action a {
  display: inline-block;
  background: #2cca83;
  width: 263px;
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.6px;
  font-size: 13px;
  text-decoration: none;
}

/*********************************************JOB-DETAIL-BANNER-END*********************************/

/*********************************************CANDIDATE-PROFILE*************************************/

.candi-top {
  position: relative;
  padding-top: 45px;
  margin-bottom: 40px;
}

.candi-profile h3 {
  color: #425366;
  letter-spacing: -0.3px;
  font-size: 38px;
  font-weight: normal;
  position: absolute;
  bottom: 25px;
}

.file-upload {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.file-upload::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/upload-icn.svg);
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: 0.3s opacity ease-in-out;
  cursor: pointer;
  border-radius: 100%;
}

.file-upload:hover:before {
  opacity: 1;
  transition: 0.3s opacity ease-in-out;
}

.file-upload .file-btn,
.file-upload .file-btn a {
  color: #8fa2ad;
  font-weight: 500;
  font-size: 0;
  text-align: center;
}

.file-upload input {
  font-size: 100px !important;
  position: absolute;
  left: 0;
  opacity: 0;
  margin: 0;
  top: 0;
  height: 100px;
}

.candipic {
  text-align: center;
  display: block;
  border-radius: 100%;
  /* background-color: #fff; */
  overflow: hidden;
}

.candipic img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.user_img_preview {
  width: 100px;
  height: 100px;
}

.cand-pic-main {
  width: 100px;
  display: block;
  margin-left: auto;
  position: relative;
  border-radius: 100%;
}

.candi-profile {
  padding-bottom: 50px;
}

.mydp,
.mydp input {
  color: #425366;
  font-size: 16px;
  height: 60px !important;
  border: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: normal;
}

.mydp .selbtngroup {
  height: 60px !important;
  padding-right: 30px;
}

.mydp .icon-mydpcalendar:before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/date-icn.svg) !important;
}

.mydp button {
  background: transparent !important;
}

.mydp button:hover {
  background: transparent !important;
  opacity: 0.5;
}

.compose-job .form-group.form-addr {
  margin-bottom: 15px;
}

.candi-profile button.btn {
  background: #2cca83;
  width: 215px;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  border: 0;
}

/*********************************************CANDIDATE-PROFILE-END*********************************/

/*********************************************CHECK-CONNECTION**************************************/
.vjs-seek-to-live-control {
  display: none !important;
}

.video-js.cand_exp .vjs-control.vjs-record-indicator {
  top: auto !important;
  right: auto !important;
  left: 70px;
  bottom: 25px;
  transform: scale(2) !important;
}

.connection-check {
  max-width: 1040px;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0 auto;
  margin-top: 56px;
  margin-bottom: 50px;
  padding: 30px;
}

.video-js.cand_exp {
  width: 100%;
  height: 551px;
  /*max-height: calc(100vh - 323px);*/
  margin-bottom: 150px;
}

.connection-check .video-js {
  margin-bottom: 0;
}

.conn-text-1 {
  color: #425366;
  font-size: 17px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 10px;
}

.conn-text-2 {
  color: #425366;
  font-size: 24px;
  line-height: normal;
  margin-bottom: 20px;
}

.conn-cancel,
.vq-cancel {
  text-transform: initial;
  height: 38px;
  width: 144px;
  border-radius: 4px;
  background: #b3bac2;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  color: #fff !important;
  float: right;
  font-size: 16px;
  font-weight: 500;
  opacity: 1;
  transition: 0.3s background ease;
}

.conn-cancel:hover,
.vq-cancel:hover {
  background: #8f949b;
  transition: 0.3s background ease;
}

.convid-left {
  position: relative;
  padding-left: 18px;
  padding-top: 25px;
}

.convid-right {
}

.connection-check h2 {
  letter-spacing: -0.27px;
  font-size: 25px;
  color: #425366;
  font-weight: normal;
  margin-bottom: 46px;
}

.vidstatus img {
  width: 20px;
}

.vidstatus,
.videsk {
  display: inline-block;
}

.videsk {
  color: #425366;
  letter-spacing: -0.32px;
  font-weight: normal;
  font-size: 16px;
}

.vidstatus {
  width: 43px;
}

.videsk span {
  width: 20px;
  display: inline-block;
  text-align: center;
  margin-right: 13px;
}

.vidblock + .vidblock {
  padding-top: 15px;
}

.chkvidbtn {
  position: absolute;
  right: 0;
  top: 53px;
  margin: auto;
  height: 46px;
  width: 160px;
  border-radius: 4px;
  background: #2cca83;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  opacity: 1;
  transition: 0.3s background ease;
}

.chkvidbtn:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

/*********************************************CHECK-CONNECTION-END**********************************/

/*********************************************LOBBY*************************************************/

.lobby-start {
  margin: 0 auto;
  margin-top: 56px;
  max-width: 1040px;
  display: block;
  overflow: auto;
  position: relative;
  border-radius: 4px;
  background: #fff;
}

.lobby-inner {
  border-radius: 4px;
  text-align: center;
  padding: 20px;
}

.lobby-title {
  color: #425366;
  font-weight: 300;
  font-size: 30px;
  line-height: 46px;
  text-align: center;
}

.lobby-title span {
  display: block;
}

.lobby-subtitle a {
  color: #425366;
  font-size: 16px;
  letter-spacing: -0.18px;
  text-decoration: underline;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.lobby-action button {
  height: 52.86px;
  width: 286px;
  border: 1.5px solid #2cca83;
  border-radius: 4px;
  color: #2cca83;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.09px;
  line-height: 17px;
  text-align: center;
  margin-bottom: 20px;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.lobby-action button:hover,
.lobby-subtitle a:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.lobby-action button::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/inter-vid-icn.svg);
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 12px;
}

.lobby-img {
  padding-top: 20px;
  padding-bottom: 20px;
}

.lobby-desc {
  text-align: left;
  background: #f3fcf7;
  padding: 15px;
  margin-top: 20px;
}

.lobby-txt,
.lobby-samtxt {
  color: #425366;

  font-size: 18px;
  letter-spacing: -0.11px;
  line-height: 29px;
}

.lobby-samtxt {
  margin-bottom: 10px;
}

.lobby-txt {
  position: relative;
  padding-left: 20px;
}

.lobby-txt::before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 100%;
  background: #425366;
  position: absolute;
  margin-right: 15px;
  top: 12px;
  left: 0;
}

/*********************************************LOBBY-END*********************************************/

/*********************************************PREPARATION*******************************************/

.vjs-time-control {
  font-size: 16px !important;
  padding: 0 !important;
  line-height: 30px !important;
  padding-left: 5px !important;
}

.preparation-rec {
}

.preparation-rec .pre-parent {
  position: absolute;
  top: 62px;
  right: 56px;
}

.qsbtn,
.pre-parent .btn {
  background: #2cca83;
  color: #fff;
  border: 0;
}

.preparation-rec h3 {
  color: #425366;
  font-size: 38px;
  line-height: 43px;
  letter-spacing: -0.3px;
  font-weight: normal;
  margin-bottom: 25px;
}

.preparation-rec canvas#canvas {
  display: none;
}

.pre-goto {
  position: absolute;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: calc(100% - 98px);
}

.pre-goto button,
.pre-goto button:hover {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  line-height: normal;
  width: 200px;
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 20px;
  font-weight: 300;
  text-decoration: underline;
}

.ltest-label {
  height: 33px;
  width: 141px;
  border-radius: 8px;
  background: #6b81b9;
  color: #ffffff;

  font-size: 15px;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
}

.lets-do-test {
  position: relative;
  padding-top: 62px;
  max-width: 1040px;
  border-radius: 4px;
  margin: 0 auto;
  background: #fff;
  margin-top: 50px;
  padding: 30px;
}

.ltest-text {
  font-size: 23px;
  color: #425366;
  margin-top: 15px;
}

.ltest-subtext {
  color: #89939f;

  font-size: 18px;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 15px;
}

.video_questions {
  position: relative;
  max-width: 1040px;
  border-radius: 4px;
  margin: 0 auto;
  background: #fff;
  margin-top: 50px;
  padding: 30px;
}

.vq-text-1 {
  color: #425366;

  font-size: 15px;
  line-height: 38px;
  margin-bottom: 10px;
}

.vq-text-2 {
  color: #425366;

  font-size: 23px;
  line-height: 35px;
  margin-bottom: 10px;
}

.bx-no-trans {
  transition: none !important;
}

.video-js.cand_exp .vjs-icon-record-start:before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/vid-record-btn.svg);
  display: block;
  border-radius: 100%;
}

.video-js.cand_exp .vjs-icon-record-stop:before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/vid-stop-btn.svg);
}

.video-js.cand_exp .vjs-icon-play:before,
.video-js.cand_exp .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js.cand_exp .vjs-play-control .vjs-icon-placeholder:before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/vid-play-btn.svg);
}

.video-js.cand_exp .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.video-js.cand_exp .vjs-icon-pause:before,
.video-js.cand_exp .vjs-icon-pause:before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/vid-pause-btn.svg);
}

.video-js.cand_exp .vjs-control-bar {
  background: #f7f8fb;
}

.video-js.cand_exp .vjs-tech,
.video-js.cand_exp .vjs-control-bar {
  position: static;
}

.video-js.cand_exp .vjs-control-bar {
  height: 134px;
  margin-top: 13px;
  position: relative;
  overflow: hidden;
}

.video-js.cand_exp .vjs-control-bar::before {
  content: "";
  width: 178px;
  height: 178px;
  background: #fff;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: -22px;
  left: -36px;
  box-shadow: 0 0 20px 0 rgba(69, 97, 168, 0.05);
}

.video-js.cand_exp .vjs-control-bar .vjs-control {
  width: auto;
  padding-left: 0;
}

.video-js.cand_exp .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js.cand_exp .vjs-modal-dialog,
.video-js.cand_exp .vjs-button > .vjs-icon-placeholder:before,
.video-js.cand_exp .vjs-modal-dialog .vjs-modal-dialog-content {
  position: static;
}

.video-js.cand_exp .vjs-fullscreen-control,
.video-js.cand_exp .vjs-mute-control,
.video-js.cand_exp .vjs-volume-panel,
.video-js.cand_exp .vjs-time-divider {
  display: none !important;
}

.video-js.cand_exp .vjs-current-time,
.video-js.cand_exp .vjs-duration {
  text-align: left;
}

.video-js.cand_exp .vjs-current-time .vjs-control-text,
.video-js.cand_exp .vjs-duration .vjs-control-text {
  display: block;
  color: #89939f;

  font-size: 12px;
  line-height: normal;
  text-transform: uppercase;
  clip: initial;
  height: auto;
  width: auto;
  position: static;
  overflow: auto;
}

.video-js.cand_exp .vjs-current-time .vjs-control-text + span,
.video-js.cand_exp .vjs-duration .vjs-control-text + span {
  color: #425366;

  font-size: 20px;
}

.video-js.cand_exp .vjs-control-bar .vjs-record-button,
.video-js.cand_exp .vjs-control-bar .vjs-play-control {
  height: 66px;
  width: 66px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.video-js.cand_exp .vjs-control-bar .vjs-record-button {
  left: 30px;
  overflow: hidden;
}

.video-js.cand_exp .vjs-control-bar .vjs-play-control {
  left: 0;
  right: 0;
}

.video-js.cand_exp .vjs-control-bar .vjs-current-time,
.video-js.cand_exp .vjs-control-bar .vjs-duration {
  opacity: 1 !important;
  height: 38px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.video-js.cand_exp .vjs-control-bar .vjs-current-time {
  left: 188px;
}

.video-js.cand_exp .vjs-control-bar .vjs-duration {
  left: 326px;
}

.cont_in_btn {
  height: 46px;
  width: 173px;
  border-radius: 4px;
  background: #2cca83;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  position: absolute;
  bottom: 80px;
  right: 84px;
  z-index: 1;
  opacity: 1;
  transition: 0.3s background ease;
}

.cont_in_btn:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.video-js.cand_exp .vjs-control {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.video-js.cand_exp .vjs-control:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.video_questions .next_question {
  height: 46px;
  width: 173px;
  border-radius: 4px;
  color: #fff;
  font-size: 17px;
  background: #c9ced4;
  position: absolute;
  bottom: 76px;
  right: 84px;
  z-index: 1;
  line-height: 44px;
  transition: 0.3s background ease;
}

.video_questions .next_question::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nxt-quest-hover.svg);
  position: relative;
  top: 5px;
  margin-right: 10px;
}

.video_questions .next_question:hover {
  color: #fff;
  background: #8f949b;
  transition: 0.3s background ease;
}

.video_questions .next_question:hover:before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/nxt-quest-hover.svg);
}

.video_questions .next_question.fini::before {
  display: none;
}

.upload_progress {
  position: relative;
  max-width: 1040px;
  border-radius: 4px;
  margin: 0 auto;
  background: #fff;
  margin-top: 50px;
  padding: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.upload_progress-diff {
  margin: 0;
  padding: 0;
  max-width: initial !important;
}

.upload_progress-diff .cand-job-leftside {
  float: none;
  width: 100%;
}

.upload_progress .upro_left {
  text-align: center;
  flex-basis: 402px;
  border-radius: 4px;
  background-color: #f0f0f8;
  height: 700px;
  position: relative;
}

.upload_progress .upro_title {
  color: #2cca83;
  font-weight: 300;
  font-size: 34px;
  line-height: 46px;
  margin-top: 45px;
}

.upload_progress .upro_subtitle {
  color: #425366;

  font-size: 20px;
  font-style: italic;
  line-height: 31px;
  margin-top: 26px;
}

.upload_progress .upro_subtitle span {
  display: block;
}

.upload_progress .upro_icon img {
  max-width: 236px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.upload_progress .upro_right {
  flex-basis: calc(100% - 402px);
  padding-left: 30px;
  padding-top: 30px;
}

.upload_progress .upro_r_title {
  color: #425366;
  font-size: 17px;
  line-height: normal;
  margin-bottom: 23px;
}

.upload_progress .upro_bar {
  position: relative;
  top: 8px;
  overflow: hidden;
  float: left;
  width: calc(100% - 50px);
  height: 4px;
  border-radius: 4px;
  background-color: #ebeef1;
}

.upload_progress .upro_status {
  text-align: right;
  float: right;
  width: 50px;
  color: #425366;
  font-size: 16px;
  letter-spacing: -0.09px;
  height: 20px;
  line-height: 20px;
}

.upro_item_l {
  float: left;
}

.upro_item_r {
  float: right;
}

.upro_item_l,
.upro_item_r {
  color: #425366;
  font-size: 14px;
  letter-spacing: -0.08px;
  line-height: normal;
}

.upro_bar_fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #2cca83;
}

.upro_item.successfully_uploaded {
  opacity: 0.55;
}

.upro_item.successfully_uploaded .upro_item_r {
  color: #2cca83;
}

.upro_item.error_while_upload .upro_item_r {
  color: #ff5875;
}

.upro_item.error_while_upload .upro_bar_fill {
  background: #ff5875;
}

.upro_item.waiting_for_upload .upro_item_l,
.upro_item.waiting_for_upload .upro_item_r,
.upro_item.waiting_for_upload .upro_status {
  opacity: 0.55;
}

.upro_item + .upro_item {
  border-top: 1px solid rgba(168, 181, 194, 0.1);
}

.upload_progress .upro_item {
  padding-top: 15px;
  padding-bottom: 10px;
}

.upload_progress .upro_progress {
  margin-top: 8px;
}

.upload_progress .upro_right_inner {
  overflow: auto;
  max-height: calc(100vh - 346px);
}

/*********************************************PREPARATION-END***************************************/

/*********************************************JD-TIMELINE*******************************************/

.timeline-title {
  font-size: 42px;
  font-weight: 300;
  color: #425366;
  margin-bottom: 57px;
}

.timeline-parent-inner {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  border-left: 5px solid #f3f4f9;
}

.tl-item {
  position: relative;
  padding-left: 45px;
  margin-bottom: 25px;
}

img.tl-img {
  position: absolute;
  left: -16px;
  top: -4px;
}

.tl-time,
.tl-title {
  color: #425366;
  font-size: 20px;
  font-weight: 500;
}

.tl-title {
  font-size: 16px;
  background: #eff5f8;
  display: inline-block;
  border-radius: 3px;
  padding: 1px 5px;
}

.tl-desc {
  max-width: 494px;
  color: #425366;
  font-size: 16px;
  font-weight: normal;
  margin-top: 20px;
}

.timeline-parent-inner::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/time-start-icn.svg);
  position: absolute;
  top: -15px;
  left: -11px;
}

.timeline-parent-inner::after {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/time-end-icn.svg);
  position: absolute;
  bottom: -25px;
  left: -11px;
}

.timeline-parent {
  margin-top: 35px;
  display: block;
  margin-bottom: 70px;
}

/*********************************************JD-TIMELINE-END***************************************/

/*********************************************CHANGES***********************************************/

.jabri-app-parent.candidate-layout .job-list-inner {
  padding-top: 42px;
}

.mydp .selection {
  padding-left: 19px !important;
}

.post_a_job .ng-select.ng-select-single .ng-select-container {
  height: 60px;
  border: 0;
}

.post_a_job .ng-select .ng-select-container .ng-value-container {
  padding-left: 25px;
}

.post_a_job
  .ng-select
  .ng-select-container
  .ng-value-container
  .ng-placeholder {
  color: #a3b5c3;
}

.post_a_job
  .ng-select.ng-select-single
  .ng-select-container
  .ng-value-container
  .ng-input {
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#showStep1 .ng2-tag-input.bootstrap3-info {
  padding-left: 25px !important;
}

#showStep1 .ng2-tag-input__text-input[_ngcontent-c7] {
  padding: 0 !important;
  height: auto !important;
}

#showStep1 .bootstrap3-info tag {
  margin-top: 12px !important;
}

.timeline-div .add-mail-btn {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  color: #fff;
  line-height: 18px;
  text-align: center;
  background: #2cca83;
  cursor: pointer;
  right: -24px;
  top: 0;
  position: absolute;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.timeline-div .add-mail-btn:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.timeline-div .add-mail-btn.rem {
  background: #d9534f;
}

.timeline-item {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.timeline-item:last-child {
  border-bottom: 0;
}

.cand-job-action.cand-big {
  float: none;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}

.cand-job-card-inner.jd-pub-inner {
  padding-bottom: 100px;
}

agm-map.sebm-google-map-container {
  height: 390px !important;
}

.jd-map {
  overflow: hidden;
  border-radius: 10px;
  margin-top: 22px;
}

.jd-title {
  font-size: 16px;
  color: #425366;
  font-weight: 500;
  margin-bottom: 10px;
}

.cand-loader.jd-loader {
  position: fixed;
  background: #f3f4fa;
}

.cand-loader.jd-loader img {
  top: 0;
  bottom: 0;
}

.timeline-div {
  padding-right: 30px;
}

.timeline-div .control-label .add-mail-btn {
  position: static;
}

.test-recording .video-js .vjs-time-control {
  padding-left: 0 !important;
  padding-right: 0;
  text-align: center;
  line-height: 1.5em;
  font-size: 2em;
}

.test-recording {
  margin: 50px;
  margin-top: 0;
  position: relative;
}

.test-recording canvas#canvas {
  display: none;
}

.test-recording .video-js {
  height: calc(100vh - 283px) !important;
}

.fixed-title {
  position: fixed;
  width: 100%;
  z-index: 10;
  background: #3d60ad;
  padding: 10px 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  transform: translate3d(0, calc(-100% - 30px), 0);
}

.fixed-title.fixed {
  transform: translate3d(0, 0, 0);
  transition: 0.1s transform ease-in;
}

.fixed-title img {
  width: 100%;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  bottom: 0;
  right: 0 !important;
  margin: auto;
}

.fixed_img.l {
  margin-left: 20px;
  float: left;
}

.fixed_img.r {
  min-width: 80px;
  margin-right: 20px;
  float: right;
}

.fixed-title-inner {
  display: block;
  max-width: 1070px;
  margin: 0 auto;
  padding: 0 20px;
}

.fixed-title-inner a,
.fixed-title-action {
  display: inline-block;
  background: #00cd7c;
  color: #fff;
  border-radius: 4px;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 12px;
  position: relative;
  bottom: 5px;
}

.fixed-title-action {
  display: none;
  bottom: 20px;
  position: fixed;
  right: 20px;
  z-index: 10;
}

.fixed_img {
  position: relative;
  text-align: center;
  display: block;
  height: 50px;
  width: 50px;
  vertical-align: middle;
}

.fixed-title h1 {
  color: #fff;
  font-size: 28px;
  line-height: 50px;
  display: inline-block;
  font-weight: normal;
  margin-right: 20px;
}

.post_a_job .bootstrap3-info.ng2-tag-input[_ngcontent-c10] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.applied-questions video {
  width: 100% !important;
  height: 100%;
  max-height: 521px;
}

.app-date {
  color: #89939f;
  margin-top: 7px;
}

.applied-questions h3 {
  letter-spacing: -0.32px;
  font-size: 30px;
  font-weight: normal;
  color: #425366;
  line-height: 43px;
  margin-top: 17px;
}

.applied-questions {
  position: relative;
}

.applied-questions .bx-prev,
.applied-questions .bx-next {
  font-size: 0;
  width: 47px;
  height: 47px;
  display: block;
  position: absolute;
  top: 50%;
}

.applied-questions .bx-prev {
  left: 0;
}

.applied-questions .bx-next {
  right: 0;
}

.applied-questions .bx-prev::before,
.applied-questions .bx-next::before {
  transition: 0.2s all ease-in-out;
  position: absolute;
  border-radius: 100%;
  transform: scale(0.9);
  border: 1px solid transparent;
}

.applied-questions .bx-prev:hover:before,
.applied-questions .bx-next:hover:before {
  border: 1px solid #89939f;
}

.applied-questions .bx-prev::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bxprev.svg);
}

.applied-questions .bx-next::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bxnext.svg);
}

.applied-questions .bx-prev.disabled,
.applied-questions .bx-next.disabled {
  display: none;
}

/*********************************************CHANGES-END*******************************************/

.coming_soon {
  text-align: center;
  background: rgba(243, 244, 249, 0.6);
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.coming_soon_desc {
  color: #425366;

  font-size: 22px;
  font-style: italic;
  line-height: normal;
}

.coming_soon_inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}

.tab-link.csoon:hover:after {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/comingsoon-lbl.svg);
  position: absolute;
  left: 5px;
  top: 3px;
  margin: auto;
  text-align: center;
}

/*new-design-changes-from-26-6-19*/

.tablist-common {
  max-width: 1293px;
  margin: 0 auto;
  margin-top: 127px;
  margin-bottom: 100px;
}

.tablist-common .table thead th {
  border-bottom-color: rgba(137, 147, 159, 0.5);
  border-width: 1px;
}

.tablist-common .table thead th span {
  cursor: pointer;
}

.tablist-common .continue-btn {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold !important;
  font-size: 15px !important;
  letter-spacing: 0.69px;
  max-width: initial;
  width: initial !important;
  padding: 0 38px;
  height: 48px !important;
}

.tablist-actions {
  text-align: right;
}

.tablist-title {
  color: #425366;
  font-weight: normal;
  font-size: 38px;
  letter-spacing: -0.3px;
  line-height: 48px;
  display: inline-block;
  float: left;
}

.tablist-search {
  display: inline-block;
  border-radius: 23px;
  background-color: #ffffff;
  box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.06);
  height: 46px;
  width: 72px;
  text-align: center;
  line-height: 44px;
  position: absolute;
  z-index: 1;
  right: 217px;
  top: 1px;
}

.tablist-search input {
  border: 0;
}

.tablist-search.subs {
  right: 305px;
}

.tablist-button {
  display: block;
  height: 46px;
  line-height: 44px;
}

.headinner-title {
  color: #425366;
  font-weight: normal;
  font-size: 30px;
  letter-spacing: -0.11px;
  line-height: 80px;
}

.headinner-title a {
  display: inline-block;
  position: relative;
  bottom: 7px;
  margin-right: 26px;
}

.tablist-common table button {
  padding: 0;
  color: #4561a8;
  font-weight: normal;
}

.tablist-common table button img {
  opacity: 0.35;
  position: relative;
  z-index: 0;
}

.tablist-common table .dropdown-menu,
.invite-candidate-parent .dropdown-menu {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 0;
  left: auto !important;
  max-width: 179px;
  padding: 20px 30px;
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.invite-candidate-parent .dropdown-menu {
  right: 0;
  top: 32px !important;
}

.tablist-common table .dropdown-menu.show,
.invite-candidate-parent .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.tablist-common table .dropdown-menu .dropdown-menu-inner,
.invite-candidate-parent .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.tablist-common table .dropdown-menu.show .dropdown-menu-inner,
.invite-candidate-parent .dropdown-menu.show .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.tablist-common table tbody td .dropdown-menu {
  right: 19px;
  top: 0 !important;
}

.tablist-common table thead th .dropdown-menu {
  right: 0;
  top: 26px !important;
}

.tablist-common table .dropdown-menu::before,
.tablist-common table .dropdown-menu::after {
  display: none;
}

.tablist-common table .dropdown-menu li {
  display: block;
}

.tablist-common table .dropdown-menu li a,
.invite-candidate-parent .dropdown-menu li a {
  color: #89939f;
  font-weight: normal;
  font-size: 14px;
  line-height: 34px;
  display: block;
  text-align: left;
}

.tablist-common table .dropdown-menu li:hover a,
.invite-candidate-parent .dropdown-menu li:hover a {
  color: #425366;
}

.tablist-common table tbody tr:hover {
  background: #f9fafc;
}

.tablist-common table tbody tr:hover button img {
  opacity: 1;
}

.jabreadcrumbs {
  box-shadow: 0 0 75px rgba(0, 0, 0, 0.04);
  background: #fff;
  position: fixed;
  top: 104px;
  width: calc(100% - 255px);
  z-index: 9999;
  transition: 0.25s width ease-in-out;
}

.toggled .jabreadcrumbs {
  width: calc(100% - 77px);
  transition: 0.25s width ease-in-out;
}

.jabreadcrumbs .jabread-inner {
  padding: 17px 34px;
  padding-top: 6px;
}

.jabreadcrumbs .jcrucom,
.jabreadcrumbs .jcrucom a {
  display: inline-block;
  font-size: 18px;
  letter-spacing: -0.14px;
  color: #89939f;
  font-weight: normal;
}

.jabreadcrumbs .jcrucom.current-crumb,
.jabreadcrumbs .jcrucom.current-crumb a,
.jabreadcrumbs .jcrucom:hover,
.jabreadcrumbs .jcrucom:hover a {
  color: #425366;
}

.jabreadcrumbs .jcrumb-sep {
  margin: 0px 18px;
}

.jabreadcrumbs .jcrumb-item::after {
  content: ">";
  width: 42px;
  display: inline-block;
  text-align: center;
  color: #89939f !important;
}

.jabreadcrumbs .jcrumb-item:last-child:after {
  content: "";
}

.no-mail-list {
  text-align: center;
  padding-top: 94px;
}

.jabri-popup {
  background: rgba(66, 83, 102, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 9999999;
  overflow: auto;
}

.jabri-popup-inner {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 142px;
  height: 323px;
  width: 688px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 6px 12px 0 rgba(66, 83, 102, 0.1);
  padding: 0 60px;
  padding-top: 60px;
}

.jabri-popup.feedback-popup .jabri-popup-inner {
  width: 550px;
  height: auto;
  padding: 0;
  border-radius: 0;
}

.deltitle {
  color: #425366;
  font-size: 38px;
  letter-spacing: -0.3px;
  font-weight: normal;
  margin-bottom: 20px;
}

.jabri-popup.feedback-popup .deltitle {
  background: #cfd7e9;
  color: #425366;
  font-size: 24px;
  line-height: 28px;
  padding: 30px 33px;
  margin: 0;
}

.deldesc {
  color: #425366;
  font-size: 20px;
  letter-spacing: -0.42px;
  line-height: 26px;
  font-weight: normal;
  margin-bottom: 35px;
}

.jabri-popup.feedback-popup .deldesc {
  margin: 0;
  margin: 42px;
}

.deldesc .deldata {
  font-weight: bold;
}

.del-delbtn {
  height: 48px;
  width: 134px;
  border-radius: 4px;
  background-color: #ff5875;
  line-height: 48px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.del-delbtn:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.del-cancel {
  height: 48px;
  width: 134px;
  border-radius: 4px;
  line-height: 48px;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  color: #425366;
  margin-left: 20px;
  cursor: pointer;
  background: transparent;
  transition: 0.3s all ease;
}

.del-cancel:hover {
  background: #c9ced4;
  color: #fff;
  transition: 0.3s all ease;
}

.del-cancel:active {
  background: #8f949b;
}

.delclose {
  position: absolute;
  right: 48px;
  top: 42px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jabri-popup.feedback-popup .delclose {
  top: 32px;
}

/*.delclose:hover {
    opacity: 0.5;
    transition: 0.3s opacity ease;
}*/

.feed-green {
  padding: 17px 25px;
  color: #425366;
  font-size: 18px;
  line-height: 21px;
  border-radius: 8px;
  background: #e0f7ec;
}

.comprofile.candi-profile h3 {
  display: none;
}

.comprofile.candi-profile {
  margin-top: 110px;
}

.comprofile.candi-profile .cand-pic-main {
  margin-left: 0;
}

.comprofile.candi-profile button.btn.btn-primary {
  height: 48px;
  width: 173px;
  border-radius: 4px;
  background-color: #2cca83;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.69px;
  text-transform: uppercase;
  margin-top: 30px;
}

.comprofile.candi-profile button.procanc {
  height: 48px;
  width: 108px;
  border-radius: 4px;
  background: rgba(137, 147, 159, 0.09);
  color: #89939f;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: 50px;
  transition: 0.3s all ease;
}

.comprofile.candi-profile button.procanc:hover {
  background: #8f949b;
  color: #fff;
  transition: 0.3s all ease;
}

.skiplink {
  color: #4561a8;
  font-size: 20px;
  letter-spacing: -0.16px;
  font-weight: normal;
  position: absolute;
  right: 0;
  line-height: normal;
  bottom: 26px;
}

.skiplink.subs {
  right: 35px;
  bottom: 8px;
}

.skiplink:hover {
  color: #4561a8;
  text-decoration: underline;
}

.comprofile.candi-profile .candi-top {
  margin-bottom: 45px;
}

.comprofile.candi-profile .form-group.form-addr {
  margin-bottom: 22px;
}

.comprofile.candi-profile .form-group.float-right.half-width {
  padding-left: 29px;
}

.comprofile.candi-profile .form-group.float-left.half-width {
  padding-right: 29px;
}

.subscriber-main {
  max-width: 1152px;
  margin: 0 auto;
  margin-top: 127px;
}

.subscriber-main .post-title {
  margin-bottom: 58px;
  position: relative;
}

.compose-job.mail-main .subscriber-main .form-group {
  padding-right: 36px;
  margin-bottom: 20px;
}

.subscriber-main .add-mail-btn.rem::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/subdel.svg);
  background: none;
  width: auto;
  height: 27px;
  border-radius: initial;
}

.subscriber-main .add-mail-btn {
  bottom: 46px;
  right: -40px;
}

.subscriber-main .invite_infi_list .add-mail-btn {
  bottom: 36px;
}

.subscriber-main .add-mail-btn.addrow {
  color: #4561a8;
  font-weight: normal;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s opacity ease;
}

.subscriber-main .add-mail-btn.addrow:hover {
  opacity: 0.5;
  transition: 0.5s opacity ease;
}

.subscriber-main .add-mail-btn.addrow img {
  margin-right: 20px;
}

.subscriber-main .cansub {
  max-width: 108px;
  margin-right: 28px;
}

.subscriber-main .addsub span {
  margin-left: 25px;
}

.compose-job.mail-main .subscriber-main .form-action {
  margin-top: 65px;
}

.settings-main {
  max-width: 1066px;
  margin: 0 auto;
  margin-top: 80px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.setitem,
.pset-item {
  padding: 30px;
  flex-basis: 33.33%;
  text-align: center;
  position: relative;
  transition: all 0.2s ease;
}

.pset-item {
  padding: 42px;
}

.setitem-inner,
.pset-inner {
  background: #fff;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  border: 1px solid #fff;
  padding-top: 50px;
  padding-bottom: 38px;
  cursor: pointer;
  transition: 0.3s all ease;
}

.setitem-inner {
  padding-bottom: 47px;
}

.pset-inner {
  position: relative;
  padding-top: 70px;
  padding-bottom: 60px;
}

.setitem .setitem-inner:hover,
.pset-item .pset-inner:hover,
.pset-item .pset-inner.active {
  border-color: #4561a8;
  box-shadow: 0 6px 50px -10px rgba(0, 0, 0, 0.2);
  transition: 0.3s all ease;
}

.pset-inner {
  overflow: hidden;
}

.setitem-desc,
.psetitem-desc {
  max-width: 185px;
  margin: 0 auto;
  color: #89939f;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: -0.12px;
  line-height: 20px;
  transition: 0.3s color ease;
}

.setitem-desc {
  display: none;
}

.psetitem-desc {
  max-width: 253px;
}

.setitem-inner:hover .setitem-desc,
.pset-inner:hover .psetitem-desc,
.pset-inner.active .psetitem-desc {
  color: #425366;
  transition: 0.3s color ease;
}

.setitem-title,
.pset-title {
  color: #89939f;

  font-size: 23px;
  letter-spacing: -0.18px;
  line-height: 43px;
  margin-top: 30px;
  margin-bottom: 3px;
  transition: 0.3s color ease;
}

.setitem-inner:hover .setitem-title,
.pset-inner:hover .pset-title,
.pset-inner.active .pset-title {
  color: #4561a8;
  transition: 0.3s color ease;
}

.post-job-setting {
  max-width: 1274px;
  margin: 0 auto;
  margin-top: 164px;
}

.pset-items-main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.pset-control {
  height: 60px;
  width: 594px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.06);
  color: #425366;
  font-weight: normal;
  font-size: 30px;
  padding: 0 30px;
  border: 1px solid #fff;
}

.pset-control:focus {
  box-shadow: 0 13px 20px 0 rgba(69, 97, 168, 0.3);
}

.pset-control.invalid,
.pset-control.invalid:focus {
  border: 1px solid #ff5875;
}

.pset-label {
  color: #89939f;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  margin-left: 30px;
  margin-bottom: 5px;
}

.pset-close {
  float: right;
  margin-top: 15px;
}

.pset-close a {
  color: #89939f;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
}

.pset-close img {
  margin-right: 6px;
  padding: 10px;
  border-radius: 100%;
  transition: 0.3s all ease;
}

.pset-close a:hover img {
  background: #fff;
  box-shadow: 0 0 10px -5px;
  transition: 0.3s all ease;
}

.pset-close a:hover {
  color: #4561a8;
  transition: 0.3s all ease;
}

.pset-actions {
  padding: 0 42px;
  margin-bottom: 38px;
  transition: all 0.2s ease;
}

.custom-radio.pset-radio {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1;
  width: 24px;
  height: 24px;
}

.custom-radio.pset-radio input[type="radio"] {
  position: absolute;
  transform: scale(30);
  left: -70px;
  margin: auto;
  opacity: 0;
  cursor: pointer;
  transform-origin: top left;
  top: -90px;
}

.inactive input[type="radio"] {
  display: none;
}

.inactive::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}

.custom-radio.pset-radio .check {
  display: block;
  position: absolute;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  background: #fff;
}

.custom-radio.pset-radio .check::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/pset-unchecked.svg);
}

.custom-radio.pset-radio input[type="radio"]:checked ~ .check::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/pset-checked.svg);
  background: transparent;
}

.pset-inner img {
  height: 84px;
}

.pset-submit {
  padding: 0 42px;
  margin-top: 40px;
  transition: all 0.2s ease;
}

.pset-submit button {
  text-transform: uppercase;
  height: 60px;
  width: 193px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;

  font-size: 18px;
  font-weight: 500;
}

.tablist-common table button.sortdiff,
.invite-candidate-parent .btn-group button {
  color: #89939f;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}

.tablist-common table button.sortdiff img {
  opacity: 1;
}

.notidropdown select {
  display: none;
}

.reviewscreentabs {
  box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.04);
  position: fixed;
  top: 101px;
  background: #fff;
  z-index: 7;
  width: calc(100% - 255px);
  padding-left: 7px;
  transition: 0.25s width ease-in-out;
}

.toggled .reviewscreentabs {
  width: calc(100% - 77px);
  transition: 0.25s width ease-in-out;
}

.reviewscreentabs ul.tabs {
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.reviewscreentabs ul.tabs li.tab_indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #425366;
  will-change: left, right;
  padding: 0;
  transition: 0.5s all ease;
}

.reviewscreentabs ul.tabs li {
  color: rgba(66, 83, 102, 0.5);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.13px;
  position: relative;
  margin: 0 20px;
  padding: 20px 7px;
  cursor: pointer;
  display: inline-block;
}

.reviewscreentabs ul.tabs li.current,
.reviewscreentabs ul.tabs li:hover {
  color: #425366;
}

.setitem.slide_in,
.pset-item.slide_in,
.pset-actions.slide_in,
.pset-submit.slide_in {
  -webkit-animation: newProjectModalSlideIn ease 1;
  animation: newProjectModalSlideIn ease 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 175ms;
  animation-duration: 175ms;
}

.setitem.slide_out,
.pset-item.slide_out,
.pset-actions.slide_out,
.pset-submit.slide_out {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: newProjectModalSlideOut ease 1;
  animation: newProjectModalSlideOut ease 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 175ms;
  animation-duration: 175ms;
}

@-webkit-keyframes newProjectModalSlideIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }

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

@keyframes newProjectModalSlideIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }

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

@-webkit-keyframes newProjectModalSlideOut {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
}

@keyframes newProjectModalSlideOut {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
}

h1.public-fixed {
  position: fixed;
  top: -100%;
  background: #4560a8;
  left: 0;
  padding: 15px 20px;
  width: 100%;
  z-index: 1;
  transition: 0.3s top;
  line-height: normal;
  font-size: 40px;
}

h1.public-fixed.hfix {
  top: 0;
  transition: 0.3s top;
}

.jd-banner h1.public-fixed span {
  display: inline;
}

.all-mail-list table tbody td input {
  background: transparent;
  border: 0;
  opacity: 0.5;
  padding: 0 5px;
  border: 1px solid rgba(137, 147, 159, 0.5);
  width: 100%;
  margin-left: -5px;
  border-radius: 2px;
}

.all-mail-list table tbody td input.invalid {
  border-color: #ff5875;
  border-radius: 2px;
}

.all-mail-list table tbody td input:focus {
  opacity: 1;
}

.all-mail-list table tbody td a.mail-delete.mail-action {
  display: none;
}

.tablist-common table tbody tr.active-tr {
  background: #f9fafc;
}

.tablist-common table tbody tr.inactive-tr {
  opacity: 0.16;
}

.tablist-actions {
  position: relative;
}

.tablist-common .continue-btn,
.tablist-title {
  opacity: 1;
  transition: 0.5s opacity ease;
}

.tablist-title.seaclick {
  opacity: 0;
  transition: 0.5s opacity ease;
}

.tablist-common .continue-btn.seaclick {
  visibility: hidden;
  opacity: 0;
  width: 0 !important;
  transition: 0.5s opacity ease;
}

.tablist-search {
  transition: 0.5s all ease;
}

.tablist-search.seaclick {
  position: absolute;
  width: 100%;
  right: 0;
  top: 1px;
  text-align: right;
  z-index: 1;
  margin-right: 0;
  transition: 0.5s all ease;
}

.tablist-actions + .table {
  opacity: 1;
  transition: 0.5s opacity ease;
}

.tablist-actions + .table.seaclick {
  opacity: 0;
  transition: 0.5s opacity ease;
}

.tablist-field {
  position: relative;
}

.tablist-field input {
  width: 0;
  height: 0;
  line-height: 46px;
  position: absolute;
  color: #425366;
  font-weight: normal;
  font-size: 26px;
  letter-spacing: -0.16px;
  transition: 0.5s width ease;
}

.tablist-search.seaclick .tablist-field input {
  left: 30px;
  height: initial;
  width: calc(100% - 90px);
  transition: 0.5s width ease;
}

.tablist-search .ms-button {
  display: block;
  height: 46px;
  line-height: 46px;
  width: 72px;
  text-align: center;
  position: relative;
  height: 46px;
  float: right;
  opacity: 1;
  transition: 0.5s opacity ease;
}

.tablist-search .ms-button:hover {
  opacity: 0.5;
  transition: 0.5s opacity ease;
}

.tablist-search .ms-button img + img {
  width: 0;
  transition: 0.5s width ease;
}

.tablist-search.seaclick .ms-button img {
  width: 0;
  transition: 0.5s width ease;
}

.tablist-search.seaclick .ms-button img + img {
  width: initial;
  transition: 0.5s width ease;
}

.invite-keywords .control-label {
  color: #89939f;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
}

.subscriber-main .invite-tabbed .post-title {
  margin-bottom: 60px;
}

#showStep1.invite-tabbed .ng2-tag-input.bootstrap3-info {
  padding: 12px 14px !important;
  line-height: 36px;
  padding-bottom: 2px !important;
}

#showStep1.invite-tabbed .ng2-tag-input__text-input {
  height: 36px !important;
  padding: 0 10px !important;
  margin-bottom: 10px;
  background: transparent;
}

#showStep1.invite-tabbed .bootstrap3-info tag {
  margin: 0 !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  overflow: initial;
}

#showStep1.invite-tabbed delete-icon {
  position: absolute;
  background: #ff5875;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  border-radius: 100%;
  font-size: 8px;
  border: 0;
  top: -5px;
  right: -5px;
  opacity: 1;
  transition: 0.5s opacity ease;
  cursor: pointer;
  display: none;
}

#showStep1.invite-tabbed .bootstrap3-info tag:hover delete-icon {
  display: block;
}

#showStep1.invite-tabbed tag-ripple {
  display: none !important;
}

.compose-job.mail-main .form-group.invite-keywords {
  position: relative;
  padding-bottom: 62px;
  margin-bottom: 62px;
}

.invite-keywords::after {
  content: "";
  width: calc(100% - 36px);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  display: block;
  background: #89939f;
}

.invite-abs {
  position: relative;
}

.invite-abs a {
  color: #4561a8;
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  right: 36px;
  top: 6px;
  opacity: 1;
  transition: 0.5s opacity ease;
}

.invite-abs a:hover {
  opacity: 0.5;
  transition: 0.5s opacity ease;
}

.jobdrop-list button.dropdown-toggle {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.06) !important;
  color: #425366;
  font-size: 22px;
  padding: 14px 0;
  padding-left: 21px;
  padding-right: 60px;
  min-width: 400px;
  max-width: 400px;
  text-align: left;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.3s box-shadow ease;
}

.jobdrop-list button.dropdown-toggle:hover,
.jobdrop-list button.dropdown-toggle:focus {
  box-shadow: 0 0 15px -5px rgba(69, 96, 167, 0.5) !important;
  transition: 0.3s box-shadow ease;
}

.droplogo {
  display: none;
  margin-right: 17px;
  border-radius: 100%;
}

.dropicon {
  position: absolute !important;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 24px;
}

.show .dropicon {
  transform: rotate(-180deg);
}

.jobdrop-list .dropdown-menu {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  border: 0;
  top: 68px !important;
  left: 0 !important;
  width: 100%;
  max-height: 482px;
  max-width: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  display: block !important;
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
}

.jobdrop-list .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.jdrop-menu-inner {
  position: relative;
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.jobdrop-list .dropdown-menu.show .jdrop-menu-inner {
  transform: translate3d(0, 0, 0);
}

.jobdrop-list .dropdown-menu::before,
.jobdrop-list .dropdown-menu::after {
  display: none;
}

.jobdrop-list .dropdown-item:first-child,
.jobdrop-list .dropdown-item:last-child {
  margin: 0;
}

.jobdrop-list .dropdown-item {
  color: #89939f !important;
  font-size: 22px;
  padding: 14px 21px;
  text-align: left;
  border: 1px solid #f3f6f9;
  height: auto;
  line-height: normal;
  white-space: initial;
  cursor: pointer;
}

.jobdrop-list .dropdown-item:hover {
  background: #f3f6f9;
  color: #425366 !important;
}

.jobdrop-list .dropdown-item img {
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 17px;
}

.droptitle {
  width: calc(100% - 47px);
  display: inline-table;
}

.cand-detail-left .post-title {
  display: flex;
  font-weight: normal;
  line-height: normal;
  font-size: 0;
  align-items: center;
}

.cand-detail-list-item:hover {
  background: #f3f6f9;
}

.jasearch {
  display: block;
}

.jafilter .jafilter-main {
  width: 280px;
  background-color: #ffffff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 40px;
  display: block !important;
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
}

.jafilter.filtive .jafilter-main {
  transform: scale(1) !important;
  opacity: 1;
}

.jafilter .jafilter-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.jafilter.filtive .jafilter-inner {
  transform: translate3d(0, 0, 0);
}

.jafil-head {
  position: relative;
  border-bottom: 1px solid #f3f6f9;
  text-align: center;
}

.jafil-foot {
  padding: 0 21px;
  border-top: 1px solid #f3f6f9;
}

.jafil-h1,
.jafil-h2,
.jafil-h3 {
  display: inline-block;
  width: 33.33%;
  padding-bottom: 12px;
  padding-top: 12px;
}

.jafil-h1 a,
.jafil-h2 a,
.jafil-h3 a {
  position: relative;
  color: #a8b5c2;

  font-size: 16px;
  line-height: normal;
}

.jafil-h1 a:hover,
.jafil-h2 a:hover,
.jafil-h3 a:hover,
.jafil-h1 a.active,
.jafil-h2 a.active,
.jafil-h3 a.active {
  color: #425366;
}

.jafil-indicator {
  display: none;
  position: absolute;
  bottom: -1px;
  height: 1px;
  background: #425366;
  will-change: left, right;
  padding: 0;
  transition: 0.5s all ease;
}

.jafil-act1,
.jafil-act2 {
  font-size: 15px;
  height: 44px;
  line-height: 44px;
}

.jafil-act1 {
  float: left;
  color: #a8b5c2;
}

.jafil-act2 {
  float: right;
  color: #2cca83;
}

.jafil-item {
  position: relative;
  display: block;
  color: #a8b5c2;
  font-size: 15px;
  line-height: 30px;
}

.jafil-item.active::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/jafill-check.svg);
  position: absolute;
  right: 2px;
}

.jafil-h1 a.active::before,
.jafil-h2 a.active::before,
.jafil-h3 a.active::before {
  content: "";
  height: 1px;
  width: calc(100% + 16px);
  display: block;
  background: #425366;
  position: absolute;
  bottom: -15px;
  left: -8px;
  right: 0;
  margin: auto;
}

.jafil-h1 a.fcomp::after,
.jafil-h2 a.fcomp::after,
.jafil-h3 a.fcomp::after {
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 100%;
  background: #2cca83;
  display: inline-block;
  position: relative;
  bottom: 2px;
  margin-left: 4px;
}

.jafil-body-inner {
  padding: 10px 21px;
}

.jafil-item:hover,
.jafil-item.active {
  color: #425366;
}

.jasearch img,
.jafilter img {
  cursor: pointer;
}

.jasearch img + img {
  display: none;
  position: relative;
  left: 30px;
  bottom: 2px;
}

.jafilter img + img {
  display: none;
}

.jafilter.filtive > img {
  display: none;
}

.jafilter.filtive img + img {
  display: block;
}

.jasearch.seactive {
  position: relative;
  z-index: 2;
}

.jasearch.seactive > img {
  display: none;
}

.jasearch.seactive img + img {
  display: block;
}

.jmainlogo {
  float: left;
  width: 61px;
  cursor: pointer;
  margin-top: 39px;
  margin-left: 34.37px;
}

.jabri-sidebar .slide-toggle {
  margin: 0 auto;
  margin-top: 33px;
  display: block;
  cursor: pointer;
  padding: 10px;
}

.jobdrop-list {
  top: 8px;
}

.jasharebtn {
  margin-left: 48px;
  display: inline-block;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.cand-detail-list-item input.share-check,
.cand-seall input.share-check {
  position: absolute;
  right: 0;
  z-index: 5;
  width: auto;
  transform: scale(4);
  opacity: 0;
  cursor: pointer;
}

.cand-seall input.share-check {
  transform: scale(10);
}

.cand-detail-list-item .check-before,
.cand-detail-list-item .custom-check,
.cand-seall .check-before,
.cand-seall .custom-check {
  position: relative;
  width: 14px;
  height: 14px;
  display: block;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
}

.cand-detail-list-item .custom-check {
  width: 20px;
  height: 20px;
}

.cand-seall .custom-check {
  position: static;
}

.cand-detail-list-item .custom-check {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cand-seall {
  position: absolute;
  top: 60px;
  left: 20px;
  overflow: hidden;
}

.cand-seall .custom-check {
  display: inline-block;
}

.cand-seall span {
  color: #89939f;

  font-size: 12px;
  position: relative;
  bottom: 2px;
  margin-left: 12px;
}

.cand-detail-list-item .check-before::before,
.cand-seall .check-before::before {
  content: "";
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/jdetcheck.svg);
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: 0.2s all ease-in-out;
  display: block;
  z-index: 1;
}

.cand-detail-list-item .check-before::after,
.cand-seall .check-before::after {
  content: "";
  height: 14px;
  width: 14px;
  border: 1px solid #ced0da;
  border-radius: 4px;
  background: linear-gradient(0deg, #f2f4f8 0%, #feffff 100%);
  display: block;
  transition: 0.2s all ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.cand-detail-list-item .check-before,
.cand-detail-list-item .check-before::before,
.cand-detail-list-item .check-before::after {
  width: 20px;
  height: 20px;
  background-size: 20px;
}

.cand-detail-list-item[type="checkbox"]:checked + .check-before:before,
.cand-seall[type="checkbox"]:checked + .check-before:before {
  opacity: 1;
}

.cand-detail-list-item[type="checkbox"]:checked + .check-before:after,
.cand-seall[type="checkbox"]:checked + .check-before:after {
  background: #2cca83;
  border-color: #2cca83;
}

.cand-detail-list-item .custom-check img,
.cand-seall .custom-check img {
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.cand-seall .custom-check img {
  top: 3px;
}

.share-check:hover + div + img {
  opacity: 1;
}

.jdatee {
  color: #89939f;
  font-size: 11px;
  line-height: 15px;
  text-align: right;
  position: absolute;
  right: 20px;
  bottom: 17px;
}

.cand-detail-left .cand-inr {
  position: relative;
  height: 160px;
  z-index: 2;
  padding: 20px;
  padding-top: 13px;
}

.cand-detail-left .cand-inr::before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: 36px;
  background: rgba(168, 181, 194, 0.24);
}

.candid_field input {
  width: 100%;
  padding: 13px 23px;
  border: 0;
  color: #425366;
  font-size: 16px;
  line-height: 19px;
  background: #ebeef2;
  border-radius: 4px;
  padding-right: 60px;
}

.candid_results,
.cand_count {
  color: #4561a8;
  font-size: 12px;
  white-space: nowrap;
  margin-top: 18px;
  line-height: normal;
  position: absolute;
  left: 20px;
  bottom: 11px;
}

.candid_title {
  color: #425366;
  font-size: 26px;
  letter-spacing: -0.09px;
  font-weight: normal;
  padding-top: 16px;
  padding-left: 20px;
  padding-right: 40px;
}

.share-job-pop .jabri-popup-inner {
  width: 866px;
  height: initial;
  padding-bottom: 46px;
}

.shaj-title {
  color: #425366;

  font-size: 24px;
  letter-spacing: -0.19px;
  float: left;
  line-height: normal;
  max-width: 400px;
}

.shaj-id {
  float: right;
  color: #2cca83;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.14px;
  line-height: normal;
  position: relative;
  top: 5px;
}

.shaj-label {
  color: #8fa2ad;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 6px;
}

.shaj-act input {
  color: #425366;

  font-size: 16px;
  background: transparent;
  border: 0;
}

.shaj-act button {
  color: #425366;

  font-size: 16px;
  height: 60px;
  width: 198px;
  border-radius: 4px;
  background: #dee4e9;
  transition: 0.3s background ease;
}

.shaj-act button:hover {
  background: #8f949b;
  transition: 0.3s background ease;
}

.shaj-act .input-group {
  background: #f3f6f9;
  border-radius: 4px;
}

.shaj-act .input-group-append {
  background: transparent;
}

.shaj-det {
  margin-top: 35px;
}

.shaj-act {
  margin-top: 47px;
}

.candj-card .fa {
  margin-right: 4px;
}

.candj-card .fa::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/rating-icn.svg);
}

.candj-card .fa.active::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/fill-rating-icn.svg);
}

.jabri-diff-pop .jabri-popup-inner {
  width: 950px;
  height: initial;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
}

.jabri-diff-pop .deltitle {
  color: #89939f;

  font-size: 27px;
  letter-spacing: -0.21px;
  line-height: normal;
  margin: 0;
  margin: 0;
  padding-left: 50px;
  margin-top: 55px;
}

.candj-id {
  color: #4561a8;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #89939f;
}

.candj-right {
  position: relative;
  height: 56px;
  width: 171px;
  border-radius: 4px;
  background: #2cca83;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  margin-left: auto;
  transition: 0.3s background ease;
}

.candj-right:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.candj-right img {
  margin-right: 19px;
  position: relative;
  bottom: 2px;
}

.candj-label {
  color: #8fa2ad;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 12px;
}

.candj-input {
  background: #f3f6f9;
}

.candj-input .candj-email,
.candj-input .candj-comment {
  position: relative;
}

.candj-avatar img {
  height: 46px;
  width: 46px;
  border-radius: 11px;
  float: left;
  margin-right: 18px;
  position: relative;
  top: 2px;
  margin-left: 22px;
}

.candj-avatar-details {
  color: #425366;

  font-size: 19px;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
  max-width: calc(100% - 86px);
  display: block;
  margin-left: auto;
}

.candj-action {
  padding: 0 30px;
  padding-top: 28px;
  padding-bottom: 34px;
}

.candj-input {
  padding: 19px 30px;
  padding-bottom: 15px;
}

.candj-card {
  flex-basis: 33.33%;
  padding: 15px 14px;
}

.candj-card-inner {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 3px 10px -4px rgba(69, 97, 168, 0.3);
  display: inline-block;
  padding: 8px;
  padding-top: 20px;
  width: 100%;
  position: relative;
}

.candj-card-parent {
  padding: 0 35px;
  padding-top: 25px;
  padding-bottom: 39px;
  max-height: 328px;
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.candj-avatar-text {
  position: relative;
  top: 8px;
}

.candj-rem {
  box-shadow: 0 4px 8px -2px rgba(255, 88, 117, 0.7);
  border-radius: 100%;
  position: absolute;
  right: -13px;
  top: -13px;
  display: none;
}

.candj-card-inner:hover .candj-rem {
  display: block;
}

.candj-card textarea {
  min-height: 100px;
  width: 100%;
  border-radius: 2px;
  background-color: #f3f6f9;
  color: #425366;
  border: 0;
  font-size: 15px;
  line-height: normal;
  padding: 14px;
  resize: none;
}

.candj-card .starav-rating {
  position: relative;
  bottom: 5px;
}

.notifications {
  text-align: left;
  max-width: 870px;
  margin: 0 auto;
}

.notifi-block {
  position: relative;
  padding-bottom: 20px;
}

.notifi-title {
  color: #425366;

  font-size: 30px;
  letter-spacing: -0.24px;
  line-height: normal;
  margin-bottom: 35px;
}

.notifi-inn-title {
  color: #89939f;

  font-size: 22px;
  line-height: normal;
  margin-bottom: 10px;
}

.notifi-switch {
  position: absolute;
  top: 0;
  right: 0;
  height: 26px;
  width: 52px;
}

.notifications .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.notifications .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f3f6f9;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 0.5px solid #fff;
}

.notifications .slider:hover {
  border: 0.5px solid rgba(168, 181, 194, 0.25);
}

.notifications .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 1px;
  bottom: 1px;
  background-color: #a8b5c2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.notifications input:checked + .slider::before {
  background-color: #2cca83;
  box-shadow: 0 2px 8px 0 rgba(44, 202, 131, 0.61);
}

.notifications input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */

.notifications .slider.round {
  border-radius: 28px;
}

.notifications .slider.round:before {
  border-radius: 50%;
}

.notifi-inn-desc {
  color: #8fa2ad;

  font-size: 14px;
  line-height: normal;
  margin-bottom: 20px;
}

.notifications .radio-lbl {
  color: #89939f;

  font-size: 14px;
  line-height: normal;
  cursor: initial;
  position: relative;
  bottom: 2px;
  padding-left: 30px;
  margin-right: 45px;
}

.notifications .notifi-lbl {
  color: #425366;

  font-size: 13px;
  line-height: normal;
  margin-bottom: 15px;
}

.notifications .custom-radio li .check {
  height: 16px;
  width: 16px;
  z-index: 0;
  margin: 0;
}

.notifications .custom-radio li .check::before {
  display: block;
  position: absolute;
  content: url("https://d3wjctuj7lvzp.cloudfront.net/assets/images/notiradio-u.svg");
  border-radius: 100%;
  height: 16px;
  width: 16px;
}

.notifications input[type="radio"]:checked ~ .check::before {
  content: url("https://d3wjctuj7lvzp.cloudfront.net/assets/images/notiradio-c.svg");
  background: none;
}

.notifications .notifi-card {
  padding: 0 70px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  padding-top: 38px;
  padding-bottom: 18px;
}

.notifications .custom-radio li {
  height: initial;
  line-height: normal;
}

.notifications .custom-radio li input[type="radio"] {
  transform: scale(1.5);
  z-index: 1;
}

.notifi-block.bord::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  opacity: 0.5;
  background-color: #a8b5c2;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
}

.notifi-block.bord + .notifi-block {
  margin-top: 32px;
}

.invite-candidate-parent {
  max-width: 1303px;
  margin: 0 auto;
  margin-top: 127px;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
}

.invite-candidate-parent .btn-group {
  display: block;
  text-align: right;
  margin-right: 27px;
}

.invite-candidate-parent .nav-tabs {
  background: #e3e8f2;
  border: 0;
  box-shadow: inset 0 -17px 10px 0 rgba(66, 83, 102, 0.01),
    0 6px 40px 0 rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

.invite-candidate-parent .nav-tabs a {
  color: #425366;
  font-size: 22px;
  width: 190px;
  height: 86px;
  line-height: 86px;
  display: block;
  position: relative;
  z-index: 1;
  text-align: center;
  opacity: 0.7;
  opacity: 0.5;
}

.mail_ssection .invite-candidate-parent .nav-tabs a {
  width: 250px;
}

.invite-candidate-parent .nav-tabs a.active {
  opacity: 1;
}

.invite-candidate-parent .nav-tabs a.tab1svg {
  padding-right: 20px;
}

.invite-candidate-parent .nav-tabs a.tab1svg.active::before,
.invite-candidate-parent .nav-tabs a.tab1svg:hover:before {
  content: "";
  background-size: 100%;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: -1;
  transform-origin: top left;
  transform: scaleY(1.27);
}

.invite-candidate-parent .nav-tabs a.tab2svg.active::before,
.invite-candidate-parent .nav-tabs a.tab2svg:hover:before {
  content: "";
  background-size: 100%;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: -1;
  transform-origin: top left;
  transform: scaleY(1.27);
}

.mail_ssection .invite-candidate-parent .nav-tabs a.tab1svg.active::before,
.mail_ssection .invite-candidate-parent .nav-tabs a.tab1svg:hover:before {
  transform: scaleY(0.999);
}

.mail_ssection .invite-candidate-parent .nav-tabs a.tab2svg.active::before,
.mail_ssection .invite-candidate-parent .nav-tabs a.tab2svg:hover:before {
  transform: scaleY(0.999);
}

.invite-candidate-parent .nav-tabs a.tab1svg.active::before,
.invite-candidate-parent .nav-tabs a.tab1svg:hover:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/tab1svg.svg);
}

.invite-candidate-parent .nav-tabs a.tab2svg.active::before,
.invite-candidate-parent .nav-tabs a.tab2svg:hover:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/tab2svg.svg);
}

.invite-candidate-parent .nav-tabs a.tab1svg:hover:before,
.invite-candidate-parent .nav-tabs a.tab2svg:hover:before {
  opacity: 0.55;
}

.invite-candidate-parent .nav-tabs a.tab1svg.active:hover:before,
.invite-candidate-parent .nav-tabs a.tab2svg.active:hover:before {
  opacity: 1;
}

.invite-candidate-parent .nav-tabs a img {
  margin-right: 16px;
}

.invite-candidate-parent .nav-tabs li + li {
  margin-left: -43px;
}

.mail_ssection .invite-candidate-parent .nav-tabs li + li {
  margin-left: -51px;
}

.invite-candidate-parent .tab-content {
  background: #fff;
  position: relative;
  z-index: 1;
}

.invite-candidate-parent .invite-keywords {
  padding-left: 40px;
  padding-right: 40px !important;
  padding-top: 40px;
  padding-bottom: 32px !important;
  margin-bottom: 61px !important;
  padding-bottom: 34px !important;
  margin-bottom: 0 !important;
}

.invite-candidate-parent .ng2-tag-input.bootstrap3-info {
  background: transparent !important;
}

.invite-candidate-parent tag-input {
  border-radius: 4px;
  min-height: 120px;
  border: 1px solid #e6ecef;
  background-color: rgba(237, 238, 240, 0.2);
}

.invite-candidate-parent .bootstrap3-info tag {
  background: #a8b5c2 !important;
  border-radius: 3px;
}

.invite-candidate-parent .tag__text {
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
}

.invite-candidate-parent .invite-keywords::after {
  display: none;
}

.invite-candidate-parent.subscriber-main .add-mail-btn {
  right: 18px;
}

.invite-candidate-parent .mail-parent .control-label {
  margin-bottom: 0;
}

.invite-candidate-parent.compose-job .form-action {
  padding-left: 41px;
  padding-right: 73px;
}

.invite-candidate-parent.subscriber-main .add-mail-btn.rem::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/invcnd-close.svg);
  background: none;
  width: auto;
  height: 22px;
  border-radius: initial;
  position: relative;
  bottom: 3px;
}

.invite-candidate-parent form.clearfix {
  position: relative;
}

.inv-forscroll::before {
  content: "";
  width: calc(100% - 56px);
  height: 100%;
  display: none;
  border: 1px solid #c4c9cf;
  border-radius: 4px;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}

.invite-candidate-parent.compose-job .form-action {
  margin-top: 98px;
  margin-top: 78px;
}

.invite-candidate-parent .invite-tabbed {
  padding-bottom: 45px;
}

.inv-forscroll {
  position: relative;
  display: block;
  padding-top: 32px;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.inv-forscroll-inner {
  overflow: auto;
  max-height: 480px;
}

.public-detailview {
  padding-top: 104px;
  overflow-x: hidden;
}

.public-detailview .pb-topbar {
  position: fixed;
  top: 0;
  left: 0;
  height: 106px;
  width: 100%;
  background-color: #ffffff;
  /*box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.04);*/
  z-index: 999;
}

.public-detailview .cand-detail-left,
.public-detailview .cand-center-inner,
.public-detailview .cand-detail-center {
  margin-top: 0;
}

.public-detailview .cand-detail-left,
.public-detailview .cand-list-parent {
  height: calc(100vh - 104px);
}

.public-detailview .pb-topbar {
  padding-left: 50px;
  padding-right: 93px;
}

.public-detailview .cand-detail-right {
  margin-top: 0;
  top: 145px;
}

.public-detailview .cand-profile {
  padding-top: 43px;
  border-radius: 4px;
  height: calc(100vh - 480px);
  /*display: flex;
    flex-direction: column;
    justify-content: center;*/
}

.public-detailview .cand-detail video,
.public-detailview .review-video-container {
  height: calc(100vh - 480px) !important;
}

.public-detailview .cand-detail-center {
  padding-top: 41px;
  padding-bottom: 100px;
}

.public-detailview .pubj-l-logo {
  display: inline-block;
  position: relative;
  top: 36px;
}

.public-detailview .pubj-l-logo img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin: 0;
  float: none;
  margin-right: 15px;
}

.public-detailview .pubj-l-logo span {
  color: #425366;

  font-size: 22px;
  line-height: normal;
  position: relative;
  top: 4px;
}

.public-detailview .pubj-r-logo {
  float: right;
  position: relative;
  top: 40px;
}

.public-detailview .pubj-r-logo img {
  max-width: 61px;
}

.public-detailview .cand-rating-panel {
  position: relative;
}

/* .public-detailview .cand-rating-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
} */

.public-detailview .cand-rating-dafault {
  position: relative;
}

.public-detailview .cand-rating-dafault::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.public-detailview .profile-action {
  position: relative;
}

/*.public-detailview .profile-action::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}*/

.public-detailview .cand-detail video {
  min-height: initial;
}

.cand-detail-list-item.cand-active {
  background: #f3f6f9;
}

.cand-detail-list-item.cand-scheck {
  background: #e0f7ec !important;
}

.tablist-common.invcandlist {
  padding: 0 28px;
  padding-top: 35px;
}

.tablist-common.invcandlist,
.all-mail-list.invcandlist table {
  margin-top: 0;
  margin-bottom: 0;
}

.tablist-common.invcandlist .invtable-inner {
  border-radius: 4px;
  overflow: auto;
}

.tablist-common.invcandlist .table thead th {
  border-top: 0;
}

.jabreadcrumbs .jcrucom.current-bread {
  color: #425366 !important;
}

.notifier__container * {
  box-sizing: border-box;
}

.notifier__container-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.notifier__notification {
  display: block;
  position: fixed;
  visibility: hidden;
  z-index: 10000;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.notifier__notification--material {
  border-radius: 4px;
  cursor: default;
  padding-top: 14px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 73px;
}

.notifier__notification--material .notifier__notification-message {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: top;
  line-height: 32px;
  font-size: 15px;
}

.notifier__notification--material .notifier__notification-button {
  display: inline-block;
  transition: opacity 0.2s ease;
  opacity: 0.5;
  margin-right: -10px;
  margin-left: 10px;
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
  padding: 6px;
  width: initial;
  height: initial;
  vertical-align: top;
}

.notifier__notification-button::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/alert_close.svg);
  position: relative;
  top: 1px;
}

.notifier__notification--material .notifier__notification-button:hover,
.notifier__notification--material .notifier__notification-button:focus {
  opacity: 1;
}

.notifier__notification--material .notifier__notification-button:active {
  -webkit-transform: scale(0.82);
  transform: scale(0.82);
  opacity: 1;
}

.notifier__notification--default {
  background-color: #444;
  color: #fff;
}

.notifier__notification-button-icon {
  display: none;
}

.notifier__notification--default .notifier__notification-button-icon {
  fill: #425366;
}

.notifier__notification--error {
  background-color: #ffd7de;
  color: #425366;
  box-shadow: 0 0 20px -2px rgba(255, 88, 117, 0.2);
}

.notifier__notification--success::before,
.notifier__notification--error::before {
  content: "";
  width: 24px;
  height: 24px;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  margin: auto;
  display: block;
}

.notifier__notification--error::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/alert_error.svg);
}

.notifier__notification--success::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/alert_success.svg);
}

.notifier__notification--error .notifier__notification-button-icon {
  fill: #425366;
}

.notifier__notification--info {
  background-color: #5bc0de;
  color: #fff;
}

.notifier__notification--info .notifier__notification-button-icon {
  fill: #425366;
}

.notifier__notification--success {
  background-color: #d5f4e6;
  color: #425366;
  box-shadow: 0 0 20px -2px rgba(44, 202, 131, 0.2);
}

.notifier__notification--success .notifier__notification-button-icon {
  fill: #425366;
}

.notifier__notification--warning {
  background-color: #f0ad4e;
  color: #fff;
}

.notifier__notification--warning .notifier__notification-button-icon {
  fill: #425366;
}

.workflow-main {
  position: relative;
  width: calc(100% - 130px);
  margin: 0 auto;
  margin-left: 30px;
  margin-right: 0;
  margin-top: 115px;
  overflow: auto;
  white-space: nowrap;
  height: calc(100vh - 195px);
  margin-bottom: -100px;
  margin-left: 0;
  padding-left: 30px;
  padding-right: 0;
  width: 100%;
  max-width: 100%;
}

/*.workflow:last-child {
    margin-right: 30px;
}*/

.wf-close {
  /*position: absolute;*/
  top: 0;
  right: 0;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.wf-close:hover {
  opacity: 0.9;
  transition: 0.3s opacity ease;
}

.workflow {
  position: relative;
  width: 100%;
  display: inline-block;
  background: #fff;
  margin-right: 10px;
  padding: 7px;
  max-width: 331px;
  vertical-align: top;
  border-radius: 4px;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
}

.workflow::after {
  content: "";
  display: block;
  width: 0;
  height: calc(100% - 17px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #425366;
  opacity: 0;
  transition: 0.3s opacity ease;
}

.workflow.wf_active::after {
  opacity: 0.9;
  width: calc(100% - 14px);
  transition: 0.3s opacity ease;
}

.workflow .cand-detail-list-item {
  padding-left: 50px;
}

.workflow .cand-detail-list-item::before {
  display: none;
}

.workflow li.ui-state-default {
  background: #fff;
  display: block;
  margin-bottom: 5px;
  box-shadow: 0 4px 10px -6px rgba(69, 97, 168, 0.4);
}

.workflow li.ui-sortable-placeholder {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/blank-list.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  visibility: visible !important;
}

.workflow li.ui-state-default:last-child {
  margin-bottom: 0;
}

.workflow .cndlist-inner {
  padding-left: 0px;
  padding-right: 18px;
  padding-bottom: 21px;
  padding-top: 21px;
}

.workflow .jdatee {
  right: 10px;
  top: 45px;
}

.workflow .jdatee span {
  display: block;
}

.workflow .cand-detail-list-item .custom-check {
  left: 16px;
}

.workflow .workflow-inner {
  background: #f8f9fc;
  padding: 4px;
  overflow: auto;
  max-height: calc(100vh - 338px);
}

.workflow .cand-detail-list-item li:first-child {
  margin-right: 17px;
}

.workflow .workflow-color {
  height: 2px;
  display: block;
  box-shadow: 0 1px 0 0 rgba(69, 97, 168, 0.3);
}

.workflow .workflow-title {
  position: relative;
  height: 82px;
  box-shadow: 0 4px 10px -6px rgba(69, 97, 168, 0.4);
  color: #425366;

  font-size: 20px;
  padding-left: 20px;
  padding-top: 12px;
}

.workflow .workflow-title span {
  color: #425366;

  font-size: 20px;
  letter-spacing: -0.07px;
  margin-left: 19px;
  margin: 0;
}

.workflow .workflow-title span span,
.workflow .workflow-title span + span {
  color: #a8b5c2;
}

.workflow .workflow-edit {
  padding: 5px;
  position: absolute;
  top: 13px;
  right: 11px;
}

.workflow .workflow-head {
  position: relative;
}

.wf-candidate-wrap .share-check + div + img {
  opacity: 0;
  position: absolute;
  top: 0;
}

.wf-candidate-wrap .share-check:hover + div + img {
  opacity: 1;
}

.workflow .workflow-update {
  background: #fff;
  height: 120px;
  position: absolute;
  top: 9px;
  right: 7px;
  z-index: 1;
  padding-top: 18px;
  width: 0;
  overflow: hidden;
  transition: 0.3s width ease;
  white-space: nowrap;
}

.workflow .workflow-update.wf_active {
  width: calc(100% - 14px);
  transition: 0.3s width ease;
}

.workflow .wf-input input {
  border: 0;
  border-bottom: 1px solid rgba(168, 181, 194, 0.5) !important;
  width: calc(100% - 26px);
  display: block;
  margin: 0 auto;
  color: #425366;

  font-size: 16px;
  padding-right: 25px;
}

.workflow .wf-input {
  position: relative;
}

.workflow .wf-input button {
  position: absolute;
  line-height: normal;
  right: 9px;
  top: 0;
  padding: 0;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.workflow .wf-input button:hover {
  opacity: 0.9;
  transition: 0.3s opacity ease;
}

.workflow .wf-input button.wf-done {
  right: 34px;
}

.workflow .wf-input button.wf-cancel {
  color: #425366;
  font-weight: bold;
}

.workflow .wfc-item {
  position: relative;
  display: inline-block;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  opacity: 0.3;
  cursor: pointer;
  transition: 0.3s opacity ease;
}

.workflow .wfc-item:hover,
.workflow .wfc-item.wfc-item-active {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.workflow .wfc-item span {
  content: "";
  height: 30px;
  width: 30px;
  display: block;
  position: absolute;
  border-radius: 100%;
  border: 1px solid;
  top: -4px;
  left: -4px;

  transform: scale(0);
  transition: 0.3s transform ease;
  z-index: -1;
}

.workflow .wfc-item:hover span,
.workflow .wfc-item.wfc-item-active span {
  transform: scale(1);
  transition: 0.3s transform ease;
}

.workflow .wfc-item + .wfc-item {
  margin-left: 25px;
}

.workflow .wf-color {
  text-align: left;
  padding-top: 30px;
  padding-left: 13px;
  padding-right: 13px;
}

.activity-main {
  max-width: 1300px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  margin: 0 auto;
  margin-top: 129px;
}

.activity-main .activity-item {
  padding: 0 84px;
  padding-top: 20px;
  padding-bottom: 17px;
}

.activity-main .activity-item:nth-child(odd) {
  background: #fff;
}

.activity-main .activity-item:nth-child(even) {
  background: #f9fafc;
}

.activity-main .activity-head {
  padding: 19px 84px;
  background: #f8fafb;
  border-bottom: 1px solid #a8b5c2;
  line-height: normal;
}

.activity-main .activity-head-item {
  display: inline-block;
  color: #425366;

  font-size: 18px;
  line-height: normal;
}

.activity-main .activity-timeline {
  background: #fff;
  position: relative;
  top: 3px;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  border: 1px solid #2cca83;
}

.activity-main .activity-date {
  color: #425366;

  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 15px;
}

.activity-main .activity-date span {
  font-weight: 500;
}

.activity-main .activity-incom {
  display: inline-block;
  vertical-align: top;
}

.activity-main .activity-avatar img {
  float: left;
  height: 38px;
  width: 38px;
  border-radius: 3px;
  margin-right: 14px;
}

.activity-main .activity-time {
  width: 90px;
  color: #89939f;

  font-size: 12px;
  line-height: normal;
}

.activity-main .activity-avatar-name {
  margin-bottom: 6px;
  color: #425366;

  font-size: 14px;
  line-height: normal;
}

.activity-main .activity-avatar-email {
  color: #89939f;

  font-size: 13px;
  line-height: normal;
}

.activity-main .activity-actions {
  color: #425366;

  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 24px;
  max-width: 700px;
  position: relative;
  bottom: 4px;
}

.activity-main .activity-user {
  width: 313px;
  padding-left: 40px;
}

.activity-main .activity-item-inner {
  position: relative;
  padding-bottom: 20px;
}

.activity-main .activity-item-inner:last-child {
  padding-bottom: 0px;
}

.activity-main .activity-item-inner::before {
  content: "";
  background: #bfefd9;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 93px;
  top: 3px;
  z-index: 0;
}

.activity-main .activity-item-inner:last-child:before {
  display: none;
}

.activity-main .activity-body {
  overflow: auto;
  max-height: calc(100vh - 269px);
}

/****************************************SCROLLBAR-HACK*******************************/

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/****************************************SCROLLBAR-HACK-END***************************/

/*new-design-changes-from-26-6-19-end*/

/*new-design-changes-from-19-8-19*/

.emp-dummy .jafilter img,
.emp-dummy .jasearch img {
  cursor: default;
}

.emp-dummy .dummy-nodata {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.emp-dummy .dummy-top {
  position: relative;
}

.emp-dummy .dtop-prev,
.emp-dummy .dtop-next {
  position: absolute;
  right: 0;
  top: 45px;
}

.emp-dummy .dtop-prev {
  right: 50px;
  opacity: 0.5;
}

.emp-dummy .dtop-tag {
  height: 29px;
  width: 149px;
  border-radius: 4px;
  background-color: #dee6e7;
  margin-bottom: 30px;
}

.emp-dummy .dtop-bquest {
  height: 24px;
  max-width: 72%;
  opacity: 0.17;
  border-radius: 15px;
  background-color: #4561a8;
  margin-bottom: 14px;
}

.emp-dummy .dtop-squest {
  height: 24px;
  max-width: 52%;
  opacity: 0.17;
  border-radius: 15px;
  background-color: #4561a8;
}

.emp-dummy .cand-rating-panel {
  padding-bottom: 18px;
  min-height: initial;
}

.emp-dummy .dummy-name {
  height: 16px;
  width: 164px;
  border-radius: 8px;
  background-color: #e9ecf5;
  display: block;
  margin: 0 auto;
  margin-top: 8px;
}

.emp-dummy .dummy-id {
  height: 16px;
  width: 122px;
  border-radius: 8px;
  background-color: #e9ecf5;
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 11px;
}

.emp-dummy .profile-img img {
  width: 74px;
  height: 74px;
}

.emp-dummy .cand-profile {
  padding-top: 50px;
}

.emp-dummy .profile-action {
  position: relative;
}

.emp-dummy .profile-action::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.emp-dummy .dummy-chat-1 {
  height: 15px;
  max-width: 141px;
  width: 100%;
  border-radius: 18px;
  background-color: #dee6e7;
  margin-bottom: 10px;
}

.emp-dummy .dummy-chat-2 {
  height: 11px;
  max-width: 269px;
  width: 100%;
  opacity: 0.12;
  border-radius: 18px;
  background-color: #4561a8;
  margin-bottom: 7px;
}

.emp-dummy .dummy-chat-3 {
  height: 11px;
  width: 100%;
  max-width: 197px;
  opacity: 0.12;
  border-radius: 18px;
  background-color: #4561a8;
}

.emp-dummy .chat-tile {
  display: flex;
  margin: 20px 0;
}

.emp-dummy .chat-desc {
  width: calc(100% - 48px);
}

.error-page-parent {
  position: relative;
  text-align: center;
  padding-top: 78px;
}

.error-page-mainimg {
  position: relative;
  min-height: 348px;
  width: 100%;
}

.error-page-mainimg img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.error-page-title {
  color: #4561a8;
  font-size: 30px;
  line-height: normal;
  margin-top: 20px;
}

.error-page-desc {
  color: #425366;
  font-size: 18px;
  line-height: normal;
  margin-top: 10px;
}

.error-page-link {
  height: 56px;
  width: 180px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  opacity: 1;
  transition: 0.3s opacity ease;
  display: block;
  line-height: 56px;
  margin: 0 auto;
  margin-top: 83px;
}

.error-page-link:hover {
  opacity: 0.5;
  color: #ffffff;
  transition: 0.3s opacity ease;
}

.error-page-link img {
  position: relative;
  bottom: 3px;
  margin-right: 12px;
}

.error-page-parent::before {
  height: 1092px;
  width: 1135.11px;
  opacity: 0.1;
  background: radial-gradient(circle, #2cca83 0%, rgba(44, 202, 131, 0) 80%);
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 100%;
}

.uniqode .uniqor {
  text-align: center;
  color: #a8b5c2;

  font-size: 16px;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
  margin: 50px 0;
}

.uniqode .uniqor::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #a8b5c2;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.uniqode .uniqor span {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 30px;
}

.uniqode .login-parent.candidatel {
  max-height: 630px;
}

.uniqode .login-parent .form-group {
  margin-bottom: 25px;
}

/*new-design-changes-from-19-8-19-end*/

/*jabriapp-candidate-responsive*/

.th-block {
  text-align: center;
  text-align: center;
  width: 1040px;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0 auto;
  margin-top: 50px;
  padding: 30px;
}

.th-block > img {
  max-width: 156px;
}

.th-block .th-title {
  color: #425366;

  font-size: 30px;
  letter-spacing: -0.33px;
  line-height: 44px;
  margin-top: 30px;
}

.th-block .th-subtitle {
  color: #2cca83;

  font-size: 24px;
  letter-spacing: -0.2px;
  line-height: 34px;
}

.th-block .th-position {
  color: #425366;

  font-size: 28px;
  letter-spacing: -0.31px;
  line-height: 38px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.th-block .th-haspan span {
  display: block;
}

.th-block .th_btn {
  height: 46px;
  width: 217px;
  border-radius: 4px;
  background: #2cca83;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  opacity: 1;
  transition: 0.3s background ease;
}

.th-block .th_btn:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.th-note {
  opacity: 0.5;
  color: #000000;

  font-size: 30px;
  line-height: 39px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 65px;
}

.jabri-app-parent.candidate-layout .mydp .selection {
  color: #425366 !important;
  font-size: 16px !important;
  height: 60px !important;
  border: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 25px !important;
  border-radius: 4px !important;
  font-weight: normal;
}

.jabri-app-parent.candidate-layout .mydp .icon-mydpcalendar:before {
  position: relative;
  top: 3px;
}

.jabri-app-parent.candidate-layout .mydp .btnclear {
  position: relative;
  bottom: 3px;
}

.jabri-app-parent.candidate-layout .jabri-main-content {
  padding-bottom: 0;
}

/*jabriapp-candidate-responsive-end*/

.jabri-sidebar .forsett::before {
  content: "";
  width: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
  height: 54px;
}

/*jabriapp-team-section*/

.team-section .tablist-actions .btn {
  height: 48px;
  width: 155px;
  border-radius: 4px;
  background: #2cca83;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.69px;
  color: #fff;
  text-transform: uppercase;
  opacity: 1;
  transition: 0.3s background ease;
}

.team-section .tablist-actions .btn:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.team-section .team_grid {
  width: 100%;
  margin-top: 35px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.team-section .teamm_tile {
  padding: 15px;
  width: 25%;
}

.team-section .teamm_tile .teamm_tile-innerr {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  border: 1px solid #fff;
  transition: 0.3s all ease;
  cursor: pointer;
  padding: 0 10px;
  height: 100%;
}

.team-section .teamm_tile:hover .teamm_tile-innerr {
  border: 1px solid #4561a8;
  box-shadow: 0 6px 50px -10px rgba(0, 0, 0, 0.2);
  transition: 0.3s all ease;
}

.teamm_img {
  height: 52px;
  width: 52px;
  border-radius: 11px;
  background-color: #d8d8d8;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}

.teamm_img img {
  width: 100%;
}

.team-section .teamm_name {
  color: #89939f;

  font-size: 20px;
  line-height: normal;
  margin-top: 20px;
  transition: 0.3s color ease;
}

.team-section .teamm_email {
  color: #89939f;

  font-size: 16px;
  line-height: normal;
  margin-top: 5px;
  transition: 0.3s color ease;
}

.team-section .teamm_role {
  opacity: 0.5;
  color: #425366;

  font-size: 16px;
  line-height: normal;
  margin-top: 12px;
  margin-bottom: 25px;
  transition: 0.3s opacity ease;
}

.teamm_tile:hover .teamm_name,
.teamm_tile:hover .teamm_email {
  color: #425366;
  transition: 0.3s color ease;
}

.teamm_tile:hover .teamm_role {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.team_view {
  max-width: 1024px;
  display: block;
  margin: 0 auto;
  margin-top: 127px;
}

.team_view-card {
  position: relative;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  padding-left: 50px;
  padding-top: 30px;
  padding-bottom: 45px;
  padding-right: 50px;
}

.team_view-img img {
  width: 100%;
  height: 100%;
}

.team_view-img {
  background-color: #d8d8d8;
  height: 98px;
  width: 98px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  float: left;
  margin-right: 36px;
}

.team_view-avatar span {
  color: #425366;

  font-size: 38px;
  letter-spacing: -0.3px;
  line-height: 98px;
}

.team_view-item {
  color: #425366;

  font-size: 22px;
  line-height: normal;
}

.team_view-item + .team_view-item {
  margin-left: 64px;
}

.team_view-item span {
  display: block;
  color: #a8b5c2;

  font-size: 18px;
  line-height: normal;
  margin-bottom: 10px;
  white-space: nowrap;
}

.team_view-sec {
  display: flex;
  flex-direction: row;
  margin-top: 42px;
}

.team_view .dropdown-menu {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 0;
  left: auto !important;
  max-width: 179px;
  padding: 20px 30px;
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.team_view .dropdown-menu {
  right: 0;
  top: 32px !important;
}

.team_view .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.team_view .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.team_view .dropdown-menu.show .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.team_view .dropdown-menu {
  right: 25px;
  top: 10px !important;
}

.team_view .dropdown-menu::after {
  display: none;
}

.team_view .dropdown-menu li {
  display: block;
}

.team_view .dropdown-menu li a {
  color: #89939f;
  font-weight: normal;
  font-size: 14px;
  line-height: 34px;
  display: block;
  text-align: left;
}

.team_view .dropdown-menu li:hover a {
  color: #425366;
}

.team_view .btn-group {
  position: absolute;
  right: 55px;
  top: 60px;
}

.team_add_edit
  .role-select.jabri_new_uistyle-form-group
  ng-select.ng-untouched
  + label,
.team_add_edit
  .role-select.jabri_new_uistyle-form-group
  ng-select.ng-touched
  + label,
.team_add_edit
  .role-select.jabri_new_uistyle-form-group
  ng-select.ng-dirty
  + label {
  opacity: 0;
}

.team_add_edit
  .role-select.jabri_new_uistyle-form-group
  ng-select.ng-untouched.ng-select-opened {
  opacity: 1;
}

.team_add_edit .role-select .ng-select-container {
  border: 0 !important;
  color: #425366 !important;
  font-size: 16px !important;
  height: 58px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 4px !important;
  font-weight: normal;
}

.team_add_edit .role-select .ng-untouched .ng-value-container {
  position: static;
}

.team_add_edit.compose-job .form-group {
  margin-bottom: 20px;
}

.team_add_edit.compose-job button {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.bacuniqode {
  color: #8fa2ad;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  display: block;
  position: relative;
  top: 8px;
}

.bacuniqode span {
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
  text-decoration: underline;
}

.bacuniqode span:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.jmob {
  display: none !important;
}

/*jabriapp-team-section-end*/

/*jabriapp-mail-section*/

.mail__wrap {
  padding: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#mail-templates .mail__wrap {
  position: relative;
}

.mail__left {
  width: 398px;
  border: 1px solid #e3e5e8;
  border-radius: 4px;
  margin-right: 30px;
  position: relative;
  height: 900px;
}

.mail__right {
  position: relative;
  width: calc(100% - 428px);
  height: 900px;
}

.mail_compose_actions {
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e5e8;
}

.mail_compose_subject {
  margin-bottom: 25px;
}

.mail_compose_subject input {
  height: 56px;
  width: 100%;
  border: 1px solid #e3e5e8 !important;
  border-radius: 4px;
  background-color: rgba(78, 89, 99, 0.01);
  padding: 0 20px;
  color: #425366;

  font-size: 19px;
}

.mail_compose_desc textarea {
  width: 100%;
  border: 1px solid #e3e5e8 !important;
  border-radius: 4px;
  background-color: rgba(78, 89, 99, 0.01);
  padding: 30px 20px;
  color: #425366;

  font-size: 18px;
  line-height: 26px;
  min-height: 746px;
  resize: none;
}

.mail_compose_desc textarea:focus,
.mail_compose_subject input:focus {
  background: #f6f6f7;
}

.mail_compose_actions a,
.mail_compose_actions button {
  display: inline-block;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.mail_compose_actions a.mca_com {
  height: 40px;
  line-height: 40px;
}

.mail_compose_actions button {
  color: #89939f;

  font-size: 14px;
  height: 40px;
  line-height: 40px;
  width: 113px;
  border-radius: 4px;
  background-color: #f3f6f9;
}

.mail_compose_actions button img {
  margin-left: 10px;
  transform: rotate(180deg);
  transition: 0.3s transform ease;
}

.mail_compose_actions button[aria-expanded="true"] img,
.mail_compose_actions button.active_ img {
  transform: rotate(0deg);
  transition: 0.3s transform ease;
}

.invite-candidate-parent .mca_drop .dropdown-menu {
  right: 0;
  top: auto !important;
  bottom: 50px;
  max-width: 100px;
  padding: 0;
}

.mail_compose_actions .mca_drop {
  position: relative;
  display: inline-block;
}

.mail_compose_actions a:hover,
.mail_compose_actions button:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.mail_compose_actions .mca_save {
  height: 40px;
  width: 144px;
  border: 1px solid #2cca83;
  border-radius: 4px;
  color: #2cca83;

  font-size: 14px;
  display: block;
  background: #fff;
  text-align: center;
  line-height: 38px;
  margin-left: auto;
  opacity: 1;
  transition: 0.3s all ease;
}

.mail_compose_actions-left {
  float: left;
}

.mail_compose_actions-right {
  float: right;
}

.mail_compose_actions a.mca_save:hover {
  background: #2cca83;
  color: #fff;
  opacity: 1;
  transition: 0.3s all ease;
}

.mail_compose_desc {
  margin-bottom: 5px;
}

.mail_ssection .invite-candidate-parent .nav-tabs li + li a::after {
  content: "";
  height: 40px;
  width: 1px;
  background: #a8b5c2;
  display: block;
  display: none;
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 0;
  margin: auto;
}

.mail_compose_search__header {
  height: 75px;
  border-bottom: 1px solid #e3e5e8;
  position: relative;
}

.mail_compose_search__title {
  color: #425366;

  font-size: 22px;
  line-height: 75px;
  padding-left: 30px;
  transition: 0.5s opacity ease;
}

.mail_compose_search {
  box-shadow: 0 0 40px -6px rgba(69, 97, 168, 0.12);
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 73px);
  width: 100%;
  background: #fff;
  transform: scaleY(0);
  transition: 0.3s transform ease;
  transform-origin: bottom;
}

.mail_compose_search.active_ {
  transform: scaleY(1);
  transform-origin: bottom;
  transition: 0.3s transform ease;
}

#mail-sent .mail_common__list,
#mail-templates .mail_common__list {
  position: absolute;
  height: calc(100% - 108px);
  bottom: 0;
  overflow: auto;
}

.mail_common__list-item {
  position: relative;
  padding: 20px 30px;
  padding-right: 100px;
  cursor: pointer;
  background: #fff;
  transition: 0.3s background ease;
}

#mail-sent .mail_common__list-item,
#mail-templates .mail_common__list-item {
  padding: 15px 18px;
  padding-right: 90px;
}

#mail-sent .mail_common__list-item {
}

#mail-compose .mail_common__list-item:hover {
  background: #f5fcf9;
  transition: 0.3s background ease;
}

#mail-sent .mail_common__list-item:hover,
#mail-templates .mail_common__list-item:hover {
  background: #e1f7ec;
  transition: 0.3s background ease;
}

.mail_common__list-item::after {
  content: "";
  height: 1px;
  width: 356px;
  position: absolute;
  left: 30px;
  bottom: 0;
  background: #f3f6f9;
}

#mail-sent .mail_common__list-item::after {
  width: calc(100% - 40px);
  left: 0;
  right: 0;
  margin: auto;
}

.mail_common__list-item_title {
  color: #425366;

  font-size: 16px;
  margin-bottom: 10px;
}

#mail-sent .mail_common__list-item_title,
#mail-templates .mail_common__list-item_title {
  margin-bottom: 5px;
}

.mail_common__list-item_desc {
  color: #89939f;

  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 20px;
  max-width: 570px;
}

.mail_common__list-item_date {
  position: absolute;
  right: 30px;
  top: 22px;
  color: #a8b5c2;

  font-size: 10px;
  line-height: 15px;
  text-align: right;
}

#mail-sent .mail_common__list-item_date,
#mail-templates .mail_common__list-item_date {
  right: 22px;
  top: 20px;
}

.mail_common__list-item_date span {
  display: block;
}

#mail-sent .mail_common__header_search,
#mail-templates .mail_common__header_search {
  height: 108px;
  background: #f8fafb;
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
}

#mail-sent .mail_common__header_search input,
#mail-templates .mail_common__header_search input {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/jasearch-2.svg);
  width: 100%;
  background-position: center right 13px;
  background-repeat: no-repeat;
  height: 54px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 1px -1px rgba(69, 97, 168, 0.4) !important;
  color: #425366;

  font-size: 16px;
  padding-left: 10px;
  padding-right: 54px;
}

.mail_common__header_search-drop {
  text-align: right;
  position: relative;
}

.invite-candidate-parent .mail_common__header_search-drop .dropdown-menu {
  top: 35px !important;
}

.mail_common__header_search-drop button {
  color: #89939f;

  font-size: 12px;
  line-height: 14px;
  padding-right: 0;
  margin-top: 6px;
}

.mail_common__header_search-drop button span {
  font-weight: bold;
}

.mail_common__header_search-drop button img {
  width: 5px;
  position: relative;
  bottom: 1px;
  margin-left: 4px;
}

#mail-compose .mail_common__list {
  height: calc(100% - 75px);
  overflow: auto;
}

.mail_pop_close {
  position: absolute;
  display: block;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  opacity: 1;
  z-index: 2;
  transition: 0.3s opacity ease;
}

.mail_pop_close:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.mail_pop_close img {
  width: 100%;
}

.mail_pop_search {
  position: absolute;
  display: block;
  right: 90px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 26px;
  height: 26px;
  opacity: 1;
  z-index: 2;
  transition: 0.3s opacity ease;
}

.mail_pop_search:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.mail_pop_search img {
  opacity: 0.5;
  width: 100%;
}

.mail_compose_search__header input {
  transition: 0.5s width ease;
  position: absolute;
  width: 0;
  height: 100%;
  z-index: 1;
  top: 0;
  right: 0;
  color: #425366;

  font-size: 22px;
  padding-left: 30px;
  padding-right: 145px;
}

.mail_compose_search__header input.active_ {
  transition: 0.5s width ease;
  width: 100%;
}

.mail_compose_search__header input.active_ + .mail_compose_search__title {
  opacity: 0;
}

.mail_common__list-item_madeby {
  position: absolute;
  right: 23px;
  bottom: 19px;
  color: #425366;
  font-size: 10px;
  letter-spacing: -0.17px;
  line-height: 11px;
}

.mail_common__list-item_madeby img {
  width: 28px;
}

.mail_common__list-item_madeby span {
  background: rgba(78, 89, 99, 0.1);
  transition: 0.3s background ease;
  border-radius: 4px;
  font-weight: 500;
  padding: 5px;
  color: #4561a8;
}

.mail_common__list-item:hover .mail_common__list-item_madeby span {
  background: #fff;
}

.mail_sent_and_templates_section {
  background: #f6f6f7;
  border-radius: 4px;
  border: 1px solid #e3e5e8;
}

.mail__body {
  background: #fdfdfd;
  height: calc(100% - 160px);
  padding: 20px;
}

.mail__head {
  height: 160px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 24px;
}

.mail__body-text {
  margin-bottom: 20px;
  color: #425366;

  font-size: 18px;
  line-height: 26px;
  font-size: 16px;
  line-height: 22px;
}

.mail__head-title {
  float: left;
  color: #425366;

  font-size: 20px;
  line-height: normal;
}

.mail__head-white-badge {
  display: inline-block;
  height: 26px;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 26px;
  color: #89939f;

  font-size: 14px;
  text-align: center;
  padding: 0 10px;
}

.mail__head-time {
  float: right;
}

.mail__head-from {
  margin-top: 20px;
}

.mail__head-to {
  margin-top: 8px;
}

#mail-templates .mail__head {
  height: initial;
  padding-bottom: 14px;
}

#mail-templates .mail__body {
  background: transparent;
}

#mail-templates .mail__right {
  height: 828px;
}

.mail_templates_action {
  text-align: right;
  position: absolute;
  bottom: -72px;
  width: 100%;
  border-bottom: 1px solid #e3e5e8;
  height: 72px;
  line-height: 72px;
}

.mail_templates_action-delete,
.mail_templates_action-discard {
  color: #89939f;

  font-size: 14px;
  text-decoration: underline;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.mail_templates_action-delete:hover,
.mail_templates_action-discard:hover {
  opacity: 0.5;
  text-decoration: underline;
  transition: 0.3s opacity ease;
}

.mail_templates_action-edit,
.mail_templates_action-save {
  height: 40px;
  width: 114px;
  margin-left: 32px;
  border: 1px solid #2cca83;
  border-radius: 4px;
  color: #2cca83;

  font-size: 14px;
  display: inline-block;
  background: #fff;
  text-align: center;
  line-height: 38px;
  opacity: 1;
  transition: 0.3s all ease;
}

.mail_templates_action-edit:hover,
.mail_templates_action-save:hover {
  color: #fff;
  background: #2cca83;
}

.mail_templates_edit_popup {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
  padding: 30px;
  z-index: 1;
  transform: scaleX(0);
  transform-origin: right;
  transition: 0.3s transform ease;
}

.mail_templates_edit_popup.active_ {
  transform: scaleX(1);
  transition: 0.3s transform ease;
}

.mail_templates_edit_popup .mail_templates_action {
  position: static;
}

.mail_templates_edit_title {
  color: #425366;

  font-size: 20px;
  margin-bottom: 22px;
}

.mail_templates_edit_subject {
  border: 1px solid #e3e5e8 !important;
  border-radius: 4px;
  background-color: rgba(78, 89, 99, 0.01);
  height: 56px;
  width: 100%;
  background: #fdfdfd;
  padding: 0 28px;
  color: #89939f;

  font-size: 19px;
  margin-bottom: 25px;
}

.mail_templates_edit_textarea {
  width: 100%;
  border: 1px solid #e3e5e8 !important;
  border-radius: 4px;
  background-color: rgba(78, 89, 99, 0.01);
  background: #fdfdfd;
  padding: 28px;
  color: #89939f;

  font-size: 19px;
  height: calc(100% - 212px);
  margin-bottom: -8px;
}

.mail_templates_edit_subject:focus,
.mail_templates_edit_textarea:focus {
  border: 1px solid #e3e5e8 !important;
}

.mca_attach {
  position: relative;
}

.mca_attach::before {
  content: "";
  width: 1px;
  height: 26px;
  position: absolute;
  background: rgba(168, 181, 194, 0.2);
  display: block;
  right: -10px;
  top: 7px;
}

.mail_templates_edit_popup .mail_compose_actions {
  padding: 0;
  border: 0;
}

.mail_templates_edit_popup .mca_drop .dropdown-menu {
  bottom: 65px;
}

.mail_templates_edit_popup .dropdown-menu a {
  display: block;
}

.mail_li {
  position: relative;
}

.mail_li_1.active_::before,
.mail_li_3.active_::before {
  content: "";
  background: #a8b5c2;
  width: 1px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  top: 24px;
}

.mail_li_1.active_::before {
  right: 25px;
}

.mail_li_3.active_::before {
  left: 25px;
}

/*jabriapp-mail-section-end*/

/*jabriapp-profile-security-section*/

.profile_security {
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  width: 600px;
  border: 1px solid #fcfcfd;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0 auto;
  margin-top: 74px;
  padding: 50px;
  padding-top: 35px;
}

.no_jobs_list {
  text-align: center;
  width: 100%;
}

.no_jobs_list-title {
  color: #000000;

  font-size: 60px;
  line-height: 71px;
  margin-top: 125px;
  margin-bottom: 47px;
}

.no_jobs_list a {
  height: 60px;
  width: 320px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;

  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.83px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  margin: 0 auto;
  line-height: 60px;
  transition: 0.3s background ease;
}

.no_jobs_list a:hover {
  transition: 0.3s background ease;
  background: #56d59c;
}

.video-js.cand_exp .vjs-current-time .vjs-control-text {
  font-size: 0;
}

.video-js.cand_exp .vjs-current-time .vjs-control-text::before {
  content: "Remaining Time";
  font-size: 12px;
}

.sharemaining {
  color: #8fa2ad;

  font-size: 10px;
  line-height: 26px;
  background: #f3f6f9;
  position: relative;
  bottom: 8px;
  padding-left: 14px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/*.sharemaining span {
    color: #FF5875;
}*/

.btn_temp_loader {
  position: absolute;
  background: #2cca83;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 4px;
}

.btn_temp_loader img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.static_star {
  position: relative;
}

.static_star::before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  position: absolute;
  z-index: 1;
}

.individual_data,
.total_data {
  margin: 0 auto;
}

._data_label {
  color: #425366;

  font-size: 28px;
  letter-spacing: -0.22px;
  line-height: 43px;
  text-align: center;
  margin-bottom: 25px;
}

.total_data ._data_label {
  margin-top: 25px;
}

.retake_checkbox.custom-check {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 15px;
  z-index: 1;
  overflow: initial;
}

.retake_checkbox input.share-check {
  transform: scale(25);
}

.retake_checked .retake_checkbox.custom-check {
  overflow: hidden;
}

.question-timer.retake_main {
  overflow: hidden;
}

.question-timer.retake_main select {
  padding: 21.5px 15px;
  position: relative;
  padding-left: 49px;
  z-index: 0;
  padding-right: 33px;
  background-position: right 15px center;
}

.question-timer.retake_main select[disabled] {
  cursor: default;
}

.share_send_now_after_pop {
  text-align: center;
}

.share_send_now_after_pop .jabri-popup-inner {
  height: auto;
  width: 950px;
  padding-top: 53px;
  padding-bottom: 53px;
}

.share_send_now_after_pop-desc {
  color: #425366;

  font-size: 24px;
  letter-spacing: -0.19px;
  line-height: 34px;
  margin-top: 35px;
}

.share_send_now_after_pop-desc span {
  display: block;
}

.share_send_now_after_pop-subdesc {
  color: #89939f;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.14px;
  line-height: 21px;
  margin-top: 35px;
}

.share_send_now_after_pop-link {
  color: #2cca83;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.14px;
  line-height: 21px;
  margin-top: 12px;
  opacity: 1;
  display: block;
  transition: 0.3s opacity ease;
}

.share_send_now_after_pop-link:hover {
  color: #2cca83;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.new_candpro .candi-top {
  padding-top: 0;
}

.new_cand_topbar-cancel {
  text-align: center;
  height: 48px;
  line-height: 48px;
  width: 108px;
  border-radius: 4px;
  background-color: #b3bac2;
  color: #ffffff;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 40px;
}

.new_cand_topbar-save {
  text-align: center;
  height: 48px;
  line-height: 48px;
  width: 173px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  display: inline-block;
}

.new_cand_topbar-cancel:hover {
  color: #ffffff;
  transition: 0.3s background-color ease;
  background: #c9ced4;
}

.new_cand_topbar-cancel:active {
  background: #8f949b;
}

.new_cand_topbar-save:hover {
  color: #ffffff;
  transition: 0.3s background-color ease;
  background: #56d59c;
}

.new_candpro.compose-job .form-group {
  margin-bottom: 22px;
}

.new_cand_topbar.pull-right {
  position: relative;
  top: 14px;
}

.new_candpro.compose-job .control-label + textarea {
  max-height: 120px;
}

.new_candpro-bigtitle {
  color: #425366;

  font-size: 34px;
  line-height: 40px;
  margin-bottom: 30px;
}

.new_candpro-sep {
  background: #89939f;
  height: 1px;
  width: 100%;
  opacity: 0.5;
  margin-bottom: 32px;
  margin-top: 22px;
}

.form-group.half-width.soc input {
  padding-left: 73px !important;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/oval_linkedin.svg);
  background-position: left 23px center;
  background-repeat: no-repeat;
}

.form-group.half-width.soc + .form-group.half-width.soc input {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/oval_twitter.svg);
}

.addmorexp {
  border: 1px solid rgba(69, 97, 168, 0.28);
  height: 49px;
  width: 199px;
  border-radius: 4px;
  display: block;
  color: #4561a8;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  line-height: 47px;
  float: right;
  background: transparent;
  position: relative;
  bottom: 4px;
  transition: 0.3s all ease;
}

.addmorexp:hover {
  background: #4561a8;
  color: #fff;
  transition: 0.3s all ease;
}

.datepicon input {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/pro-datepicon.svg);
  background-position: center right 20px;
  background-repeat: no-repeat;
}

/*jabriapp-profile-security-section-end*/
/*BUTTON-HOVER-COMMON-SECTION************************************************************************/
.cand-job-action,
.candi-profile button.btn,
.login-parent button[type="submit"],
.login-parent button[type="button"],
.pset-submit button {
  transition: 0.3s background ease;
  cursor: pointer;
}

.cand-job-action:hover,
.candi-profile button.btn:hover,
.login-parent button[type="submit"]:hover,
.login-parent button[type="button"]:hover,
.pset-submit button:hover,
.continue-btn:hover {
  background: #56d59c !important;
  transition: 0.3s background ease;
}

.cand-job-action:active,
.candi-profile button.btn:active,
.login-parent button[type="submit"]:active,
.login-parent button[type="button"]:active,
.pset-submit button:active,
.continue-btn:active,
.tablist-actions .btn:active {
  background: #23a269 !important;
}

.login-parent button[type="submit"].darklogin {
  background: #b3bac2;
  box-shadow: 0 12px 26px 0 rgba(179, 186, 194, 0.16);
  transition: 0.3s background ease;
}

.login-parent button[type="submit"].darklogin:hover {
  background: #8f949b !important;
  transition: 0.3s background ease;
}

.linkedinlog {
  max-width: 200px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.linkedinlog:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.jasearch {
  display: block;
}

.jasearch,
.jafilter,
.jasearch img,
.jafilter img {
  position: relative;
}

.jasearch:hover:before,
.jafilter-sub:hover:before,
.cshabtn:hover:before,
.candid_delete:hover:before {
  content: "";
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  left: 0;
  top: 0;
}

.jasearch:hover:after,
.jafilter-sub:hover:after,
.cshabtn:hover:after,
.candid_delete:hover:after {
  background: rgba(32, 33, 36, 0.75);
  height: 24px;
  border-radius: 4px;
  display: block;
  position: absolute;
  color: #ffffff;
  font-size: 12px;
  width: 60px;
  text-align: center;
  line-height: 24px;
  left: -10px;
  top: 53px;
  margin: auto;
  z-index: 1;
}

.jasearch:hover:before {
  left: 2px;
  top: 2px;
}

.jasearch:hover:after {
  content: "Search";
}

.cshabtn:hover:after {
  content: "Share";
}

.candid_delete:hover:after {
  content: "Delete";
}

.jasearch.seactive::before,
.jasearch.seactive::after,
.jafilter.filtive::before,
.jafilter.filtive:after {
  display: none;
}

.jafilter-sub:hover:after {
  content: "Filter";
}

.jasearch.seactive:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.jabri-sidebar.toggled .navhover::before {
  content: "";
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
}

.jabri-sidebar.toggled .nav-settings .navhover::after {
  content: "Settings";
}

.jabri-sidebar.toggled .nav-home .navhover::after {
  content: "Home";
}

.jabri-sidebar.toggled .cnav-profile .navhover::after {
  content: "Profile";
}

.jabri-sidebar.toggled .cnav-joblist .navhover::after {
  content: "Job List";
}

.jabri-sidebar.toggled .cnav-applied-jobs .navhover::after {
  content: "Applied Job List";
  height: auto;
  line-height: 16px;
  padding: 5px;
}

.jabri-sidebar.toggled .navhover::after {
  background: rgba(32, 33, 36, 0.75);
  height: 24px;
  border-radius: 4px;
  display: block;
  color: #ffffff;
  font-size: 12px;
  width: 62px;
  text-align: center;
  line-height: 24px;
  margin: auto;
  position: absolute;
  top: 40px;
  left: -10px;
}

.jabri-sidebar.toggled .navhover {
  display: none;
  width: 40px;
  position: absolute;
  top: 7px;
  left: 17px;
  margin: auto;
}

.jabri-app-parent.candidate-layout .jabri-sidebar.toggled .navhover {
  left: 18px;
}

.jabri-sidebar.toggled .jabri-nav-list li:hover .navhover {
  display: block;
}

.jabri-sidebar.toggled .jabri-nav-list li.active .navhover {
  display: none;
}

.user-bell:hover:before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.user-bell:hover:after {
  content: "Notifications";
  background: rgba(32, 33, 36, 0.75);
  height: 24px;
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 100px;
  text-align: center;
  line-height: 24px;
  margin: auto;
  position: absolute;
  left: -29px;
  top: 53px;
}

.user-bell:hover:before,
.user-bell:hover:after {
  display: block;
}

.slide-toggle-hover {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 64px;
}

.slide-toggle-hover img {
  position: relative;
  top: 2px;
}

.slide-toggle-hover::before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  right: 0;
  margin: auto;
}

.slide-toggle-hover::after {
  content: "Main Menu";
  background: rgba(32, 33, 36, 0.75);
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 50px;
  text-align: center;
  height: 38px;
  line-height: normal;
  margin: auto;
  position: absolute;
  left: -5px;
  top: 40px;
  padding-top: 5px;
}

.slide-toggle-hover:hover:before,
.slide-toggle-hover:hover:after {
  display: block;
}

.job-actions .btn {
  position: relative;
}

.job-actions .btn::before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: -11px;
  left: -13px;
  z-index: 0;
  right: 0;
  margin: auto;
}

.job-actions .btn::after {
  content: "More";
  background: rgba(32, 33, 36, 0.75);
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 58px;
  text-align: center;
  margin: auto;
  position: absolute;
  left: -21px;
  top: 42px;
  line-height: 24px;
  z-index: 0;
  height: 24px;
  border: 0;
  white-space: initial;
}

.job-actions .btn:hover:before,
.job-actions .btn:hover:after {
  display: block;
}

.job-actions button[aria-expanded="true"]::after {
  display: none !important;
}

.job-actions .btn img {
  position: relative;
  z-index: 1;
}

.all-mail-list tbody td button::before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: -10px;
  left: -17px;
  z-index: 0;
  right: 0;
  margin: auto;
}

.all-mail-list tbody td button::after {
  content: "More";
  background: rgba(32, 33, 36, 0.75);
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 58px;
  text-align: center;
  margin: auto;
  position: absolute;
  left: -25px;
  top: 30px;
  line-height: 24px;
  z-index: 0;
  height: 24px;
  border: 0;
  white-space: initial;
}

.all-mail-list tbody td button:hover:before,
.all-mail-list tbody td button:hover:after {
  display: block;
}

.all-mail-list tbody td button[aria-expanded="true"]::after {
  display: none !important;
}

.all-mail-list table tbody td a:hover {
  opacity: 0.5;
}

.team_view .btn-group button {
  position: relative;
}

.team_view .btn-group button::before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: -2px;
  left: -5px;
  z-index: 0;
  right: 0;
  margin: auto;
}

.team_view .btn-group button::after {
  content: "More";
  background: rgba(32, 33, 36, 0.75);
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 58px;
  text-align: center;
  margin: auto;
  position: absolute;
  left: -12px;
  top: 53px;
  line-height: 24px;
  z-index: 0;
  height: 24px;
  border: 0;
  white-space: initial;
}

.team_view .btn-group button:hover:before,
.team_view .btn-group button:hover:after {
  display: block;
}

.team_view .btn-group button[aria-expanded="true"]::after {
  display: none !important;
}

.team_view .btn-group button img {
  position: relative;
  z-index: 0;
}

.invite_infi_list .jabri_new_uistyle-form-group {
  width: 32%;
  margin-bottom: 20px;
}

.invite_infi_list
  .jabri_new_uistyle-form-group
  + .jabri_new_uistyle-form-group {
  margin-left: 2%;
}

.invite_infi_list {
  padding-right: 57px;
  margin-top: 6px;
}

.cand-pic-main .jabri_new_uistyle-error {
  left: auto;
  right: 0;
  bottom: -25px;
  width: 350px;
  text-align: right;
}

.comprofile .cand-pic-main .jabri_new_uistyle-error,
.team_add_edit .cand-pic-main .jabri_new_uistyle-error {
  left: 0;
  right: auto;
  text-align: left;
}

.star_ratings {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.star_ratings:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.cand-rating-panel .dropdown-menu {
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.cand-rating-panel .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.cand-rating-panel .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.cand-rating-panel .dropdown-menu.show .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.question-child div.jabri_new_uistyle-error {
  bottom: 11px;
  left: 20px;
}

.notifi_title {
  display: inline-block;
  white-space: nowrap;
  width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.detect_device {
  background: #fff;
  height: 100vh;
  padding: 30px;
}

.detect_device-icon {
  padding: 20px;
  background: #fff5eb;
  border-radius: 4px;
}

.detect_device-icon-title {
  color: #425366;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  padding-top: 20px;
}

.detect_device-desc {
  padding: 18px;
  color: #425366;
  font-size: 18px;
}

.detect_device-desc a {
  display: block;
  background: #4561a8;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  height: 50px;
  line-height: 50px;
  width: 160px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.detect_device-desc-or {
  color: #89939f;
  margin-bottom: 10px;
}

.detect_device-desc span {
  font-weight: bold;
}

.wys-editor {
  border: 1px solid #dce1e7;
}

.wys-editor quill-editor {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
}

.wys-editor .ql-toolbar.ql-snow {
  width: 100%;
  margin: auto;
  border: 0;
  border-top: 1px solid #dce1e7;
  padding-left: 0;
}

.wys-editor .ql-container.ql-snow {
  border: 0;
}

.wys-editor .ql-editor:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.wys-editor .ql-editor,
.wys-editor .ql-editor * {
  color: #425366;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
}

.wys-editor .ql-editor {
  padding: 0;
  padding-bottom: 15px;
  min-height: 100px;
}

.wys-editor .ql-editor.ql-blank::before {
  display: block;
  left: 0px;
  right: 20px;
  opacity: 0;
}

.wys-editor .ql-editor li {
  display: list-item;
}

.wys-editor::before {
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 40px;
  left: 0;
  top: 0;
  z-index: 1;
}

.wys-editor label {
  z-index: 1;
}

.cj-desc ul {
  list-style: initial;
}

.wys-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  z-index: 2;
}

.job-list-inner.difflistinn::before {
  content: "";
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/*BUTTON-HOVER-COMMON-SECTION-END********************************************************************/
/*2019-BYEND-NEW-CSS*********************************************************************************/

.candcountry .country-fie {
  width: 32%;
}

.candcountry .country-fie + .country-fie {
  margin-left: 2%;
}

.dummy-quest-video-img {
  position: relative;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 525px);
  background-position: center;
  border-radius: 4px;
  background-color: #dadfec;
}

.dummy-quest-video-img::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/dummy-quest-video-play.svg);
  display: block;
  position: absolute;
  left: 40px;
  bottom: 40px;
}

.dummy-quest-video-img::after {
  content: "";
  width: 100%;
  height: calc(100% - 52px);
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/dummy-quest-video-dong.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.feedback-action {
  text-align: right;
}

.feedback-action-inner {
  position: relative;
  display: inline-block;
}

.feedback-img img {
  max-width: 100%;
}

.feedback-action-inner .btn_temp_loader img {
  transform: scale(0.8);
}

.feedback-action button {
  height: 50px;
  width: 146px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  text-transform: uppercase;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.feedback-action button:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.feedback-main {
  padding: 0 34px;
  padding-top: 24px;
  padding-bottom: 37px;
}

.feedback-main textarea {
  height: 120px;
  width: 100%;
  border: 1px solid #dce1e7;
  border-radius: 4px;
  color: #425366;
  font-size: 16px;
  line-height: 19px;
  padding: 16px 20px;
  margin-bottom: 5px;
}

.feedback-check {
  background: rgba(66, 83, 102, 0.02);
  padding: 18px 22px;
  margin-bottom: 44px;
}

.feedback-check .custom-check {
  float: left;
}

.feedback-check span {
  margin-left: 10px;
  color: #425366;
  font-size: 20px;
  line-height: 20px;
}

.out-label {
  margin-bottom: 5px;
  color: #89939f;
  font-size: 16px;
  line-height: normal;
}

.post-title-inner {
  margin-right: auto;
  display: inline-block;
  color: #425366;
  font-size: 22px;
  letter-spacing: -0.08px;
  line-height: 25px;
}

.post-title-inner .custom-check {
  display: inline-block;
  margin-right: 13px;
  top: 2px;
}

.cf_tagg {
  display: none;
  color: #89939f;
  font-size: 11px;
  line-height: 13px;
}

.cf_tagg + .cf_tagg {
  margin-left: 6px;
}

.r_eset {
  display: none;
  margin-left: 16px;
  color: #ff5875;
  font-size: 12px;
  line-height: 14px;
}

.cf_rem {
  margin-right: 4px;
  position: relative;
  bottom: 1px;
}

.cf_rem img {
  width: 12px;
}

.candid_filter_tags {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  right: 20px;
  bottom: 11px;
}

.candid_filter_tags.cfactive .r_eset,
.candid_filter_tags.cfactive .cf_tagg {
  display: block;
}

.jafilter-sub,
.cshabtn,
.candid_delete {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  left: 10px;
}

.jafilter-sub img,
.cshabtn img,
.candid_delete img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.5;
}

.jafilter-sub:hover img,
.cshabtn:hover img,
.candid_delete:hover img,
.filtive .jafilter-sub img {
  opacity: 1;
}

.cand-initial {
  margin-bottom: 13px;
}

.candid_field {
  position: relative;
}

.candid_field img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  z-index: 1;
}

.candid_field input + img {
  opacity: 0.5;
  z-index: 0;
}

.candid_field input:focus + img {
  opacity: 1;
}

.multi-co-name {
  color: #425366;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 6px;
}

.multi-co-stamp {
  color: #8fa2ad;
  font-size: 14px;
  line-height: 19px;
}

.multi-co-stamp span {
  font-weight: 500;
}

.multi-co-logo {
  height: 80px;
  width: 80px;
  background: #f3f6f9;
  border-radius: 100%;
  margin-right: 20px;
}

.multi-co-logo img {
  transform: scale(0.5);
}

.multi-co-item {
  display: flex;
  cursor: pointer;
  background: #edeff6;
  border-radius: 4px;
  transition: 0.3s background ease;
  margin-bottom: 10px;
  padding: 20px 40px;
}

.multi-co-item:hover {
  background: #dde2ee;
  transition: 0.3s background ease;
}

.multi-co-details {
  padding-top: 10px;
}

.multi-co-group {
  max-height: 390px;
  overflow: auto;
}

.login-parent.company_select {
  height: auto;
  max-height: 750px;
}

.login-parent.company_select .login-logo {
  padding-bottom: 50px;
}

.company_select-title {
  color: #89939f;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 50px;
}

.tpop-title {
  color: #4561a8;
  font-size: 26px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  margin-bottom: 40px;
}

.tpop-desc {
  color: #425366;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 28px;
}

.tpop-inner-title {
  color: #425366;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 10px;
}

.tpop-inner-subtitle {
  color: #425366;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}

.tpop-inner-desc {
  color: #425366;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
}

.tpop-img {
  text-align: center;
  margin-bottom: 28px;
}

.tpop-action {
  text-align: center;
  margin-bottom: 30px;
}

.tpop-action button {
  cursor: pointer;
  height: 50px;
  width: 204px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
}

.tpop-inner {
  padding: 22px 16px;
  border: 1px solid #dce1e7;
  border-radius: 4px;
  background-color: rgba(168, 181, 194, 0.08);
}

.tpop-popup-inner {
  padding: 30px;
  padding-top: 40px;
}

.dis-wrap {
  position: relative;
  display: inline-block;
}

.dis-wrap::before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1;
}

.dis-wrap.leftz::before {
  left: 0;
}

.tag-own.ownclicked {
  position: relative;
  padding: 0;
}

.tag-own.ownclicked input {
  background: transparent;
  border: 0;
  font-size: 12px;
  height: 29px;
  line-height: 29px;
  padding: 0 15px;
  cursor: pointer;
  font-family: mn-bold;
  color: #fff;
}

span.tagc {
  position: absolute;
}

span.tagc img {
  width: 20px;
}

span.tagc.tagy {
  right: -25px;
}

span.tagc.tagn {
  right: -50px;
}

.check-inline {
  display: inline;
}

.jabri-popup.feedback-popup.csv-popup .jabri-popup-inner {
  width: 700px;
}

.csv-popup-inner {
  padding: 30px 35px;
}

.csv-title {
  color: #425366;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 8px;
}

.csv-desc-inner {
  position: relative;
  padding-left: 36px;
  color: #89939f;
  font-size: 16px;
  line-height: 22px;
}

.csv-desc-inner::before {
  content: "";
  width: 3px;
  height: 3px;
  background: #89939f;
  border-radius: 100%;
  position: absolute;
  display: block;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.csv-action button {
  position: relative;
  height: 50px;
  width: 185px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  text-align: left;
  text-transform: uppercase;
  padding-left: 21px;
  padding-right: 55px;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.csv-action button:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.csv-action button::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/csv-normal.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.csv-error .csv-action button::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/csv-error.svg);
}

.csv-success .csv-action button::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/csv-success.svg);
}

.csv-error-text,
.csv-success-text {
  display: none;
  font-size: 16px;
  line-height: 19px;
  position: absolute;
  left: 215px;
  top: 16px;
}

.csv-error .csv-error-text,
.csv-success .csv-success-text {
  display: block;
}

.csv-error-text {
  color: #ff5875;
}

.csv-success-text {
  color: #2cca83;
}

.csv-upload {
  position: relative;
  height: 91px;
  border: 1px dashed #dce1e7;
  border-radius: 4px;
  background-color: rgba(168, 181, 194, 0.08);
  color: #89939f;
  font-size: 18px;
  text-align: center;
  line-height: 89px;
  cursor: pointer;
  overflow: hidden;
}

.csv-upload input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  cursor: pointer;
  transform: scale(2);
}

.csv-upload span {
  margin-right: 18px;
}

.csv-upload-parent {
  height: 160px;
  margin-top: 24px;
}

.csv-upload-filename {
  color: #425366;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 11px;
}

.csv-alerts {
  position: relative;
}

.csv-download {
  text-transform: uppercase;
  text-decoration: underline;
  color: #4561a8;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  position: absolute;
  right: 0;
  top: 16px;
}

.csv-success .csv-download,
.csv-error .csv-download {
  display: none;
}

.csv-action button .btn_temp_loader {
  background: transparent;
  display: none;
}

.csv-progress .csv-action button .btn_temp_loader {
  display: block;
}

.csv-progress .csv-action button::before {
  display: none;
}

.csv-action button .btn_temp_loader img {
  max-width: 22px;
  left: auto;
  right: 20px;
}

.invite-new-lbl {
  color: #425366;
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 10px;
}

.invite-new-desc {
  color: #89939f;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 14px;
}

.invite-new-parent {
  position: relative;
}

.invite-new-parent .invcrebtn {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 4px;
  color: #2cca83;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.74px;
  line-height: 19px;
  text-align: center;
  line-height: 52px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  cursor: pointer;
  height: 52px;
  width: 234px;
}

.invite-new-parent .invcrebtn:hover {
  color: #fff;
}

.invite-new-parent .invcrebtn span {
  font-size: 18px;
}

.invite-new-parent .invcrebtn:hover {
  background-color: #56d59c;
  transition: 0.3s background ease;
}

.invite_infi_list .jabri_new_uistyle-form-group input:focus {
  border-color: #425366;
}

.invite-new-actions .jabri_new_uistyle-green-btn {
  margin-left: 10px;
  margin-right: 0;
}

.invite-new-actions-parent {
  position: relative;
}

.jabri_new_uistyle-form-actions.invite-new-actions {
  position: absolute;
  top: 0;
  right: 40px;
  margin: 0;
}

.jabri-popup.feedback-popup.invite-popup .jabri-popup-inner {
  width: 700px;
}

.invite-popup-inner {
  padding: 35px;
}

.invite-popup-inner .jabri_new_uistyle-form-group.contain_text_area {
  min-height: 180px;
}

.invite-popup-inner .jabri_new_uistyle-form-actions {
  margin-top: 35px;
}

.day-in-life {
  position: relative;
  overflow: hidden;
  height: 140px;
  border: 1px solid #a8b5c2;
  border-radius: 10px;
  margin-bottom: 40px;
}

.day-in-life:hover,
.day-in-life.active {
  background: linear-gradient(180deg, #f3f5f8 0%, #e4e8ee 100%);
}

.day-in-life::after {
  content: "";
  height: 130px;
  width: 381px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/day-life.png);
  background-size: 100%;
  position: absolute;
  bottom: -4px;
  right: -5px;
}

.day-in-life.active::after {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/day-life.png);
  bottom: -4px;
}

.day-in-life-desc {
  max-width: 350px;
  color: #425366;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}

.day-in-life-check {
  margin-bottom: 18px;
}

.day-in-life-check span {
  color: #425366;
  font-size: 20px;
  line-height: 24px;
}

.day-in-life-check .check-before,
.day-in-life-check .custom-check,
.day-in-life-check .check-before::after {
  width: 25px;
  height: 25px;
  overflow: initial;
}

.day-in-life-check .custom-check {
  display: inline-block;
  margin-right: 12px;
  position: relative;
  top: 5px;
}

.day-in-life .check-before::after {
  border-color: rgba(66, 83, 102, 0.4);
  transition: none;
}

.day-in-life:hover .check-before::after {
  border-color: #425366;
}

.day-in-life input.share-check {
  transform: scale(60);
  transform-origin: left;
}

.day-in-life.active input.share-check {
  transform: scale(5);
  transform-origin: center;
}

.day-in-life-inner {
  padding: 30px;
}

.day-in-life:hover .custom-check::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/day-life-hover.svg);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.day-in-life .check-before::before {
  display: none;
}

.day-in-life [type="checkbox"]:checked + .check-before:after {
  background: transparent;
  border-color: transparent;
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/day-life-checked.svg);
}

.day-in-life.active {
  height: auto;
  cursor: default;
}

.day-in-life.active::after {
  position: relative;
  margin: 0 auto;
}

.day-in-life.active .day-in-life-desc {
  max-width: initial;
}

.day-in-life-input-tile {
  position: relative;
  margin-bottom: 15px;
  padding: 30px;
  border: 1px solid #dce1e7;
  border-radius: 4px;
  background-color: #ffffff;
}

.day-in-life-action {
  text-align: center;
}

.day-in-life-action div {
  height: 40px;
  width: 156px;
  border-radius: 20px;
  background-color: #89939f;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  opacity: 1;
  transition: 0.3s opacity ease;
  margin: 0 auto;
  line-height: 40px;
  cursor: pointer;
}

.day-in-life-action div:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.day-in-life.active .day-in-life-check .check-before {
  overflow: hidden;
}

.day-in-life-input {
  display: none;
  margin-top: 30px;
}

.day-in-life.active .day-in-life-input {
  display: block;
}

.day-in-life-input label {
  color: #a8b5c2;
  font-size: 14px;
  line-height: 16px;
}

.day-in-life-input input,
.day-in-life-input textarea,
.day-in-life-input select {
  color: #425366;
  font-size: 14px;
  line-height: 22px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #a8b5c2;
}

.day-in-life-input .jabri_new_uistyle-form-group {
  margin-bottom: 23px;
}

.day-in-life-input-1,
.day-in-life-input-2 {
  display: inline-block;
}

.day-in-life-input-1 {
  max-width: 150px;
}

.day-in-life-input-2 {
  margin-left: 50px;
  max-width: 300px;
}

.day-in-life-input .jabri_new_uistyle-form-group,
.day-in-life-input .jabri_new_uistyle-form-group input,
.day-in-life-input .jabri_new_uistyle-form-group textarea,
.day-in-life-input .jabri_new_uistyle-form-group select {
  padding: 0 10px;
}

.day-in-life-input .jabri_new_uistyle-form-group {
  height: 44px;
}

.day-in-life-input .jabri_new_uistyle-form-group.active input + label,
.day-in-life-input .jabri_new_uistyle-form-group input:focus + label,
.day-in-life-input .jabri_new_uistyle-form-group select + label,
.day-in-life-input .jabri_new_uistyle-form-group select:focus + label,
.day-in-life-input
  .jabri_new_uistyle-form-group.active
  input
  + grammarly-extension
  + label,
.day-in-life-input
  .jabri_new_uistyle-form-group
  input:focus
  + grammarly-extension
  + label,
.day-in-life-input
  .jabri_new_uistyle-form-group
  select
  + grammarly-extension
  + label,
.day-in-life-input
  .jabri_new_uistyle-form-group
  select:focus
  + grammarly-extension
  + label {
  transform: scale(0.75) translateY(-44px);
  transform-origin: left;
}

.day-in-life-input .jabri_new_uistyle-form-group.active textarea + label,
.day-in-life-input .jabri_new_uistyle-form-group textarea:focus + label,
.day-in-life-input
  .jabri_new_uistyle-form-group.active
  textarea
  + grammarly-extension
  + label,
.day-in-life-input
  .jabri_new_uistyle-form-group
  textarea:focus
  + grammarly-extension
  + label {
  transform: scale(0.75) translateY(-56px);
  transform-origin: left;
}

.day-in-life-input .jabri_new_uistyle-form-group.contain_text_area {
  height: auto;
  overflow: initial;
  padding: 0;
  margin-bottom: 0;
}

.day-in-life-input .jabri_new_uistyle-form-group.contain_text_area textarea {
  resize: vertical;
  position: static;
  padding: 0 10px;
}

.day-in-life-input .jabri_new_uistyle-form-group.contain_text_area label {
  padding-left: 10px;
}

.day-in-life-input
  .jabri_new_uistyle-form-group.contain_text_area
  label::before {
  display: none;
}

.day-in-life-input-tile .delete-daytile {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.day-in-life-input-tile .delete-daytile img {
  position: relative;
  opacity: 0.5;
  width: 18px;
}

.day-in-life-input-tile .delete-daytile:hover img {
  opacity: 1;
}

.day-in-life-input-tile .delete-daytile::before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.day-in-life-input-tile .delete-daytile::after {
  content: "Delete";
  background: rgba(32, 33, 36, 0.75);
  height: 24px;
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 64px;
  text-align: center;
  line-height: 24px;
  margin: auto;
  position: absolute;
  left: -11px;
  top: 53px;
  z-index: 1;
}

.day-in-life-input-tile .delete-daytile:hover:before,
.day-in-life-input-tile .delete-daytile:hover:after {
  display: block;
}

.jasharebtn {
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.jasharebtn img {
  position: relative;
  opacity: 0.5;
}

.jasharebtn:hover img {
  opacity: 1;
}

.jasharebtn::before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.jasharebtn::after {
  content: "Share";
  background: rgba(32, 33, 36, 0.75);
  height: 24px;
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 60px;
  text-align: center;
  line-height: 24px;
  margin: auto;
  position: absolute;
  left: -10px;
  top: 53px;
}

.jasharebtn:hover:before,
.jasharebtn:hover:after {
  display: block;
}

.jabri-super-content_company-list-footer {
  position: relative;
  line-height: 71px;
}

.jabri-super-content_company-list-footer-inner {
  padding: 0 48px;
  background: #fff;
  border-top: 1px solid rgba(137, 147, 159, 0.5);
  box-shadow: 0 -1px 2px 0 rgba(66, 83, 102, 0.05);
}

.jabri-super-content_company-list-footer-left {
  float: left;
  color: #425366;
  font-size: 14px;
  position: relative;
}

.jabri-super-content_company-list-footer-left {
}

.jabri-super-content_company-list-footer-right {
  float: right;
  color: #4561a8;
  font-size: 14px;
}

.jabri-super-content_company-list-footer .dropdown-menu {
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  padding: 0;
  bottom: 55px !important;
  top: auto !important;
  left: -13px !important;
  display: block !important;
  min-width: initial;
  max-width: 70px;
}

.jabri-super-content_company-list-footer .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.jabri-super-content_company-list-footer .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.jabri-super-content_company-list-footer
  .dropdown-menu.show
  .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.jabri-super-content_company-list-footer .dropdown-item {
  height: 32px;
  line-height: 32px;
  color: #89939f;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

.jabri-super-content_company-list-footer .dropdown-item:hover {
  background: #dadfee;
  color: #425366;
}

.jabri-super-content_company-list-footer .dropdown-toggle {
  color: #425366;
  font-size: 14px;
  position: relative;
  padding: 10px;
}

.jabri-super-content_company-list-footer .btn-group {
  position: relative;
  display: inline-block;
}

.jabri-super-content_company-list-footer .dropdown .dropdown-toggle::after {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/row_per_arro.svg);
  border: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 34px;
}

.jabri-super-content_company-list-footer .dropdown-item:first-child {
  margin-top: 0px;
}

.jabri-super-content_company-list-footer .dropdown-item:last-child {
  margin-bottom: 0px;
}

.page_act {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}

.page_act:hover {
  background: #f0f3f8;
}

.page_next img {
  transform: rotate(180deg);
  transform-origin: center;
}

#bottomQstSlider .bx-viewport {
  overflow: initial !important;
}

.bquest-main {
  padding: 12px;
  padding-bottom: 9px;
}

.bquest-txt {
  color: #425366;
  font-size: 14px;
  line-height: 21px;
  margin-top: 11px;
}

.bquest-tag span {
  height: 20px;
  line-height: normal;
  border-radius: 3px;
  color: #ffffff;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 5px 7px;
}

.bquest-rating {
  background: #fff;
  padding: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  box-shadow: 0 10px 10px -4px rgba(69, 97, 168, 0.1);
}

.bquest-rating-right a {
  display: block;
  line-height: 19px;
  border-radius: 6px;
  color: #425366;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  /*padding-right: 20px;*/
  margin-right: 20px;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.bquest-rating-right a:hover {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.bquest-rating-right .bquest-rating-comain + .bquest-rating-comain {
  margin-top: 10px;
}

.bquest-rating-right {
  margin-left: auto;
  padding-top: 4px;
}

.bquest-rating-com span {
  width: 50px;
  display: inline-block;
  text-align: right;
  padding-right: 5px;
}

.bquest-rating-title {
  opacity: 0.5;
  color: #425366;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 6px;
}

.bquest-rating-stars img {
  cursor: pointer;
}

.bquest-rating-stars img + img {
  margin-left: 5.6px;
}

.bquest-rating-comain {
  position: relative;
  z-index: 2;
}

.bquest-rating-comain + .bquest-rating-comain {
  z-index: 1;
}

.bquest-rating-info {
  position: absolute;
  top: 0;
  right: 0;
  height: 14px;
  width: 14px;
  line-height: 10px;
}

.bquest-rating-info img {
  width: 100%;
  cursor: pointer;
}

.bquest-rating-info-tooltip {
  position: absolute;
  text-align: center;
  transform: scale(0);
  opacity: 0;
  transition: 0.3s opacity ease;
  background: #57585b;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
  width: 216px;
  text-align: center;
  line-height: normal;
  left: -108px;
  top: 20px;
  padding: 10px;
  z-index: 1;
}

.bquest-rating-info img:hover + .bquest-rating-info-tooltip,
.bquest-rating-info
  .bquest-rating-info_newicon:hover
  + .bquest-rating-info-tooltip {
  opacity: 1;
  transform: scale(1);
  transition: 0.3s opacity ease;
}

.quest-super-parent {
  position: relative;
}

.bquest-score-com-header,
.bquest-score-com-item,
.bquest-score-com-rating-item {
  display: flex;
  align-items: center;
}

.bquest-score-com-rating,
.bquest-score-com-header a {
  margin-left: auto;
}

.bquest-score-com-rating-item img {
  max-width: 16px;
}

.bquest-score-com-rating-item img + img {
  margin-left: 3.2px;
}

.bquest-score-com {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  border-radius: 8px;
  width: 100%;
  z-index: 2;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: 0.2s all ease;
}

.bquest-score-com.quest-best-card-show,
.bquest-score-com.quest-team-card-show {
  height: calc(100% - 4px);
  opacity: 1;
  transform: scaleY(1);
  transform-origin: bottom;
  transition: 0.2s all ease;
}

.bquest-score-com-header-left {
  color: #425366;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

.bquest-score-com-header a {
  color: #89939f;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 14px;
  text-decoration: underline;
}

.bquest-score-com-avatar img {
  max-width: 26px;
  max-height: 26px;
  border-radius: 4px;
  margin-right: 10px;
}

.bquest-score-com-avatar span {
  color: #89939f;
  font-size: 14px;
  line-height: 22px;
}

.bquest-score-com-rating-item span {
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.15px;
  line-height: 21px;
  color: #fad961;
}

.bquest-score-com-item {
  padding: 4px 12px;
}

.bquest-score-com-header {
  padding: 16px 12px;
}

.bquest-score-com-header.real-box-shadow {
  box-shadow: 0 10px 16px -4px rgba(69, 97, 168, 0.2);
}

.bquest-score-com-body {
  max-height: calc(100% - 51px);
}

.bquest-score-com-header.add-box-shadow + .bquest-score-com-body {
  overflow: auto;
}

#bottomQstSlider .bx-controls {
  float: left;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 15px;
  position: relative;
  top: 0;
}

#bottomQstSlider .bx-controls .bx-pager {
  display: flex;
}

#bottomQstSlider .bx-pager-item {
  flex: 1;
  position: relative;
}

#bottomQstSlider .bx-pager-item::before {
  content: "";
  width: 100%;
  height: 5px;
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  background: #dfe2e9;
  z-index: -1;
  right: 0;
  margin: auto;
}

/*#bottomQstSlider .bx-pager-item .bx-pager-link.active::after {
    content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-indic.svg);
    display: block;
    position: absolute;
    left: -38px;
    top: 10px;
    cursor: default;
}*/

#bottomQstSlider .bx-pager-item:first-child:before {
  right: 0;
  left: auto;
}

#bottomQstSlider .bx-pager-item:last-child:before {
  left: 0;
  right: auto;
}

#bottomQstSlider .bx-pager-item:first-child:before,
#bottomQstSlider .bx-pager-item:last-child:before {
  width: calc(100% - 50%);
}

#bottomQstSlider .bx-pager-link {
  position: relative;
  border: 3px solid #dfe2e9;
  width: 14px;
  height: 14px;
  display: block;
  font-size: 0;
  border-radius: 100%;
  margin: 0 auto;
}

#bottomQstSlider .bx-pager-link.notans::after {
  content: "Not Answered";
  color: #ffffff;
  font-size: 9px;
  line-height: 10px;
  background: #adbac7;
}

#bottomQstSlider .bx-pager-item.qst-not-rated .bx-pager-link {
  background: #a8b5c2;
}

#bottomQstSlider .bx-pager-item.qst-rated .bx-pager-link {
  background: #2cca83;
}

#bottomQstSlider .bx-pager-item .bx-pager-link.active {
  border-color: #4561a8;
  box-shadow: 0 0 10px 0 rgba(69, 97, 168, 0.5);
}

#bottomQstSlider::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 271px;
  width: 106px;
  border-radius: 1px;
  background: linear-gradient(270deg, #f3f4f9 0%, rgba(243, 244, 249, 0) 100%);
}

#bottomQstSlider .bx-pager-item.qst-rated .bx-pager-link::before,
#bottomQstSlider .bx-pager-item.qst-not-rated .bx-pager-link::before {
  display: block;
  position: absolute;
  top: 15px;
  top: 25px;
  opacity: 0;
  transition: 0.3s opacity ease;
}

#bottomQstSlider .bx-pager-item.qst-rated .bx-pager-link::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/rated.svg);
  left: -20px;
}

#bottomQstSlider .bx-pager-item.qst-not-rated .bx-pager-link::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/not-rated.svg);
  left: -25px;
}

#bottomQstSlider .bx-pager-item.qst-rated .bx-pager-link:hover:before,
#bottomQstSlider .bx-pager-item.qst-not-rated .bx-pager-link:hover:before {
  opacity: 1;
  transition: 0.3s opacity ease;
}

#bottomQstSlider .bx-pager-item.qst-rated .bx-pager-link.active::before,
#bottomQstSlider .bx-pager-item.qst-not-rated .bx-pager-link.active::before {
  display: none;
}

.upldcsv {
  cursor: pointer;
  height: 52px;
  width: 150px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.74px;
  line-height: 52px;
  text-align: center;
  text-transform: uppercase;
  float: right;
  position: relative;
  bottom: 3px;
  transition: 0.3s background ease;
  z-index: 1;
}

.upldcsv:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.candiff-popup .deltitle {
  margin-bottom: 46px;
  line-height: 44px;
}

.candiff-popup .deldesc {
  color: #425366;
  font-size: 26px;
  line-height: 20px;
  margin-bottom: 61px;
}

.candiff-popup .jabri-popup-inner {
  padding: 58px;
  height: auto;
}

.candiff-popup .del-delbtn,
.candiff-popup .del-cancel {
  width: 254px;
  height: 53px;
  border-radius: 4px;
  font-size: 18px;
  letter-spacing: -0.11px;
  text-align: center;
  line-height: 51px;
  background: transparent;
  transition: 0.3s all ease;
}

.candiff-popup .del-delbtn {
  color: #2cca83;
  font-weight: 600;
  border: 1px solid #2cca83;
}

.candiff-popup .del-cancel {
  width: 190px;
  color: #425366;
  font-weight: normal;
}

.candiff-popup .del-delbtn:hover {
  background: #2cca83;
  color: #fff;
  opacity: 1;
  transition: 0.3s all ease;
}

.candiff-popup .del-cancel:hover {
  background: #c9ced4;
  color: #fff;
  opacity: 1;
  transition: 0.3s all ease;
}

.candiff-popup .delclose {
  top: 70px;
  right: 58px;
}

.retake-popup.candiff-popup .del-delbtn,
.retake-popup.candiff-popup .del-cancel {
  width: 224px;
}

.retake-popup.candiff-popup .jabri-popup-inner {
  padding: 40px 60px;
}

.retake-popup-title {
  font-size: 30px;
  color: #425366;
  line-height: normal;
  margin-bottom: 10px;
}

.retake-popup-subtitle {
  color: #89939f;
  font-size: 23px;
  line-height: normal;
}

.retake-popup.candiff-popup .delclose {
  top: 52px;
}

.retake-popup-inner {
  margin: 40px 0;
  padding: 25px 60px;
  background: #f7f8fb;
  text-align: center;
}

.retake-popup-timetxt {
  color: #425366;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 9px;
}

.retake-popup-time {
  color: #2cca83;
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 17px;
}

.retake-popup-timedesc {
  color: #425366;
  font-size: 18px;
  line-height: 22px;
}

.lobby-username {
  color: #425366;
  font-size: 40px;
  letter-spacing: -0.44px;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid rgba(168, 181, 194, 0.5);
  padding-bottom: 16px;
}

.lobby-position {
  color: #425366;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 20px;
}

.lobby-position span {
  display: block;
  color: #89939f;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 10px;
}

.lobby-img img {
  max-width: 271px;
}

.lobby-info {
  display: flex;
  justify-content: center;
}

.lobby-info-item {
  position: relative;
  text-align: center;
  color: #425366;
  font-size: 22px;
  line-height: 25px;
}

.lobby-info-item span {
  display: block;
  color: #89939f;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 12px;
}

.lobby-info-item + .lobby-info-item {
  margin-left: 77px;
  padding-left: 77px;
  border-left: 1px solid rgba(168, 181, 194, 0.5);
}

.lobby-ins-title {
  color: #425366;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.22px;
  line-height: 24px;
  margin-bottom: 13px;
}

.lobby-ins-desc {
  color: #425366;
  font-size: 18px;
  letter-spacing: -0.11px;
  line-height: 28px;
}

.question-check {
  max-width: 1040px;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0 auto;
  margin-top: 50px;
  padding: 30px;
}

.question-check-header-title {
  color: #425366;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.question-check-header-info span {
  color: #425366;
  font-size: 18px;
  line-height: 21px;
  display: block;
  margin-bottom: 5px;
}

.question-check-header-info {
  color: #425366;
  font-size: 24px;
  letter-spacing: -0.27px;
  line-height: 29px;
}

.question-check-count {
  color: #425366;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 31px;
}

.question-check-text {
  color: #425366;
  font-size: 32px;
  line-height: 48px;
}

.question-check-header-inner {
  display: flex;
}

.question-check-header-info + .question-check-header-info {
  margin-left: 50px;
}

.question-check-cancel {
  height: 38px;
  width: 144px;
  line-height: 38px;
  border-radius: 4px;
  background-color: #b3bac2;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.question-check-cancel:hover {
  color: #fff;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.question-check-header {
  position: relative;
}

.question-check-main {
  min-height: 480px;
  margin-top: 20px;
  padding: 20px;
  background: #eceff2;
  line-height: 0;
}

.question-check-action {
  height: 52px;
  line-height: 52px;
  width: 286px;
  border: 1px solid #2cca83;
  border-radius: 4px;
  color: #2cca83;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.11px;
  text-align: center;
  opacity: 1;
  transition: 0.3s opacity ease;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}

.question-check-action:hover {
  opacity: 0.5;
  color: #2cca83;
  transition: 0.3s opacity ease;
}

.question-check-action::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/inter-vid-icn.svg);
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 12px;
}

.question-check-header-info.diff {
  position: relative;
}

.question-check-info {
  position: absolute;
  margin-left: 4px;
  top: 0;
  right: -24px;
  line-height: 18px;
}

.question-check-info-inner {
  position: absolute;
  height: 124px;
  width: 259px;
  padding: 18px;
  opacity: 0;
  bottom: 32px;
  left: -121px;
  background: rgba(121, 121, 121, 0.95);
  transition: 0.3s opacity ease;
}

.question-check-info img:hover + .question-check-info-inner {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.question-check-info-inner-title {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: -0.17px;
  line-height: 18px;
  margin-bottom: 11px;
}

.question-check-info-inner-desc {
  color: #ffffff;
  font-size: 13px;
  line-height: 18px;
}

.question-check-info-inner::before {
  content: "";
  width: 10px;
  height: 10px;
  background: rgba(121, 121, 121, 0.95);
  position: absolute;
  bottom: -5px;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: auto;
}

/*2019-BYEND-NEW-CSS-END*****************************************************************************/
/*281219-REVIEW-SCREEN-STAR-DESIGN*******************************************************************/
.cand-detail-list-item .star:before {
  content: "" !important;
  width: 14px;
  height: 14px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}

.cand-detail-list-item .star.on:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
}

.cand-detail-list-item .star.half:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
}

.cand-detail-list-item .star {
  width: auto;
}

.cand-detail-list-item span + span {
  margin-left: 3px;
}

.cand-detail-list-item .star.half {
  position: relative;
}

.cand-detail-list-item .star.half:after {
  content: "" !important;
  width: 7px;
  height: 14px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 14px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
  top: 0;
  left: 0;
  margin: 0;
}

.profile-rating star-rating {
  display: inline-block;
}

.profile-rating .star:before {
  content: "" !important;
  width: 16px;
  height: 16px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}

.profile-rating .star.on:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
}

.profile-rating .star.half:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
}

.profile-rating .star {
  width: auto;
}

.profile-rating span + span {
  margin-left: 5px;
}

.profile-rating .star.half {
  position: relative;
}

.profile-rating .star.half:after {
  content: "" !important;
  width: 8px;
  height: 16px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 16px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
  top: 0;
  left: 0;
  margin: 0;
}

.profile-rating .starav-rating {
  position: relative;
  line-height: 21px;
  left: 4px;
}

.profile-rating .starav-rating::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.bquest-rating-stars .star {
  font-size: 0;
}

.bquest-rating-stars .star:before {
  content: "" !important;
  width: 26px;
  height: 26px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}

.bquest-rating-stars .star.on:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
}

.bquest-rating-stars .star.half:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
}

.bquest-rating-stars .star {
  width: auto;
}

.bquest-rating-stars span + span {
  margin-left: 5px;
}

.bquest-rating-stars .star.half {
  position: relative;
}

.bquest-rating-stars .star.half:after {
  content: "" !important;
  width: 13px;
  height: 26px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 26px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
  top: 0;
  left: 0;
  margin: 0;
}

.bquest-rating-stars.cand-rating-panel {
  min-height: initial;
  margin-top: 6px;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}

.bquest-main::before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}

.quest-slider .quest-detail.bx-active .bquest-main::before {
  display: none;
}

.bquest-score-com-item .star:before {
  content: "" !important;
  width: 16px;
  height: 16px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}

.bquest-score-com-item .star.on:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
}

.bquest-score-com-item .star.half:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
}

.bquest-score-com-item .star {
  width: auto;
}

.bquest-score-com-item span + span {
  margin-left: 3px;
}

.bquest-score-com-item .star.half {
  position: relative;
}

.bquest-score-com-item .star.half:after {
  content: "" !important;
  width: 8px;
  height: 16px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 16px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
  top: 0;
  left: 0;
  margin: 0;
}

.bquest-score-com-rating {
  position: relative;
}

.bquest-score-com-rating::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bquest-score-com-item star-rating {
  position: relative;
  z-index: -1;
  top: 2px;
}

.candiate-new-des-container {
  padding-top: 27px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 60px;
  max-width: 1140px;
  margin: 0 auto;
  border: 1px solid #fcfcfd;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  margin-top: 71px;
}

.candiate-new-des-title {
  color: #425366;
  font-size: 24px;
  letter-spacing: -0.19px;
  line-height: 43px;
  margin-bottom: 30px;
}

.candiate-new-des-container .candi-top {
  padding-top: 0;
}

.candiate-new-des-container .cand-pic-main {
  width: 260px;
  margin-left: 0;
  margin-right: auto;
}

.candiate-new-des-container .user_img_preview,
.candiate-new-des-container .candipic img {
  width: 81px;
  height: 81px;
}

.candiate-new-des-container .file-upload input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.candiate-new-des-container .file-upload::before {
  width: 81px;
}

.candiate-new-des-container .file-upload::after {
  content: "+ Add Profile Picture";
  color: #89939f;
  font-size: 16px;
  line-height: 19px;
  display: block;
  position: absolute;
  right: 0;
  top: 30px;
  text-decoration: underline;
}

.candiate-new-des-container .jabri_new_uistyle-green-btn {
  width: 180px;
}

.candiate-new-des-container .jabri_new_uistyle-form-actions {
  margin-top: 30px;
}

.quest-slider {
  /*position: fixed;
    width: 46%;
    top: calc(100vh - 335px);*/
  margin-top: 0;
  padding-top: 18px;
  padding-bottom: 40px;
}

.cand-detail video,
.review-video-container {
  min-height: initial !important;
  max-height: initial !important;
  height: calc(100vh - 525px) !important;
}

img.dummy-quest.img-fluid {
  position: relative;
  right: 10px;
}

.profile-action.emp-dummy {
  margin-top: 13px;
}

.quest-slider .quest-detail {
  min-height: 227px;
}

.quest-slider.emp-dummy {
  margin-top: -9px;
}

.emp-dummy .chat-tile:nth-child(even) .chat-desc {
  margin-left: auto;
}

.emp-dummy .chat-tile:nth-child(even) .dummy-chat-1,
.emp-dummy .chat-tile:nth-child(even) .dummy-chat-2 {
  margin-left: auto;
}

.emp-dummy .chat-tile:nth-child(even) .chat-icon,
.emp-dummy .chat-tile:nth-child(even) .dummy-chat-3,
.emp-dummy .chat-tile:nth-child(even) .dummy-chat-4 {
  display: none;
}

.retake-btn-qst {
  position: absolute;
  display: block;
  left: 30px;
  bottom: 36px;
  width: 66px;
  height: 66px;
  border-radius: 100%;
  font-size: 0;
  z-index: 1;
  cursor: pointer;
}

.retake-btn-qst::before {
  content: "";
  display: block;
  background-color: #fff;
  width: 66px;
  height: 66px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/retake-icn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  transform: rotate(0deg);
  transition: 0.3s transform ease-in-out;
}

.retake-btn-qst:hover:before {
  transform: rotate(-360deg);
  transition: 0.3s transform ease-in-out;
}

/*281219-REVIEW-SCREEN-STAR-DESIGN-END***************************************************************/
/*1-1-20-REVIEW-SCREEN*******************************************************************/
.select-candidate-popup-head-left {
  color: #425366;
  font-size: 22px;
  letter-spacing: -0.17px;
  line-height: 25px;
}

.select-candidate-popup-txt {
  color: #89939f;
  font-size: 20px;
  font-style: italic;
  line-height: 24px;
  text-align: center;
  margin-bottom: 57px;
}

.select-candidate-popup-img {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 35px;
}

.jabri-popup.feedback-popup.select-candidate-popup .deltitle {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.jabri-popup.feedback-popup.select-candidate-popup .jabri-popup-inner {
  border-radius: 8px;
  width: 900px;
}

.select-candidate-popup-inner {
  padding: 30px;
}

.select-candidate-popup-head-right {
  margin-left: auto;
}

.select-candidate-popup-head-right a {
  color: #4561a8;
  font-size: 18px;
  letter-spacing: -0.14px;
  line-height: 21px;
  text-align: right;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.select-candidate-popup-head {
  display: flex;
  align-items: center;
}

.select-candidate-popup-head-right a:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.select-candidate-popup-head-right a img {
  margin-right: 6px;
}

.sharing-history-slide {
  position: absolute;
  bottom: 0;
  height: calc(100% - 88px);
  background: #fff;
  width: 100%;
  left: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transform: scaleX(0);
  opacity: 0;
  transition: 0.3s all ease;
  transform-origin: right;
  z-index: 1;
}

.sharing-history-slide.active {
  transform: scaleX(1);
  opacity: 1;
  transform-origin: right;
  transition: 0.3s all ease;
}

.sharing-history-slide-title {
  color: #425366;
  font-size: 22px;
  letter-spacing: -0.17px;
  text-align: center;
  line-height: 66px;
}

.sharing-history-slide-head a {
  position: absolute;
  left: 30px;
  color: #4561a8;
  font-size: 18px;
  line-height: 21px;
  opacity: 1;
  transition: 0.3s opacity ease;
  top: 23px;
}

.sharing-history-slide-head {
  position: relative;
  height: 66px;
}

.sharing-history-slide-head a:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.sharing-history-slide-head a img {
  margin-right: 8px;
  position: relative;
  bottom: 2px;
}

.sharing-history-slide-table table {
  width: 100%;
}

.sharing-history-slide-table table th {
  padding: 15px 30px;
  color: #425366;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  background: #f3f6f9;
}

.sharing-history-slide-table table td {
  padding: 12px 30px;
  color: #425366;
  font-size: 15px;
  line-height: normal;
  border-top: 1px solid #dce1e7;
}

.sharing-history-slide-table table td:last-child {
  color: #2cca83;
}

.sharing-history-slide-table-scroll {
  overflow-y: scroll;
  max-height: calc(100% - 115px);
  padding-bottom: 200px;
}

.sharing-history-slide-table-thead {
  overflow-y: scroll;
}

/*.sharing-history-slide-table table th:nth-child(1),
.sharing-history-slide-table table td:nth-child(1) {
    width: 17%;
}

.sharing-history-slide-table table th:nth-child(2),
.sharing-history-slide-table table td:nth-child(2) {
    width: 27%;
}

.sharing-history-slide-table table th:nth-child(3),
.sharing-history-slide-table table td:nth-child(3) {
    width: 15%;
}

.sharing-history-slide-table table th:nth-child(4),
.sharing-history-slide-table table td:nth-child(4) {
    width: 15%;
}*/

.candj-bot {
  display: flex;
  align-items: center;
}

.candj-left {
  width: calc(100% - 239px);
}

.candj-id-action {
  color: #a8b5c2;
  font-size: 16px;
  line-height: 19px;
  text-align: right;
  text-transform: uppercase;
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 5px;
}

.candj-top {
  margin-bottom: 34px;
}

.candj-code {
  color: #89939f;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 14px;
}

.candj-code span {
  color: #2cca83;
  font-size: 22px;
  font-weight: bold;
  line-height: 25px;
}

.candj-input-title {
  color: #425366;
  font-size: 22px;
  letter-spacing: -0.17px;
  line-height: 25px;
  margin-bottom: 17px;
}

.candj-input-title span {
  margin-left: 10px;
  color: #89939f;
  font-size: 16px;
  font-style: italic;
  letter-spacing: -0.13px;
  line-height: 19px;
}

.candj-email {
  margin-bottom: 15px;
}

.candj-email label {
  color: #a8b5c2;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}

.candj-id {
  min-height: 32px;
}

.candj-id-inner {
  position: relative;
}

.candj-id-inner input {
  padding: 0;
  height: 30px;
  line-height: 30px;
  background: transparent !important;
  border: 0;
  color: #4561a8;
  font-size: 16px;
  max-width: calc(100% - 100px);
}

.candj-email {
  border: 1px solid #dce1e7;
  border-radius: 4px;
  background: #fff;
  padding: 0 20px;
}

.candj-email .ng2-tag-input.bootstrap3-info {
  padding: 0 !important;
  line-height: 26px !important;
}

.candj-email .bootstrap3-info tag {
  background: rgba(168, 181, 194, 0.1) !important;
  height: 26px !important;
  border: 1px solid #89939f !important;
  padding-left: 12px !important;
  padding-right: 35px !important;
  margin-right: 8px !important;
  margin-top: 0 !important;
  line-height: 24px !important;
  border-radius: 13px !important;
  color: #425366 !important;
  font-size: 15px !important;
  font-weight: normal !important;
  margin-bottom: 5px;
}

.candj-email .bootstrap3-info tag.tag-tns-invalid {
  background: #fff7f8 !important;
  border-color: #ff5875 !important;
}

.candj-email delete-icon {
  width: 24px !important;
  text-align: center !important;
  position: absolute;
  right: 6px;
  cursor: pointer;
}

.candj-email .ng2-tag-input__text-input {
  color: #425366 !important;
  font-size: 15px !important;
  font-weight: normal !important;
  height: 26px !important;
  width: 200px !important;
  padding: 0 !important;
  position: relative;
  bottom: 1px;
}

.candj-email .error-message {
  position: absolute;
  font-size: 11px !important;
  top: 52px;
}

.quest-slider .quest-detail.bx-active .bquest-rating::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.cand-detail-list-item.cand-active::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 63px);
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}

.cand-detail-list-item.cand-active {
  cursor: default;
}

.candj-avatar-details-username {
  width: 146px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-sharing-history {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  text-align: center;
  color: #425366;
  font-size: 18px;
  font-weight: 500;
}

.candj-avatar-details .star:before {
  content: "" !important;
  width: 14px;
  height: 14px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}

.candj-avatar-details .star.on:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
}

.candj-avatar-details .star.half:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-blank.svg);
}

.candj-avatar-details .star {
  width: auto;
}

.candj-avatar-details span + span {
  margin-left: 3px;
}

.candj-avatar-details .star.half {
  position: relative;
}

.candj-avatar-details .star.half:after {
  content: "" !important;
  width: 7px;
  height: 14px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 14px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/bquest-fill.svg);
  top: 0;
  left: 0;
  margin: 0;
}

.sharing-history-multimail {
  display: inline-block;
  text-align: center;
  margin-left: auto;
}

.sharing-history-multimail-value {
  display: inline-block;
}

.sharing-history-multimail-items-parent {
  position: absolute;
  background: rgba(32, 33, 36, 0.85);
  width: 228px;
  top: 28px;
  right: -103px;
  padding: 10px 0;
  display: none;
  z-index: 1;
}

.sharing-history-multimail-action:hover
  + .sharing-history-multimail-items-parent {
  display: block;
}

.sharing-history-multimail-items {
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sharing-history-multimail-items-parent::before {
  content: "";
  width: 8px;
  height: 8px;
  background: rgba(32, 33, 36, 0.85);
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}

.sharing-history-multimail-action {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  display: block;
}

.sharing-history-multimail-action:hover {
  background: #f0f0f0;
}

.sharing-history-multimail-parent {
  position: relative;
  display: flex;
}

.sharing-history-multimail-value {
  padding-right: 10px;
}

.modal-dialog .btn-success,
.ngx-datepicker-container
  .ngx-datepicker-calendar-container
  .main-calendar-container
  .main-calendar-days
  .day-unit.is-selected {
  background: #2cca83 !important;
  border: 0;
}

.fromdate .ngx-datepicker-container::before,
.todate .ngx-datepicker-container::before {
  font-size: 11px;
  color: #8fa2ad;
  font-weight: bold;
}

.fromdate .ngx-datepicker-container::before {
  content: "From date:";
}

.todate .ngx-datepicker-container::before {
  content: "To date:";
}

.login-flex {
  display: flex;
}

.login-flex a + a {
  margin-left: auto;
}

.check-inline.cand-unsel-uncheck {
  cursor: pointer;
  height: 20px;
  width: 20px;
  border: 1px solid #ced0da;
  border-radius: 4px;
  background: linear-gradient(0deg, #f2f4f8 0%, #feffff 100%);
  display: inline-block;
  position: relative;
  margin-right: 13px;
  top: 2px;
}

.check-inline.cand-unsel-uncheck::before {
  content: "";
  width: 10px;
  height: 2px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ccced8;
}

.jasearch-close-2-div {
  cursor: pointer;
  display: none;
}

.candid_field.jasearch-close-2 .jasearch-close-2-div {
  display: block;
}

.candid_field.jasearch-close-2 input + img {
  display: none;
}

.no-coment-0 {
  padding: 0 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}

.no-coment-0-txt {
  color: #a8b5c2;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}

.no-coment-0-txt span {
  display: block;
  color: #a8b5c2;
  font-size: 13px;
  line-height: 17px;
  margin-top: 5px;
}

.no-coment-0 img {
  margin-bottom: 10px;
}

.no-mail-list {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-top: 0;
}

.noml-title {
  color: #425366;
  font-size: 40px;
  line-height: 47px;
  text-align: center;
  margin-bottom: 18px;
}

.noml-note {
  opacity: 0.5;
  color: #425366;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 58px;
}

.noml-btn {
  height: 50px;
  width: 244px;
  border-radius: 4px;
  background: #2cca83;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
  line-height: 50px;
  margin: 0 auto;
  cursor: pointer;
  transition: 0.3s background ease;
}

.noml-btn:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.no-mail-list img {
  margin-bottom: 31px;
}

.jabri-popup.public-jobview-popup {
  z-index: 999;
}

.jabri-popup.public-jobview-popup .jabri-popup-inner {
  height: auto;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 593px;
  padding-left: 103px;
  padding-right: 103px;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

.jabri-popup.public-jobview-popup .jabri_new_uistyle-green-btn {
  width: 100%;
  height: 62px;
  line-height: 62px;
  margin-right: 0;
  text-transform: initial;
}

.public-jobview-popup-title {
  color: #89939f;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  margin-top: 46px;
  margin-bottom: 55px;
}

.public-jobview-popup-title span {
  display: block;
}

.jabri-popup.public-jobview-popup .jabri_new_uistyle-form-group {
  margin-bottom: 0;
}

.jabri-popup.public-jobview-popup .jabri_new_uistyle-form-actions {
  margin-top: 30px;
}

.jabri-popup.public-jobview-popup div.jabri_new_uistyle-error {
  text-align: left;
}

.public-detailview #bottomQstSlider::before {
  display: none;
}

.public-detailview .quest-slider {
  overflow: initial;
}

.day-in-life-input-1 select {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/day-in-life-input-1.svg);
  background-position: right 15px center;
  background-repeat: no-repeat;
}

.dob-picker {
  position: relative;
  margin-left: 4%;
  padding: 0;
}

.dob-picker::before {
  content: "Date of Birth";
  display: block;
  transform: scale(0.75) translateY(-22px);
  transform-origin: left bottom;
  color: #89939f;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  top: 16px;
  padding-left: 27px;
}

.dob-picker .ngx-datepicker-container input.ngx-datepicker-input {
  font-size: 18px !important;
  width: 100% !important;
  padding: 0 20px !important;
  padding-top: 15px !important;
  border: 1px solid #dce1e7 !important;
  height: 60px;
  cursor: pointer;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/date-icn.svg);
  background-position: right 15px center;
  background-repeat: no-repeat;
}

.dob-picker .ngx-datepicker-position-bottom-right {
  top: 0 !important;
}

.compose-job.post_a_job
  .ngx-datepicker-calendar-container.ngx-datepicker-position-bottom-right {
  top: 60px;
  z-index: 6;
}

.jabri_new_uistyle-form-group.subs-cand-list-input {
  margin-bottom: 30px;
  width: 24%;
  margin-right: 1.3%;
}

.jabri_new_uistyle-form-group.subs-cand-list-input:last-child {
  margin-right: 0;
}

.dob-picker.qwa-width input::-webkit-input-placeholder {
  opacity: 0.5;
}

.dob-picker.qwa-width input::-moz-placeholder {
  opacity: 0.5;
}

.dob-picker.qwa-width input:-ms-input-placeholder {
  opacity: 0.5;
}

.dob-picker.qwa-width input:-moz-placeholder {
  opacity: 0.5;
}

.jabri-super-content_company-list-footer.no-pagination-ahead {
  opacity: 0.5;
}

.jabri-super-content_company-list-footer.no-pagination-ahead::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.mail-sorticon {
  width: 7px;
}

.mail-list-table-com {
  overflow-y: scroll;
}

.mail-list-table-com {
  background: #fff;
}

.tablist-common.mail-list-table-main-parent .tablist-actions-innerr {
  overflow-x: hidden;
}

.mail-list-table-com .table {
  margin-top: 0;
}

.mail-list-table-body {
  max-height: calc(100vh - 440px);
}

.tablist-common.mail-list-table-main-parent {
  margin-bottom: 0;
}

.mail-list-table-main-parent .tablist-actions {
  margin-bottom: 38px;
}

.jabri-super-content_company-list-footer-right a,
.jabri-super-content_company-list-footer-right span {
  margin: 0 5px;
}

.table-list-no-padding {
  padding-bottom: 0 !important;
}

.invite-list-table-head {
  overflow-y: scroll;
}

.invite-list-table-body {
  max-height: calc(100vh - 473px);
  overflow-y: scroll;
}

.notitem-clearall {
  height: 60px;
  background: #fff;
  position: relative;
}

.notitem-clearall a {
  display: none;
  color: #8c96a9;
  text-decoration: underline;
  position: absolute;
  right: 20px;
  top: 21px;
  opacity: 1;
  transition: 0.3s opacity ease;
  font-size: 12px;
}

.notitem-clearall a:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.candi-profile.compose-job.candcountry span.day-unit.is-today.is-disabled {
  color: #fff !important;
}

.profile-team-rating-action {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 10px;
}

.profile-team-rating-action a {
  color: #425366;
  font-size: 14px;
  line-height: 16px;
  opacity: 0.5;
}

.profile-team-rating-action a.active {
  opacity: 1;
}

.profile-team-rating-action a.active img {
  transform: rotate(180deg);
}

.profile-team-rating-action .profile-team-rating-tooltip {
  margin-right: 4px;
}

.profile-team-rating {
  position: relative;
  margin-top: 16px;
}

.profile-team-rating-panel {
  position: absolute;
  height: 296px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.12);
  left: 0;
  top: 26px;
  z-index: 2;
}

.profile-team-rating-panel-text {
  color: #425366;
  font-size: 16px;
  line-height: 19px;
}

.profile-team-rating-panel-head a {
  margin-left: auto;
}

.profile-team-rating-panel-head img {
  max-width: 17px;
}

.profile-team-rating-panel-head {
  display: flex;
  align-items: center;
  padding: 0 20px;
  padding-top: 18px;
  padding-bottom: 23px;
}

.profile-team-rating-action img.profile-team-rating-icon {
  width: 10px;
  margin-left: 3.5px;
}

.profile-team-rating-panel-foot-text {
  color: #425366;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 47px;
  padding: 0 20px;
  border-top: 1px solid rgba(168, 181, 194, 0.4);
}

.profile-team-rating-panel-foot-text span {
  color: #fad961;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -1.56px;
  text-align: right;
  margin-left: 13px;
}

.profile-team-rating-panel-body {
  padding: 0 20px;
  overflow: auto;
  height: 184px;
}

.profile-team-rating-panel .bquest-score-com-item {
  padding: 0;
  margin-bottom: 10px;
}

.profile-team-rating-panel {
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.profile-team-rating-panel.active {
  transform: scale(1) !important;
  opacity: 1;
}

.profile-team-rating-panel .profile-team-rating-panel-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.profile-team-rating-panel.active .profile-team-rating-panel-inner {
  transform: translate3d(0, 0, 0);
}

.profile-team-rating-tooltip {
  position: relative;
}

.profile-team-rating-tooltip-text {
  position: absolute;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  transition: 0.3s opacity ease;
  background: #57585b;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;

  text-align: center;
  line-height: normal;

  top: 20px;
  padding: 10px;
  z-index: 1;
  width: 126px;
  left: -63px;
}

.profile-team-rating-tooltip img:hover + .profile-team-rating-tooltip-text {
  opacity: 1;
  transform: scale(1);
  transition: 0.3s opacity ease;
}

.emp-dummy .dummy-team {
  height: 16px;
  width: 122px;
  border-radius: 8px;
  background-color: #e9ecf5;
  display: block;
  margin: 0 auto;
  margin-bottom: 4px;
  margin-top: 14px;
}

.public-detailview .cand-center-inner {
  overflow: initial;
}

.public-detailview .profile-action select {
  display: none;
}

.public-detailview .profile-action button {
  width: 112px;
}

.public-detailview .dummy-quest-video-img {
  height: calc(100vh - 480px);
}

.bquest-rating-comain.unclick::before {
  content: "";
  width: calc(100% - 13px);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.question-parent .jabri_new_uistyle-form-group textarea {
  padding-bottom: 24px;
}

.question-parent .question-child .sharemaining {
  bottom: 0;
  background: transparent;
  text-align: right;
  padding-left: 0;
  color: #89939f;
  line-height: 24px;
}

.invite-new-parent-input-field {
  position: relative;
}

.invite-new-parent-input input {
  height: 60px;
  width: 100%;
  border: 1px solid #dce1e7;
  border-radius: 4px;
  color: #425366;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 90px;
}

.invite-new-parent-input input:focus {
  border-color: #425366;
}

.invite-new-parent-input-field::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/invite-search.svg);
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
  position: absolute;
  right: 32px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.invite-new-parent-input-field.cross-in-inv::before {
  display: none;
}

.close-invite-results {
  display: none;
  position: absolute;
  top: 21px;
  right: 30px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #a8b5c2;
  font-size: 28px;
  text-align: center;
  cursor: pointer;
}

.cross-in-inv .close-invite-results {
  display: block;
}

.invite-new-parent-input-head {
  display: flex;
  background: #f6f7f8;
}

.invite-new-parent-input-result {
  box-shadow: 0 24px 40px 0 rgba(66, 83, 102, 0.18);
  border-radius: 4px;
  border: 1px solid #a8b5c2;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 60px;
  left: 0;
  background: #fff;
  z-index: 2;
  display: none;
}

.invite-new-parent-input-result.active {
  display: block;
}

.invite-new-parent-input-head-com {
  color: #425366;
  font-size: 16px;
  font-weight: 500;
  line-height: 54px;
}

.invite-new-parent-input-body-com {
  color: #425366;
  font-size: 16px;
  line-height: 50px;
}

.invite-new-parent-input-head-1,
.invite-new-parent-input-body-1 {
  width: 77px;
  position: relative;
}

.invite-new-parent-input-head-1 .custom-check,
.invite-new-parent-input-body-1 .custom-check {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.invite-new-parent-input-head-2,
.invite-new-parent-input-body-2 {
  width: 315px;
}

.invite-new-parent-input-head-3,
.invite-new-parent-input-body-3 {
  width: calc(100% - 392px);
}

.invite-new-parent-input-body-item {
  display: flex;
  border-bottom: 1px solid rgba(168, 181, 194, 0.3);
}

.invite-new-parent-input-body-item.active {
  background: #e0f7ec;
}

.invite-new-parent-input-footer {
  height: 66px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(168, 181, 194, 0.8);
}

.invite-new-parent-input-footer-left {
  color: #425366;
  font-size: 16px;
  line-height: 19px;
}

.invite-new-parent-input-footer-right {
  margin-left: auto;
}

.invite-new-parent-input-footer-right-1,
.invite-new-parent-input-footer-right-2 {
  color: #89939f;
  font-size: 16px;
  line-height: 19px;
}

.invite-new-parent-input-footer-right-1 {
  margin-right: 16px;
}

.invite-new-parent-input-footer-right-2 {
  margin-right: 26px;
}

.invite-new-parent-input-footer-right {
  display: flex;
  align-items: center;
}

.invite-new-parent-input-footer-right a {
  background: #425366;
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  height: 66px;
  line-height: 66px;
  width: 146px;
  text-align: center;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.invite-new-parent-input-footer-right a:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.invite-new-parent-input-body {
  max-height: 255px;
  overflow: auto;
}

.profile-team-rating-panel .bquest-score-com-avatar {
  width: calc(100% - 130px);
}

.profile-team-rating-panel .bquest-score-com-rating,
.profile-team-rating-panel .bquest-score-com-item .star:first-child {
  margin: 0;
}

.profile-team-rating-panel .bquest-score-com-avatar span {
  display: inline-block;
  width: calc(100% - 38px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 5px;
  text-align: left;
}

.cand-detail-list-item .check-before::before {
  top: -1px;
  left: -1px;
  bottom: auto;
  right: auto;
  border: 1px solid transparent;
}

.cand-detail-left .cand-inr .check-before::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/jdetcheck.svg);
  background-size: 20px;
  background-position: center;
}

.bquest-rating-stars.cand-rating-panel .ratxt {
  color: #fdca42;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.46px;
  line-height: 30px;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  bottom: 2px;
}

.bquest-rating-stars.cand-rating-panel star-rating {
  display: inline-block;
}

.cand-detail-list-item .check-before::before,
.cand-detail-list-item .check-before::after,
.cand-detail-left .cand-inr .check-before::before,
.cand-detail-left .cand-inr .check-before::after {
  transition: none;
}

.invite-new-parent-selected {
  padding-top: 14px;
}

.invite-new-parent-selected-item {
  color: #425366;
  font-size: 15px;
  line-height: 18px;
  border: 1px solid #27e1ba;
  border-radius: 15px;
  background-color: rgba(44, 202, 131, 0.04);
  padding-left: 16px;
  padding-right: 19px;
  line-height: 28px;
  display: inline-block;
  margin-bottom: 14px;
}

.invite-new-parent-selected-item + .invite-new-parent-selected-item {
  margin-left: 20px;
}

.invite-new-parent-selected-item-action {
  margin-right: 11px;
  color: #425366;
}

.invite-new-parent-selected-item-clear,
.invite-new-parent-selected-item-clear:hover {
  text-decoration: underline;
  margin-left: 25px;
  color: #425366;
  font-size: 16px;
}

.invite-new-parent-input {
  position: relative;
}

.public-detailview .cand-detail-list-item {
  padding-left: 50px;
}

.invite-new-parent-input-head .check-inline.cand-unsel-uncheck {
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  top: 0;
  bottom: 0;
  position: absolute;
}

div#cropTemplate .modal-title {
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: normal;
}

div#cropTemplate button.close span {
  position: static !important;
  font-weight: normal;
}

div#cropTemplate button.jsa_button {
  border: 0;
  cursor: pointer;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 4px;
  background: #2cca83;
  transition: 0.3s background ease;
  height: 48px;
  line-height: 48px;
  text-transform: uppercase;
  display: inline-block;
}

div#cropTemplate button.jsa_button:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

div#cropTemplate .source-image {
  position: relative;
  z-index: 1;
}

div#cropTemplate .cropper {
  z-index: 2;
}

.archive-button.filters-cmn {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 48px;
  line-height: 48px;
  padding-right: 18px;
  padding-left: 50px;
  background-color: #fff;
  border-radius: 4px;
  color: #89939f;
  font-size: 14px;
  font-weight: 500;
  margin-left: 12px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/archive-jobs-icn.svg);
  background-position: left 18px center;
  background-repeat: no-repeat;
  transition: 0.3s all ease;
}

.archive-button.filters-cmn:hover {
  color: #fff;
  background-color: #4561a8;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/archive-jobs-icn-white.svg);
  transition: 0.3s all ease;
}

.filters-view.filters-cmn {
  background-color: #fff;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filter-view-icn.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s all ease;
}

.filters-view.filters-cmn:hover {
  background-color: #4561a8;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filter-view-icn-white.svg);
}

.filters-view.filters-cmn.active {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filters-grid-icn.svg);
}

.filters-view.filters-cmn.active:hover {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/filters-grid-icn-white.svg);
}

.no-mail-list.no-archived-jobs-tiles {
  transform: none;
}

.no-mail-list.no-archived-jobs-tiles .noml-btn {
  text-transform: uppercase;
}

.archive-job-lbl {
  opacity: 0.5;
  color: #425366;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}

.tablist-common
  .mail-list-table-body
  table
  tbody
  tr:nth-last-child(-n + 4)
  .dropdown-menu {
  width: 300px;
  top: auto !important;
  bottom: -10px !important;
  padding: 5px 10px;
  max-width: initial;
}

.tablist-common.subslistc
  .mail-list-table-body
  table
  tbody
  tr:nth-last-child(-n + 4)
  .dropdown-menu {
  width: 175px;
}

.tablist-common
  .mail-list-table-body
  table
  tbody
  tr:nth-last-child(-n + 4)
  .dropdown-menu
  li {
  display: inline-block;
  padding: 0 10px;
}

.tablist-common
  .mail-list-table-body
  table
  tbody
  tr:nth-last-child(-n + 4)
  .dropdown-menu
  li
  + li {
  position: relative;
}

.tablist-common
  .mail-list-table-body
  table
  tbody
  tr:nth-last-child(-n + 4)
  .dropdown-menu
  li
  + li::before {
  content: "";
  width: 1px;
  height: 14px;
  display: block;
  position: absolute;
  background: #89939f;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.tablist-common
  .mail-list-table-body
  table
  tbody
  tr:last-child
  .btn-group
  button::after {
  top: -2px;
  left: -64px;
}

.new-post-a-job {
  max-width: 762px;
  margin: 0 auto;
  margin-top: 82px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 12px 0 rgb(66 83 102 / 10%);
}

.new-post-a-job-title {
  position: relative;
  z-index: 0;
  color: #425366;
  font-size: 24px;
  letter-spacing: -0.19px;
}

.new-post-a-job-body-title {
  color: #000;
  opacity: 0.57;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

.new-post-a-job-head {
  position: relative;
  /*background: #D0D7E9;*/
  height: 90px;
  line-height: 90px;
  padding: 0 30px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.new-post-a-job-head::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(45.53deg, #4561a8 0%, #6b45a8 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.1;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.new-post-a-job-head a {
  position: absolute;
  color: #89939f;
  display: block;
  width: 20px;
  height: 20px;
  right: 30px;
  top: 0;
  font-size: 28px;
  line-height: 20px;
  text-align: center;
  font-weight: normal;
  bottom: 0;
  margin: auto;
}

.new-post-a-job-body img.jab22-real-create {
  width: 145px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

.new-post-a-job-body {
  padding-top: 96px;
}

.new-post-a-job .jabri_new_uistyle-green-btn {
  height: 36px;
  width: 166px;
  font-weight: normal;
  margin-right: 0;
  line-height: normal;
  letter-spacing: normal;
  font-size: 14px;
  text-transform: initial;
}

.new-post-a-job .jabri_new_uistyle-form-group input {
  font-size: 20px;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.new-post-a-job .jabri_new_uistyle-form-group label {
  font-size: 20px;
}

.new-post-a-job .jabri_new_uistyle-form-group.active input + label,
.new-post-a-job .jabri_new_uistyle-form-group input:focus + label,
.new-post-a-job
  .jabri_new_uistyle-form-group.active
  input
  + grammarly-extension
  + label,
.new-post-a-job
  .jabri_new_uistyle-form-group
  input:focus
  + grammarly-extension
  + label {
  transform: scale(0.75) translateY(-34px);
}

.new-post-a-job-input {
  margin-top: 40px;
}

.new-post-a-job .jabri_new_uistyle-form-actions {
  margin-top: 0;
  text-align: center;
}

.jab22-createjob-actions {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background: #f0f3f8;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding-top: 11px;
  padding-bottom: 20px;
  padding-left: 26px;
  padding-right: 21px;
  margin-top: 77px;
  border-top: 1px solid rgba(66, 83, 102, 0.2);
}

.jabri-super-content_company-list-footer-right a {
  position: relative;
}

.jabri-super-content_company-list-footer-right a img {
  opacity: 0.5;
}

.jabri-super-content_company-list-footer-right a:hover img {
  opacity: 1;
}

.jabri-super-content_company-list-footer-right a::after {
  display: block;
  position: absolute;
  background: rgba(32, 33, 36, 0.75);
  font-size: 10px;
  color: #fff;
  border-radius: 3px;
  width: calc(100% + 10px);
  left: -5px;
  line-height: 16px;
  display: none;
}

.jabri-super-content_company-list-footer-right a:hover:after {
  display: block;
}

.jabri-super-content_company-list-footer-right a.page_go_to_first::after {
  content: "First";
}

.jabri-super-content_company-list-footer-right a.page_prev::after {
  content: "Previous";
  width: calc(100% + 20px);
  left: -10px;
}

.jabri-super-content_company-list-footer-right a.page_next::after {
  content: "Next";
}

.jabri-super-content_company-list-footer-right
  a.page_next
  + .page_go_to_first::after {
  content: "Last";
}

.page_act:hover {
  background: #f0f0f0;
  border-radius: 100%;
}

.compose-job.post_a_job .jabri_new_uistyle-form-group.contain_date_picker {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/date-icn.svg);
  background-position: center right 20px;
  background-repeat: no-repeat;
}

.compose-job.post_a_job
  .jabri_new_uistyle-form-group.contain_date_picker
  .ngx-datepicker-input {
  cursor: pointer;
}

.blur-review-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  border-radius: 4px;
  overflow: hidden;
}

.blur-review-video video {
  filter: blur(3px);
  transform: scale(3);
}

.publish-unpublish {
  position: relative;
  top: 10px;
  margin-left: 60px;
}

.publish-unpublish button {
  position: relative;
  line-height: 34px;
  height: 36px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  padding-left: 36px;
  padding-right: 26px;
  background-position: left 8px center;
  background-repeat: no-repeat;
}

.publish-unpublish button::before {
  content: "";
  width: 11px;
  height: 6px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/team-rating-arrow.svg);
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: 11px;
  opacity: 0.5;
  transform: rotate(0deg);
  transition: 0.3s transform ease;
}

.publish-unpublish button[aria-expanded="true"]::before {
  transform: rotate(-180deg);
  transition: 0.3s transform ease;
}

.publish-unpublish button.pub {
  color: #2cca83;
  border: 1px solid #2cca83;
  background-color: rgba(44, 202, 131, 0.1);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/published-icon.svg);
}

.publish-unpublish button.unpub {
  color: #89939f;
  border: 1px solid #a8b5c2;
  background-color: rgba(168, 181, 194, 0.2);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/unpublished-icon.svg);
}

.publish-unpublish .dropdown-menu {
  left: 0 !important;
  top: 46px !important;
  width: 200px;
}

.publish-unpublish .dropdown-menu {
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.publish-unpublish .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.publish-unpublish .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.publish-unpublish .dropdown-menu.show .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.publish-unpublish .user-feedback .dropdown-menu::before,
.publish-unpublish .user-feedback .dropdown-menu::after,
.publish-unpublish .user-bell .dropdown-menu::before,
.publish-unpublish .user-bell .dropdown-menu::after {
  display: none;
}

.publish-unpublish .user-feedback .dropdown-item:first-child,
.publish-unpublish .user-feedback .dropdown-item:last-child,
.publish-unpublish .user-bell .dropdown-item:first-child,
.publish-unpublish .user-bell .dropdown-item:last-child {
  margin: 0;
}

.quest-slider .bquest-score-com-avatar {
  width: calc(100% - 140px);
}

.quest-slider .bquest-score-com-avatar span {
  width: calc(100% - 38px);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 5px;
}

.quest-slider .bquest-score-com-avatar img {
  position: relative;
  bottom: 2px;
}

button.from-review-profile-back-btn {
  position: absolute;
  left: 82px;
  color: #89939f;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  opacity: 1;
  line-height: 35px;
  transition: 0.3s opacity ease;
}

button.from-review-profile-back-btn:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

button.from-review-profile-back-btn span {
  margin-right: 10px;
  position: relative;
  bottom: 1px;
}

.login-animation {
  position: relative;
  height: 347px;
}

.login-animation-com {
  position: absolute;
  width: 100%;
  transition: 0.5s all ease;
}

.login-animation-email.login-animation-com {
  left: 0;
}

.login-animation-email.login-animation-com.deactive {
  left: -500px;
}

.login-animation-password.login-animation-com {
  right: -500px;
}

.login-animation-password.login-animation-com.active {
  right: 0;
}

.new-jabri-linkedin-btn {
  background: #0176b5;
  display: block;
  height: 60px;
  border-radius: 4px;
  line-height: 60px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new-jabri-linkedin-btn:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.new-jabri-linkedin-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-jabri-linkedin.svg);
  display: inline-block;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.login-parent.candidatel.new-linkedin-cand-login {
  max-height: initial;
  height: 770px;
}

.new-post-a-job .ng-autocomplete {
  width: auto;
  max-width: 450px;
  margin: 0 auto;
}

.new-post-a-job .autocomplete-container .input-container input {
  font-size: 18px;
  color: #425366;
  height: 50px;
  border: 1px solid #979797;
  padding: 0 17px;
  max-width: 450px;
  margin: 0 auto;
  display: block;
}

.new-post-a-job .autocomplete-container {
  height: 50px;
  box-shadow: none;
}

.new-post-a-job-lbl {
  display: none;
  margin-left: 6px;
  color: #89939f;
  font-size: 16px;
  line-height: 19px;
}

.new-post-a-job .autocomplete-container .suggestions-container ul {
  max-height: 166px;
}

.new-post-a-job .autocomplete-container .suggestions-container ul li a {
  padding: 8px 10px;
  border-bottom: 1px solid #ddd;
  color: #425366;
}

.resend-mail-icn {
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  margin: auto;
}

.resend-mail-icn::before {
  content: "";
  display: none;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.resend-mail-icn::after {
  content: "Resend";
  background: rgba(32, 33, 36, 0.75);
  height: 24px;
  border-radius: 4px;
  display: none;
  color: #ffffff;
  font-size: 12px;
  width: 60px;
  text-align: center;
  line-height: 24px;
  margin: auto;
  position: absolute;
  left: -9px;
  top: 40px;
}

.resend-mail-icn:hover:before,
.resend-mail-icn:hover:after {
  display: block;
}

.resend-mail-icn img {
  opacity: 0.5;
  width: 22px;
  position: relative;
}

.resend-mail-icn:hover img {
  opacity: 1;
}

.login-parent {
  overflow: hidden;
}

.login-parent::before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
}

.login-parent.active::before {
  display: block;
}

/*.bquest-rating-stars.cand-rating-panel star-rating .star.on {
    -webkit-animation: stretch-bounce .5s ease-in-out;
}*/

.bquest-rating-stars.cand-rating-panel ngb-rating .star.on {
  -webkit-animation: stretch-bounce 0.5s ease-in-out;
}

@-webkit-keyframes stretch-bounce {
  0% {
    -webkit-transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.3);
  }

  50% {
    -webkit-transform: scale(0.9);
  }

  75% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

/*.day-in-life-input-tile:nth-last-child(2) {
    transition: 0.5s all ease;
    opacity: 0;
}*/

.day-in-life-input-tile.newadd:nth-last-child(2) {
  transition: 0.5s all ease;
  opacity: 1;
}

.day-in-life-input-tile.newdel,
.day-in-life-input-tile.newadd.newdel {
  transition: 0.5s all ease;
  opacity: 0;
}

#videoele .vid1-dimensions.vjs-fluid {
  padding-top: calc(100vh - 525px);
  background-color: transparent;
}

.public-detailview #videoele .vid1-dimensions.vjs-fluid {
  padding-top: calc(100vh - 480px);
}

#videoele .video-js .vjs-big-play-button {
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 100%;
}

#videoele .vjs-has-started .vjs-poster {
  display: block;
  filter: blur(5px);
  z-index: 0;
  transform: scale(3);
}

.cand-detail .vjs-has-started video,
.cand-detail .video-js .vjs-control-bar {
  z-index: 1;
}

.review-video-container {
  overflow: hidden;
}

.video-js.vjs-fullscreen video {
  width: 100% !important;
  height: 100% !important;
}

.video-js.cand_exp .vjs-error-display {
  position: absolute;
}

.video_questions button.next_question.fini {
  background: #2cca83;
  transition: 0.3s background ease;
}

.video_questions button.next_question.fini:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  width: auto;
}

.video-js .vjs-time-tooltip {
  width: 60px;
}

.jabri-app-parent.candidate-layout .video-js .vjs-big-play-button {
  display: none !important;
}

.invite-candidate-new {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  height: 80px;
  border: 1px solid #fcfcfd;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.04);
  padding: 0 50px;
}

.invite-candidate-new-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.invite-candidate-new-1,
.invite-candidate-new-text-item {
  font-size: 18px;
  /*opacity: 0.5;*/
  line-height: 30px;
}

.invite-candidate-new-1 {
  color: #425366;
}

.invite-candidate-new-text-item {
  cursor: pointer;
  color: #89939f;
  height: 36px;
  padding: 4px 8px;
  border-radius: 8px;
}

.invite-candidate-new-1 span {
  font-size: 30px;
  padding-right: 10px;
}

.invite-candidate-new-text-item span {
  font-size: 26px;
  padding-right: 5px;
}

.invite-candidate-new-text {
  display: flex;
}

.invite-candidate-new-text-item + .invite-candidate-new-text-item {
  margin-left: 40px;
}

.invite-candidate-new-1 {
  width: 208px;
}

.invite-candidate-new-2 {
  position: relative;
  width: 440px;
  padding-left: 62px;
  padding-right: 26px;
}

.invite-candidate-new-3 {
  padding-left: 60px;
}

.invite-candidate-new-2::before,
.invite-candidate-new-2::after {
  content: "";
  position: absolute;
  height: 50px;
  width: 1px;
  background: #d2d2d7;
  opacity: 0.5;
  display: block;
  top: 0;
}

.invite-candidate-new-2::before {
  left: 0;
}

.invite-candidate-new-2::after {
  right: 0;
}

.invite-candidate-new-progress {
  height: 4px;
  width: 100%;
  display: block;
  border-radius: 3px;
  display: flex;
}

.invite-candidate-parent.invite-candidate-newdesign {
  box-shadow: none;
}

.invite-candidate-parent.invite-candidate-newdesign .nav-tabs {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #e3e8f2;
}

.invite-candidate-parent.invite-candidate-newdesign .nav-tabs a {
  height: 60px;
  line-height: 60px;
  width: 150px;
  font-size: 18px;
  padding: 0;
}

.invite-candidate-parent.invite-candidate-newdesign .nav-tabs a img {
  margin-right: 10px;
}

.invite-candidate-parent.invite-candidate-newdesign .nav-tabs li + li {
  margin-left: 0;
}

.invite-candidate-parent.invite-candidate-newdesign
  .nav-tabs
  a.tab1svg.active::before,
.invite-candidate-parent.invite-candidate-newdesign
  .nav-tabs
  a.tab1svg:hover:before {
  display: none;
}

.invite-candidate-parent.invite-candidate-newdesign .nav-tabs a.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 150px;
  background: #425366;
  box-shadow: inset 0 -17px 10px 0 rgba(66, 83, 102, 0.01);
  /*display: block !important;*/
  display: none !important;
}

.invite-candidate-parent.invite-candidate-newdesign
  .tablist-common.invcandlist {
  padding: 0;
}

.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  table
  thead
  th {
  padding-top: 18px;
  padding-bottom: 18px;
}

.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  table
  tbody
  td {
  padding-top: 17px;
  padding-bottom: 17px;
}

.invite-candidate-new-progress {
  background: rgba(168, 181, 194, 0.5);
  margin-top: 10px;
}

.invite-candidate-new.havestats .invite-candidate-new-1,
.invite-candidate-new.havestats .invite-candidate-new-text-item {
  opacity: 1;
}

.invite-candidate-new-text-item.viewed.active {
  background: #f8f9fc;
  color: #4561a8;
}

.invite-candidate-new-text-item.viewed.active {
  background: #eceff7;
}

.invite-candidate-new-text-item.not-viewed.active,
.invite-candidate-new-text-item.not-applied.active {
  background: #f8f9fa;
}

.invite-candidate-new-text-item:hover {
  background: #f2f3f4;
  color: #89939f;
}

.invite-candidate-new-text-item.viewed.active,
.invite-candidate-new-text-item.applied.active {
  background: #e9f7f2;
  color: #24b47e;
}

.invite-candidate-new-text-item.not-viewed.active,
.invite-candidate-new-text-item.partially.active {
  background: #fef8ee;
  color: #f5be58;
}

.invite-candidate-new-text-item.not-applied.active {
  background: #fef2ee;
  color: #fa755a;
}

.invite-candidate-parent.invite-candidate-newdesign .tab_indicator {
  position: absolute;
  bottom: 0;
  width: 150px;
  height: 2px;
  background-color: #425366;
  will-change: left, right;
  padding: 0;
  transition: 0.5s all ease;
}

.invite-candidate-parent.invite-candidate-newdesign .tab_indicator.tab1svg {
  left: 0;
}

.invite-candidate-parent.invite-candidate-newdesign .tab_indicator.tab2svg {
  left: 150px;
}

.login-animation-parent {
  overflow: hidden;
  position: relative;
}

.invite-tabindic-parent {
  position: relative;
}

.invite-tabindic-actions {
  position: absolute;
  top: 0;
  right: 40px;
  height: 60px;
  display: flex;
  align-items: center;
}

.invite-tabindic-com {
  opacity: 0.5;
  color: #425366;
  line-height: 19px;
}

.invite-tabindic-reset {
  font-size: 14px;
}

.invite-tabindic-search {
  font-size: 16px;
}

.invite-tabindic-search img {
  width: 20px;
  margin-left: 14px;
}

.invite-tabindic-sep {
  display: inline-block;
  height: 30px;
  width: 1px;
  background: #425366;
  opacity: 0.5;
  margin: 0 30px;
}

.invite-tabindic-com:hover {
  opacity: 1;
}

.invite-tabindic-input-parent {
  position: absolute;
  right: 0;
  z-index: 1;
}

input.invite-tabindic-input {
  background: #ebeef2;
  border: 0;
  height: 44px;
  border-radius: 4px;
  width: 438px;
  padding-left: 23px;
  padding-right: 20px;

  color: #425366;

  font-size: 16px;
}

a.invite-tabindic-input-action {
  position: absolute;
  right: 20px;
  display: block;
  top: 10px;
  opacity: 0.5;
}

a.invite-tabindic-input-action img {
  width: 20px;
}

.invite-candidate-newdesign.subscriber-main .add-mail-btn.addrow img {
  width: 42px;
  margin-right: 14px;
}

.invite-candidate-newdesign.subscriber-main .add-mail-btn.addrow {
  margin-top: 6px;
}

.invite-candidate-newdesign
  .invite_infi_list
  .jabri_new_uistyle-form-group
  + .jabri_new_uistyle-form-group {
  margin-left: 1.5%;
}

.invite-candidate-newdesign .invite_infi_list .jabri_new_uistyle-form-group {
  width: 23.8%;
  margin-bottom: 14px;
}

.invite-candidate-newdesign.invite-candidate-parent.subscriber-main
  .add-mail-btn.rem::before {
  bottom: 0;
}

.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  table
  tbody
  td {
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
}

.mail-title-td-icom {
  display: inline-block;
  padding: 7px 9px;
  border-radius: 4px;
}

.mail-title-td-applied,
.mail-title-td-viewed {
  background: #effbf5;
  color: #2cca83;
}

.mail-title-td-partially {
  background: #fef8ee;
  color: #f5be58;
}

.mail-title-td-not-viewed {
  background: #fef8ee;
  color: #f5be58;
}

.mail-title-td-not-applied {
  background: #fef2ee;
  color: #fa755a;
}

.invite-candidate-newdesign .jabri-super-content_company-list-footer {
  padding: 0 20px;
}

.day-in-life-input label.out-label {
  padding: 0 10px;
}

.job-detail_questions label.qstlabel {
  transform: none !important;
  top: -23px;
  left: 0;
  font-size: 14px;
  font-weight: 500;
}

.candiate-new-des-container .jabri_new_uistyle-form-group textarea {
  padding: 20px;
}

.candcountry .country-fie.country-fie-difff {
  width: 50%;
  margin-bottom: 30px;
}

.candcountry .country-fie.country-fie-difff + .country-fie {
  margin-left: 0;
}

.invite-candidate-newdesign
  .invite-list-table-body
  tr:last-child
  td:last-child
  .resend-mail-icn::after {
  top: -23px;
}

.feedback-text {
  position: relative;
}

.feedback-text div.jabri_new_uistyle-error {
  font-size: 12px;
  left: 21px;
  bottom: 15px;
}

.filters-view.filters-cmn {
  display: none !important;
}

.filter_search_href-parent {
  position: relative;
}

.filter_search_href {
  height: 48px;
  width: 350px;
  display: block;
  line-height: 48px;
  padding: 0 15px;
  border-radius: 4px;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  color: #425366;
  padding-right: 48px;
}

.filter_search_href-parent span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 48px;
  height: 48px;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: normal;
  margin: auto;
  cursor: pointer;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.filter_search_href-parent span:hover {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.resume-interview {
  background: rgba(66, 83, 102, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.resume-interview-wrap {
  height: 835px;
  width: 1040px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 6px 12px 0 rgba(66, 83, 102, 0.1);
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.resume-interview-title {
  color: #425366;
  font-size: 40px;
  letter-spacing: -0.32px;
  line-height: 47px;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 35px;
}

.resume-interview-title::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.5;
  background: #a8b5c2;
}

.resume-interview-details-title {
  color: #425366;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.27px;
  line-height: 28px;
  margin-bottom: 35px;
}

.resume-interview-details-item-title {
  color: #89939f;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.resume-interview-details-item-subtitle {
  color: #425366;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
}

.resume-interview-botitle {
  color: #425366;
  font-size: 26px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 57px;
  margin-bottom: 35px;
}

.resume-interview-link-1 {
  height: 52px;
  width: 311px;
  border: 1.5px solid #2cca83;
  border-radius: 4px;
  color: #2cca83;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.11px;
  line-height: 50px;
  display: block;
  margin: auto;
  margin-bottom: 35px;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.resume-interview-link-1:hover {
  color: #2cca83;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.resume-interview-link-1::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/inter-vid-icn.svg);
  margin-right: 12px;
  position: relative;
  top: 2px;
}

.resume-interview-link-2 {
  color: #425366;
  font-size: 18px;
  letter-spacing: -0.2px;
  line-height: 21px;
  display: block;
  text-decoration: underline;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.resume-interview-link-2:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.resume-interview-inner {
  padding-top: 49px;
  padding-left: 57px;
  padding-right: 57px;
  padding-bottom: 58px;
}

.resume-interview-details {
  border-radius: 4px;
  background-color: #f7f8fb;
  padding: 32px;
}

.resume-interview-details-item {
  position: relative;
}

.resume-interview-details-item + .resume-interview-details-item {
  padding-top: 19px;
  margin-top: 19px;
}

.resume-interview-details-item + .resume-interview-details-item::before {
  content: "";
  height: 1px;
  width: 500px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.5;
  background: #a8b5c2;
}

/*2-way-video-feature-28720*/

.candidate_question_video {
  max-width: 75%;
  max-height: 325px;
  /*max-height: 400px;*/
  display: block;
  margin: auto;
  box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.5);
  width: 100%;
}

.question-check-text.qstvideo-class {
  color: #425366;
  font-size: 22px;
  line-height: normal;
  margin-bottom: 20px;
}

.question-check-count.qstvideo-class {
  color: #425366;
  font-size: 16px;
  line-height: normal;
  margin-bottom: 10px;
}

.question-parent
  .jabri_new_uistyle-form-group.question-child
  textarea::placeholder {
  opacity: 0.5;
}

.question-parent
  .jabri_new_uistyle-form-group.question-child
  textarea::-webkit-input-placeholder {
  opacity: 0.5;
}

.question-parent
  .jabri_new_uistyle-form-group.question-child
  textarea:-ms-input-placeholder {
  opacity: 0.5;
}

.question-parent
  .jabri_new_uistyle-form-group.question-child
  textarea:focus::placeholder {
  opacity: 0.5;
}

.question-parent
  .jabri_new_uistyle-form-group.question-child
  textarea:focus::-webkit-input-placeholder {
  opacity: 0.5;
}

.question-parent
  .jabri_new_uistyle-form-group.question-child
  textarea:focus:-ms-input-placeholder {
  opacity: 0.5;
}

.question-options {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /*border: 1px solid #DCE1E7;*/
  z-index: 2;
  background: #f3f4f9;
}

.question-options-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.question-options-item {
  text-align: center;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.question-options-item:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.question-options-item span {
  display: block;
  color: #425366;
  font-size: 14px;
}

.question-options-item span.question-options-img-wrap {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.question-options-sep {
  color: #89939f;
  font-size: 12px;
  margin: 0 20px;
}

.question-options-upload {
  position: relative;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  /*border: 1px dashed #89939F;*/
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  z-index: 1;
  border: 1px solid #dce1e7;
  /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
  border-top: 0;
}

.question-options-upload input {
  opacity: 0;
  cursor: pointer;
}

.question-options-upload-text {
  font-size: 14px;
  color: #89939f;
}

.question-options-upload-text img {
  display: block;
  width: 70px;
  margin: auto;
  opacity: 0.8;
}

.question-options-preview {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #dce1e7;
  text-align: center;
  position: relative;
  z-index: 6;
  line-height: 0;
}

.question-options-preview-inner {
  position: relative;
  display: inline-block;
  margin: auto;
}

.question-options-preview-inner .loadergif {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.question-options-preview-inner .loadergif img {
  position: static;
  display: block;
}

.question-options-preview-inner .loadergif label {
  position: static;
  display: block;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  color: #425366;
}

.question-options-preview video {
  width: auto !important;
  height: 300px !important;
  max-width: initial !important;
  min-width: initial !important;
  max-height: initial !important;
  min-height: initial !important;
  margin: auto;
  display: block;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

a.review-question-video-trigger {
  margin-left: 5px;
  position: relative;
  z-index: 0;
}

a.review-question-video-trigger img {
  width: 20px;
}

.jabri-popup.twowayvideo .jabri-popup-inner {
  padding: 0;
  top: 100px;
  height: auto;
  width: 600px;
  border-radius: 0;
  line-height: 0;
}

.jabri-popup.twowayvideo video {
  width: 100%;
  height: auto;
}

.jabri-popup.twowayvideo .video-js .vjs-big-play-button {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  line-height: 56px;
  margin: auto;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
}

.jabri-popup.twowayvideo .delclose {
  background: #fff;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -16px;
  top: -16px;
  z-index: 1;
}

.jabri-popup.twowayvideo .delclose img {
  width: 16px;
}

.job-detail_questions
  .question-child.jabri_new_uistyle-form-group.question-preview-added {
  height: auto !important;
  padding: 0;
  flex-direction: column;
  opacity: 1 !important;
}

.jabri_new_uistyle-form-group.question-preview-added textarea {
  position: static;
  transition: none !important;
  padding: 0 20px !important;
  height: 40px !important;
  line-height: 40px !important;
}

.jabri_new_uistyle-form-group.question-preview-added.disSel textarea {
  opacity: 0.5;
}

.question-parent .jabri_new_uistyle-form-group textarea.qvid-texrarea {
  position: static;
}

.question-options-preview-text {
  padding: 0 25px;
  font-size: 18px;
  margin-bottom: 25px;
  color: #425366;
}

.upro_bar_fill_text {
  font-size: 20px;
  color: #fff;
  position: relative;
  left: 20px;
  top: 15px;
  font-weight: 500;
}

.sharemaining.qvid-rem {
  position: absolute !important;
  top: 0;
  bottom: auto !important;
  line-height: 40px !important;
}

.job-detail_questions
  .question-child.jabri_new_uistyle-form-group.question-video-chosen
  .question-options-upload
  input {
  transform: scale(0);
}

/*2-way-video-feature-28720-end*/

/*job-video-desc*/
.job_video_desc-wrapper {
  position: relative;
  padding: 20px;
  line-height: 0;
}

.job_video_desc {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #dce1e7;
  margin-bottom: 30px;
}

.job_video_desc input[type="text"] {
  border: 0;
  margin: 0;
  border-radius: 0;
  border-bottom: 1px solid #dce1e7;
}

.job_video_desc .jabri_new_uistyle-form-group {
  border: 0;
  margin: 0;
}

.job_video_desc video {
  height: 300px !important;
  width: auto !important;
  display: block;
  margin: auto;
}

.job_video_desc-upload-video {
  text-align: center;
  height: 82px;
}

.job_video_desc-upload-video input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.job_video_desc .question-options-upload-text {
  line-height: normal;
  position: relative;
  bottom: 7px;
}

.job_desc_video_view h2 {
  color: #425366;
  margin-bottom: 30px;
}

.job_desc_video_view video {
  width: auto;
  height: 300px;
  display: block;
  margin: auto;
}

/*job-video-desc-end*/

/*xxxxxcheckpointxxxxx*/

/*.vjs-modal-dialog-content::before{
    content: "Video is not Available";
}*/

/*.filters-parent {
    position: fixed;
    z-index: 2;
    background: #f3f4f9;
    width: 100%;
    max-width: 1030px;
    padding-top: 40px;
    padding-bottom: 40px;
    top: 106px;
}

.filters-parent::before,
.filters-parent::after {
    content: "";
    width: 50px;
    height: 100%;
    display: block;
    position: absolute;
    background: #f3f4f9;
    top: 0;
}

.filters-parent::before {
    left: -50px;
}

.filters-parent::after {
    right: -50px;
}

.job-list-parent {
    padding-top: 91px;
}*/

/*.dob-picker-parent{
    position: relative;
}

.dob-picker-parent .dob-picker{
    position: absolute;
    top: 85px;
    right: 0;
    display: block;
}

.dob-picker-parent .dob-picker .ngx-datepicker-container input.ngx-datepicker-input{
    color: #425366;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    width: 135px;
    border-radius: 4px;
    padding: 5px 10px;
    background-image:  url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/date-icn.svg);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 18px;
    cursor: pointer;
}

.dob-picker-parent .dob-picker::before{
    content: "Date of birth";
    display: block;
    font-weight: normal;
    color: #89939F;
    font-size: 11px;
    line-height: normal;
}

.dob-picker-parent .ngx-datepicker-container .ngx-datepicker-calendar-container{
    left: auto;
    right: 0;
}*/
/*1-1-20-REVIEW-SCREEN-END***************************************************************/
/*WORKFLOW-DESIGN-CHANGES-51120*/
.wf-close {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #4561a8;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  transform: rotate(45deg);
  font-weight: normal;
  right: 30px;
  display: block;
  margin-top: 116px;
  margin-left: 30px;
  margin: 0;
  transition: 0.3s all ease;
}

.wf-add-wrapper.workflow {
  width: auto;
  padding: 0;
  margin: 0;
  background: transparent;
  margin-left: 20px;
  margin-right: 30px;
}

.wf-close:hover {
  color: #fff;
}

.wf-close.wf-close-active {
  background: #fff;
  color: #4e5963;
  transform: rotate(90deg);
  transition: 0.3s all ease;
}

.workflow.new-wf-added {
  position: absolute;
  right: 30px;
  top: 49px;
  width: 260px;
  box-shadow: none;
  border-radius: 0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 0;
  padding-top: 12px;
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
  top: 48px;
  right: 0;
  z-index: 1;
}

.workflow.new-wf-added label {
  color: rgba(66, 83, 102, 0.34);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 30px;
  margin: 0;
}

.workflow.new-wf-added input {
  height: 32px;
  width: 100%;
  border: 1px solid rgba(66, 83, 102, 0.1);
  border-radius: 2px;
  color: #425366;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 30px;
  padding: 0 8px;
}

.workflow.new-wf-added input:focus {
  border-color: #425366;
}

.workflow.new-wf-added button {
  height: 32px;
  width: 100%;
  border-radius: 4px;
  background-color: #425366;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 30px;
}

ul.wf-color-swatch {
  display: flex;
  margin: 20px 0;
}

ul.wf-color-swatch li {
  position: relative;
  cursor: pointer;
}

ul.wf-color-swatch li::after {
  content: "";
  height: 24px;
  width: 24px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  display: block;
  border-radius: 100%;
  position: absolute;
  top: -3px;
  right: -3px;
  opacity: 0;
  z-index: 0;
}

ul.wf-color-swatch li:hover:after {
  opacity: 1;
}

ul.wf-color-swatch li + li {
  margin-left: 11px;
}

ul.wf-color-swatch li div.wf-colordiv {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  border-radius: 100%;
  opacity: 0.3;
  z-index: 1;
}

ul.wf-color-swatch li:hover div.wf-colordiv,
ul.wf-color-swatch li.wf-colordiv-active div.wf-colordiv {
  opacity: 1;
}

span.wf-colordiv-ring {
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
  border: 1px solid;
  border-radius: 100%;
  top: -3px;
  left: -3px;
  display: none;
  z-index: 1;
}

.wf-colordiv-active span.wf-colordiv-ring {
  display: block;
}

/*.new-workflow-design-parent {
    display: flex;
}*/

.wf-add-wrapper {
  position: relative;
}

.workflow-title_inner .dropdown-menu {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 0;
  left: auto !important;
  max-width: 150px;
  padding: 10px 20px;
  transition-property: opacity transform;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0) !important;
  transform-origin: top left;
  backface-visibility: hidden;
  opacity: 0;
  display: block !important;
}

.workflow-title_inner .dropdown-menu {
  right: 20px;
  top: 32px !important;
}

.workflow-title_inner .dropdown-menu.show {
  transform: scale(1) !important;
  opacity: 1;
}

.workflow-title_inner .dropdown-menu .dropdown-menu-inner {
  transform: translate3d(200px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.workflow-title_inner .dropdown-menu.show .dropdown-menu-inner {
  transform: translate3d(0, 0, 0);
}

.workflow-title_inner .dropdown-menu::before,
.workflow-title_inner .dropdown-menu::after {
  display: none;
}

.workflow-title_inner .dropdown-menu li {
  display: block;
}

.workflow-title_inner .dropdown-menu li a {
  color: #89939f;
  font-weight: normal;
  font-size: 14px;
  line-height: 34px;
  display: block;
  text-align: left;
}

.workflow-title_inner .dropdown-menu li:hover a {
  color: #425366;
}

.workflow-title_inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.workflow-title_inner button {
  opacity: 0.6;
  transition: 0.3s opacity ease;
}

.workflow-title_inner button:hover,
.workflow-title_inner button[aria-expanded="true"] {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.wf-candidate-wrap {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.wf-candidate-wrap .custom-check {
  margin: initial;
  display: inline-block;
}

.wf-candidate-wrap .cand_count {
  position: static;
  margin: 0;
  margin-left: 10px;
}

.workflow.new-wf-added input.is_cus_inpt_cl {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/lock-closed.svg);
  background-position: center right 10px;
  background-repeat: no-repeat;
}

span.wf-colordiv.cand-check,
span.wf-colordiv.cand-cross,
span.wf-colordiv.cand-quest {
  display: block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  box-shadow: none;
}

/*WORKFLOW-DESIGN-CHANGES-51120-END*/
/*MEDIA-LIBRARY-POPUP-30-12-21*/
.media-library-popup .jabri-popup-inner {
  width: 100%;
  max-width: 762px;
  height: 100%;
  max-height: 713px;
  padding: 0;
}

.media-library-head {
  position: relative;
  padding: 20px;
  padding-bottom: 51px;
}

.media-library-head::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45.53deg, #4561a8 0%, #6b45a8 100%);
  position: absolute;
  z-index: 0;
  opacity: 0.1;
  top: 0;
  left: 0;
}

.media-library-head-title {
  opacity: 0.8;
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 2px;
}

.media_tab {
  opacity: 0.5;
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  letter-spacing: -0.16px;
  line-height: 24px;
  padding: 10px 5px;
  cursor: pointer;
  margin-right: 20px;
  transition: 0.3s opacity ease;
}

.media_tab:hover,
.media_tab.active {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.media_tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 15px;
}

.media-library-close {
  position: absolute;
  top: 25px;
  right: 28px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.media-library-close:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.media_tabs_parent {
  margin-top: -44px;
  border-bottom: 1px solid rgba(168, 181, 194, 0.5);
}

.media-library-body {
  height: calc(100% - 48px);
  position: relative;
}

.empty-media-lib {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
  text-align: center;
}

.empty-media-lib-title {
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 35px;
  text-align: center;
  margin-top: 16px;
}

.empty-media-lib-desc {
  opacity: 0.5;
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  text-align: center;
  margin-top: 16px;
}

.empty-media-lib-link {
  height: 40px;
  width: 100px;
  border-radius: 4px;
  background-color: #2cca83;
  margin: auto;
  margin-top: 29px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.empty-media-lib-link:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.media-upload-video {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-upload-video-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.media-upload-video-inner:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.media-upload-video-inner input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.media-video-record {
  padding-top: 86px;
  text-align: center;
}

.media-video-record-inner {
  max-width: 534px;
  margin: auto;
}

.media-video-record .video-js.emp_ht {
  height: 274px !important;
}

.media-video-record .video-js.cand_exp .vjs-control-bar {
  height: 80px;
  margin-top: 7px;
}

.media-video-record .video-js.cand_exp .vjs-control-bar .vjs-record-button {
  left: 12px;
}

.media-video-record .video-js.cand_exp .vjs-control-bar::before {
  width: 101px;
  height: 101px;
  top: -11px;
  left: -22px;
}

.media-video-record .video-js.cand_exp .vjs-control-bar .vjs-record-button {
  transform: scale(0.697);
  transform-origin: left;
}

.media-video-record .video-js.cand_exp .vjs-control-bar .vjs-play-control {
  transform: scale(0.697);
  transform-origin: right;
  left: 80px;
  right: auto;
}

.media-video-record .video-js.cand_exp .vjs-control-bar .vjs-current-time {
  left: auto;
  right: 121px;
  padding: 0 !important;
}

.media-video-record .video-js.cand_exp .vjs-control-bar .vjs-duration {
  left: auto;
  right: 28px;
  padding: 0 !important;
}

.media_tabs {
  position: relative;
}

li.media_tab_indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #425366;
  will-change: left, right;
  padding: 0;
  width: 72px;
  transition: 0.5s all ease;
}

.media_tab_1.active ~ .media_tab_indicator {
  left: 14px;
}

.media_tab_2.active ~ .media_tab_indicator {
  left: 104px;
}

.media_tab_3.active ~ .media_tab_indicator {
  left: 196px;
}

.media-insert-parent {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}

.media-insert {
  height: 40px;
  width: 100px;
  border-radius: 4px;
  background-color: #2cca83;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
  text-align: center;
}

.media-insert:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.media-video-list-search {
  padding: 14px 20px;
}

.media-video-list-search input {
  height: 40px;
  width: 250px;
  border: 1px solid #dde3e9;
  font-family: "Roboto", sans-serif;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 4%);
  color: #a8b5c2;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  padding: 0;
  padding-left: 15px;
  padding-right: 50px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/search-media.svg);
  background-position: center right 17px;
  background-repeat: no-repeat;
}

.media-video-list .video-js {
  width: 330px;
  height: 186px;
}

.media-video-title {
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
  padding-right: 20px;
}

.media-date {
  margin-top: 3px;
  opacity: 0.7;
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 10px;
}

.media-video-list li.medi_file_li {
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}

.media-video-list li.medi_file_li input[type="radio"] {
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.medi_file_li_radio_inner::before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/med-radio-blank.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.media-video-list
  li.medi_file_li
  input[type="radio"]:checked
  ~ .medi_file_li_radio_inner::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/med-radio-fill.svg);
}

.media-video-list ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  max-height: 472px;
  overflow: auto;
  margin: 0;
  padding-top: 9px;
  padding-left: 20px;
  padding-right: 20px;
}

.medi_file_li_radio {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
}

.dropdown.media-dd {
  position: absolute;
  top: 7px;
  right: 8px;
  z-index: 1;
}

.dropdown.media-dd button {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  border-radius: 100%;
}

.dropdown.media-dd button img {
  width: 2px;
}

.dropdown.media-dd .dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
  padding: 0;
  border: 0;
  top: -16px !important;
  right: 18px !important;
  left: auto !important;
  border-radius: 0;
  width: 54px;
  margin: 0;
  min-width: initial;
  height: auto;
  min-height: auto;
  text-align: center;
}

.dropdown.media-dd .dropdown-menu .dropdown-item {
  padding: 0;
  margin: 0;
  color: #89939f;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  height: auto;
  background: #fff;
  transition: 0.3s color ease;
}

.dropdown.media-dd .dropdown-menu .dropdown-item:hover {
  color: #425366;
  transition: 0.3s color ease;
}

.media-progress {
  border: 1px solid #89939f;
  border-radius: 8px;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  display: block;
  max-height: 95px;
  max-width: 284px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding-left: 12px;
  padding-right: 14px;
  padding-top: 22px;
  padding-bottom: 24px;
}

.media-progress-title {
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  letter-spacing: -0.09px;
  line-height: 14px;
}

.media-progress-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.media-prog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.media-progress-action {
  line-height: 0;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.media-progress-action:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.media-progress-action + .media-progress-action {
  margin-left: 6px;
}

.media-prog-percent {
  margin-top: 10px;
  opacity: 0.7;
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  letter-spacing: -0.08px;
  line-height: 11px;
}

.media-prog-percent-bar {
  background: #d2dadf;
  height: 4px;
  width: 100%;
  margin-top: 10px;
}

.media-prog-percent-bar-inner {
  background: #2cca83;
  display: block;
  height: 4px;
}

.media-prog-percent-bar-inner.med-prog-error {
  background: #ff5774;
}

.new-design-datepick {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.new-design-datepick-inner {
  margin-right: 10px;
  position: relative;
  z-index: 1;
}

.new-design-datepick-inner select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.qst_and_commentt.jd_qst_and_commentt {
  padding-left: 12px;
  padding-right: 44px;
  padding-bottom: 12px;
  position: relative;
  line-height: 0;
}

.qst_and_commentt.jd_qst_and_commentt textarea {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 13px;
  color: #425366;
  border: 1px solid #dce1e7;
  border-radius: 2px;
  width: 100%;
  resize: none;
  height: 53px;
  padding: 5px;
  transition: 0.3s border ease;
}

.qst_and_commentt.jd_qst_and_commentt textarea:focus {
  border: 1px solid #425366;
  transition: 0.3s border ease;
}

.qst_and_commentt_act.jd_qst_and_commentt_act {
  position: absolute;
  top: 0;
  right: 12px;
  cursor: pointer;
  display: block;
  transition: 0.3s opacity ease;
  opacity: 1;
}

.qst_and_commentt_act.jd_qst_and_commentt_act:hover {
  transition: 0.3s opacity ease;
  opacity: 0.5;
}

.qst_and_commentt_act.jd_qst_and_commentt_act img {
  max-width: 20px;
}

.invite-candidate-parent .invite-new-actions .btn-group {
  text-align: initial;
  margin: 0;
}

.invite-candidate-parent .invite-new-actions .dropdown-menu,
.share-cand-datepick .dropdown-menu {
  right: 0;
  top: auto !important;
  bottom: 50px;
}

.invite-candidate-parent .invite-new-actions .dropdown-menu,
.invite-candidate-parent .invite-new-actions .dropdown-menu.show,
.share-cand-datepick .dropdown-menu,
.share-cand-datepick .dropdown-menu.show {
  transform-origin: bottom;
}

.new-design-datepick-dateform {
  position: relative;
  border: 1px solid #dce1e7;
  border-radius: 4px;
  padding: 5px 12px;
  padding: 10px 14px;
  padding-right: 30px;
  text-align: left;
  transition: 0.3s border ease;
  min-height: 51px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.new-design-datepick-dateform::before {
  content: "";
  width: 9px;
  height: 5px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/active-dd-arro.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(180deg);
}

.new-design-datepick-dateform:hover,
.new-design-datepick-dateform:focus,
button[aria-expanded="true"] .new-design-datepick-dateform {
  border: 1px solid #425366;
  transition: 0.3s border ease;
}

button[aria-expanded="true"] .new-design-datepick-dateform::before {
  transform: rotate(0deg);
}

.new-design-datepick-dateform-1 {
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 2px;
}

.new-design-datepick-dateform-2 {
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 11px;
  white-space: nowrap;
}

.invite-candidate-parent .invite-new-actions .dropdown-menu,
.share-cand-datepick .dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 0;
  max-width: 195px;
  left: -12px !important;
  margin-bottom: 10px;
}

.new-design-datepick-dateform-tile {
  padding: 6px 11px;
  background: #fff;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.3s all ease;
  position: relative;
  z-index: 1;
}

.new-design-datepick-dateform-tile:hover,
.new-design-datepick-dateform-tile-parent.active
  .new-design-datepick-dateform-tile {
  opacity: 1;
  background: #f2f4f5;
  transition: 0.3s all ease;
}

.new-design-datepick-dateform-tile-parent.active
  .new-design-datepick-dateform-tile {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/active-dd-check.svg);
  background-position: center right 23px;
  background-repeat: no-repeat;
}

.invite-candidate-parent .invite-new-actions .dropdown-menu::before,
.share-cand-datepick .dropdown-menu::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: auto;
  bottom: -5px;
  z-index: 1;
}

.new-design-datepicker-parent {
  position: absolute;
  top: 0;
  left: 0;
}

.new-design-datepicker-parent .ngx-datepicker-container .ngx-datepicker-input {
  width: 100% !important;
  border: 0 !important;
  padding: 15px 12px !important;
  opacity: 0;
}

.new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container {
  top: auto;
  bottom: 61px;
  left: auto;
  right: 0;
}

.media-video-edititle-act {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.media-video-edititle-act:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.media-video-edititle {
  position: relative;
  line-height: 0;
}

.media-video-edititle input {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #e4e8ec;
  color: #425366;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 22px;
  width: 100%;
  height: 22px;
  padding-right: 40px;
}

.media-video-edititle-add,
.media-video-edititle-rem {
  display: block;
  line-height: 0;
  position: absolute;
  right: 0;
  top: 4px;
  opacity: 1;
  cursor: pointer;
  transition: 0.3s opacity ease;
}

.media-video-edititle-add:hover,
.media-video-edititle-rem:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.media-video-edititle-add {
  right: 20px;
}

.media-video-edititle-add img,
.media-video-edititle-rem img {
  width: 14px;
}

.candj-left.candj-left_datepick {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new-design-datepick .btn-group button,
.share-cand-datepick .btn-group button {
  width: 170px;
}

.candj-left_innerr {
  width: 100%;
  padding-right: 30px;
}

.share-cand-datepick.invite-candidate-parent {
  position: relative;
  margin: 0;
  max-width: initial;
  box-shadow: none;
  z-index: 3;
}

.share-cand-datepick
  .new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container {
  top: 61px;
  bottom: auto;
  left: auto;
  right: 0;
}

.new-design-invitelist {
  border: 2px solid #d2dadf;
  border-left: 0;
  border-right: 0;
  padding: 0px 30px;
  padding-bottom: 10px;
  padding-top: 15px;
}

.new-design-invitelist-row {
  display: flex;
  align-items: center;
  transform: scale(0.6666);
  transform-origin: left;
  position: relative;
  width: 135%;
}

.new-design-invitelist .jabri_new_uistyle-form-group {
  margin: 0;
  margin-right: 40px;
}

.new-design-invitelist-rows {
  max-height: 180px;
  overflow: auto;
}

.new-design-invitelist-actions {
  position: relative;
  display: flex;
  align-items: center;
}

.new-design-invitelist-actions .jabri_new_uistyle-form-group {
  transform: scale(0.6666);
  transform-origin: left;
}

.new-design-invitelist-action {
  color: #425366;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 40px;
  height: 40px;
  border: 1px solid #425366;
  border-radius: 2px;
  text-align: center;
  transition: 0.3s all ease;
  cursor: pointer;
  background: #fff;
  position: absolute;
  right: 0;
  width: 111px;
}

.new-design-invitelist-action:hover {
  color: #fff;
  background: #425366;
  transition: 0.3s all ease;
}

.new-design-invitelist-action span {
  margin-right: 5px;
  display: inline-block;
  font-size: 16px;
}

.new-design-invitelist-remove {
  position: absolute;
  right: -22px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new-design-invitelist-remove:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.new-design-invitelist .candj-input-title {
  margin-bottom: 5px;
}

.quest-slider .quest-detail.bx-active .bquest-rating::after {
  display: none;
}

/*MEDIA-LIBRARY-POPUP-30-12-21-END*/
/*14-2-2022-REVIEW-SCREEN-QUESTION-CARD-NEW-DESIGN*/
.job-list-inner.difflistinn::before,
#bottomQstSlider::before {
  display: none;
}

.quest-slider .quest-detail {
  border: 0;
  border: 1px solid #fff;
  box-shadow: 0 10px 20px -10px rgba(69, 97, 168, 0.47);
}

.quest-slider .quest-detail:hover {
  border-color: #4561a8;
}

.bquest-rating {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 11px;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 9.5px;
  box-shadow: 0 10px 10px -4px rgba(69, 97, 168, 0.06);
}

.cand-detail-center {
  padding: 21px 29px;
  padding-left: 19px;
  margin-bottom: 0;
}

.bquest-txt {
  font-size: 13px;
  line-height: 18px;
  margin-top: 10px;
  min-height: 72px;
}

.new-review-screen-video-wrap {
  max-width: 1012px;
  margin: 0 auto;
}

.new-review-screen-video-wrap .quest-slider {
  top: calc(100vh - 358px) !important;
  max-width: 964px;
  width: 100% !important;
}

.cand-detail-list-item.cand-active::after {
  display: none;
}

.cand-detail video,
.review-video-container {
  height: calc(100vh - 546px) !important;
}

#videoele .vid1-dimensions.vjs-fluid {
  padding-top: calc(100vh - 546px);
}

.candidate-sidebar-trigger {
  /*display: none;*/
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: calc(100% - 63px);
  height: 100%;
}

.cand-detail-list-item.cand-active .candidate-sidebar-trigger {
  display: none;
}

.new_review_candi_actions {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.new_review_candi_actions .profile-action select {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arrow-design-2022-light.svg);
  background-position: center right 10px;
  background-color: transparent;
  width: 106px;
  height: 24px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #dbdee1;
  color: #a6abb0;
  opacity: 1;
  font-size: 10px;
}

.new_review_candi_actions-right-date .jdatee {
  position: static;
  color: #89939f;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 15px;
  text-align: right;
}

.new_review_candi_actions-right-date
  .jdatee.new_review_candi_actions-right-date-2 {
  display: none;
}

.new_review_candi_actions-right-date:hover
  .jdatee.new_review_candi_actions-right-date-1 {
  display: none;
}

.new_review_candi_actions-right-date:hover
  .jdatee.new_review_candi_actions-right-date-2 {
  display: block;
}

.cand-detail-list-item.cand-active,
.cand-detail-list-item:hover {
  background: transparent;
}

.new_review_candi_actions-left,
.new_review_candi_actions-right {
  width: 100%;
}

.new_review_candi_actions-right {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.new_review_candi_actions-left ul {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.new_rating_wrap,
.new_rating_wrap_stars {
  display: flex;
  align-items: center;
}

.cndlist-inner {
  padding-top: 17px;
  padding-bottom: 12px;
  padding-right: 30px;
}

.profile-team-rating {
  margin: 0;
}

.cand-detail-list-item p {
  color: #425366;
  font-size: 20px;
  letter-spacing: -0.33px;
  line-height: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 5.5px;
}

.cand-detail-list-item p img {
  margin-right: 3.57px;
}

.cand-detail-list-item li:first-child {
  margin-right: 16px;
}

.cand-detail-list-item img {
  border-radius: 11px;
}

.cand-detail-list-item span + span {
  margin-left: 2.8px;
}

.profile-avg {
  margin-left: 4.8px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.89px;
  line-height: 19px;
  bottom: 0;
}

.profile-team-rating {
  margin-left: 7px;
}

.profile-team-rating-action img.profile-team-rating-icon {
  width: 8px;
  margin-left: 3px;
}

.profile-team-rating-action a {
  font-size: 11px;
  line-height: 13px;
}

.profile-action {
  margin-top: 12.5px;
}

.bquest-rating-title {
  opacity: 0.6;
  color: #425366;
  font-size: 10px;
  font-weight: 500;
  line-height: 11px;
  margin-bottom: 3px;
}

.bquest-rating-stars.cand-rating-panel {
  margin-top: 3px;
}

.bquest-rating-stars span + span {
  margin-left: 4px;
}

.bquest-rating-stars .star:before {
  width: 20px;
  height: 20px;
}

.bquest-rating-stars.cand-rating-panel star-rating div {
  line-height: 0;
}

.bquest-rating-stars.cand-rating-panel .ratxt {
  margin-left: 10.54px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.43px;
  line-height: 28px;
  bottom: 1px;
}

.bquest-main {
  padding: 0 10px;
  padding-top: 12px;
  padding-bottom: 8px;
}

.qst_and_commentt.jd_qst_and_commentt {
  padding: 10px;
  padding-top: 0;
}

.qst_and_commentt.jd_qst_and_commentt textarea {
  border: 0 !important;
  border-radius: 4px;
  background: #f2f4f5;
  padding: 7px 10px;
  line-height: 15px;
  height: 59px;
  padding-right: 25px;
}

.insight-team-action {
  position: relative;
  width: 90px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  color: #7b8794;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  cursor: pointer;
  background: transparent;
  transition: 0.3s all ease;
}

.insight-team-action:hover {
  background: #f8f9fb;
  transition: 0.3s all ease;
}

.insight-team-action::before {
  display: inline-block;
  margin-right: 4px;
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/insight-plain.svg);
}

.insight-team-action.active {
  background: #f8f9fb;
}

.insight-team-action.active:hover {
  color: #425366;
}

.insight-team-action.active::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/insight-color.svg);
}

.bquest-tag {
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

a.review-question-video-trigger {
  margin: 0;
  position: static;
  margin-left: 0;
  margin-right: auto;
  color: #425366;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 13px;
  display: flex;
  align-items: center;
  height: 20px;
  width: 73px;
  border: 0.5px solid #89939f;
  border-radius: 3px;
  justify-content: center;
  background: transparent;
  transition: 0.3s all ease;
}

a.review-question-video-trigger:hover {
  background: #f8f9fb;
  transition: 0.3s all ease;
}

a.review-question-video-trigger img {
  width: initial;
  margin-right: 5px;
}

.comn_txt_capitalize {
  text-transform: capitalize !important;
}

.quest-slider .quest-detail {
  min-height: 255px;
}

.new-review-note-counter {
  opacity: 0.7;
  color: #4e5963;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 10px;
  text-align: right;
  position: absolute;
  right: 18px;
  bottom: 16px;
  display: block;
}

.new-save-btn-note {
  position: absolute;
  width: 40px;
  height: 15px;
  display: none;
}

.cand-detail.resparent
  .col-xl-3.col-lg-3.col-md-3.col-3
  + .col-xl-9.col-lg-9.col-md-9.col-9 {
  padding: 0;
}

.new-review-team-quest-card {
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 8px;
}

.new-review-team-quest-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 20px;
  margin: 0;
  border-bottom: 1px solid #d9dde0;
  padding-top: 14px;
  padding-bottom: 5px;
  position: relative;
  z-index: 2;
}

.bquest-rating-right .bquest-rating-comain + .bquest-rating-comain {
  margin: 0;
}

.bquest-rating-info {
  position: relative;
}

.new-review-team-quest-card-head .bquest-rating-comain {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.bquest-rating-right a {
  margin: 0;
  color: #425366;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: normal;
}

.bquest-rating-right a span {
  width: auto;
  padding: 0;
}

.bquest-rating-info img {
  width: 13px;
}

.bquest-rating-right .bquest-rating-comain + .bquest-rating-comain {
  margin-left: 15px;
}

.bquest-score-com {
  transition: none;
  transform: none;
}

.bquest-score-com-header {
  display: none;
}

.bquest-score-com {
  transition: none !important;
  transform: none !important;
  bottom: 0 !important;
  top: auto !important;
  height: calc(100% - 36px) !important;
  border-radius: 0 !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.bquest-score-com-body {
  max-height: 100%;
  overflow: auto;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 13.5px 0;
}

.bquest-score-com-item {
  padding: 4px 20px;
}

.quest-slider .bquest-score-com-avatar img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: static;
  margin-right: 9px;
}

.quest-slider .bquest-score-com-avatar {
  display: flex;
  align-items: center;
}

.bquest-score-com-rating-item span {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.25px;
  line-height: 16px;
  margin-left: 0;
}
.bquest-score-com-rating-item + span {
  margin-left: 8.5px;
}
.bquest-score-com-rating-item ngb-rating span {
  font-size: 0;
}

.bquest-score-com-item span + span {
  margin-left: 2.6px;
}

.bquest-score-com-item .star:before {
  width: 13px;
  height: 13px;
}

.bquest-score-com-item .star.half:after {
  width: 6.5px;
  height: 13px;
  background-size: 13px;
}

.quest-slider .bquest-score-com-avatar span {
  display: flex;
  align-items: center;
  color: #425366;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 14px;
  position: static;
  width: initial;
  max-width: initial;
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  max-width: calc(100% - 31px);
}

.quest-slider .bquest-score-com-avatar span span {
  display: block;
  width: initial;
  max-width: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bquest-score-com-item star-rating {
  position: static;
}

.bquest-score-com-rating-item,
.bquest-score-com-rating-item * {
  line-height: 0;
}

.quest-slider .bquest-score-com-avatar span img {
  width: auto;
  height: 10px;
  border-radius: 0;
  margin-right: 0;
  margin-left: 5px;
}

.new-review-team-quest-close {
  position: absolute;
  right: 20px;
  top: 16px;
  height: 12px;
  line-height: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new-review-team-quest-close:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.new-review-team-quest-card-head .bquest-rating-comain {
  position: relative;
}

.new-review-team-quest-card-head .bquest-rating-comain.active::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #425366;
}

.new-review-team-quest-card-head .bquest-rating-comain.active a {
  opacity: 1;
}

.new-review-team-quest-card-head .bquest-rating-comain.active::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #425366;
  position: absolute;
  bottom: -6px;
  left: 0;
}

.quest-slider .bquest-score-com-avatar {
  width: calc(100% - 120px);
}

.cand-detail-list-item .custom-check {
  bottom: auto;
  top: 31px;
  left: 30px;
}

.cand-detail-list-item::before {
  width: 100%;
}

.cand-detail-list-item:hover:after,
.cand-detail-list-item.cand-active::after {
  content: "";
  background: linear-gradient(134.47deg, #4561a8 0%, #6b45a8 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.05;
  z-index: -1;
  display: block;
}

.cand-detail-list-item:hover .new_review_candi_actions .profile-action select,
.cand-detail-list-item.cand-active
  .new_review_candi_actions
  .profile-action
  select,
.cand-detail-list-item.cand-scheck
  .new_review_candi_actions
  .profile-action
  select {
  border-color: #b4bac3;
  color: #4e5963;
}

.bquest-rating-info-tooltip {
  background: #363739;
  padding: 5px;
  font-size: 10px;
  line-height: 14px;
  border-radius: 0;
  position: absolute;
  top: 21px;
  width: 160px;
  left: -10px;
}

.new-review-team-quest-card-head
  .bquest-rating-comain
  + .bquest-rating-comain
  .bquest-rating-info-tooltip {
  width: 216px;
  left: -101px;
}

.bquest-rating-info-tooltip::after {
  content: "";
  background: #363739;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  top: -4px;
  left: 12px;
  margin: auto;
}

.new-review-team-quest-card-head
  .bquest-rating-comain
  + .bquest-rating-comain
  .bquest-rating-info-tooltip::after {
  left: 0;
  right: 0;
}

.cand-detail-list-item p {
  cursor: pointer;
}

.cand-detail-list-item p img {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.cand-detail-list-item p span {
  position: relative;
}

.cand-detail-list-item p span::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #4e5963;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  opacity: 0;
  transition: 0.3s opacity ease;
}

.cand-detail-list-item p:hover span::after {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.cand-detail-list-item p:hover img {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.cand-detail-list-item .profile-team-rating-panel {
  max-width: 280px;
  max-height: 255px;
  left: -113px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 10px 20px -10px rgba(69, 97, 168, 0.47);
}

.profile-team-rating-panel-text {
  color: #425366;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  display: flex;
  align-items: center;
}

.profile-team-rating-panel-text img {
  margin-left: 3px;
}

.profile-team-rating-panel-text .bquest-rating-info-tooltip {
  left: -73px;
  bottom: 20px;
  top: auto;
}

.profile-team-rating-panel-text .bquest-rating-info-tooltip::after {
  top: auto;
  bottom: -4px;
  left: 0;
  right: 0;
}

.bquest-rating-info img {
  opacity: 0.5;
}

.bquest-rating-info img:hover {
  opacity: 1;
}

.profile-team-rating-panel .profile-team-rating-panel-head {
  padding-top: 14px;
  padding-bottom: 24px;
}

.profile-team-rating-panel-head a {
  display: flex;
  align-items: center;
}

.cand-detail-list-item .profile-team-rating-panel .bquest-score-com-avatar img {
  max-width: 20px;
  max-height: 20px;
  border-radius: 100%;
  margin-right: 9px;
}

.cand-detail-list-item
  .profile-team-rating-panel
  .bquest-score-com-avatar
  span {
  color: #425366;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 14px;
  position: static;
}

.cand-detail-list-item
  .profile-team-rating-panel
  .bquest-score-com-avatar
  span
  img {
  display: none;
}

.profile-team-rating-panel .bquest-score-com-avatar {
  width: calc(100% - 130px);
  display: flex;
  align-items: center;
}

.cand-detail-list-item
  .profile-team-rating-panel
  .bquest-score-com-avatar
  img
  + span {
  line-height: 0;
}

.profile-team-rating-panel .bquest-score-com-item {
  padding: 0;
  margin-bottom: 8px;
  justify-content: space-between;
}

.profile-team-rating-panel-foot-text {
  font-size: 14px;
}

.profile-team-rating-panel-foot-text span {
  font-size: 21px;
  letter-spacing: -1.17px;
  line-height: 24px;
  margin-left: 6px;
}

.profile-team-rating-panel-body {
  height: 153px;
}

.profile-team-rating-panel .bquest-score-com-avatar span {
  width: initial;
  max-width: initial;
}

.profile-team-rating-panel .bquest-score-com-avatar span span {
  max-width: 100%;
}

.profile-team-rating-action a {
  display: flex;
  align-items: center;
}

.profile-team-rating-action a:hover {
  opacity: 1;
}

.profile-team-rating-action a span {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-left: 2px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arrow-design-2022.svg);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-init.svg);
}

.profile-team-rating-action a:hover span {
  opacity: 1;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-bold-down-arrow.svg);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-hover.svg);
}

.profile-team-rating-action a.active span {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-bold-down-arrow.svg);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-active.svg);
  transform: rotate(180deg);
}

.new_review_candi_actions .profile-action select {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-init.svg);
  background-position: center right 7px;
}

.new_review_candi_actions .profile-action select:hover {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-bold-down-arrow.svg);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-hover.svg);
  background-position: center right 7px;
}

.all-mail-list tbody td .invite_sentlist_datepicker button::before,
.all-mail-list tbody td .invite_sentlist_datepicker button::after {
  display: none;
}

.invite_sentlist_datepicker .new-design-datepick-dateform {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: initial;
}

.invite_sentlist_datepicker .new-design-datepick-dateform::before {
  width: 15px;
  height: 15px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-date-picker-arrow-init.svg);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-init.svg);
  transform: none;
  top: -0.5px;
  right: 0;
  bottom: auto;
}

.invite_sentlist_datepicker .new-design-datepick-dateform:hover:before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-date-picker-arrow-mid.svg);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-hover.svg);
  top: 0;
}

.invite_sentlist_datepicker .new-design-datepick-inner {
  margin: 0;
  position: relative;
}

.invite-candidate-parent .invite_sentlist_datepicker .btn-group {
  margin: 0;
  text-align: initial;
}

.invite-candidate-parent .invite_sentlist_datepicker .btn-group button {
  width: 100%;
  max-width: 122px;
}

.invite_sentlist_datepicker
  button[aria-expanded="true"]
  .new-design-datepick-dateform::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-date-picker-arrow-active.svg);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-up-vers-2-active.svg);
}

.new-review-datepick-line::before {
  content: "";
  width: 10px;
  height: 1.5px;
  background: #425366;
  display: block;
}

.tablist-common table .invite_sentlist_datepicker .dropdown-menu,
.invite-candidate-parent .invite_sentlist_datepicker .dropdown-menu {
  box-shadow: 0 8px 18px 0 rgb(0 0 0 / 8%);
  border-radius: 4px;
  margin: 0;
  padding: 0;
  width: initial;
  max-width: initial;
  right: -20.5px;
  top: auto !important;
  bottom: 137%;
}

.tablist-common table .invite_sentlist_datepicker .dropdown-menu::after,
.invite-candidate-parent .invite_sentlist_datepicker .dropdown-menu::after {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  display: block;
  position: absolute;
  right: 40px;
  bottom: -10px;
  transform: rotate(45deg);
}

.invite_sentlist_datepicker
  .new-design-datepick-dateform-tile-parent.active
  .new-design-datepick-dateform-tile {
  background-position: center right 10px;
}

.cand-detail-list-item li:first-child,
.cand-detail-list-item p span,
.new_review_candi_actions .profile-action select,
.new_review_candi_actions-right-date {
  position: relative;
  z-index: 2;
}

.bquest-score-com.quest-best-card-show,
.bquest-score-com.quest-team-card-show {
  z-index: 0;
}

.new-review-screen-video-wrap .quest-slider .bquest-score-com {
  z-index: -9999;
}

.new-review-screen-video-wrap
  .quest-slider
  .bquest-score-com.quest-best-card-show,
.new-review-screen-video-wrap
  .quest-slider
  .bquest-score-com.quest-team-card-show {
  z-index: 1;
}

.cand-detail-list-item .profile-team-rating-panel {
  z-index: 3;
}

.invite_sentlist_datepicker
  .new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container {
  top: 40px;
  left: 0;
  bottom: auto;
  right: auto;
}

.invite-list-table-body.invite-list-table-com.setting-for-datepicker {
  min-height: calc(100vh - 459px);
}

.quest-slider .bquest-score-com-avatar {
  position: relative;
}

.quest-slider .bquest-score-com-avatar:hover .bquest-rating-info-tooltip {
  opacity: 1;
  transform: scale(1);
  top: 25px;
  left: auto;
  right: 0;
}

.quest-slider
  .bquest-score-com-body.team-score-tile-overflow
  .bquest-score-com-item:nth-last-child(1)
  .bquest-score-com-avatar:hover
  .bquest-rating-info-tooltip,
.quest-slider
  .bquest-score-com-body.team-score-tile-overflow
  .bquest-score-com-item:nth-last-child(2)
  .bquest-score-com-avatar:hover
  .bquest-rating-info-tooltip,
.quest-slider
  .bquest-score-com-body.team-score-tile-overflow
  .bquest-score-com-item:nth-last-child(3)
  .bquest-score-com-avatar:hover
  .bquest-rating-info-tooltip {
  top: auto;
  bottom: 25px;
}

.quest-slider .bquest-score-com-avatar .bquest-rating-info-tooltip::after {
  left: 0;
  right: 0;
  margin: auto;
}

.quest-slider
  .bquest-score-com-body.team-score-tile-overflow
  .bquest-score-com-item:nth-last-child(1)
  .bquest-score-com-avatar
  .bquest-rating-info-tooltip::after,
.quest-slider
  .bquest-score-com-body.team-score-tile-overflow
  .bquest-score-com-item:nth-last-child(2)
  .bquest-score-com-avatar
  .bquest-rating-info-tooltip::after,
.quest-slider
  .bquest-score-com-body.team-score-tile-overflow
  .bquest-score-com-item:nth-last-child(3)
  .bquest-score-com-avatar
  .bquest-rating-info-tooltip::after {
  top: auto;
  bottom: -4px;
}

.quest-slider .bquest-score-com-body {
  max-height: initial;
  height: 219px;
}

.profile-team-rating {
  z-index: 3;
}

.cand-detail-list-item.cand-active .profile-team-rating {
  z-index: 4;
}

.all-mail-list .setting-for-datepicker table {
  box-shadow: none;
}

.invite-list-table-body.invite-list-table-com.setting-for-datepicker
  tr:nth-child(1)
  .dropdown-menu,
.invite-list-table-body.invite-list-table-com.setting-for-datepicker
  tr:nth-child(2)
  .dropdown-menu,
.invite-list-table-body.invite-list-table-com.setting-for-datepicker
  tr:nth-child(3)
  .dropdown-menu {
  top: 140% !important;
  bottom: auto !important;
}

.invite-list-table-body.invite-list-table-com.setting-for-datepicker
  tr:nth-child(1)
  .invite_sentlist_datepicker
  .new-design-datepick-dateform::before,
.invite-list-table-body.invite-list-table-com.setting-for-datepicker
  tr:nth-child(2)
  .invite_sentlist_datepicker
  .new-design-datepick-dateform::before,
.invite-list-table-body.invite-list-table-com.setting-for-datepicker
  tr:nth-child(3)
  .invite_sentlist_datepicker
  .new-design-datepick-dateform::before {
  transform: rotate(180deg);
}

.tablist-common
  table
  tr:nth-child(1)
  .invite_sentlist_datepicker
  .dropdown-menu::after,
.invite-candidate-parent
  tr:nth-child(1)
  .invite_sentlist_datepicker
  .dropdown-menu::after,
.tablist-common
  table
  tr:nth-child(2)
  .invite_sentlist_datepicker
  .dropdown-menu::after,
.invite-candidate-parent
  tr:nth-child(2)
  .invite_sentlist_datepicker
  .dropdown-menu::after,
.tablist-common
  table
  tr:nth-child(3)
  .invite_sentlist_datepicker
  .dropdown-menu::after,
.invite-candidate-parent
  tr:nth-child(3)
  .invite_sentlist_datepicker
  .dropdown-menu::after {
  top: -10px !important;
  bottom: auto !important;
}

td.mail-title-td.has_invite_sentlist_datepicker,
td.mail-title-td.has_invite_sentlist_datepicker2 {
  position: relative;
  z-index: 2;
}

.jabri-popup.new_cand_profile_review_popup {
  background: rgba(66, 83, 102, 0.8);
}

.jabri-popup.new_cand_profile_review_popup .jabri-popup-inner {
  top: 115px;
  width: 950px;
  height: auto;
  min-height: 550px;
  border-radius: 4px;
  box-shadow: 0 6px 40px 0 rgb(0 0 0 / 4%);
  padding-left: 47px;
  padding-right: 44px;
  padding-top: 98px;
  padding-bottom: 36px;
}

.jabri-popup.new_cand_profile_review_popup .deltitle {
  color: #a8b5c2;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 38px;
  display: none;
}

.jabri-popup.new_cand_profile_review_popup .delclose {
  right: 40px;
  top: 37px;
  line-height: 0;
}

.new_cand_profile_review_popup-fields-parent {
  position: relative;
  padding-left: 227px;
  min-height: 237px;
}

.new_cand_profile_review_popup-image {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  line-height: 0;
  align-items: flex-start;
}

.new_cand_profile_review_popup-image img {
  border-radius: 17px;
  max-width: 106px;
  max-height: 106px;
}

.new_cand_profile_review_popup-fields {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.new_cand_profile_review_popup-field {
  width: 33.33%;
  margin-bottom: 35px;
}

.new_cand_profile_review_popup-field-label {
  color: #89939f;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 4px;
}

.new_cand_profile_review_popup-field-value {
  color: #425366;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
}

.new_cand_profile_review_popup-input-label {
  margin-bottom: 7px;
  color: #4e5963;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  display: none;
}

.new_cand_profile_review_popup-input textarea {
  border-radius: 0;
  /*background-color: #F2F2F2;*/
  border: 1px solid rgba(78, 89, 99, 0.3);
  width: 100%;
  padding: 15px;
  min-height: 101px;
  color: #4e5963;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  padding: 0;
  border: 0;
  min-height: 75.5px;
  margin-bottom: 2px;
  padding-right: 16px;
}

.new_cand_profile_review_popup-input-parent {
  /*padding: 0 12px;*/
  padding-top: 20px;
  /*border-top: 1px solid rgba(66, 83, 102, 0.2);*/
}

.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  .setting-for-datepicker-overflow
  table
  tbody
  tr:nth-last-child(1)
  .invite_sentlist_datepicker
  .new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container,
.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  .setting-for-datepicker-overflow
  table
  tbody
  tr:nth-last-child(2)
  .invite_sentlist_datepicker
  .new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container,
.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  .setting-for-datepicker-overflow
  table
  tbody
  tr:nth-last-child(3)
  .invite_sentlist_datepicker
  .new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container,
.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  .setting-for-datepicker-overflow
  table
  tbody
  tr:nth-last-child(4)
  .invite_sentlist_datepicker
  .new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container,
.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  .setting-for-datepicker-overflow
  table
  tbody
  tr:nth-last-child(5)
  .invite_sentlist_datepicker
  .new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container {
  top: auto;
  bottom: 50px;
}

.new_job_list_design_22 .job-list-tile {
  min-height: 294px;
  border-radius: 6px;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.05);
}

.new_job_list_design_22 .job-list-inner {
  padding: 0;
  cursor: initial;
}

.new_job_list_design_22 .job-actions {
  padding: 0;
  position: absolute;
  top: 16px;
  right: 25px;
  z-index: 2;
  display: flex;
  align-items: center;
}

.new_job_list_design_22 .job-list-divider {
  display: none;
}

.new_job_list_design_22 .job-list-title {
  margin: 0;
  color: #425366;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
  padding: 0 20px;
  padding-top: 16px;
  padding-bottom: 18px;
  min-height: 76px;
}

.new_job_list_design_22 .job-list-title::after {
  content: "";
  display: block;
  background: linear-gradient(45deg, #4561a8 0%, #6b45a8 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  opacity: 0.05;
}

.new_job_list_design_22 .job-list-title span {
  position: relative;
  z-index: 1;
  max-width: 240px;
  height: 42px;
  max-height: 42px;
  overflow: hidden;
  display: block;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new_job_list_design_22 .job-list-title span:hover {
  opacity: 0.7;
  transition: 0.3s opacity ease;
}

.new_job_list_design_22 .job-list-tile:hover .job-list-title span {
  text-decoration: underline;
}

.new_job_list_design_22 .job-list-tile .job-actions .btn {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-card-dots.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.new_job_list_design_22 .job-list-tile .job-actions .btn:hover,
.new_job_list_design_22 .job-list-tile .job-actions .btn[aria-expanded="true"] {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-card-dots-hover.svg);
}

.new_job_list_design_22 .job-actions .job-action-common {
  float: none;
  width: initial;
}

.new_job_list_design_22 .job-actions .btn::before,
.new_job_list_design_22 .job-actions .btn::after {
  display: none;
}

.new_job_list_design_22 .job-actions img {
  width: initial;
  margin: 0;
}

.new_job_22_state {
  display: flex;
  align-items: center;
  margin-right: 7px;
}

.new_job_list_design_22 .new-job-card-empty-state .job-list-tile {
  position: relative;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-card-empty-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.new-job-card-empty-state-action {
  width: 180px;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 42px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-card-empty-state-action.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: 0.3s all ease;
}

.new-job-card-empty-state-action:hover {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-card-empty-state-action-hover.svg);
  transition: 0.3s all ease;
}

.new-job-card-gradi-progress {
  padding: 0 20px;
  padding-top: 24px;
}

.new-job-card-gradi-progress-label {
  color: #4e5963;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 4px;
}

.new-job-card-gradi-progress-bar-wrap {
  display: flex;
  align-items: center;
}

.new-job-card-gradi-progress-bell {
  line-height: 0;
  padding-right: 4.62px;
  padding-left: 7.83px;
  cursor: pointer;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.new-job-card-gradi-progress-bell:hover {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new-job-card-gradi-progress-bar {
  position: relative;
  width: 100%;
  height: 16px;
  background: #f4f4f4;
}

.new-job-card-gradi-progress-bar-span,
.new-job-card-gradi-progress-real-bar-span {
  opacity: 0.7;
  color: #4e5963;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: right;
  position: absolute;
  right: 5px;
  top: 0;
}

.new-job-card-gradi-progress-real-bar-span {
  opacity: 1;
  color: #fff;
}

.new-job-card-gradi-progress-real-bar {
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.new-job-card-gradi-progress-item + .new-job-card-gradi-progress-item {
  margin-top: 17px;
}

.new-job-card-gradi-progress-item.new-job-card-gradi-progress-item-1
  .new-job-card-gradi-progress-real-bar {
  background: linear-gradient(134.47deg, #856ed1 0%, #6448be 100%);
}

.new-job-card-gradi-progress-item.new-job-card-gradi-progress-item-2
  .new-job-card-gradi-progress-real-bar {
  background: linear-gradient(134.47deg, #609cfb 0%, #3463cc 100%);
}

.new-job-card-shared-with-info-parent {
  padding: 0 20px;
  margin-top: 35px;
}

.new-job-card-shared-with-info {
  position: relative;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
}

.new-job-card-shared-with-info::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #4561a8 0%, #6b45a8 100%);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  border-radius: 4px;
  z-index: 0;
  opacity: 0.05;
}

.new-job-card-shared-with-info-left,
.new-job-card-shared-with-info-right {
  position: relative;
  z-index: 1;
}

.new-job-card-shared-with-info-left {
  color: #4e5963;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.new-job-card-shared-with-info-left span {
  display: block;
  color: #4e5963;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.new-job-card-shared-with-info-left span + span {
  opacity: 0.7;
  color: #4e5963;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 14px;
  margin-top: 1px;
}

/*.new-job-card-shared-with-info-right {
    border-left: 1px solid #BFC8D2;
    padding: 7px 10px;
    width: 64px;
}*/

.jab22-joblist-card-actions .dropdown-toggle {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-left: 1px solid rgba(168, 181, 194, 0.7);
}

.jab22-joblist-card-actions .jab22-createjob-drop-icon {
  position: static;
  margin-right: 2px;
}

.jab22-joblist-card-actions .jab22-createjob-drop-icon + img {
  width: 9px;
}

.jab22-joblist-card-actions
  button[aria-expanded="true"]
  .jab22-createjob-drop-icon
  + img {
  transform: rotate(180deg);
}

.jab22-joblist-card-actions .jab22-createjob-drop-icon img {
  display: none;
}

.jab22-joblist-card-actions.company-selected
  .jab22-createjob-drop-icon
  img.privacy-company,
.jab22-joblist-card-actions.private-selected
  .jab22-createjob-drop-icon
  img.privacy-private,
.jab22-joblist-card-actions.custom-selected
  .jab22-createjob-drop-icon
  img.privacy-custom {
  display: block;
}

/*.new-job-card-shared-with-info-right-action {
    display: flex;
    align-items: center;
    margin: -7px 0;
    margin-left: -13px;
    padding: 7px;
    padding-left: 13px;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.3s opacity ease;
}

.new-job-card-shared-with-info-right-action:hover {
    opacity: 1;
    transition: 0.3s opacity ease;
}

.new-job-card-shared-with-info-right-action span {
    color: #4E5963;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    margin-left: 4px;
}*/

.new_cand_profile_review_popup-linked img {
  border-radius: 0;
  transition: 0.3s opacity ease;
}

.new_cand_profile_review_popup-linked {
  position: relative;
  margin-top: 9px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.new_cand_profile_review_popup-submit {
  height: 40px;
  width: 110px;
  border-radius: 4px;
  background: #2cca83;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  margin-top: -16px;
  transition: 0.3s background ease;
  position: relative;
  z-index: 0;
}

.new_cand_profile_review_popup-submit:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.new_job_list_design_22 .job-list-tile .dropdown-menu {
  top: -2px !important;
  right: 27px !important;
  border: 0;
  border-radius: 0;
  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 20%);
  width: auto;
  min-width: 113px;
  max-width: initial;
}

.new_job_list_design_22 .job-list-tile .dropdown-menu .dropdown-item {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
}

.new_job_list_design_22 .job-list-tile .dropdown-menu .dropdown-item span {
  color: #425366;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.new_job_list_shared_with {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 30px);
  height: 100%;
  z-index: 3;
  right: 0;
  margin: auto;
  background: #fff;
  border-radius: 6px;
  padding: 12px 0;
  display: none;
}

/*.new_job_list_shared_with {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 100%;
    z-index: 3;
    right: 0;
    margin: auto;
    background: #fff;
    border-radius: 6px;
    padding: 12px 0;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 100% 100%;
    transition: 0.3s all ease;
}

.new_job_list_shared_with.active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
    transition: 0.3s all ease;
}*/

.new_job_list_shared_with-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 0;
  margin-bottom: 13px;
  padding: 0 20px;
}

.new_job_list_shared_with-head-title {
  opacity: 0.7;
  color: #425366;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
}

.new_job_list_shared_with-close {
  cursor: pointer;
  line-height: 0;
  padding: 10px;
  margin: -10px;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new_job_list_shared_with-close:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.new_job_list_shared_with-body li {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new_job_list_shared_with-body-wrap-1-1 {
  line-height: 0;
}

.new_job_list_shared_with-body-wrap-1-1 img {
  max-width: 22px;
  max-height: 22px;
  border-radius: 100%;
  margin-right: 9px;
}

.comn_txt_capitalize.new_job_list_shared_with-body-wrap-2 {
  color: #425366;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
  text-align: right;
}

.new_job_list_shared_with-body-wrap-1 {
  display: flex;
  align-items: center;
}

.new_job_list_shared_with-body ul {
  margin: 0 !important;
}

.new_job_list_shared_with-body li {
  margin: 0 !important;
}

.new_job_list_shared_with-body li + li {
  margin-top: 12px !important;
}

.new_job_list_shared_with-body {
  overflow: auto;
  height: calc(100% - 16px);
  padding: 10px;
  padding-top: 0;
}

.comn_txt_capitalize.new_job_list_shared_with-body-wrap-1-2 {
  color: #425366;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}

.jabri-popup.new_job_list_share_job_popup .jabri-popup {
  background: rgba(66, 83, 102, 0.8);
}

.jabri-popup.new_job_list_share_job_popup .jabri-popup-inner {
  padding: 0;
  width: 762px;
  top: 156px;
  height: auto;
  min-height: 600px;
}

.jabri-popup.new_job_list_share_job_popup .delclose {
  top: 25px;
  right: 28px;
  line-height: 0;
  z-index: 1;
}

.jabri-popup.new_job_list_share_job_popup .delclose img {
  width: 19px;
}

.new_job_list_share_job_popup-head-title {
  opacity: 0.8;
  color: #425366;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.new_job_list_share_job_popup-head-subtitle {
  color: #425366;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  z-index: 1;
  margin-top: 5px;
}

.new_job_list_share_job_popup-head {
  display: flex;
  align-items: flex-start;
  padding: 20px 22px;
  position: relative;
  min-height: 90px;
}

.new_job_list_share_job_popup-head-action {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #fff;
  position: relative;
  z-index: 1;
  border-radius: 100%;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new_job_list_share_job_popup-head-action:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.new_job_list_share_job_popup-head::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(45.53deg, #4561a8 0%, #6b45a8 100%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  z-index: 0;
  opacity: 0.1;
}

.new_job_list_share_job_popup-search {
  padding: 0 22px;
  padding-top: 13px;
  padding-bottom: 6px;
}

.new_job_list_share_job_popup-search input {
  height: 44px;
  border: 1px solid rgba(78, 89, 99, 0.3);
  border-radius: 6px;
  padding: 0;
  padding-left: 16px !important;
  padding-right: 50px !important;
  width: calc(100% - 67px);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-list-pop-search.svg);
  background-position: bottom 12px right 13px;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 0;
  position: relative;
  top:4px;
}

.new_job_list_share_job_popup-table-head {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(66, 83, 102, 0.2);
  height: 40px;
  padding: 0 39px;
}

.new_job_list_share_job_popup-table-head-2,
.new_job_list_share_job_popup-table-head-3,
.new_job_list_share_job_popup-table-head-4 {
  color: #425366;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}

.new_job_list_share_job_popup-table-head-1,
.new_job_list_share_job_popup-table-body-1 {
  width: 20px;
  height: 20px;
  position: relative;
}

.new_job_list_share_job_popup-table-head-1 input,
.new_job_list_share_job_popup-table-body-1 input {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.new_job_list_share_job_popup-table-head-1 input + span,
.new_job_list_share_job_popup-table-body-1 input + span {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-list-pop-blank-check.svg);
  z-index: 0;
}

.new_job_list_share_job_popup-table-head-1 input:checked + span,
.new_job_list_share_job_popup-table-body-1 input:checked + span {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-list-pop-green-check.svg);
}

.new_job_list_share_job_popup-table-head-1,
.new_job_list_share_job_popup-table-body-1 {
  width: 50px;
}

.new_job_list_share_job_popup-table-head-2,
.new_job_list_share_job_popup-table-body-2 {
  width: 204px;
}

.new_job_list_share_job_popup-table-head-4,
.new_job_list_share_job_popup-table-body-4 {
  margin-left: auto;
}

.new_job_list_share_job_popup-table-body {
  padding: 16px 20px;
  height: 329px;
  overflow: auto;
}

.new_job_list_share_job_popup-table-row {
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background: transparent;
  transition: 0.3s background ease;
}

.new_job_list_share_job_popup-table-row:hover,
.new_job_list_share_job_popup-table-row.active {
  background: #f7f8fb;
  transition: 0.3s background ease;
}

.new_job_list_share_job_popup-table-body-2 {
  display: flex;
  align-items: center;
}

.new_job_list_share_job_popup-table-body-2 img {
  max-width: 26px;
  max-height: 26px;
  border-radius: 4px;
  margin-right: 12px;
}

.new_job_list_share_job_popup-table-body-2-1 {
  color: #425366;
  font-size: 14px;
  letter-spacing: -0.23px;
  line-height: 16px;
}

.new_job_list_share_job_popup-table-body-3 {
  color: #425366;
  font-size: 14px;
  letter-spacing: -0.23px;
  line-height: 16px;
}

.new_job_list_share_job_popup-table-body-4 .btn {
  padding: 0;
  color: #425366;
  font-size: 14px;
  letter-spacing: -0.23px;
  line-height: 16px;
  text-align: right;
  display: flex;
  align-items: center;
  opacity: 0.5;
}

.new_job_list_share_job_popup-table-body-4 .btn[aria-expanded="true"],
.new_job_list_share_job_popup-table-body-4 .btn.permission-active {
  opacity: 1;
}

.new_job_list_share_job_popup-table-body-4 .btn::after {
  content: "";
  width: 9.25px;
  height: 4.56px;
  display: block;
  margin-left: 7px;
  position: relative;
  top: 1px;
}

.new_job_list_share_job_popup-table-body-4 .btn[aria-expanded="true"]::after {
  transform: rotate(-180deg);
  top: 0;
}

.new_job_list_share_job_popup-table-body-4 .dropdown-menu {
  width: initial;
  max-width: initial;
  min-width: initial;
  top: 4px !important;
  right: auto !important;
  left: auto !important;
  border: 0;
  border-radius: 0;
  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 20%);
}

.new_job_list_share_job_popup-table-body-4 .dropdown-menu .dropdown-item {
  font-size: 14px;
  letter-spacing: 0;
  height: 32px;
  line-height: 32px;
  padding: 0 13px;
}

.new_job_list_share_job_popup-table-body-4
  .dropdown-menu
  .dropdown-item:first-child {
  margin-top: 0;
}

.new_job_list_share_job_popup-table-body-4
  .dropdown-menu
  .dropdown-item:last-child {
  margin-bottom: 0;
}

.new_job_list_share_job_popup-table-actions {
  display: flex;
  align-items: center;
  background: #f0f3f8;
  padding: 19px 0;
  padding-left: 31px;
  padding-right: 21px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.new_job_list_share_job_popup-table-action-1 input {
  border: 1px solid #dce1e7;
  border-radius: 4px;
  background-color: #ffffff;
  color: #425366;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
}

.new_job_list_share_job_popup-table-action-2 button {
  height: 40px;
  width: 123px;
  border-radius: 4px;
  background: #2cca83;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s background ease;
}

.new_job_list_share_job_popup-table-action-2 button:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.new_job_list_share_job_popup-table-action-2 button img {
  margin-right: 7px;
}

.new_job_list_share_job_popup-table-actions {
  display: flex;
  align-items: center;
}

.new_job_list_share_job_popup-table-action-1 {
  width: 100%;
}

.new_job_list_share_job_popup-table-action-2 {
  padding-left: 32px;
}

.new_job_list_share_job_popup-empty {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  text-align: center;
}

.new_job_list_share_job_popup-empty-title {
  color: #425366;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  margin-top: 14px;
  margin-bottom: 51px;
}

.new_job_list_share_job_popup-empty-action {
  height: 40px;
  width: 167px;
  border-radius: 4px;
  background: #2cca83;
  margin: auto;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  cursor: pointer;
  transition: 0.3s background ease;
}

.new_job_list_share_job_popup-empty-action:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.jabri-popup.new-job-list-share-job-success {
  background: rgba(66, 83, 102, 0.8);
}

.jabri-popup.new-job-list-share-job-success .jabri-popup-inner {
  min-height: 433px;
  width: 600px;
  border-radius: 12px;
  background-color: #ffffff;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-real-big-plane.png);
  box-shadow: 0 6px 12px 0 rgb(66 83 102 / 10%);
  top: 184px;
  height: initial;
  padding: 0 41px;
  padding-top: 253px;
  padding-bottom: 66px;
  background-size: 394px;
  background-position: center top -50.76px;
  background-repeat: no-repeat;
}

.new-job-list-share-job-success-title {
  margin: auto;
  display: block;
  margin-bottom: 36px;
}

.new-job-list-share-job-success-subtitle {
  color: #425366;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}

.jabri-popup.new-job-list-share-job-success .delclose {
  top: 25px;
  right: 29px;
}

.new_cand_profile_review_popup-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.new_cand_profile_review_popup-input .mat-form-field {
  display: block;
  width: 100%;
}

.new_cand_profile_review_popup-input .mat-form-field-label {
  opacity: 0.6;
  color: #4e5963 !important;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
}

.new_cand_profile_review_popup-input
  .mat-form-field-appearance-outline
  .mat-form-field-flex {
  padding-left: 16px;
  padding-right: 0;
}

.new_cand_profile_review_popup-input
  .mat-form-field-appearance-outline
  .mat-form-field-label {
  top: 30px;
}

.new_cand_profile_review_popup-input .mat-form-field-wrapper {
  padding: 0;
}

.new_cand_profile_review_popup-input
  .mat-form-field-appearance-outline
  .mat-form-field-subscript-wrapper {
  margin: 0;
  padding: 0;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  top: auto;
  bottom: 32px;
  right: 14px;
}

/* .new_cand_profile_review_popup-input .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper * {
    padding: 0;
    margin: 0;
    line-height: 0;
} */

.new_cand_profile_review_popup-input
  .mat-form-field-appearance-outline
  .mat-form-field-subscript-wrapper
  .mat-hint.mat-right {
  opacity: 0.7;
  color: #4e5963;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 11px;
  text-align: right;
}

.new_cand_profile_review_popup-input
  .mat-form-field-appearance-outline
  .mat-form-field-subscript-wrapper
  .mat-form-field-hint-spacer {
  display: none;
}

.mat-form-field-appearance-outline
  .mat-form-field-outline-thick
  .mat-form-field-outline-end,
.mat-form-field-appearance-outline
  .mat-form-field-outline-thick
  .mat-form-field-outline-gap,
.mat-form-field-appearance-outline
  .mat-form-field-outline-thick
  .mat-form-field-outline-start {
  border-width: 1px !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #4e5963 !important;
}

.mat-form-field-appearance-outline.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label {
  opacity: 1 !important;
}

.new_job_list_share_job_popup-search * {
  margin: 0 !important;
  padding: 0 !important;
}

.new_job_list_share_job_popup-search .mat-form-field {
  display: block;
}

.new_job_list_share_job_popup-search .mat-form-field-infix {
  border: 0;
}

.new_job_list_share_job_popup-search
  .mat-form-field-appearance-outline
  .mat-form-field-outline {
  height: 44px;
}

.new_job_list_share_job_popup-search input {
  /*  padding-left: 16px !important;
    padding-right: 64px !important; */
}

.new_job_list_share_job_popup-search .mat-form-field-label-wrapper {
  height: 57px;
  top: -13px;
}

.new_job_list_share_job_popup-search .mat-form-field-label {
  left: 16px;
  opacity: 0.6;
  color: #4e5963 !important;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
}

.new_job_list_share_job_popup-search
  .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label {
  margin-top: 6px !important;
}

.new_job_list_share_job_popup-search-close {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-job-list-pop-search-close.svg);
  position: absolute;
  top: 13px;
  right: 13px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}

.new_job_list_share_job_popup-search input.active,
.new_job_list_share_job_popup-search.active input {
  background-image: none;
}

.jabri-popup.new_job_reminder_list_popup {
  background: rgba(66, 83, 102, 0.8);
}

.jabri-popup.new_job_reminder_list_popup .jabri-popup-inner {
  padding: 0;
  width: 600px;
  height: auto;
  min-height: 460px;
  top: 184px;
}

.jabri-popup.new_job_reminder_list_popup .delclose {
  top: 25px;
  right: 29px;
  z-index: 1;
}

.new_job_reminder_list_popup-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 27.5px;
  padding-bottom: 23px;
  padding-top: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.new_job_reminder_list_popup-active {
  padding: 26px 31px;
  padding-bottom: 0;
}

.new_job_reminder_list_popup-active-title {
  background: linear-gradient(
    135deg,
    rgba(69, 97, 168, 1) 0%,
    rgba(107, 69, 168, 1) 100%
  );
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  padding-left: 50px;
  position: relative;
}

.new_job_reminder_list_popup-active-title::before {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/reminder-plane.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.new_job_reminder_list_popup-active-title span {
  display: block;
}

.new_job_list_share_job_popup-table-search-results {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 37px;
  padding-top: 17px;
}

.new_job_list_share_job_popup-table-search-results-inn {
  color: #89939f;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
}

.new_job_list_share_job_popup-error {
  position: absolute;
  bottom: 1px;
  right: 21px;
  font-size: 11.5px;
  color: red;
  font-weight: 500;
}

.new_job_reminder_list_popup-com-list {
  margin-top: 25px;
  overflow: auto;
  max-height: 112px;
  min-height: 112px;
}

.new_job_reminder_list_popup-com-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 0;
}

.new_job_reminder_list_popup-com-list ul li {
  width: 33.33%;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.new_job_reminder_list_popup-com-list-img img {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  margin-right: 8px;
}

.new_job_reminder_list_popup-com-list-title {
  color: #425366;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.new_job_reminder_list_popup-expire {
  padding: 21px 30px;
  background: linear-gradient(180deg, #f0f3f8 0%, rgba(249, 250, 252, 0) 100%);
  padding-bottom: 0;
}

.new_job_reminder_list_popup-expire-title {
  color: #4e5963;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
}

.new_job_reminder_list_popup-expire-title span {
  display: block;
  margin-top: 3px;
  opacity: 0.6;
  color: #4e5963;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
}

.new_job_reminder_list_popup-expire .new_job_reminder_list_popup-com-list {
  max-height: 90px;
  min-height: 90px;
  margin-top: 18px;
}

.new_job_reminder_list_popup-actions .new-design-datepick-dateform {
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  background: #f3f6f9;
  border-color: #f3f6f9;
}

.new_job_reminder_list_popup-action button {
  height: 40px;
  width: 265px;
  border-radius: 4px;
  background-color: #2cca83;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}

.new_job_reminder_list_popup-action button img {
  margin-right: 7px;
}

.new_job_reminder_list_popup-action button:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.new_job_reminder_list_popup-actions .dropdown-menu {
  top: 1px !important;
  left: 0 !important;
  max-width: 170px;
}

.new_job_reminder_list_popup-actions
  .new-design-datepick-dateform-tile-parent.active
  .new-design-datepick-dateform-tile {
  background-position: center right 10px;
}

.new_job_reminder_list_popup-actions
  .new-design-datepicker-parent
  .ngx-datepicker-container
  .ngx-datepicker-calendar-container {
  left: 0;
  bottom: 55px;
}

.new_job_reminder_list_popup-active.remain-usr-cl
  .new_job_reminder_list_popup-com-list {
  max-height: 361px;
  min-height: 361px;
}

.new_job_reminder_list_popup-expire.expiry-usr-cl {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.new_job_reminder_list_popup-expire.expiry-usr-cl
  .new_job_reminder_list_popup-com-list {
  max-height: 300px;
  min-height: 300px;
}

.public-detailview.new_review_public_view .cndlist-inner {
  padding-top: 27px;
  padding-bottom: 27px;
}

.public-detailview.new_review_public_view .cand-detail-center {
  padding: 21px;
  padding-bottom: 0;
}

.public-detailview.new_review_public_view
  .new-review-screen-video-wrap
  .quest-slider {
  top: 0 !important;
  overflow: hidden;
  padding-bottom: 0;
}

.public-detailview.new_review_public_view .new-review-screen-video-wrap {
  max-width: 1006px;
}

.public-detailview.new_review_public_view .cand-detail video,
.public-detailview.new_review_public_view .review-video-container {
  height: calc(100vh - 485px) !important;
}

.public-detailview.new_review_public_view #videoele .vid1-dimensions.vjs-fluid {
  padding-top: calc(100vh - 485px);
}

.public-detailview.new_review_public_view .candidate-sidebar-trigger {
  width: 100%;
}

.public-detailview.new_review_public_view .cand-detail-list-item p {
  position: relative;
  z-index: 2;
}

.jabri-popup.feedback-popup.select-candidate-popup.new_candi_share_popup_22
  .new_candi_share_popup_22-head
  .deltitle {
  padding: 0;
  background: none;
  border-radius: 0;
}

.jabri-popup.feedback-popup.new_candi_share_popup_22 .deltitle {
  opacity: 0.8;
  color: #425366;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}

.new_candi_share_popup_22-head-title {
  color: #425366;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  z-index: 1;
}

.new_candi_share_popup_22-head {
  position: relative;
  padding: 20px 30px;
}

.new_candi_share_popup_22-head {
  position: relative;
  padding: 20px 30px;
}

.new_candi_share_popup_22-head::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(45.53deg, #4561a8 0%, #6b45a8 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  opacity: 0.1;
}

.new_candi_share_popup_22 .candj-action {
  padding: 30px;
  padding-bottom: 37px;
}

.new_candi_share_popup_22 .candj-top {
  margin-bottom: 21px;
}

.new_candi_share_popup_22 .candj-right {
  height: 52px;
}

.new_candi_share_popup_22 .new-design-datepick-dateform {
  min-height: 52px;
  background: #f3f6f9;
  border-color: transparent;
}

.new_candi_share_popup_22 .candj-code {
  margin-bottom: -6.5px;
  position: relative;
  bottom: 45px;
}

.new_candi_share_popup_22 .candj-left {
  width: calc(100% - 191px);
}

.new_candi_share_popup_22 .candj-id {
  max-width: 400px;
}

.new_candi_share_popup_22 .new-design-invitelist {
  border: 0;
  padding: 0 30px;
}

.new_candi_share_popup_22-subtitle {
  margin-bottom: 15px;
  color: #89939f;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
}

.new_candi_share_popup_22 .btn-group {
  margin-right: 0;
}

.new_candi_share_popup_22 .jabri_new_uistyle-form-group input {
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: 0;
}

.new_candi_share_popup_22 .candj-card {
  padding: 15px;
}

.new_candi_share_popup_22 .candj-card-parent {
  background: #f3f6f9;
  padding: 18px 10px;
  max-height: 335px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.candj-card textarea {
  padding-right: 18px;
}

.new_candi_share_popup_22 .sharemaining {
  position: absolute;
  bottom: 10px;
  right: 8px;
  background: transparent;
  padding: 0;
  opacity: 0.7;
  color: #4e5963 !important;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 10px;
  text-align: right;
  border-radius: 0;
}

.new_candi_share_popup_22 .candj-card textarea:focus,
.new_candi_share_popup_22 .candj-card textarea:active {
  background: #edeff0;
}

.new_candi_share_popup_22 .new-design-invitelist-action span {
  margin-right: 4.5px;
  display: block;
  font-size: 18px;
  font-weight: 300;
}

.new_candi_share_popup_22 .new-design-invitelist-action {
  bottom: 11px;
  height: 40px;
  width: 78px;
  border: 1px solid #425366;
  border-radius: 2px;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new_candi_share_popup_22 .jabri_new_uistyle-form-group {
  margin: 0;
  padding: 0;
}

.new_candi_share_popup_22
  .new-design-invitelist-rows
  .mat-form-field-appearance-outline
  .mat-form-field-flex {
  margin: 0;
}

.new_candi_share_popup_22 .new-design-invitelist-rows input {
  height: auto;
  /* top: 10px !important; */
  top: 16px !important;
  bottom: auto;
  opacity: 0;
}

.new_candi_share_popup_22 .new-design-invitelist-rows .mat-focused input,
.new_candi_share_popup_22
  .new-design-invitelist-rows
  .mat-form-field-should-float
  input {
  opacity: 1;
}

.new_candi_share_popup_22 .new-design-invitelist-rows * {
  margin: 0 !important;
  padding: 0 !important;
}

.new_candi_share_popup_22 .new-design-invitelist-rows .mat-form-field-infix {
  border: 0;
  height: 40px;
}

.new_candi_share_popup_22 .new-design-invitelist-row {
  transform: none;
  width: auto;
}

.new_candi_share_popup_22
  .new-design-invitelist-row
  .jabri_new_uistyle-form-group {
  max-width: 350px;
  min-height: 54px;
  height: initial;
}

.new_candi_share_popup_22
  .new-design-invitelist-row
  .jabri_new_uistyle-form-group
  + .jabri_new_uistyle-form-group {
  margin-left: 30px !important;
}

.new_candi_share_popup_22
  .new-design-invitelist-row
  .mat-form-field-appearance-outline
  .mat-form-field-outline {
  height: 40px;
}

.new_candi_share_popup_22
  .new-design-invitelist-rows
  .mat-form-field-label-wrapper {
  margin-top: -6px !important;
  height: 52px;
}

.new_candi_share_popup_22
  .new-design-invitelist-rows
  .mat-form-field-appearance-outline
  .mat-form-field-flex {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.new_candi_share_popup_22
  .mat-form-field-appearance-outline.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label,
.new_candi_share_popup_22
  .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label {
  margin-top: 8px !important;
  opacity: 1;
  color: #4e5963;
}

.new_candi_share_popup_22 .new_candi_share_popup_22-subtitle {
  margin-bottom: 0;
}

.new_candi_share_popup_22 .new-design-invitelist-rows {
  max-height: 172px;
  padding-top: 10px;
}

.new_candi_share_popup_22 .new-design-invitelist-remove {
  right: 42px;
  top: 10%;
}

.new_candi_share_popup_22
  .new-design-invitelist-rows
  .mat-form-field-subscript-wrapper {
  margin-top: 5px !important;
  margin-bottom: 1px !important;
  position: static;
}

.new_candi_share_popup_22 .new-design-invitelist-remove {
  opacity: 0.5;
}

.new_candi_share_popup_22 .new-design-invitelist-remove:hover {
  opacity: 1;
}

.new_candi_share_popup_22 label.mat-form-field-label,
.new_candi_share_popup_22 .mat-form-field.mat-focused .mat-form-field-label {
  opacity: 0.5;
}

.new_candi_share_popup_22
  .mat-form-field
  input.ng-invalid
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
  opacity: 1;
}

.new_candi_share_popup_22 .jabri_new_uistyle-form-group input,
.new_candi_share_popup_22 .jabri_new_uistyle-form-group textarea {
  font-size: 16px;
}

.new-design-invitelist-actions mat-form-field .mat-form-field-hint-spacer {
  display: none;
}

.new-design-invitelist-actions .mat-form-field-subscript-wrapper {
  opacity: 0.7;
  color: #4e5963;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 10px;
  text-align: right;
  position: absolute;
  right: 10px;
  left: auto;
  display: flex;
  width: auto;
  align-items: center;
  top: 15px;
}

.new_candi_share_popup_22 .new-design-invitelist {
  position: relative;
}

.new_candi_share_popup_22 .new-design-invitelist::after {
  content: "";
  width: 100%;
  height: 63px;
  display: block;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 10%);
  z-index: 1;
}

.new-design-invitelist-actions mat-form-field {
  width: calc(100% - 94px);
  height: 63px;
}

.new-design-invitelist-actions mat-form-field,
.new-design-invitelist-actions mat-form-field * {
  margin: 0 !important;
  padding: 0 !important;
}

.new_candi_share_popup_22 .new-design-invitelist-rows {
  max-height: 190px;
  padding-top: 10px;
  padding-bottom: 18px;
}

.new-design-invitelist-actions {
  position: relative;
  z-index: 2;
}

.new-design-invitelist-actions input#comment {
  height: 40px;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  color: #4e5963;
}

.new-design-invitelist-actions .mat-form-field-infix {
  border: 0;
}

.new-design-invitelist-actions
  .mat-form-field-appearance-outline
  .mat-form-field-flex {
  padding: 0 10px !important;
  padding-right: 30px !important;
}

.new-design-invitelist-actions
  .mat-form-field-appearance-outline
  .mat-form-field-outline {
  height: 40px;
}

.new-design-invitelist-actions
  .mat-form-field-appearance-outline
  .mat-form-field-wrapper {
  top: 12px;
}

.new-design-invitelist-actions .mat-form-field-label-wrapper {
  height: 52px;
}

.new_candi_share_popup_22
  .new-design-invitelist-actions
  label.mat-form-field-label {
  margin-top: -5px !important;
}

.new_candi_share_popup_22
  .new-design-invitelist-actions
  .mat-form-field-appearance-outline.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label,
.new_candi_share_popup_22
  .new-design-invitelist-actions
  .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label {
  margin-top: 3px !important;
}

.new_candi_share_popup_22 .sharing-history-slide {
  z-index: 5;
}

.new_candi_share_popup_22 .sharing-history-slide-head {
  position: relative;
  height: 40px;
}

.new_candi_share_popup_22 .sharing-history-slide-head a {
  top: 9px;
}

.new_candi_share_popup_22 .sharing-history-slide-table table th,
.new_candi_share_popup_22 .sharing-history-slide-table table td {
  padding: 10px;
}

.new_candi_share_popup_22 .sharing-history-slide-table table th:first-child,
.new_candi_share_popup_22 .sharing-history-slide-table table td:first-child {
  padding-left: 30px;
}

.new_candi_share_popup_22 .sharing-history-slide-table table th:last-child,
.new_candi_share_popup_22 .sharing-history-slide-table table td:last-child {
  padding-right: 30px;
}

.new_candi_share_popup_22 .sharing-history-multimail-value {
  padding-right: 0;
}

.new_candi_share_popup_22 .sharing-history-slide-table-scroll,
.new_candi_share_popup_22 .sharing-history-slide-table-scroll {
  max-height: calc(100% - 79px);
  min-height: calc(100% - 79px);
  padding-bottom: 0;
}

.new_candi_share_popup_22 .resend-mail-icn {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new_candi_share_popup_22 .resend-mail-icn img {
  margin: 0 auto;
  display: block;
}

.sharing-history-slide-table-scroll tr:last-child .resend-mail-icn::after {
  top: -21px;
}

.sharing-history-slide-table-scroll tr:first-child .resend-mail-icn::after {
  top: 40px;
}

.jabri-popup.feedback-popup.new_candi_share_popup_22 .delclose {
  z-index: 2;
}

.new_job_desc_design_22 .secondary-container {
  max-width: 764px;
  padding-top: 79px;
}

.new_job_desc_design_22-profile-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #dce1e7;
  border-radius: 4px;
  background-color: #f3f4f9;
  position: relative;
  padding: 16px 23px;
  min-height: 94px;
}

.new_job_desc_design_22-profile-info-edit {
  position: absolute;
  top: 20px;
  right: 20px;
  line-height: 0;
  opacity: 0.5;
  transition: 0.3s opacity ease;
  cursor: pointer;
}

.new_job_desc_design_22-profile-info-edit:hover {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new_job_desc_design_22-profile-info-img img {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  border-radius: 6px;
  /*box-shadow: 0 20px 30px 0 rgb(0 0 0 / 10%);*/
}

.new_job_desc_design_22-profile-info-img {
  margin-right: 18px;
}

.new_job_desc_design_22-profile-info-text-1 {
  color: #a8b5c2;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 8px;
}

.new_job_desc_design_22-profile-info-text-2 {
  color: #a8b5c2;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}

.new_job_desc_design_22-profile-parent {
  margin-bottom: 30px;
}

.new_job_desc_design_22-checked-job-title mat-form-field {
  width: 100%;
}

.new_job_desc_design_22-checked-job-title .mat-input-element {
  color: #4e5963;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
}

.new_job_desc_design_22-checked-job-title
  .mat-form-field.mat-focused
  .mat-form-field-label {
  color: #4e5963;
}

.new_job_desc_design_22 .day-in-life::after {
  display: none;
}

.new_job_desc_design_22 .day-in-life {
  position: relative;
  background: transparent;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  height: auto;
  min-height: 140px;
}

.new_job_desc_design_22 .day-in-life::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(134.47deg, #4561a8 0%, #6b45a8 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  opacity: 0.06;
}

.new_job_desc_design_22 .day-in-life input.share-check {
  right: auto;
  left: -40px;
}

.new_job_desc_design_22 .day-in-life-check span {
  opacity: 0.7;
  color: #425366;
  font-family: Roboto;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  /*position: relative;
    bottom: 1px;*/
}

.new_job_desc_design_22 .day-in-life-inner {
  position: relative;
  z-index: 1;
  width: 100%;
}

.new_job_desc_design_22 .day-in-life-check {
  margin-bottom: 0;
}

.new_job_desc_design_22
  .mat-form-field-appearance-outline
  .mat-form-field-wrapper {
  margin-bottom: 8px;
}

.new_job_desc_design_22 .day-in-life.new_job_desc_design_22-checked-tile-3 {
  margin-bottom: 50px;
}

.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-1::before,
.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-2::before,
.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-3::before {
  content: "";
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-position: center right 68px;
  background-repeat: no-repeat;
}

.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-1::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-jobdesc-init-icn.svg);
}

.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-2::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-jobdesc-video-icn.svg);
}

.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-3::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-jobdesc-daylife-icn.svg);
}

.new_job_desc_design_22-checked-tiles.job-partial-dis {
  position: relative;
}

.new_job_desc_design_22-checked-tiles.job-partial-dis::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 10px);
  position: absolute;
  top: -10px;
  left: 0;
  background: #f3f4f9;
  z-index: 2;
  opacity: 0.7;
}

.new_job_desc_design_22-profile-edit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new_job_desc_design_22-profile-parent .file-upload::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/camicon.svg);
  background-color: rgba(255, 255, 255, 0.6);
  background-size: initial;
  border-radius: 6px;
}

.new_job_desc_design_22-profile-parent .user_img_preview,
.new_job_desc_design_22-profile-parent .cand-pic-main,
.new_job_desc_design_22-profile-parent .file-upload input,
.new_job_desc_design_22-profile-parent .candipic img {
  width: 60px !important;
  height: 60px !important;
}

.new_job_desc_design_22-profile-parent .candipic {
  border-radius: 6px;
}

.new_job_desc_design_22-profile-parent .jabri_new_uistyle-green-btn,
.new_job_desc_design_22-profile-parent .jabri_new_uistyle-ghost-btn {
  margin-right: 0;
  width: 80px;
  height: 36px;
  font-size: 12px;
}

.new_job_desc_design_22-profile-parent.active {
  border: 1px solid #dce1e7;
  border-radius: 4px;
  padding: 16px 23px;
  padding-bottom: 8px;
}

.new_job_desc_design_22-profile-mat-input mat-form-field {
  display: block;
}

.new_job_desc_addr_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.new_job_desc_addr_info .new_job_desc_design_22-profile-mat-input {
  width: 50%;
  max-width: 342px;
  margin-top: 0;
  margin-bottom: -10px;
}

.new_job_desc_design_22-profile-edit-head
  + .new_job_desc_design_22-profile-mat-input {
  margin-top: 44px;
  margin-bottom: 20px;
}

.new_job_desc_design_22-profile-mat-input .mat-form-field-label {
  opacity: 0.5;
  color: #4e5963 !important;
}

.new_job_desc_design_22-profile-nomat-input label {
  color: #4e5963;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  margin: 0;
  background: #f3f4f9;
  margin-bottom: -10px;
  display: block;
  position: relative;
  z-index: 1;
  max-width: 105px;
  text-align: center;
  left: 8px;
}

.new_job_desc_design_22-profile-nomat-input input {
  border-radius: 6px;
  min-height: 55px;
  background: transparent;
  color: #4e5963;
  font-family: Roboto;
  font-size: 18px !important;
  letter-spacing: 0;
  line-height: 21px;
  padding: 0 11px !important;
  border:1px solid #e0e0e0 !important;
  transition: border-color 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.new_job_desc_design_22-profile-nomat-input input:hover,
.new_job_desc_design_22-profile-nomat-input input:focus {
  border-color: #4e5963 !important;
  transition: border-color 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.new_job_desc_design_22-profile-nomat-input .custom-autocomplete__dropdown {
  top: 61px !important;
}

.new_job_desc_design_22-profile-mat-input
  .mat-form-field-appearance-outline
  .mat-form-field-outline {
  min-height: 61px;
}

.new_job_desc_design_22-profile-mat-input .mat-input-element {
  color: #4e5963;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
}

.new_job_desc_design_22-profile-nomat-input {
  margin-top: 0;
  margin-bottom: 80px;
}

.new_job_desc_design_22-profile-edit-head-img .form-control {
  background: transparent;
}

.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-active
  input.share-check {
  right: auto;
  left: 0;
  transform: none;
  width: 24px;
  height: 24px;
}

.new_job_desc_design_22-checked-tile-1.new_job_desc_design_22-checked-tile-active
  .day-in-life-check {
  margin-bottom: 29px;
}

/*.new_job_desc_design_22-checked-tiles .day-in-life-check .check-before,
.new_job_desc_design_22-checked-tiles .day-in-life-check .custom-check,
.new_job_desc_design_22-checked-tiles .day-in-life-check .check-before::after {
    width: 24px;
    height: 24px;
}*/

img.recom-label-img {
  margin-left: 4px;
  position: relative;
  bottom: 3px;
}

.new_job_desc_design_22
  .new_job_desc_design_22-checked-tile-active
  .day-in-life-check
  span {
  bottom: 0;
}

.new_job_desc_design_22-checked-tile-1 .jabri_new_uistyle-form-group {
  margin-bottom: 0;
}

.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-1.new_job_desc_design_22-checked-tile-active::before,
.new_job_desc_design_22
  .day-in-life.new_job_desc_design_22-checked-tile-3.new_job_desc_design_22-checked-tile-active::before {
  display: none;
}

.new_job_desc_design_22-checked-tile-1 .wys-editor label,
.new_job_desc_design_22-checked-tile-1 .wys-editor::before {
  display: none;
}

.new_job_desc_design_22-checked-tile-1 .jabri_new_uistyle-form-group {
  padding: 0;
}

.new_job_desc_design_22-checked-tile-1 .wys-editor {
  padding: 0 27px;
  padding-bottom: 10px;
  padding-top: 26px;
}

.new_job_desc_design_22-checked-tile-2 .job_video_desc {
  border-radius: 0;
  background: transparent;
  border: 0;
  margin: 0;
}

.new_job_desc_design_22-checked-tile-2 .upro_bar {
  display: none;
}

.new_job_desc_design_22-checked-tile-2 .job_video_desc-wrapper,
.new_job_desc_design_22-checked-tile-2
  .job_video_desc
  .question-options-upload-text {
  position: static;
  padding: 0;
  opacity: 0;
}

.new_job_desc_design_22-checked-tile-2 .job_video_desc {
  border-radius: 0;
  border: 0;
  position: absolute;
  width: 180px;
  height: 90px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 68px;
  z-index: 5;
}

.new_job_desc_design_22-checked-tile-2 .job_video_desc-upload-video {
  height: 90px;
}

.new_job_desc_design_22-checked-tile-3 .day-in-life-input-tile {
  padding: 30px 27px;
  margin-bottom: 14px;
}

.new_job_desc_design_22
  .new_job_desc_design_22-checked-tile-2.new_job_desc_design_22-checked-tile-active,
.new_job_desc_design_22
  .new_job_desc_design_22-checked-tile-2.checked_tile_has_video_init {
  min-height: 190px;
}

.new_job_desc_design_22-checked-tile-2 .job_video_desc-preview-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 262px;
  height: 131px;
  margin: auto;
}

.new_job_desc_design_22-checked-tile-2 .job_video_desc-preview-video video {
  width: 100% !important;
  height: 100% !important;
  border-radius: 6px;
}

.new_job_desc_design_22-checked-tile-1 .wys-editor .ql-editor.ql-blank::before {
  opacity: 1;
  color: #a8b5c2;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 25.55px;
  font-style: initial;
}

/*.new_job_desc_design_22-checked-tile-1 .wys-editor .ql-editor,
.new_job_desc_design_22-checked-tile-1 .wys-editor .ql-editor * {
    font-size: 14px;
    line-height: 16px;
}*/

.new_day_in_life-input-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.new_checked_video_parent {
  position: relative;
}

.new_checked_video_close {
  position: absolute;
  top: -6px;
  right: -6px;
  opacity: 1;
  transition: 0.3s opacity ease;
  line-height: 0;
  cursor: pointer;
}

.new_checked_video_close:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.new_job_desc_design_22-checked-tile-3
  .day-in-life-input
  .jabri_new_uistyle-form-group {
  height: 30px;
  margin: 0;
}

.new_job_desc_design_22-checked-tile-3 .day-in-life-input select + label {
  font-size: 10px;
  line-height: 11px;
}

.new_job_desc_design_22-checked-tile-3
  .day-in-life-input
  .jabri_new_uistyle-form-group
  select
  + label {
  transform: scale(0.75) translateY(-39px);
}

.new_day_in_life-input-wrap .mat-form-field-wrapper,
.new_day_in_life-input-wrap
  .mat-form-field-appearance-standard
  .mat-form-field-flex,
.new_day_in_life-input-wrap .mat-form-field-infix {
  padding: 0;
}

.new_day_in_life-input-wrap .mat-form-field-infix {
  border-top: 0;
}

.new_day_in_life-input-wrap .mat-form-field-infix input {
  height: 30px;
  width: 300px;
}

.new_day_in_life-input-row .jabri_new_uistyle-form-group + div {
  margin-left: 50px;
}

.new_day_in_life-input-single mat-form-field {
  display: block;
  margin-top: 35px;
}

.new_day_in_life-input-wrap .mat-form-field.mat-focused .mat-form-field-label {
  color: #89939f;
}

.new_job_desc_design_22-checked-tile-3 .day-in-life-input-tile .delete-daytile {
  transform: scale(0.8331);
  transform-origin: top right;
  z-index: 1;
}

.new_job_desc_design_22-checked-tile-3
  .day-in-life-input-tile
  .delete-daytile::after {
  top: 40px;
}

.new_job_desc_design_22-checked-tile-3 .day-in-life-input textarea,
.new_job_desc_design_22-checked-tile-3 .day-in-life-input input {
  padding: 0 10px;
}

.new_job_desc_design_22-checked-tile-3 span.mat-form-field-label-wrapper {
  left: 10px;
}

.cand-detail-list-item .candidate-sidebar-trigger {
  width: 100%;
}

.cand-detail-list-item .custom-check {
  z-index: 2;
}

.new_job_list_share_job_popup-table-row.disabled {
  position: relative;
  background: #fff;
}

.new_job_list_share_job_popup-table-row.disabled::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 2;
}

.cand-detail-left .cand-inr {
  z-index: 5;
}

.jafilter.filtive .jafilter-main {
  overflow: hidden;
}

.bquest-rating-info-tooltip_diff {
  position: relative;
}

.quest-slider
  .bquest-score-com-avatar:hover
  .bquest-rating-info-tooltip_diff
  .bquest-rating-info-tooltip {
  position: absolute;
  top: 20px;
  left: auto;
  right: -74.5px;
}

.quest-slider
  .bquest-score-com-avatar
  .bquest-rating-info-tooltip_diff
  .bquest-rating-info-tooltip
  span {
  color: #fff;
  white-space: initial;
  font-size: 10px;
  line-height: 14px;
}

.new-save-btn-note.qst_and_commentt_act.jd_qst_and_commentt_act {
  right: 15px;
  width: auto;
  top: 5px;
  line-height: 0;
  height: auto;
}

.delclose {
  opacity: 1 !important;
  transition: 0.3s opacity ease !important;
}

.delclose:hover {
  opacity: 0.5 !important;
  transition: 0.3s opacity ease !important;
}

.jabri-popup.new_account_permis_popup {
  background: rgba(66, 83, 102, 0.8);
}

.jabri-popup.new_account_permis_popup .jabri-popup-inner {
  padding: 0;
  height: auto;
  width: 600px;
  min-height: 626px;
}

.jabri-popup.new_account_permis_popup .delclose {
  top: 25px;
  right: 22px;
}

.new_account_permis_popup-head {
  padding: 0 20px;
  padding-top: 22px;
  padding-bottom: 14px;
}

.new_account_permis_popup-head-title {
  color: #425366;
  font-family: Roboto;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 14px;
}

.new_account_permis_popup-head-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}

.new_account_permis_popup-head-info-tile {
  display: flex;
  align-items: flex-start;
}

.new_account_permis_popup-head-info-desc {
  color: #677484;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
}

.permis-txt-colr-1 {
  color: #6d2dd1;
}

.permis-txt-colr-2 {
  color: #2d98d1;
}

.permis-txt-colr-3 {
  color: #d1642d;
}

.permis-txt-colr-4 {
  color: #d12d2d;
}

.permis-bg-colr-1 {
  background: #e7dbfa;
}

.permis-bg-colr-2 {
  background: #e0f0f8;
}

.permis-bg-colr-3 {
  background: #f8e8e0;
}

.permis-bg-colr-4 {
  background: #f8e0e0;
}

.new_account_permis_popup-head-info-title {
  width: 85px;
  display: flex;
  align-items: flex-start;
}

.new_account_permis_popup-head-info-title span {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 16px;
  display: inline-block;
  padding: 0 5px;
  border-radius: 8px;
}

.new_account_permis_popup-head-info-tile
  + .new_account_permis_popup-head-info-tile {
  margin-top: 8px;
}

.workflow-title_inner {
  justify-content: flex-start;
}

.wf_actions {
  margin-left: auto;
}

.overfspan {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workflow .workflow-title .overfspan + span {
  margin-left: 3px;
}

.new_review_candi_actions .profile-action select {
  padding-right: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.new_job_list_design_22 .job-list-title span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  top: auto !important;
  bottom: 100% !important;
}

.new_account_permis_popup-thead {
  display: flex;
  align-items: center;
  height: 32px;
  background-color: #f6f7f9;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
}

.new_account_permis_popup-thead-1 {
  width: 387px;
}

.wf_actions button {
  height: 30px;
  width: 30px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

.wf_actions button:hover,
.wf_actions button[aria-expanded="true"] {
  background: #ededed;
  border-radius: 100%;
}

.bquest-rating-info_newicon {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-info-icon-normal.svg);
  width: 14px;
  height: 14px;
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s background-image ease;
}

.bquest-rating-info_newicon-big {
  width: 20px;
  height: 20px;
  background-size: 20px;
  cursor: pointer;
  margin-left: 4px;
}

.bquest-rating-info_newicon:hover {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-info-icon-hover.svg);
  transition: 0.3s background-image ease;
}

.bquest-rating-info-tooltip.d_i_f_f {
  left: -9px;
}

.new_job_list_share_job_popup-table-head-4 {
  display: flex;
  align-items: center;
}

.new-invite-mat-field-row {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.new-invite-mat-field-row + .new-invite-mat-field-row {
  /*margin-top: -12.5px;*/
}

.new-invite-mat-field-row .new_com_mat_design_field {
  min-width: 281px;
}

.new-invite-mat-field-row
  .new_com_mat_design_field
  + .new_com_mat_design_field {
  margin-left: 17.5px;
}

.invite-candidate-parent.subscriber-main
  .new-invite-mat-field-row
  .add-mail-btn {
  line-height: 0;
  bottom: auto;
  right: 0;
  position: absolute;
  top: 22px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.invite-candidate-parent.subscriber-main
  .new-invite-mat-field-row
  .add-mail-btn:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.new_com_mat_design_field .mat-form-field-label {
  opacity: 0.5;
  color: #4e5963;
}

.new_com_mat_design_field .mat-form-field.mat-focused .mat-form-field-label {
  color: #4e5963;
}

.new_com_mat_design_field .mat-form-field {
  display: block;
}

.new_job_desc_design_22-profile-nomat-input.m_i_n_i label {
  width: 55px;
  background: #fff;
}

.new_job_desc_design_22-profile-nomat-input.m_i_n_i.two label {
  width: 75px;
}

.new-profile-material-field-half {
  width: 501px;
}

.new-profile-material-field-full {
  width: 100%;
}

.new-profile-material-fields {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.new_job_desc_design_22-profile-nomat-input.m_i_n_i {
  margin-bottom: 26px;
}

.new_job_desc_design_22-profile-nomat-input.m_i_n_i.two
  .ngx-datepicker-container
  .ngx-datepicker-input,
.new_job_desc_design_22-profile-nomat-input.m_i_n_i.two
  + .new_com_mat_design_field {
  width: 233px;
}

.new_com_mat_design_field input,
.new_com_mat_design_field textarea {
  color: #4e5963;
  font-size: 18px;
}

.new_job_desc_design_22-profile-nomat-input.m_i_n_i.two
  .ngx-datepicker-container
  .ngx-datepicker-input {
  padding-top: 10px !important;
}

.new-profile-material-fields.new-profile-material-fields-d-i-f-f
  .new-profile-material-field-half {
  width: 446px;
}

.new_job_desc_design_22-profile-nomat-input.new-profile-material-field-full.three {
  margin-bottom: 25px;
}

.new_job_desc_design_22-profile-nomat-input.new-profile-material-field-full.three
  label {
  background: #fff;
}

.new_com_mat_design_field-select
  .ng-select.ng-select-single
  .ng-select-container {
  border-color: #e0e0e0;
  height: 60px;
  margin-top: 4px;
  padding: 0 0.75em 0 0.75em;
  transition: 0.6s border-color ease;
}

.new_com_mat_design_field-select
  .ng-select.ng-select-single
  .ng-select-container:hover,
.new_com_mat_design_field-select
  .ng-select.ng-select-single.ng-select-opened
  .ng-select-container,
.new_com_mat_design_field-select
  .ng-select.ng-select-single.ng-select-opened
  .ng-dropdown-panel.ng-select-bottom {
  border-color: #4e5963;
  transition: 0.6s border-color ease;
}

.new_com_mat_design_field-select
  .ng-select.ng-select-single.ng-select-opened
  .ng-dropdown-panel.ng-select-bottom {
  border-top-color: transparent;
}

.new_com_mat_design_field-select
  .ng-select.ng-select-single
  .ng-select-container
  .ng-value-label {
  color: #4e5963;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
}

.new_com_mat_design_field-select
  .ng-select.ng-select-single
  .ng-select-container
  .ng-value-container
  .ng-input {
  cursor: pointer;
}

.new_account_permis_popup-thead-2 span,
.new_account_permis_popup-thead-3 span {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 18px;
  height: 18px;
  border-radius: 9px;
  padding: 0 6px;
  display: inline-block;
}

.new_account_permis_popup-thead-2 {
  width: 83px;
}

.new_account_permis_popup-tbody-row-title {
  color: #425366;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 14px;
  text-transform: uppercase;
  background: #fff;
  padding: 0 18px;
  padding-top: 16px;
  padding-bottom: 3px;
}

.new_account_permis_popup-tbody-row-tile {
  padding: 0 18px;
}

.new_account_permis_popup-tbody-row.new_account_permis_popup-tbody-row-tile.new_account_permis_popup-tbody-row-title {
  padding: 0 18px;
  padding-top: 16px;
  padding-bottom: 3px;
  background: #fff;
}

.new_account_permis_popup-tbody-row.new_account_permis_popup-tbody-row-tile.new_account_permis_popup-tbody-row-title
  .new_account_permis_popup-tbody-1 {
  line-height: 14px;
  opacity: 1;
}

.new_account_permis_popup-tbody-row-tile {
  padding: 0 18px;
  display: flex;
  align-items: center;
}

.new_account_permis_popup-tbody-1 {
  color: #657483;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 26px;
}

.new_account_permis_popup-tbody-1 {
  width: 369px;
}

.new_account_permis_popup-tbody-2 {
  width: 83px;
}

.new_account_permis_popup-tbody-2 span,
.new_account_permis_popup-tbody-3 span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.new_account_permis_popup-tbody-2 span {
  width: 52.16px;
}

.new_account_permis_popup-tbody-3 span {
  width: 80.39px;
}

.new_account_permis_popup-tbody-row.e_v_e_n {
  background: #f6f7f9;
}

.new_account_permis_popup-tbody {
  max-height: 416px;
  overflow: auto;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding-bottom: 30px;
}

.new_account_permis_popup-thead-2,
.new_account_permis_popup-thead-3 {
  display: flex;
  align-items: center;
}

.view-perms-trigger {
  display: flex;
  align-items: center;
}

.view-perms-trigger span {
  cursor: pointer;
  color: #425366;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  padding: 4px 8.5px;
  border-radius: 4px;
  background: #d2dadf;
  margin-left: 20px;
  transition: 0.3s all ease;
}

.view-perms-trigger span:hover {
  background: #425366;
  color: #fff;
  transition: 0.3s all ease;
}

.new_account_permis_popup-tbody-1,
.new_account_permis_popup-tbody-row-title {
  display: flex;
  align-items: center;
}

.new_account_permis_popup-tbody-1 .bquest-rating-info,
.new_account_permis_popup-tbody-row-title .bquest-rating-info {
  margin-left: 5px;
}

.new_account_permis_popup-tbody-1
  .bquest-rating-info
  .bquest-rating-info_newicon,
.new_account_permis_popup-tbody-row-title
  .bquest-rating-info
  .bquest-rating-info_newicon {
  background-size: 12px;
}

.new_account_permis_popup-tbody-1 .bquest-rating-info-tooltip::after,
.new_account_permis_popup-tbody-row-title .bquest-rating-info-tooltip::after {
  left: 0;
  right: 0;
  bottom: auto;
  top: -3px;
}

.new_account_permis_popup-tbody-1 .bquest-rating-info-tooltip,
.new_account_permis_popup-tbody-row-title .bquest-rating-info-tooltip {
  left: -73px;
}

.new_account_permis_popup-tbody-row:hover {
  z-index: 1;
  position: relative;
}

.new_account_permis_popup-tbody-row-title .bquest-rating-info-tooltip {
  text-transform: initial;
  font-weight: normal;
}

.workflow::after {
  z-index: 2;
}

.workflow .workflow-update {
  z-index: 3;
}

.workflow .wf-input button:hover {
  opacity: 0.5;
}

.workflow .wf-input input,
.workflow .wf-input input {
  transition: 0.3s border-color ease;
  border-color: rgba(168, 181, 194, 0.5) !important;
}

.workflow .wf-input input:hover,
.workflow .wf-input input:focus {
  transition: 0.3s border-color ease;
  border-color: #425366 !important;
}

.new_job_list_shared_with-body-tile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
}

.new_job_list_shared_with-body-wrap-2 {
  display: flex;
  align-items: center;
}

.new_job_list_shared_with-body-wrap-2 span {
  width: 13px;
  height: 13px;
  margin-left: 3px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}

.new_job_list_shared_with-body-tile.has_user_icn span {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-sharedlist-user-icon.svg);
}

.new_job_list_shared_with-body-tile.has_userplus_icn span {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-sharedlist-plus-user-icon.svg);
}

.new_job_list_shared_with-body-tile.has_lock_icn span {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-sharedlist-lock-icon.svg);
}

.new_job_list_shared_with-body-tile.has_lock_icn::after {
  content: "";
  background: linear-gradient(45deg, #4561a8 0%, #6b45a8 100%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  z-index: -1;
  opacity: 0.05;
  /*border-radius: 4px;*/
}

.new_job_desc_design_22 .day-in-life.new_job_desc_design_22-checked-tile-2 {
  min-height: 190px;
}

.tablist-common.notifi-2022 {
  margin-top: 114px;
}

.notifi-2022 .notifications .notifi-card {
  padding: 0 60px;
  padding-top: 29px;
  padding-bottom: 35px;
}

.notifi-2022 .notifi-title {
  font-size: 24px;
  letter-spacing: -0.19px;
  line-height: 43px;
  margin-bottom: 30px;
}

.notifi-2022 .notifi-inn-title {
  color: #4e5963;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 11px;
}

.notifi-2022 .notifi-block {
  padding-bottom: 10px;
}

.notifi-2022 .notifi-inn-desc {
  margin-bottom: 10px;
}

.notifi-2022 .notifi-block.bord + .notifi-block {
  margin-top: 20px;
}

.notifi-2022 .notifi-block.bord + .notifi-block {
  padding-bottom: 0;
}

.notifi-2022 .notifi-block.bord + .notifi-block .notifi-inn-desc {
  margin-bottom: 0;
}

.notifi-2022 .notifications .notifi-card:last-child .notifi-block.bord::after {
  display: none;
}

.notifi-2022 .notifications .notifi-card:last-child .notifi-block {
  padding-bottom: 0;
}

.notifi-2022-email-opt {
  padding-top: 15px;
}

.notifi-2022-email-opt-title {
  color: #425366;
  font-family: Roboto;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
  margin-bottom: 15px;
}

.notifi-2022-email-opt-inner {
  display: flex;
  align-items: center;
}

.notifi-2022-email-opt-com + .notifi-2022-email-opt-com {
  margin-left: 56px;
}

.notifi-2022-email-opt-com span {
  color: #89939f;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  transition: 0.3s color ease;
}

.notifi-2022-email-opt-com {
  position: relative;
  padding-left: 30px;
}

.notifi-2022-email-opt-com input {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  cursor: pointer;
  top: 0;
  z-index: 1;
  opacity: 0;
}

.notifi-2022-email-opt-com input + span::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/med-radio-blank.svg);
}

.notifi-2022-email-opt-com input:checked + span::before {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/med-radio-fill.svg);
}

.notifi-2022-email-opt-com input:checked + span {
  color: #425366;
}

.notifi-2022-email-opt-com input:hover + span {
  color: #425366;
  transition: 0.3s color ease;
}

.new-post-a-job .autocomplete-container .input-container input {
  padding-right: 46px;
}

.autocomplete-container .input-container .x,
.new-post-a-job-head a {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.autocomplete-container .input-container .x:hover,
.new-post-a-job-head a:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.new_job_list_shared_with-body-wrap-2 .bquest-rating-info_newicon {
  background-image: none;
  width: auto;
  height: auto;
}

.new_job_list_shared_with-body-wrap-2 .bquest-rating-info-tooltip {
  left: auto;
  right: -10px;
}

.new_job_list_shared_with-body-wrap-2 .bquest-rating-info-tooltip::after {
  left: auto;
  right: 11px;
}

.new_job_list_shared_with-body.new_job_list_shared_with-body-more-than-four
  .new_job_list_shared_with-body-tile:nth-last-child(1)
  .bquest-rating-info-tooltip,
.new_job_list_shared_with-body.new_job_list_shared_with-body-more-than-four
  .new_job_list_shared_with-body-tile:nth-last-child(2)
  .bquest-rating-info-tooltip,
.new_job_list_shared_with-body.new_job_list_shared_with-body-more-than-four
  .new_job_list_shared_with-body-tile:nth-last-child(3)
  .bquest-rating-info-tooltip {
  top: auto;
  bottom: 21px;
}

.new_job_list_shared_with-body.new_job_list_shared_with-body-more-than-four
  .new_job_list_shared_with-body-tile:nth-last-child(1)
  .new_job_list_shared_with-body-wrap-2
  .bquest-rating-info-tooltip::after,
.new_job_list_shared_with-body.new_job_list_shared_with-body-more-than-four
  .new_job_list_shared_with-body-tile:nth-last-child(2)
  .new_job_list_shared_with-body-wrap-2
  .bquest-rating-info-tooltip::after,
.new_job_list_shared_with-body.new_job_list_shared_with-body-more-than-four
  .new_job_list_shared_with-body-tile:nth-last-child(3)
  .new_job_list_shared_with-body-wrap-2
  .bquest-rating-info-tooltip::after {
  left: auto;
  right: 11px;
  top: auto;
  bottom: -4px;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  height: 40px;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  .mat-hint {
  display: none;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  .mat-form-field-appearance-outline
  .mat-form-field-wrapper {
  padding: 1px 0;
  margin: 0;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  .mat-form-field-appearance-outline
  .mat-form-field-wrapper
  input {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 15px;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  label {
  font-size: 14px;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  .mat-form-field-appearance-outline
  .mat-form-field-infix {
  padding-bottom: 0;
  padding-top: 0;
  height: 40px;
  border: 0;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  .mat-form-field-appearance-outline
  .mat-form-field-outline {
  height: 40px;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  .mat-form-field-label-wrapper {
  margin-top: 6px;
}

.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  .mat-form-field-appearance-outline.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label,
.new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
  .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label {
  top: 30px;
}

.mat-form-field-infix input {
  /*    box-shadow: 0 0 0px 1000px white inset; */
}

.custom-mat-autofill-color-2 .mat-form-field-infix input {
  box-shadow: 0 0 0px 1000px #f3f4f9 inset;
}

/*.custom-mat-autofill-color-3 .mat-form-field-infix input {
    box-shadow: 0 0 0px 1000px #F0F3F8 inset;
}*/

ul.wf-color-swatch li div.wf-colordiv,
.workflow .wfc-item {
  opacity: 1;
}

.wf-color-swatch-scroll {
  overflow: auto;
  padding: 0 20px;
  margin: 0 -20px;
}

.workflow .wf-color {
  overflow: auto;
}

.workflow .workflow-update {
  z-index: 6;
}

.profile-team-rating-panel-head a {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.profile-team-rating-panel-head a:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.wf-add-wrapper.workflow {
  z-index: 5;
}

.new_review_candi_actions-right-date {
  padding-left: 10px;
}

.jabri-app-parent.candidate-layout .showplaybtn .video-js .vjs-big-play-button {
  display: block !important;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  line-height: 56px;
  margin: auto;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
}

.jabri-app-parent.candidate-layout
  .showplaybtn
  .video-js.vjs-controls-disabled
  .vjs-big-play-button,
.jabri-app-parent.candidate-layout
  .showplaybtn
  .video-js.vjs-error
  .vjs-big-play-button,
.jabri-app-parent.candidate-layout
  .showplaybtn
  .video-js.vjs-has-started
  .vjs-big-play-button,
.jabri-app-parent.candidate-layout
  .showplaybtn
  .video-js.vjs-using-native-controls
  .vjs-big-play-button {
  display: none !important;
}

.notifi-2022-email-opt {
  position: relative;
}

.notifi-2022-email-opt::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}

.notifi-2022-email-opt.disabled::before {
  display: block;
}

.notifi-2022-email-opt.disabled {
  filter: grayscale(1);
}

.company_select-title span {
  text-transform: capitalize;
}

/*invite-cand-resp-view-css*/

.invite-candidate-resp-22 .new-design-datepick-dateform::before {
  right: 12px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-up-vers-2-init.svg);
}

.invite-candidate-resp-22 .new-design-datepick-dateform {
  padding: 7px 9px;
  min-height: initial;
  max-width: 139px;
}

.invite-candidate-resp-22 .new-design-datepick-dateform-1 {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 3px;
}

.invite-candidate-resp-22 .new-design-datepick-dateform-2 {
  font-size: 8px;
  line-height: 9px;
}

.invite-candidate-resp-22 .invite-new-actions .new-design-datepick {
  flex-direction: row-reverse;
}

.invite-candidate-resp-22 .invite-new-actions .jabri_new_uistyle-green-btn {
  margin-left: 0;
  margin-right: 19px;
  width: 133px;
  height: 42px;
  font-size: 14px;
}

.invite-candidate-resp-22 .invite-new-actions .new-design-datepick-inner {
  margin-right: 0;
}

.invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
  .nav-tabs
  a {
  height: 50px;
  line-height: 50px;
}

.invite-candidate-resp-22 .invite-tabindic-actions {
  height: 50px;
}

.invite-candidate-resp-22 .invite-candidate-new-inner {
  width: 100%;
}

.invite-candidate-resp-22 .invite-candidate-new {
  margin-bottom: 20px;
  height: 50px;
  padding-left: 35px;
  padding-right: 0;
}

.invite-candidate-resp-22.invite-candidate-parent {
  margin-top: 110px;
  max-width: 1053px;
}

.invite-candidate-resp-22 .invite-candidate-new-2::before,
.invite-candidate-resp-22 .invite-candidate-new-2::after {
  top: 1px;
  height: 30px;
}

.invite-candidate-resp-22 .invite-candidate-new-1 span {
  font-size: 25px;
}

.invite-candidate-resp-22 .invite-candidate-new-1 {
  font-size: 14px;
  line-height: normal;
  width: 160px;
}

.invite-candidate-resp-22 .invite-candidate-new-text-item {
  font-size: 14px;
  height: auto;
  line-height: normal;
  padding-top: 0;
  padding-bottom: 0;
}

.invite-candidate-resp-22 .invite-candidate-new-text-item span {
  font-size: 22px;
}

.invite-candidate-resp-22 .invite-candidate-new-2 {
  width: initial;
  padding-left: 70px;
  padding-right: 70px;
}

.invite-candidate-resp-22 .invite-candidate-new-3 {
  padding-left: 70px;
}

.invite-candidate-resp-22 .inv-forscroll .invite-new-lbl {
  margin-bottom: 9px;
  display: flex;
  align-items: center;
}

.invite-candidate-resp-22
  .invite-candidate-new-text-item
  + .invite-candidate-new-text-item {
  margin-left: 30px;
}

.invite-candidate-resp-22 .inv-forscroll .invite-new-lbl span {
  color: #89939f;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  margin-left: 16px;
}

.invite-candidate-resp-22.invite-candidate-parent .invite-keywords {
  padding-top: 28px !important;
  padding-bottom: 25px !important;
}

.invite-candidate-resp-22 .invite-new-lbl {
  font-size: 16px;
  margin-bottom: 17px;
  line-height: 19px;
}

.invite-candidate-resp-22 .invite-new-desc {
  display: none;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 16px;
}

.invite-candidate-resp-22 .invite-new-parent-input input {
  height: 44px;
  padding-right: 66px;
  font-size: 14px;
}

.invite-candidate-resp-22 .invite-candidate-new-progress {
  margin-top: 4px;
}

.invite-candidate-resp-22 .invite-new-parent-input-field::before {
  background-size: 19px;
  right: 28px;
}

.invite-candidate-resp-22 .close-invite-results {
  right: 28px;
  font-size: 22px;
  top: 10px;
}

.invite-candidate-resp-22 .invite-new-parent .invcrebtn {
  font-size: 12px;
  height: auto;
  line-height: 14px;
  width: auto;
  background: transparent;
  color: #4561a8;
  letter-spacing: normal;
  top: 3px;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.invite-candidate-resp-22 .invite-new-parent .invcrebtn:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.invite-candidate-resp-22 .invite-new-parent .invcrebtn span {
  font-size: 12px;
  line-height: 14px;
}

.invite-candidate-resp-22 .inv-forscroll {
  padding-top: 0;
}

.invite-candidate-resp-22 .new-invite-mat-field-row .new_com_mat_design_field {
  min-width: 220px;
}

.invite-candidate-resp-22
  .inv-forscroll
  .mat-form-field-appearance-outline
  .mat-form-field-infix {
  /* padding-top: 0.48em;
  padding-bottom: 0.48em; */
  padding-top: 0.7235em;
  padding-bottom: 0.7235em;
}

.invite-candidate-resp-22
  .inv-forscroll
  .mat-form-field-appearance-outline
  .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.55em;
  font-size: 14px;
}

.invite-candidate-resp-22
  .inv-forscroll
  .mat-form-field-appearance-outline.mat-form-field-can-float
  .mat-input-server:focus
  + .mat-form-field-label-wrapper
  .mat-form-field-label,
.invite-candidate-resp-22
  .inv-forscroll
  .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label {
  margin-top: -0.3em;
}

.invite-candidate-resp-22 .inv-forscroll input.mat-input-element {
  font-size: 14px;
  line-height: 16px;
  /* bottom: 5px; */
  bottom: 3px;
  position: relative;
}

.invite-candidate-resp-22.invite-candidate-parent.subscriber-main
  .new-invite-mat-field-row
  .add-mail-btn {
  top: 14px;
  transform: scale(0.8);
}

.invite-candidate-resp-22 .inv-forscroll-inner {
  overflow: auto;
  max-height: initial;
}

.invite-candidate-resp-22.invite-candidate-parent.compose-job .form-action {
  padding-right: 40px;
  margin-top: 30px;
}

.invite-candidate-resp-22.invite-candidate-parent .invite-tabbed {
  padding-bottom: 22.2px;
  margin-bottom: 40px !important;
}

.invite-candidate-resp-22 .add-mail-btn.addrow.replaced {
  margin: 0;
  margin-left: 40px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 24px;
}

.invite-candidate-resp-22 .add-mail-btn.addrow.replaced img {
  width: 24px;
  margin-right: 7px;
}

.invite-candidate-resp-22 .invite-new-parent-input-result {
  transform: scale(0.8);
  transform-origin: top left;
  width: calc(100% + 244px);
}

.invite-candidate-resp-22 .all-mail-list table thead th,
.invite-candidate-resp-22 .all-mail-list table tbody td,
.invite-candidate-resp-22 .all-mail-list table tbody td a {
  font-size: 12px;
}

.invite-candidate-resp-22 .resend-mail-icn {
  transform: scale(0.8);
}

.invite-candidate-resp-22 td.mail-title-td.datepick > div {
  transform: scale(0.85);
  transform-origin: left;
}

.invite-candidate-resp-22 .mail-sorticon {
  width: 5px;
}

.invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  table
  tbody
  td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  table
  thead
  th {
  padding-right: 5px;
  padding-left: 5px;
}

.invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
  .all-mail-list
  table
  tbody
  td
  > div {
  min-width: initial !important;
}

.new-invite-email-function-22 {
  padding: 0 40px;
  padding-top: 32px;
}

.new-invite-email-function-subject mat-form-field {
  display: block;
}

.new-invite-email-function-body quill-editor {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.new-invite-email-function-body quill-editor .ql-editor {
  padding-top: 64.5px;
  padding-bottom: 185px;
}

.invite-candidate-parent
  .new-invite-email-function-dropdown
  .dropdown-menu
  .dropdown-submenu {
  position: relative;
}

.invite-candidate-parent
  .new-invite-email-function-dropdown
  .dropdown-menu
  .dropdown-submenu
  .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.new-invite-email-function-dropdown .dropdown-toggle {
  height: 44px;
  min-width: 365px;
  border: 1px solid #4e5963;
  border-color: rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background-color: #f3f6f9;
  text-decoration: none !important;
  padding-left: 15px;
  padding-right: 30px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-init.svg);
  background-position: center right 8px;
  background-repeat: no-repeat;
  transition: 0.3s border-color ease;
}

.new-invite-email-function-dropdown-has-merge .dropdown-toggle {
  border-radius: 4px;
  text-decoration: none !important;
  padding-left: 5px;
  padding-right: 25px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-init.svg);
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arrow-design-2022.svg);
  background-position: center right 10px;
  background-repeat: no-repeat;
  background-size: 9px;
  color: #444444;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  height: 24px;
  background-color: #f3f4f9;
}

.new-invite-email-function-dropdown-has-merge
  .dropdown-toggle[aria-expanded="true"] {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arrow-design-2022-up.svg);
}

.new-invite-email-function-dropdown .dropdown-toggle:hover {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-down-vers-2-hover.svg);
  border-color: #4e5963;
  transition: 0.3s border-color ease;
}

.new-invite-email-function-dropdown .dropdown-toggle[aria-expanded="true"] {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/new-arro-up-vers-2-active.svg);
  border-color: #4e5963;
}

.new-invite-email-function-dropdown-button,
.new-invite-email-function-dropdown-value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.new-invite-email-function-dropdown-button-logo {
  margin-left: auto;
  padding: 0 5px;
  height: 21px;
  border-radius: 4px;
  background: #e2e6ea;
  line-height: 0;
  display: flex;
  align-items: center;
}

.new-invite-email-function-dropdown-button-logo img {
  height: 13px;
}

.new-invite-email-function-dropdown-button-title {
  color: #4e5963;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}

.new-invite-email-function-dropdown-value
  .new-invite-email-function-dropdown-button-title {
  font-size: 12px;
  line-height: 14px;
}

.invite-candidate-parent .new-invite-email-function-dropdown .dropdown-menu {
  left: 0;
  top: 49px !important;
  right: auto;
  border-radius: 0;
  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%);
  padding: 0;
  max-width: 365px;
  width: 100%;
}

.invite-candidate-parent
  .new-invite-email-function-dropdown
  .dropdown-menu
  .dropdown-menu {
  left: 100% !important;
  top: auto !important;
  bottom: 0;
  z-index: -1;
}

.invite-candidate-parent
  .new-invite-email-function-dropdown
  .dropdown-menu
  .dropdown-submenu:hover
  .dropdown-menu {
  transform: scale(1) !important;
  opacity: 1;
}

.invite-candidate-parent
  .new-invite-email-function-dropdown
  .dropdown-menu
  .dropdown-submenu {
  margin-right: -4px;
  padding-right: 4px;
}

.new-invite-email-function-dropdown-title {
  height: 34px;
  padding: 0 10px;
  padding-top: 15px;
  opacity: 0.5;
  color: #425366;
  font-family: Roboto;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 11px;
  text-transform: uppercase;
}

.new-invite-email-function-dropdown-value {
  height: 38px;
  padding: 0 20px;
}

.new-invite-email-function-dropdown-value-edit {
  display: flex;
  align-items: center;
}

.new-invite-email-function-dropdown-button-logo {
  position: relative;
}

.new-invite-email-function-dropdown-value-edit:hover
  .bquest-rating-info-tooltip {
  transform: scale(1);
  opacity: 1;
  bottom: 31px;
  top: auto;
  left: auto;
  right: 0;
}

.new-invite-email-function-dropdown-value-edit span {
  color: #425366;
  font-family: Roboto;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 11px;
  text-align: right;
  margin-left: 2px;
}

.new-invite-email-function-dropdown-value-edit
  .bquest-rating-info-tooltip::after {
  right: 20px;
  bottom: -4px;
  top: auto;
  left: auto;
}

.new-invite-email-function-dropdown-value-edit
  .bquest-rating-info-tooltip
  span {
  color: #fff;
}

.new-invite-email-function-dropdown-value-edit img {
  max-height: 10px;
}

.new-invite-email-function-dropdown-actcom {
  display: flex;
  height: 38px;
  padding: 0 20px;
  color: #425366;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  align-items: center;
  cursor: pointer;
  border-bottom: 2px solid #fff;
}

.new-invite-email-function-dropdown-save {
  background: #f4fdfb;
}

.new-invite-email-function-dropdown-delete {
  background: #fef5f8;
}

.new-invite-email-function-dropdown-save,
.new-invite-email-function-dropdown-delete {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/mail-func-carrot.svg);
  background-repeat: no-repeat;
  background-position: center right 18px;
}

.new-invite-email-function-dropdown-save.sav_eas {
  background-image: none;
}

.new-invite-email-function-dropdown-spacer {
  display: block;
  height: 1px;
  background: #eeeff0;
  margin-top: 8.5px;
  margin-bottom: 1.5px;
}

.new-invite-email-function-dropdown .new-invite-email-function-dropdown-value {
  cursor: pointer;
  background: #fff;
  transition: 0.3s background ease;
}

.new-invite-email-function-dropdown
  .new-invite-email-function-dropdown-value:hover {
  background: #eeeeee;
  transition: 0.3s background ease;
}

/*.new-invite-email-function-dropdown-scroll {
    max-height: 152px;
    overflow: auto;
}*/

.new-invite-email-function-subject .mat-form-field-infix input {
  color: #4e5963;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}

.new-invite-email-function-subject .mat-form-field-infix {
  border-top: 0;
}

.new-invite-email-function-subject
  .new_com_mat_design_field
  .mat-form-field-label {
  margin-bottom: 0;
  font-size: 14px;
  margin-top: 6px;
}

.new-invite-email-function-body {
  position: relative;
  margin-top: 21.5px;
}

.new-invite-email-function-dropdown-parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.invite-candidate-parent
  .new-invite-email-function-dropdown-has-merge
  .dropdown-menu {
  background-color: #ffffff;
  box-shadow: 0 8px 18px 0 rgb(0 0 0 / 8%);
  border-radius: 0;
  padding: 0;
  top: auto !important;
  bottom: 28px;
  left: auto !important;
  right: 0;
  max-width: 127px;
  min-width: initial;
}

.new-invite-email-function-dropdown-has-merge .dropdown-item:first-child,
.new-invite-email-function-dropdown-has-merge .dropdown-item:last-child {
  margin: 0;
}

.new-invite-email-function-dropdown-has-merge .dropdown-item {
  color: #425366;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 0;
  height: 32px;
  line-height: 32px;
  padding: 0 13px;
  border-bottom: 1px solid #fff;
  transition: 0.3s background ease;
}

.new-invite-email-function-dropdown-has-merge .dropdown-item:nth-child(1) {
  background: #f4fdfb;
}

.new-invite-email-function-dropdown-has-merge .dropdown-item:nth-child(2) {
  background: #f3f4f9;
}

.new-invite-email-function-dropdown-has-merge .dropdown-item:nth-child(3) {
  background: #f0f6fb;
}

.new-invite-email-function-dropdown-has-merge .dropdown-item:hover {
  background: #eeeeee;
  transition: 0.3s background ease;
}

.new-invite-email-function-body-footer-inner {
  background: #fafafa;
  padding-left: 10px;
  padding-right: 50px;
  padding-top: 18px;
  padding-bottom: 15px;
}

.new-invite-email-function-body-footer-title {
  margin-bottom: 10px;
  opacity: 0.6;
  color: #000000;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 11px;
}

.new-invite-email-function-body-footer-items {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.new-invite-email-function-body-footer-items-row {
  display: flex;
  align-items: flex-start;
}

.new-invite-email-function-body-footer-items-row
  + .new-invite-email-function-body-footer-items-row {
  margin-top: 10px;
}

.new-invite-email-function-body-footer-item {
  color: rgba(0, 0, 0, 0.5);
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
}

.new-invite-email-function-body-footer-item
  + .new-invite-email-function-body-footer-item::before {
  content: "";
  width: 1px;
  height: 22px;
  background: #d9dcdd;
  display: block;
  position: absolute;
  top: 5px;
  left: -40px;
}

.new-invite-email-function-body-footer-item span {
  display: block;
  color: #000;
}

.new-invite-email-function-body-footer-text {
  opacity: 0.6;
  color: #000;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.new-invite-email-function-body-footer-text a,
.new-invite-email-function-body-footer-text span {
  color: #0b7bff;
}

.new-invite-email-function-body-footer-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(134.47deg, #4561a8 0%, #6b45a8 100%);
  height: 34px;
  padding-left: 10px;
  padding-right: 14px;
}

.new-invite-email-function-body-footer-band-left {
  display: flex;
  align-items: center;
}

.new-invite-email-function-body-footer-band-left span {
  margin-right: 4px;
  font-size: 8px;
  color: #fff;
  line-height: normal;
}

.new-invite-email-function-body-footer-band-right {
  color: #ffffff;
  font-family: Roboto;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 11px;
  text-align: right;
}

.new-invite-email-function-subject .ql-toolbar {
  display: none;
}

.new-invite-email-function-22 .ql-editor.ql-blank::before {
  color: #4e5963;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-style: initial;
  opacity: 0.5;
  display: block !important;
}

.new-invite-email-function-body .editor-cus-wrapper {
  display: flex;
  flex-direction: column-reverse;
  align-items: initial;
}

.new-invite-email-function-22 .ql-editor:focus {
  box-shadow: none !important;
}

.new-invite-email-function-22 .ql-container {
  border: 0 !important;
}

.new-invite-email-function-22 .ql-toolbar {
  border: 0 !important;
  border-top: 1px solid #e3e6e7 !important;
}

.new-invite-email-function-22 .ql-editor {
  border: 1px solid !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  border-radius: 5px;
  transition: 0.3s border-color ease;
}

.new-invite-email-function-22 .ql-editor:hover {
  border: 1px solid !important;
  border-color: #4e5963 !important;
  transition: 0.3s border-color ease;
}

.new-invite-email-function-22 .ql-editor:focus {
  border-color: #4e5963 !important;
}

.new-invite-email-function-body .ql-editor {
  padding-top: 77.5px;
  padding-bottom: 288px;
  padding-bottom: 330px;
}

.new-invite-email-function-body-header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 20px;
  padding: 0 15px;
  line-height: 0;
}

.new-invite-email-function-body-footer {
  position: absolute;
  bottom: 54px;
  left: 15px;
  width: calc(100% - 30px);
  border: 1px dashed #979797;
}

.new-invite-email-function-body .ql-toolbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 30px);
  z-index: 1;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.new-invite-email-function-subject {
  position: relative;
}

.new-invite-email-function-subject::before,
.new-invite-email-function-body::before {
  display: block;
  padding: 0 3.5px;
  background: #fff;
  color: #4e5963;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: -7px;
  left: 12px;
  z-index: 1;
}

.new-invite-email-function-subject::before {
  content: "Subject";
}

.new-invite-email-function-body::before {
  content: "Email Body";
}

.new-invite-email-function-subject #edi-counter {
  opacity: 0.7;
  color: #4e5963;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 10px;
  text-align: right;
  position: absolute;
  right: 10px;
  top: 16.5px;
  display: block;
}

.new-invite-email-function-22 .new-invite-email-function-subject .ql-editor {
  padding-right: 30px;
}

.jabri-popup.delete-list.new_invite_common_template_popup {
  background: rgba(66, 83, 102, 0.8);
}

.jabri-popup.delete-list.new_invite_common_template_popup .jabri-popup-inner {
  border: 1px solid #fcfcfd;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 40px 0 rgb(0 0 0 / 4%);
  padding-top: 33px;
  padding-left: 28px;
  padding-bottom: 21px;
  padding-right: 44px;
  min-height: 200px;
  height: auto;
  max-width: 501px;
}

.jabri-popup.delete-list.new_invite_common_template_popup .delclose {
  line-height: 0;
  top: 20px;
  right: 20px;
}

.jabri-popup.delete-list.new_invite_common_template_popup .delclose img {
  max-width: 16px;
}

.new_invite_common_template_popup-title {
  color: #425366;
  font-family: Roboto;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 19px;
}

.new_invite_common_template_popup-desc {
  color: #4e5963;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 45px;
}

.jabri-popup.delete-list.new_invite_common_template_popup .del-delbtn,
.jabri-popup.delete-list.new_invite_common_template_popup .del-cancel {
  height: 42px;
  width: 102px;
  line-height: 42px;
  color: #a8b5c2;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.65px;
  text-align: center;
  margin: 0;
  margin-right: 11px;
}

.jabri-popup.delete-list.new_invite_common_template_popup .del-delbtn {
  background: #2cca83;
  color: #fff;
  margin-right: 0;
}

.jabri-popup.delete-list.new_invite_common_template_popup .del-cancel:hover {
  color: #fff;
}

.new_invite_common_template_popup-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.new_invite_common_template_popup-input.new_com_mat_design_field input,
.new_invite_common_template_popup-input.new_com_mat_design_field label {
  font-size: 14px;
  line-height: 16px;
}

.new_invite_common_template_popup-input.new_com_mat_design_field
  .mat-form-field-appearance-outline
  .mat-form-field-outline {
  height: 45px;
}

.new_invite_common_template_popup-input.new_com_mat_design_field
  .mat-form-field-appearance-outline
  .mat-form-field-infix {
  padding: 0.25em 0;
}

.new_invite_common_template_popup-input.new_com_mat_design_field
  .mat-form-field-label-wrapper {
  transform: translateY(-4px);
}

.new_invite_common_template_popup-input.new_com_mat_design_field {
  margin-bottom: 19px;
}

.new-invite-email-function-body-header-inner {
  border: 1px dashed #979797;
  background: #fafafa;
  padding: 5.5px 10px;
}

.new-invite-email-function-body-footer::before {
  content: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/mail-func-lock.svg);
  display: block;
  position: absolute;
  top: -6px;
  left: 12.5px;
  line-height: 0;
}

.dropdown.new-invite-email-function-dropdown-has-merge {
  position: absolute;
  bottom: 9px;
  left: 188px;
  z-index: 2;
}

.editor-cus-wrapper .ql-formats {
  position: relative;
  right: 10px;
}

.editor-cus-wrapper .ql-formats + .ql-formats {
  right: 22px;
}

.editor-cus-wrapper .ql-formats svg {
  transform: scale(0.9);
}

.new-invite-email-function-22
  .new-invite-email-function-subject
  .ql-editor.ql-blank::before {
  top: 15px;
}

.new-invite-email-function-22
  .new-invite-email-function-body
  .ql-editor.ql-blank::before {
  top: 80px;
}

.new-invite-email-function-body-footer-newdesc {
  opacity: 0.6;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  margin-bottom: 14px;
}

.new-invite-email-function-error {
  font-size: 12px;
  color: #f44336;
  margin-top: 5px;
  line-height: normal;
}

.new-invite-email-function-body-footer-item-1 {
  min-width: 185px;
  max-width: 185px;
}

.new-invite-email-function-body-footer-item-2 {
  min-width: 185px;
  max-width: 185px;
}

.new-invite-email-function-body-footer-item-3 {
  min-width: 185px;
  max-width: 185px;
}

.new-invite-email-function-body-footer-item-2,
.new-invite-email-function-body-footer-item-3 {
  margin-left: 80px;
}

.invite-candidate-resp-22.invite-candidate-parent.compose-job .form-action {
  z-index: 2;
}

.invite-candidate-resp-22.invite-candidate-parent.compose-job
  .form-action
  .new-design-datepick-dateform {
  min-height: 42px;
}

.invite-candidate-resp-22.invite-candidate-parent.compose-job
  .form-action
  .new-design-datepick-dateform-2 {
  margin-top: 3px;
}

.invite-candidate-resp-22.invite-candidate-parent.compose-job
  .form-action
  .new-design-datepick-dateform-1 {
  margin-bottom: 0;
}

.new_invite_common_template_popup-input.new_com_mat_design_field
  .mat-form-field-subscript-wrapper {
  padding-top: 5px;
}

/*invite-cand-resp-view-css-end*/
/*review-screen-new-req*/
.quest-slider .quest-detail.bx-active.blink-card {
  animation: redblink 0.5s linear 0s infinite alternate;
}

@keyframes redblink {
  0% {
    border-color: red;
  }

  100% {
    border-color: #fff;
  }
}

.bquest-rating-info-tooltip.redblink-card-tooltip {
  top: 64px;
  left: 10px;
  /*background: #fff;
    color: red;
    box-shadow: 0 0 10px -5px rgb(0 0 0 / 50%);
    border-radius: 5px;*/
}

.bquest-rating-info-tooltip.redblink-card-tooltip.active {
  opacity: 1;
  transform: scale(1);
}

.bquest-rating-info-tooltip.redblink-card-tooltip.bquest-rating-info-tooltip::after {
  left: 0;
  right: 0;
  /*background: #fff;
    border-top: 1px solid rgba(0,0,0,0.05);
    border-left: 1px solid rgba(0,0,0,0.05);*/
}

.quest-disabled-state {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 9;
  opacity: 0.6;
  border-radius: 8px;
  top: 0;
  left: 0;
}

.cand-detail-center div#showBxslide {
  position: relative !important;
}

.jd_preview_eye_btn {
  opacity: 0.5;
  color: #425366;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 6px;
  margin-top: -36px;
  margin-bottom: 10px;
  transition: 0.3s opacity ease;
}

.jd_preview_eye_btn:hover {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jd_preview_eye_btn img {
  margin-right: 4.5px;
}

.jabri-popup.jd_preview_job-popup {
  background: rgba(66, 83, 102, 0.8);
  opacity: 0;
  width: 0;
  height: 0;
  transform: scale(0);
  transition: 0.3s opacity ease;
}

.jabri-popup.jd_preview_job-popup.jabri-popup_fade {
  opacity: 1;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: 0.3s opacity ease;
}

.jabri-popup.jd_preview_job-popup .jabri-popup-inner {
  height: initial;
  border-radius: 6px;
  padding: 0;
}

.jd_preview_job-popup-title {
  height: 63px;
  background-color: #a8b5c2;
  box-shadow: 0 6px 40px 0 rgb(0 0 0 / 4%);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  align-items: center;
}

.jd_preview_job-popup-title {
  height: 63px;
  background-color: #a8b5c2;
  box-shadow: 0 6px 40px 0 rgb(0 0 0 / 4%);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  padding-left: 45px;
}

.jd_preview_job-popup-title img {
  margin-right: 6px;
}

.jabri-popup.jd_preview_job-popup .delclose {
  top: 19px;
  right: 20px;
}

.jabri-popup.jd_preview_job-popup .jabri-popup-inner {
  height: initial;
  border-radius: 6px;
  padding: 0;
  width: calc(100% - 100px);
  max-width: 1182px;
  background: #f3f4f8;
  background: transparent;
  top: 115px;
}

.jabri-popup.jd_preview_job-popup
  .jabri-app-parent.candidate-layout.public-view-job {
  background: #f3f4f8;
  padding-bottom: 70px;
}

.jd_preview_job-popup-scroller {
  max-height: 760px;
  overflow: auto;
  background: rgba(0, 0, 0, 0.2);
}

.jabri-popup.jd_preview_job-popup .cand-job-card-inner {
  margin-bottom: 0;
}

.dash-job.reviewscreentabs.super_admin_tabs {
  width: 100%;
}

.public-detailview.new_review_public_view.settingforadminlayout {
}

.public-detailview.settingforadminlayout .cand-detail-left {
  margin-top: 61px;
  height: calc(100vh - 165px);
}

.public-detailview.settingforadminlayout .cand-detail-center {
  margin-top: 61px;
}

.public-detailview.settingforadminlayout .cand-list-parent {
  height: auto;
}

.public-detailview.new_review_public_view.settingforadminlayout
  .cand-detail
  video,
.public-detailview.new_review_public_view.settingforadminlayout
  .review-video-container {
  height: calc(100vh - 550px) !important;
}

.public-detailview.new_review_public_view.settingforadminlayout
  #videoele
  .vid1-dimensions.vjs-fluid {
  padding-top: calc(100vh - 550px);
}

.public-detailview.new_review_public_view.settingforadminlayout .workflow-main {
  margin-top: 61px;
  height: calc(100vh - 165px);
  margin-bottom: 0;
  padding-bottom: 50px;
}

.public-detailview.new_review_public_view.settingforadminlayout
  .new-workflow-design-parent
  .workflow-main {
  margin-top: 100px;
  height: calc(100vh - 204px);
  padding-bottom: 0;
}

.public-detailview.new_review_public_view.settingforadminlayout
  .workflow
  .workflow-inner {
  max-height: calc(100vh - 340px);
}

.public-detailview.new_review_public_view.settingforadminlayout
  .new-invite-email-function-22
  .new-invite-email-function-body
  .ql-editor.ql-blank::before,
.public-detailview.new_review_public_view.settingforadminlayout
  .new-invite-email-function-22
  .new-invite-email-function-subject
  .ql-editor.ql-blank::before {
  display: none !important;
}

/*review-screen-new-req-end*/
/*14-2-2022-REVIEW-SCREEN-QUESTION-CARD-NEW-DESIGN-END*/
/*REV-API-27-5-2022*/
.rev-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: flex-start;
}

.rev-button {
  position: relative;
  color: #7b8794;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  cursor: pointer;
  background: transparent;
  transition: 0.3s all ease;
  padding: 0 5px;
}

.rev-button:hover {
  background: #f8f9fb;
  transition: 0.3s all ease;
}

.sentiment-actions-inner {
  max-width: 240px;
}

.sentiment-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sentiment-progress {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0.5rem;
}

.sentiment-progress span {
  width: 50%;
  height: 7px;
  cursor: pointer;
}

.sentiment-progress-1 {
  background: #ee3524;
}

.sentiment-progress-2 {
  background: #17be9a;
}

.senti-dark-red-btn {
  background: #ee3524;
}

.senti-light-red-btn {
  background: rgba(238, 53, 36, 0.5);
}

.senti-gray-btn {
  background: #e6e6e6;
}

.senti-light-green-btn {
  background: rgba(23, 190, 154, 0.6);
}

.senti-dark-green-btn {
  background: #17be9a;
}

.sentiment-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  border-radius: 5px;
  overflow: hidden;
}

.sentiment-buttons a {
  position: relative;
  height: 32px;
  width: 20%;
}

.sentiment-buttons img {
  position: absolute;
}

.sentiment-inner {
  padding: 26px;
}

.sentiment-labels span {
  color: #425366;
  font-size: 14px;
  letter-spacing: -0.23px;
  line-height: 16px;
}

.sentiment-buttons img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 16px;
  opacity: 0;
}

.senti-gray-btn span {
  color: #89939f;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 32px;
}

.sentiment-actions {
  margin-bottom: 40px;
}

.sentiment-input-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
  font-weight: bold;
  color: #425366;
  letter-spacing: 1px;
  line-height: normal;
  margin-bottom: 10px;
}

.sentiment-input .bquest-rating-info-tooltip {
  text-transform: initial;
  letter-spacing: normal;
  font-weight: normal;
}

.sentiment-input .bquest-rating-info {
  margin-left: 5px;
}

.sentiment-input .bquest-rating-info_newicon,
.sentiment-input .bquest-rating-info {
  width: 15px;
  height: 15px;
  background-size: 15px;
}

.sentiment-input .bquest-rating-info-tooltip {
  bottom: 25px;
  top: auto;
  left: -56.5px;
}

.bquest-rating-info-tooltip::after {
  bottom: -3px;
  top: auto;
  left: -31px;
  right: 0;
}

.sentiment-input-area {
  height: 500px;
  overflow: auto;
  border: 1px solid #e6e6e6;
  padding: 10px 15px;
  line-height: normal;
}

.sentiment-speaker {
  display: block;
  color: #425366;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}

.sentiment-sentence,
.topic-sentence {
  color: #425366;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  margin-right: 5px;
  position: relative;
}

.sentiment-sentence:hover {
  background: #e6e6e6;
}

.sentiment-stats {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  top: 0;
  margin-top: 26px;
  background: #333;
  color: #fff;
  z-index: 1;
  padding: 8px;
  font-size: 12px;
  border-radius: 5px;
  line-height: normal;
  width: 125px;
  opacity: 0;
  transform: scale(0);
  transition: 0.5s opacity ease;
}

.sentiment-sentence:hover .sentiment-stats {
  opacity: 1;
  transform: scale(1);
  transition: 0.5s opacity ease;
}

.sentiment-stats-row {
  display: block;
}

.sentiment-stats-row-item + .sentiment-stats-row-item {
  margin-left: 3px;
}

.senti-gray-btn.active span {
  opacity: 0;
}

.sentiment-buttons a.active img {
  opacity: 1;
}

.sentiment-input-area.show-gray .sentiment-sentence.has-dark-red,
.sentiment-input-area.show-dark-red .sentiment-sentence.has-dark-red {
  background: #ee3524;
  color: #fff;
}

.sentiment-input-area.show-gray .sentiment-sentence.has-light-red,
.sentiment-input-area.show-light-red .sentiment-sentence.has-light-red {
  background: rgba(238, 53, 36, 0.5);
  color: #fff;
}

.sentiment-input-area.show-gray .sentiment-sentence.has-light-green,
.sentiment-input-area.show-light-green .sentiment-sentence.has-light-green {
  background: rgba(23, 190, 154, 0.6);
  color: #fff;
}

.sentiment-input-area.show-gray .sentiment-sentence.has-dark-green,
.sentiment-input-area.show-dark-green .sentiment-sentence.has-dark-green {
  background: #17be9a;
  color: #fff;
}

.jabri-popup.new_job_list_share_job_popup.sentiment-analysis .jabri-popup-inner,
.jabri-popup.new_job_list_share_job_popup.topic-extraction .jabri-popup-inner {
  width: 1200px;
  top: 100px;
}

.jabri-popup.new_job_list_share_job_popup.sentiment-analysis .delclose,
.jabri-popup.new_job_list_share_job_popup.topic-extraction .delclose {
  z-index: 2;
}

.topic-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.topic-leftbar {
  width: 240px;
  padding-right: 32px;
}

.topic-right-aside {
  width: calc(100% - 240px);
}

.topic-leftbar-inner {
  border: 1px solid #e6e6e6;
  height: 500px;
}

.topic-leftbar-head-title {
  color: #425366;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.topic-leftbar-head-title .bquest-rating-info {
  margin-left: 3px;
}

.topic-leftbar-head {
  position: relative;
  padding: 10px;
  line-height: normal;
  border-bottom: 1px solid #e6e6e6;
}

.topic-leftbar-head .bquest-rating-info_newicon {
  background-size: 12px;
}

.topic-leftbar-head .bquest-rating-info-tooltip {
  top: auto;
  bottom: 22px;
  width: 220px;
  left: -103px;
}

.topic-leftbar-head .bquest-rating-info-tooltip::after {
  left: 0;
  right: 0;
}

.topic-range-slider {
  width: 100%;
}

.topic-count {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 12px;
  width: 32px;
  height: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 4px;
  line-height: 18px;
}

.topic-leftbar-body-item {
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}

.topic-leftbar-body-item:hover,
.topic-leftbar-body-item.active,
.topic-sentence.topic-lightup {
  background: rgba(74, 144, 226, 0.6);
  color: #fff;
}

.topic-leftbar-body {
  padding: 10px;
}

.topic-leftbar-popup {
  position: absolute;
  right: -100px;
  margin: 0 auto;
  display: block;
  top: -11px;
  background: #333;
  color: #fff;
  z-index: 1;
  padding: 8px;
  font-size: 12px;
  border-radius: 5px;
  line-height: normal;
  width: 90px;
  opacity: 0;
  transform: scale(0);
  transition: 0.5s opacity ease;
}

.topic-leftbar-body-item:hover .topic-leftbar-popup {
  opacity: 1;
  transform: scale(1);
  transition: 0.5s opacity ease;
}

/*REV-API-27-5-2022-END*/
/*SUBSCRIPTION-PAGE-VARIOUS-HTML-3-8-22*/
.jabri-plan-blocks {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.jabri-plan-block {
  width: 220px;
  background: #fff;
  padding: 20px 40px;
  border-radius: 5px;
  min-height: 440px;
}

.jabri-plan-block + .jabri-plan-block {
  margin-left: 40px;
}

.jabri-plan-block-title {
  font-size: 20px;
  text-align: center;
}

.jabri-plan-block-price {
  text-align: center;
  opacity: 0.5;
  margin-bottom: 20px;
}

.jabri-plan-block ul {
  list-style-type: disc;
}

.jabri-plan-block-actions {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  margin-top: 30px;
}

.jabri-plan-block-actions a {
  background: #2cca83;
  color: #fff !important;
  display: block;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
}

.jabri-plan-block-actions span + span {
  display: block;
  font-size: 10px;
  letter-spacing: initial;
  text-transform: initial;
}

.plan-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.plan-toggle .notifications {
  max-width: initial;
  margin: initial;
  text-align: initial;
  position: relative;
}

.plan-toggle .notifi-switch {
  position: relative;
  margin: 0 8px;
  height: 20px;
  width: 40px;
}

.plan-toggle .notifications .slider {
  background: #f3f6f9;
  border: 1px solid rgba(168, 181, 194, 0.25);
}

.plan-toggle .notifications input + .slider::before {
  background-color: #2cca83;
  box-shadow: 0 2px 8px 0 rgb(44 202 131 / 61%);
}

.plan-toggle .notifications input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.plan-toggle .notifications .slider:before {
  height: 20px;
  width: 20px;
  left: -1px;
  bottom: -1px;
}

.plan-toggle-label {
  font-size: 16px;
  line-height: 19px;
}

.jabri-payment-invoice {
  display: flex;
  align-items: center;
}

.jabri-payment-sections {
  max-width: 700px;
  margin: auto;
  background: #fff;
  border-radius: 5px;
  padding: 30px;
  margin-top: 50px;
}

.jabri-payment-comm-title {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.jabri-payment-invoice-row-1,
.jabri-payment-invoice-row-2 {
  width: 180px;
}

.jabri-payment-invoice + .jabri-payment-invoice {
  margin-top: 5px;
}

.jabri-payment-card-action-tiles {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.jabri-payment-card-action-tile {
  width: 275px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 10px -5px rgb(0 0 0 / 50%);
  min-height: 140px;
  margin-bottom: 30px;
}

.jabri-payment-card-action-tile-inn {
  padding: 15px;
  padding-bottom: 0;
}

.jabri-payment-card-action-tile + .jabri-payment-card-action-tile {
  margin-left: 30px;
}

.jabri-payment-addcard-feild {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.jabri-payment-addcard-feild label {
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px;
  opacity: 0.7;
  margin: 0;
  margin-bottom: 5px;
}

.jabri-payment-addcard-feild input {
  border: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 40px;
  padding: 0 10px;
}

.jabri-payment-section + .jabri-payment-section {
  border-top: 1px solid #e4e7ed;
  padding-top: 32px;
  margin-top: 37px;
}

.jabri-payment-plan-title {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 5px;
  line-height: normal;
}

.jabri-payment-plan-subtitle {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 15px;
  font-weight: 300;
}

.jabri-payment-plan-links {
  display: flex;
  align-items: center;
}

.jabri-payment-plan-link {
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jabri-payment-plan-link:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.jabri-payment-plan-link-1 {
  background: #2cca83;
  color: #fff;
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
  border-radius: 17px;
  font-size: 12px;
}

.jabri-payment-plan-link-2 {
  font-size: 12px;
  padding: 0 15px;
  color: #89939f;
  text-decoration: underline;
}

/*SUBSCRIPTION-PAGE-VARIOUS-HTML-3-8-22-END*/
/*SIGNUP-BILLING-8-8-22*/
body.jab-signup {
  background: #fff;
}

.jab22_signup {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.jab22_signup-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 24vw;
  background: #f3f4f9;
}

.jab22_signup-right {
  width: 100%;
  height: 100vh;
  position: relative;
  padding: 85px 0;
  overflow: auto;
}

.jab22_signup-right-inner {
  max-width: 637px;
  margin: 0 auto;
  /*margin: auto;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);*/
}

.jab22_signup-title {
  text-align: center;
  font-size: 40px;
  line-height: 47px;
  margin-bottom: 12px;
}

.jab22_signup-subtitle {
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 35px;
}

.jab22_signup
  .jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single
  .ng-select-container
  + .ng-dropdown-panel {
  padding-top: 0;
}

.jab22_signup
  .jabri_new_uistyle-form-group-select
  .ng-select
  .ng-select-container
  .ng-value-container
  .ng-placeholder {
  /* font-size: 1rem; */
  color: #a7acb2;
}

.jab22_signup
  .jabri_new_uistyle-form-group-select
  .ng-select.ng-select-single
  .ng-select-container
  .ng-value-container {
  padding-left: 0.75em;
}

.jab22_signup
  .jabri_new_uistyle-form-group-select
  .ng-select
  .ng-select-container
  .ng-value-container
  .ng-input
  > input,
.jab22_signup .jabri_new_uistyle-form-group-select .ng-value-label {
  font-size: 1rem;
  color: #4e5963;
}

.jab22_signup .login-parent {
  position: static;
  border-radius: 0;
  margin: initial;
  box-shadow: initial;
  background: transparent;
  max-width: initial;
  height: initial !important;
}

.jab22_signup-terms {
  text-align: center;
  margin-top: 25px;
  color: #a8b5c2;
}

.jab22_signup-terms a {
  color: #000;
  text-decoration: underline;
}

.jab22_signup-news-inn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.jab22_signup-news .custom-check {
  margin: 0;
  margin-right: 10px;
}

.jab22_signup-news-txt {
  font-size: 12px;
  color: #333333;
  line-height: 14px;
}

.jab22_signup-news {
  margin-bottom: 20px;
}

body.jab-payment {
  background: #fff;
}

.jab22_payment {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.jab22_payment-inn {
  max-width: 580px;
  margin: 0 auto;
}

.jab22_signup .card {
  border: 0;
}

.jab22_payment .login-parent {
  position: static;
  border-radius: 0;
  margin: initial;
  box-shadow: initial;
  background: transparent;
  max-width: initial;
  height: initial !important;
}

.jab22_signup .ngx-cc-suffix {
  top: -0.9rem;
}

.jab22_payment-half-cols {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.jab22_payment-half-cols .new_com_mat_design_field {
  width: 47.5%;
}

.jab22_payment-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 460px;
  background: #f3f4f9;
}

.jab22_payment-right {
  width: 100%;
  height: 100vh;
  position: relative;
  padding-top: 100px;
}

.jab22_pricing-button {
  position: relative;
  cursor: pointer;
  padding: 29px 20px;
  width: 205px;
  border: 1px solid #f0f0f4;
  border-radius: 20px;
  text-align: center;
  box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, 0);
  transition: 0.3s all ease;
}

.jab22_pricing-button:hover {
  border: 1px solid #000;
  transition: 0.3s all ease;
}

.jab22_pricing-button.active {
  border: 1px solid #2cca83;
  box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, 0.08);
  transition: 0.3s all ease;
}

.jab22_pricing-button-title {
  color: #0e0e0e;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
  text-align: center;
  margin-bottom: 10px;
}

.jab22_pricing-button-price {
  color: #0e0e0e;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  transition: 0.3s color ease;
}

.jab22_pricing-button.active .jab22_pricing-button-price {
  color: #4561a8;
  transition: 0.3s color ease;
}

.jab22_pricing-button-price span {
  font-size: 22px;
}

.jab22_pricing-button-subtitle {
  color: #0e0e0e;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  font-weight: normal;
}

.jab22_pricing-button-inn {
  opacity: 0.7;
  transition: 0.3s opacity ease;
}

.jab22_pricing-button:hover .jab22_pricing-button-inn,
.jab22_pricing-button.active .jab22_pricing-button-inn {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jab22_pricing-buttons {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 20px;
}

.jab22_pricing-button + .jab22_pricing-button {
  margin-left: 10px;
}

.jab22_signup form {
  max-width: 580px;
  margin: 0 auto;
}

.jab22_duration-toggle {
  margin-bottom: 35px;
}

.jab22_signup-terms {
  font-size: 12px;
  line-height: 14px;
}

.jab22_signup-terms {
  margin-top: 20px;
}

.jab22_signup .signup-text {
  margin-top: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jab22_signup .signup-text a {
  margin-left: 5px;
}

.jabri-payment-card-detail-1 {
  font-size: 16px;
  line-height: 34px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.jabri-payment-card-detail-2 {
  font-size: 14px;
  line-height: 24px;
}

.jabri-payment-card-detail-3 {
  color: #89939f;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 22px;
}

.jabri-payment-card-actions,
.jabri-payment-card-actions a {
  color: #89939f;
  font-size: 12px;
  line-height: normal;
}

.jabri-payment-card-actions a {
  text-decoration: underline;
}

.jabri-payment-card-actions span {
  margin: 0 3px;
}

.jabri-payment-card-actions {
  margin-left: 10px;
}

.jabri-payment-card-detail-add {
  font-size: 12px;
  color: #89939f;
  text-decoration: underline;
  cursor: pointer;
}

.jabri-payment-invoice-row-1,
.jabri-payment-invoice-row-2,
.jabri-payment-invoice-row-3 {
  font-size: 14px;
  line-height: 24px;
}

.jabri-payment-invoice-row-3 a {
  color: #89939f;
  text-decoration: underline;
}

.jab22-otp {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 590px;
}

.jab22-otp-title {
  color: #425366;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 8px;
}

.jab22-otp-subtitle {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}

.jab22-otp-subtitle span {
  font-weight: bold;
}

.jab22-otp-input {
  position: relative;
  margin: 32px 0;
}

.jab22-otp-text {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin-bottom: 8px;
}

.jab22-otp-action button {
  background: #2cca83;
  color: #fff;
  height: 40px;
  padding: 0 20px;
  border-radius: 4px;
  transition: 0.3s background ease;
}

.jab22-otp-action button:hover {
  background: #56d59c;
  transition: 0.3s background ease;
}

.jab22-otp-text button {
  color: #89939f;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jab22-otp-text button:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.jab22-otp .otp-input {
  font-weight: 300 !important;
  font-size: 3rem !important;
  height: 110px !important;
  width: 89px !important;
  border-radius: 0;
  border-color: rgb(234, 234, 235);
}

.jab22-otp .wrapper .otp-input {
  margin-right: 0 !important;
}

.jab22-otp .otp-input:nth-child(1),
.jab22-otp .otp-input:nth-child(4) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.jab22-otp .otp-input:nth-child(2),
.jab22-otp .otp-input:nth-child(5) {
  border-left: 0;
  border-right: 0;
}

.jab22-otp .otp-input:nth-child(3),
.jab22-otp .otp-input:nth-child(6) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.jab22-otp .otp-input:nth-child(3) {
  margin-right: 48px !important;
}

.jab22-otp-input-inn {
  position: relative;
  display: inline-block;
}

.jab22-otp-input-inn::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  background: #000;
  height: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.jab22-otp-error {
  font-size: 13px;
  position: absolute;
  bottom: -22px;
  color: red;
  left: 0;
}

.jabri-payment-plan-title span {
  color: #89939f;
  font-size: 10px;
  font-weight: normal;
}

.jabri-payment-card-action-tile-label {
  border-top: 1px solid #ccc;
  padding: 6px 15px;
  text-transform: uppercase;
  font-size: 12px;
}

.jabri-payment-card-action-tile.jabri-payment-card-details-add {
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #ccc;
  cursor: pointer;
}

.jabri-payment-billing-action {
  font-size: 12px;
  color: #89939f;
  text-decoration: underline;
}

.jabri-payment-billing-action {
  font-size: 12px;
  color: #89939f;
  text-decoration: underline;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  right: 10px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jabri-payment-billing-action:hover {
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.jabri-payment-sections .login-parent {
  position: static;
  border-radius: 0;
  margin: initial;
  box-shadow: initial;
  background: transparent;
  max-width: initial;
  height: initial !important;
}

.jabri-payment-sections .login-parent {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.jabri-payment-sections .login-parent button,
.jabri-payment-section-cancel {
  font-size: 16px;
  max-width: 150px;
  max-height: 52px;
  letter-spacing: initial;
}

.jabri-payment-sections .back-btn.jabri-payment-section-cancel {
  text-transform: initial !important;
  cursor: pointer;
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jabri-payment-sections .card {
  border: 0;
}

.jabri-payment-sections .ngx-cc-suffix {
  top: -0.9rem;
}

.jabri-payment-billing-address {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 5px;
}

.jabri-payment-billing-address div + div {
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  color: #89939f;
}

.jabri-payment-billing-address div:first-child {
  margin-bottom: 8px;
}

.jabri-payment-card-action-tile:nth-child(2n + 1) {
  margin-left: 0;
}

.jabri-payment-card-action-tile:nth-last-child(1),
.jabri-payment-card-action-tile:nth-last-child(2) {
  margin-bottom: 0;
}

.jabri-payment-card-action-make-prime span {
  background: #89939f;
  text-transform: initial;
  color: #fff;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 0 5px;
  border-radius: 2px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jabri-payment-card-action-make-prime span:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.plan-toggle-label span {
  color: #2cca83;
  margin-left: 4px;
}

.jab22_pricing-button-recom {
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #d8d8d8;
  max-width: 100px;
  font-size: 12px;
  line-height: normal;
  padding: 5px 0;
  border-radius: 5px;
  font-weight: normal;
}

.jab22_pricing-button-recom::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background: #d8d8d8;
  position: absolute;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -5px;
  z-index: -1;
}

.upgrade-plan-band {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999999;
  height: 40px;
  border: 1px solid #ff3b09;
  background-color: #ffece8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upgrade-plan-band img {
  margin-right: 14px;
}

.upgrade-plan-band-inn {
  font-size: 14px;
  line-height: normal;
  color: #111;
}

.upgrade-plan-band-inn span {
  cursor: pointer;
  margin-left: 10px;
  text-transform: uppercase;
  color: #4561a8;
  text-decoration: underline;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.upgrade-plan-band-inn span:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.jabri-upgrade-plan-popup .jabri-popup-inner {
  padding: 0;
  padding-top: 77px;
  padding-bottom: 58px;
  height: auto;
  min-height: 414px;
  max-width: 600px;
  top: 184px;
}

.jabri-upgrade-plan-popup-inn img {
  margin: 0 auto;
  display: block;
  width: 86px;
  box-shadow: 0 0 50px 25px #ffeee8;
  border-radius: 100%;
}

.jabri-upgrade-plan-popup-title {
  color: #425366;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  margin: 0 auto;
  margin-top: 33px;
  margin-bottom: 42px;
  max-width: 374px;
}

.jabri-upgrade-plan-popup-action {
  cursor: pointer;
  height: 40px;
  width: 167px;
  border-radius: 4px;
  background-color: #4561a8;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  line-height: 40px;
  margin: 0 auto;
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jabri-upgrade-plan-popup-action:hover {
  opacity: 0.8;
  transition: 0.3s opacity ease;
}

.jabri-upgrade-plan-popup .delclose {
  top: 25px;
  right: 29px;
}

.jabri-upgrade-plan-popup .delclose img {
  width: 20px;
}

.jab22_pricing-button.jb-btn-free_plan .jab22_pricing-button-30days {
  font-size: 11px;
  color: #555;
  margin-bottom: 15px;
}

.jab22_pricing-button.jb-btn-free_plan .jab22_pricing-button-price {
  margin-bottom: 5px;
}

.jab22_pricing-button.jb-btn-free_plan
  + .jab22_pricing-button
  .jab22_pricing-button-price,
.jab22_pricing-button.jb-btn-free_plan
  + .jab22_pricing-button
  + .jab22_pricing-button
  .jab22_pricing-button-price {
  margin-bottom: 36.5px;
}

.jab22-trial-text {
  text-align: center;
  font-size: 14px;
  color: #555;
  line-height: normal;
  margin-bottom: 25px;
}

.jab22-user-loginfo {
  position: fixed;
  top: 83px;
  right: 50px;
  z-index: 1;
  display: flex;
  align-items: center;
}

.jab22-user-loginfo img.jab22-user-loginfo-img {
  border-radius: 100%;
  width: 50px;
  margin-right: 10px;
  border: 1px solid #d8d8d8;
}

.jab22-user-loginfo span {
  font-size: 14px;
}

body.has-upgrade-plan-band .jabri-sidebar {
  top: 40px;
  max-height: calc(100vh - 40px);
}

body.has-upgrade-plan-band .jabri-topbar {
  top: 40px;
}

body.has-upgrade-plan-band .jabri-main-content {
  height: calc(100% - 120px);
}

body.has-upgrade-plan-band .reviewscreentabs {
  top: 141px;
}

body.has-upgrade-plan-band .notifi-categories,
body.has-upgrade-plan-band .notifi-item {
  top: 40px;
  height: calc(100% - 40px);
}

body.has-upgrade-plan-band .notificat ul {
  height: calc(100vh - 247px);
}

body.has-upgrade-plan-band notifier-notification {
  top: 52px !important;
}

body.has-upgrade-plan-band #videoele .vid1-dimensions.vjs-fluid {
  padding-top: calc(100vh - 586px);
}

body.has-upgrade-plan-band .cand-detail video,
body.has-upgrade-plan-band .review-video-container {
  height: calc(100vh - 586px) !important;
}

body.has-upgrade-plan-band .cand-list-parent {
  height: calc(100vh - 365px);
}

.jab22-user-loginfo .dropdown button {
  display: flex;
  align-items: center;
}

.jab22-user-loginfo span + img {
  margin-left: 5px;
}

.jab22-user-loginfo .dropdown.show span + img {
  transform: rotate(180deg);
}

.jab22_pricing-current-plan {
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  color: #888;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.jab22-user-loginfo .dropdown-menu {
  min-width: initial;
  max-width: 158px;
  left: auto !important;
}

.jab22-user-loginfo .dropdown-menu .dropdown-item {
  margin: 0;
  padding: 0 21px;
}

.workflow-main.analytics-layout {
  margin-bottom: 0;
  height: auto;
}

.jabri-popup.cancel-plan-pop .jabri-popup-inner {
  height: initial;
  padding-bottom: 60px;
}

.jabri-popup.cancel-plan-pop .deldesc {
  margin-bottom: 15px;
}

.jabri-popup.cancel-plan-pop .feedback-main.feedback-text {
  position: relative;
  padding: 0;
  line-height: 0;
}

.jabri-popup.cancel-plan-pop .feedback-main textarea {
  margin-bottom: 30px;
}

.jabri-popup.cancel-plan-pop
  .feedback-main.feedback-text
  .plan-feedback-text-error {
  color: red;
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  left: 0;
}

.jab22-upgrade-plan-tile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  cursor: initial;
}

.jab22-upgrade-plan-tile-blur-bg {
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/dummy-upgrade-tile.jpg);
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(4px);
}

.jab22-upgrade-plan-tile-action {
  cursor: pointer;
  height: 37px;
  width: 123px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4e5963;
  font-size: 12px;
  letter-spacing: -0.09px;
  line-height: 14px;
  transition: 0.3s all ease;
}

.jab22-upgrade-plan-tile-action:hover {
  color: #fff;
  background-color: #2cca83;
  transition: 0.3s all ease;
}

.jab22-upgrade-plan-tile-action::before {
  content: "";
  width: 13px;
  height: 16px;
  display: block;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/black-upgrade-lock.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s all ease;
  margin-right: 6px;
}

.jab22-upgrade-plan-tile-action:hover:before {
  background-size: 13px;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/white-upgrade-lock.svg);
  transition: 0.3s all ease;
}

.cand-detail-list-item.has-upgrade-tile {
  cursor: initial;
}

.new_account_permis_popup-tbody-row-title .bquest-rating-info-tooltip::after {
  bottom: auto;
  top: -3px;
}

.jab22-createjob-drop-title {
  opacity: 0.44;
  color: #000000;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 10px;
}

.jab22-createjob-drop-icon {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
}

button[aria-expanded="true"] .jab22-createjob-drop-icon,
button.dropdown-toggle:hover .jab22-createjob-drop-icon {
  background: #fff;
}

.jab22-createjob-drop-desc {
  opacity: 0.44;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.jab22-createjob-drop .dropdown button {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 6px;
  margin-left: -6px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  background: transparent;
  transition: 0.3s background ease;
}

.jab22-createjob-drop .dropdown button:hover,
.jab22-createjob-drop .dropdown button[aria-expanded="true"],
.jab22-createjob-drop .dropdown.show button {
  background: #f0f3f8;
  transition: 0.3s background ease;
}

.jab22-createjob-drop .dropdown {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 52px;
  min-width: 451px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 25px;
  background: transparent;
  transition: 0.3s background ease;
}

.jab22-createjob-drop .dropdown:hover,
.jab22-createjob-drop .dropdown.show {
  background: #fff;
  transition: 0.3s background ease;
}

.jab22-createjob-drop .dropdown:hover .jab22-createjob-drop-icon,
.jab22-createjob-drop .dropdown.show .jab22-createjob-drop-icon {
  background: #f0f3f8;
  transition: 0.3s background ease;
}

.jab22-createjob-drop {
  position: relative;
}

.jab22-createjob-drop .dropdown button img {
  margin-left: 6px;
  transform: rotate(0deg);
  /*transition: 0.3s transform ease;*/
}

.jab22-createjob-drop .dropdown button[aria-expanded="true"] img {
  transform: rotate(180deg);
  /*transition: 0.3s transform ease;*/
}

.jab22-createjob-drop .dropdown-menu {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 8px 18px 0 rgb(0 0 0 / 8%);
  border: 0;
  top: 24px !important;
  left: -46px !important;
  max-width: initial;
  width: initial;
  min-width: 451px;
  overflow: hidden;
}

.jab22-createjob-drop .dropdown-item {
  cursor: pointer;
  margin: 0 !important;
  height: 60px;
  background: #fff;
  transition: 0.3s background ease;
}

.jab22-createjob-drop .dropdown-item:hover {
  background: #f9f9fa;
  transition: 0.3s background ease;
}

.jab22-createjob-drop .droptitle {
  opacity: 0.6;
  color: #425366;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  transition: 0.3s opacity ease;
}

.jab22-createjob-drop .dropdown-item:hover .droptitle {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jab22-createjob-drop-icon img {
  display: none;
}

.jab22-createjob-drop.company-selected
  .jab22-createjob-drop-icon
  img.privacy-company,
.jab22-createjob-drop.private-selected
  .jab22-createjob-drop-icon
  img.privacy-private,
.jab22-createjob-drop.custom-selected
  .jab22-createjob-drop-icon
  img.privacy-custom {
  display: block;
}

.new_job_list_share_job_popup-head-inn {
  margin-left: 14px;
  max-width: calc(100% - 46px);
}

.jab22-joblist-card-actions.new-job-card-shared-with-info-right,
.jab22-joblist-card-actions.new-job-card-shared-with-info-right .dropdown {
  position: static;
}

.new_job_list_design_22
  .job-list-tile
  .jab22-joblist-card-actions
  .dropdown-menu {
  width: calc(100% + 40px);
  right: -20px !important;
  top: 46px !important;
  border-radius: 20px;
  transition: none !important;
}

.new_job_list_design_22
  .job-list-tile
  .jab22-joblist-card-actions
  .dropdown-menu
  .dropdown-item {
  position: relative;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 62px;
  cursor: pointer;
}

.new_job_list_design_22
  .job-list-tile
  .jab22-joblist-card-actions
  .dropdown-menu
  .dropdown-item:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.new_job_list_design_22
  .job-list-tile
  .jab22-joblist-card-actions
  .dropdown-menu
  .dropdown-item:hover {
  background: #f1f3f4;
}

.new_job_list_design_22
  .job-list-tile
  .jab22-joblist-card-actions
  .dropdown-menu
  .dropdown-item
  .droptitle {
  display: block;
  width: auto;
  height: auto;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  margin-bottom: 3px;
}

.jab22-joblist-card-actions .jab22-createjob-drop-desc {
  font-size: 10px;
  line-height: 11px;
}

.jab22-joblist-card-actions-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  margin: auto;
  background: #f1f3f4;
}

.jab22-joblist-card-actions-icon img {
  opacity: 0.5;
}

.new_job_list_design_22
  .job-list-tile
  .jab22-joblist-card-actions
  .dropdown-menu
  .dropdown-item:hover
  .jab22-joblist-card-actions-icon {
  background: #fff;
}

.new_job_list_design_22
  .job-list-tile
  .jab22-joblist-card-actions
  .dropdown-menu
  .dropdown-item:hover
  .jab22-joblist-card-actions-icon
  img {
  opacity: 1;
}

.jab22-joblist-card-actions-label {
  opacity: 0.44;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 36px;
  padding: 0 20px;
}

.jab22-joblist-card-actions-tooltips {
  position: absolute;
  bottom: 46px;
  right: 0;
  display: none;
}

.jab22-joblist-card-actions:hover .jab22-joblist-card-actions-tooltips {
  display: block;
}

.jab22-joblist-card-actions-tooltip {
  display: none;
  background: rgba(32, 33, 36, 1);
  border-radius: 2px;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
  padding: 5px 10px;
  z-index: 1;
  position: relative;
}

.jab22-joblist-card-actions-tooltip::before {
  content: "";
  width: 10px;
  height: 10px;
  background: rgba(32, 33, 36, 1);
  display: block;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 auto;
  bottom: -5px;
}

.jab22-joblist-card-actions-tooltip span {
  display: block;
}

.jab22-joblist-card-actions.company-selected
  .jab22-joblist-card-actions-tooltip.company-tooltip {
  display: block;
  left: 37px;
}

.jab22-joblist-card-actions.private-selected
  .jab22-joblist-card-actions-tooltip.private-tooltip {
  display: block;
  left: 9px;
}

.jab22-joblist-card-actions.custom-selected
  .jab22-joblist-card-actions-tooltip.custom-tooltip {
  display: block;
  /*left: 4px;
    left: -19px;*/
  left: 25px;
}

.jabreadcrumbs.bread-for-signup {
  left: 50px;
  top: 94px;
  box-shadow: none;
  background: none;
}

.jabreadcrumbs.bread-for-signup .jabread-inner {
  padding: 0;
}

.bottomcardpop.bottom-card-pop {
  z-index: 10;
}

.dropdown.show + .jab22-joblist-card-actions-tooltips {
  display: none;
}

.multi-co-item.company-disabled {
  position: relative;
  cursor: initial;
  background: rgba(237, 239, 246, 0.25);
}

.multi-co-item.company-disabled::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/black-upgrade-lock.svg);
}

.multi-co-item.company-disabled .multi-co-logo,
.multi-co-item.company-disabled .multi-co-details {
  opacity: 0.5;
}

.jab22-createjob-drop_menu .dropdown-item {
  position: relative;
  padding-left: 57px;
  padding-right: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.jab22-createjob-drop_menu-icon {
  line-height: normal;
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: #f1f3f4;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.jab22-createjob-drop_menu-title {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 6px;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.jab22-createjob-drop_menu-desc {
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  opacity: 0.5;
  transition: 0.3s opacity ease;
}

.jab22-createjob-drop_menu .dropdown-item:hover .jab22-createjob-drop_menu-icon,
.jab22-createjob-drop_menu
  .dropdown-item:hover
  .jab22-createjob-drop_menu-title,
.jab22-createjob-drop_menu
  .dropdown-item:hover
  .jab22-createjob-drop_menu-desc {
  opacity: 1;
  transition: 0.3s opacity ease;
}

.new-job-list-share-job-success_desc {
  margin-top: 24px;
  opacity: 0.7;
  color: #425366;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}

/*SIGNUP-BILLING-8-8-22-END*/

/*tooltip-fix-121222*/
.new-review-team-quest-card.tooltip-arrow-up
  .bquest-rating-info-tooltip::after {
  bottom: auto;
  top: -3px;
}

/*tooltip-fix-121222-end*/
span.platform-version {
  position: relative;
  opacity: 0.7;
  color: #4e5963;
  font-family: Roboto;
  font-size: 9px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 26px;
  display: block;
  cursor: initial;
  margin: 0;
  padding: 0 19px;
  margin-bottom: 5px;
}

span.platform-version::before {
  content: "";
  height: 2px;
  width: 100%;
  display: block;
  background: #eeeff1;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}

/*.cand-detail .question-options-preview-inner video {
    height: 400px !important;
    margin-top: 0 !important;
}*/

.btn_temp_loader.compose_gradi_action_loader {
  height: 40px;
  width: 180px;
  border-radius: 20px;
  background: linear-gradient(134.47deg, #4561a8 0%, #6b45a8 100%);
}

.dayinlife-count-parent {
  position: relative;
}

.sharemaining.dayinlife_count {
  position: absolute;
  background: none;
  margin: 0;
  padding: 0;
  line-height: normal !important;
  left: auto;
}

.sharemaining.dayinlife_count.dayinlife_count-title {
  right: -119px;
  top: 9px;
}

.sharemaining.dayinlife_count.dayinlife_count-desc {
  right: 0;
  top: auto;
  bottom: -19px;
}

.new_job_desc_design_22-checked-tile-3
  .day-in-life-input
  .dayinlife-count-parent
  input {
  padding-right: 20px;
}

a.cand-job-action.cand-job-action_applied {
  cursor: initial;
  background: transparent !important;
  color: #425366 !important;
  border: 1px solid #8f949b;
}

/*permission-popup-version-for-big-res-291222*/
.jabri-popup.new_account_permis_popup .jabri-popup-inner {
  width: 762px;
}

.new_account_permis_popup-head-title {
  font-size: 24px;
  line-height: normal;
  margin-bottom: 22px;
}

.new_account_permis_popup-tbody {
  max-height: 500px;
}

.new_account_permis_popup-head-info-title span {
  font-size: 12px;
  line-height: normal;
  padding: 2px 6px;
  border-radius: 9px;
}

.new_account_permis_popup-head-info-title {
  width: 105px;
}

.new_account_permis_popup-head-info-desc {
  font-size: 14px;
  line-height: 18px;
}

.new_account_permis_popup-head {
  padding: 22px 20px;
}

.new_account_permis_popup-thead-2 span,
.new_account_permis_popup-thead-3 span {
  font-size: 12px;
}

.new_account_permis_popup-thead {
  height: 36px;
}

.new_account_permis_popup-tbody-row-title {
  font-size: 14px;
  padding-bottom: 5px;
}

.new_account_permis_popup-tbody-1 {
  font-size: 14px;
  line-height: 30px;
}

.new_account_permis_popup-tbody-2 img,
.new_account_permis_popup-tbody-3 img {
  width: 16px;
}

.new_account_permis_popup-tbody-row.new_account_permis_popup-tbody-row-tile.new_account_permis_popup-tbody-row-title {
  padding-bottom: 5px;
}

.new_account_permis_popup-tbody-1
  .bquest-rating-info
  .bquest-rating-info_newicon,
.new_account_permis_popup-tbody-row-title
  .bquest-rating-info
  .bquest-rating-info_newicon {
  background-size: 14px;
}

.new_account_permis_popup-thead-1 {
  width: 535px;
}

.new_account_permis_popup-tbody-1 {
  width: 500px;
}

.new_account_permis_popup-tbody-2,
.new_account_permis_popup-tbody-3,
.new_account_permis_popup-tbody-2 span,
.new_account_permis_popup-tbody-3 span {
  width: 95px;
}

.new_account_permis_popup-thead-2 {
  width: 79px;
}

.permis_action_lock {
  position: relative;
  background: #f0f0f0;
  background: #f0f3f8;
  /*padding-left: 12px;
    background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/black-upgrade-lock.svg);
    background-size: 8px;
    background-position: left 13px center;
    background-repeat: no-repeat;*/
}

/*.permis_action_lock::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}*/

.permis_action_lock a {
  background-color: transparent !important;
  /*opacity: 0.6;*/
}

/*permission-popup-version-for-big-res-291222-end*/
.posi_relt {
  position: relative;
}

.permis_action_lock .dropdown-item {
  display: flex;
  align-items: center;
}

.permis_action_lock .bquest-rating-info-tooltip::after {
  left: 0;
  right: 0;
}

.permis_action_lock-icon + .bquest-rating-info-tooltip {
  white-space: normal;
  left: -70.5px;
  width: 150px;
  min-height: 50px;
  top: auto;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.permis_action_lock-icon + .bquest-rating-info-tooltip span {
  margin-bottom: 5px;
}

.permis_action_lock-icon:hover + .bquest-rating-info-tooltip {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s opacity ease;
}

.jabri-payment-plan-title span.plan_expired_label {
  font-size: 12px;
  color: #f44336;
  line-height: normal;
}

.permis_action_lock .dropdown-item,
.permis_action_lock .dropdown-item img,
.team_select_parent .bquest-rating-info img {
  cursor: default;
}

.team_select_parent
  .ng-dropdown-panel
  .ng-dropdown-panel-items
  .ng-option.ng-option-disabled {
  background: #f0f3f8 !important;
  cursor: default;
  overflow: initial !important;
  color: rgba(0, 0, 0, 0.5);
}

.team_select_parent .team_select_option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.team_select_parent .bquest-rating-info {
  width: auto;
  height: auto;
}

.team_select_parent .permis_action_lock-icon {
  margin-right: 5px;
}

.team_select_parent .ng-dropdown-panel .ng-dropdown-panel-items {
  overflow: initial !important;
}

.team_select_parent .bquest-rating-info-tooltip::after {
  left: auto;
  right: auto;
}

.notifier__notification {
  z-index: 999999999999;
}

.custom-23-addr-error {
  float: left;
  font-size: 75%;
  padding: 0 1em;
  margin-top: 3px;
}

.upgrade-plan-band + .jabri-app-parent .jabreadcrumbs {
  top: 144px;
}

.cand-loader.job_list_23_loader {
  top: 137px;
}

notifier-notification.notifier__notification.notifier__notification--error.notifier__notification--material {
  white-space: nowrap;
}

.archive-job-list-23 .job-list-tile * {
  cursor: default !important;
}

.new_job_list_design_22 .archive-job-list-23 .job-list-tile .job-actions .btn,
.new_job_list_design_22
  .archive-job-list-23
  .job-list-tile
  .job-actions
  .btn
  img,
.new_job_list_design_22
  .archive-job-list-23
  .job-list-tile
  .dropdown-menu
  .dropdown-item {
  cursor: pointer !important;
}

.archive-job-list-23 .jab22-joblist-card-actions .dropdown-toggle {
  padding-right: 0;
}

.archive-job-list-23 .jab22-joblist-card-actions .jab22-createjob-drop-icon {
  margin-right: 0;
}

.new_job_list_design_22 .archive-job-list-23 .job-list-title span {
  opacity: 1 !important;
  text-decoration: none !important;
}

.archive-job-list-23
  .jab22-joblist-card-actions.company-selected
  .jab22-joblist-card-actions-tooltip.company-tooltip {
  left: 58px;
}

.archive-job-list-23
  .jab22-joblist-card-actions.private-selected
  .jab22-joblist-card-actions-tooltip.private-tooltip {
  left: 30px;
}

.archive-job-list-23
  .jab22-joblist-card-actions.custom-selected
  .jab22-joblist-card-actions-tooltip.custom-tooltip {
  left: 46px;
}

.user-drop-23-design .dropdown-menu {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);*/
  min-width: 227px;
  left: auto !important;
  right: 0 !important;
  top: 45px !important;
  bottom: auto !important;
  border: 0;
}

.user-drop-23-design .dropdown-item {
  padding: 0 19px;
  height: 28px;
  line-height: 28px;
}

.user-drop-23-design .user-drop-23-design-wrap {
  padding: 12px 0;
  cursor: default;
}

.user-drop-23-design-profile-img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 11px;
}

.user-drop-23-design-profile {
  padding: 0 17px;
  padding-top: 25px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eeeff1;
}

.user-drop-23-design-profile-text {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 9px;
}

.user-drop-23-design-profile-wrap {
  display: flex;
  align-items: center;
}

.user-drop-23-design-profile-role {
  display: flex;
  align-items: center;
  color: #a0a9b2;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: -0.11px;
  line-height: 16px;
}

.user-drop-23-design-profile-title {
  color: #425366;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: -0.13px;
  line-height: 19px;
  margin-bottom: 2px;
}

.user-drop-23-design-profile,
.user-drop-23-design-profile * {
  cursor: default !important;
}

.user-drop-23-design-profile-role span img {
  cursor: pointer !important;
}

.user-drop-23-design-profile-role span {
  margin: 0;
  margin-left: 3px;
  display: flex;
  align-items: center;
}

body.has-upgrade-plan-band
  .cand-detail
  .day-in-life.float-left.full-width.check-parent-sg.new_job_desc_design_22-checked-tile-2.checked_tile_has_video_init
  video {
  height: 100% !important;
}

.jabri-popup.jd_preview_job-popup.jab-23-prew-popup .cand-job-card-1,
.jabri-popup.jd_preview_job-popup.jab-23-prew-popup .cand-job-card-2,
.jabri-popup.jd_preview_job-popup.jab-23-prew-popup .cand-job-card-3,
.jabri-popup.jd_preview_job-popup.jab-23-prew-popup .cand-job-card-4,
.jabri-popup.jd_preview_job-popup.jab-23-prew-popup .cand-job-card-5 {
  margin-bottom: 50px;
}

.new-23-prew-with-tooltip .bquest-rating-info_newicon {
  width: auto;
  height: auto;
  background: none;
  display: flex;
  align-items: center;
  height: 21px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  padding: 0 5px;
}

.new-23-prew-with-tooltip .bquest-rating-info_newicon,
.new-23-prew-with-tooltip .bquest-rating-info_newicon * {
  cursor: default;
}

.new-23-prew-with-tooltip .bquest-rating-info_newicon img {
  width: 18px;
  margin-right: 3px;
  opacity: 1;
  cursor: initial;
}

.new-23-prew-with-tooltip .bquest-rating-info_newicon span {
  color: #ffffff;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}

.new-23-prew-with-tooltip .bquest-rating-info {
  width: auto;
  height: auto;
  line-height: initial;
}

.new-23-prew-with-tooltip .bquest-rating-info-tooltip {
  left: -43px;
  /*    left: -49px;*/
  top: auto;
  bottom: 30px;
  width: 128px;
}

.new-23-prew-with-tooltip .bquest-rating-info-tooltip::after {
  left: 0;
  right: 0;
}

.user-feedback button:after,
.user-bell::after {
  display: none !important;
}

/*notification-new-design-2023*/
.notif-23-design {
  position: fixed;
  top: 93px;
  right: 45px;
  width: 520px;
  box-shadow: -2px 0 30px 0 rgb(0 0 0 / 8%);
  border: 0;
  border-radius: 10px;
  z-index: 99;
  background: #fff;
}

.notif-23-design-header {
  height: 90px;
  background-color: #ffffff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e1e2e6;
}

.notif-23-design-header .dropdown-toggle {
  position: relative;
  height: 46px;
  border-radius: 6px;
  background: #f5f5f5;
  padding: 0;
  padding-left: 12px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  transition: 0.3s background ease;
}

.notif-23-design-header .dropdown-toggle:hover {
  background: #dcdcdc;
  transition: 0.3s background ease;
}

.notif-23-design-header .dropdown-toggle span {
  color: #425366;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
}

.notif-23-design-header .dropdown-toggle img {
  margin-left: 10px;
}

.notif-23-design-head-right a {
  position: relative;
  left: 18px;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: transparent;
  transition: 0.3s background ease;
}

.notif-23-design-head-right a:hover {
  background: #dcdcdc;
  transition: 0.3s background ease;
}

.notif-23-design-head-right a:active {
  background: #f5f5f5;
  transition: 0.3s background ease;
}

.notif-23-design-body {
  position: relative;
  min-height: calc(100vh - 283px);
  overflow: auto;
}

.notif-23-design-body-empty {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.notif-23-design-body-empty::after {
  content: "";
  width: 385px;
  height: 385px;
  display: block;
  background: radial-gradient(circle, #eaeeff 0%, rgba(250, 251, 255, 0) 75%);
  position: absolute;
  top: -97px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  opacity: 0.6;
}

.notif-23-design-body-empty-icon {
  margin-bottom: 34px;
}

.notif-23-design-body-empty-title {
  color: #1d2229;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  margin-bottom: 14px;
}

.notif-23-design-body-empty-desc {
  opacity: 0.6;
  color: #1d2229;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
}

.notif-23-design::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  display: block;
  position: absolute;
  top: -10px;
  z-index: 3;
  transform: rotate(45deg);
  right: 87.5px;
}

.notif-23-reddot {
  height: 14px;
  width: 14px;
  border: 1px solid #ffffff;
  background-color: #ff375f;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}

.notif-23-design-body-data-row {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 18px 30px;
  min-height: 100px;
  border-bottom: 1px solid #ebedf0;
  background: #fff;
  transition: 0.3s background ease;
}

.notif-23-design-body-data-row:hover {
  background: #eaeefe;
  transition: 0.3s background ease;
}

.notif-23-design-body-data-row-inner {
  display: flex;
  align-items: flex-start;
}

.notif-23-design-body-data-avatar {
  position: relative;
  line-height: 0;
}

.notif-23-design-body-data-avatar img {
  max-width: 38px;
  max-height: 38px;
  border-radius: 100%;
}

.notif-23-design-body-data-info {
  padding-left: 18px;
}

.notif-23-design-body-data-row .notif-23-reddot {
  top: -2px;
  left: -2px;
}

.notif-23-design-body-data-text {
  color: #425366;
  font-family: Roboto;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 22px;
}

.notif-23-design-body-data-time {
  opacity: 0.6;
  color: #1d2229;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 6px;
}

.notif-23-design-body-data-rows {
  overflow: auto;
  height: calc(100vh - 283px);
}

.notif-23-design-body-data-row .notif-23-reddot {
  display: none;
}

.notif-23-design-body-data-row.notif-23-design-unread .notif-23-reddot {
  display: block;
}

.notif-23-design-body-data-row.notif-23-design-unread {
  background: #fafbff;
}

.notif-23-design-body-data-row.notif-23-design-unread:hover {
  background: #eaeefe;
}

.notif-23-design-jobdrop .dropdown-toggle[aria-expanded="true"] img {
  transform: rotate(180deg);
}

.notif-23-design-jobdrop .dropdown-menu {
  left: 30px !important;
  top: 73px !important;
  width: 460px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 14%);
  border: 0;
  height: 473px;
  overflow: auto;
  transform: none !important;
}

.notif-23-design-jobdrop .dropdown-item {
  margin: 0;
  padding: 9px 0;
  min-height: 70px;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 47px;
  padding-right: 30px;
  white-space: normal;
  height: auto;
  color: #1d2229;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  border-bottom: 1px solid #ebedf0;
}

.notif-23-design-jobdrop .dropdown-item .notif-23-reddot {
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}

.notif-23-design-jobdrop
  .dropdown-item.notif-23-design-unread
  .notif-23-reddot {
  display: block;
}

.notif-23-design-jobdrop .dropdown-item.notif-23-design-unread {
  background: #fafbff;
  font-weight: bold;
}

.notif-23-design-jobdrop .dropdown-item:hover,
.notif-23-design-jobdrop .dropdown-item.notif-23-design-unread:hover {
  background: #eaeeff;
}

.notif-23-design-header .dropdown-toggle span.notif-23-design-jobdrop-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 250px;
}

.dropdown.notif-23-design-jobdrop {
  position: static;
}

.notif-23-design-nojob-label {
  color: #425366;
  font-family: Roboto;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21px;
}

.notif-23-design-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  top: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.notif-23-design-loader img {
  width: 30px;
}

.user-bell.bellfocus::before {
  content: "";
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
}

.user-bell.bellfocus img {
  opacity: 1 !important;
}

.notif-23-design {
  top: 82px;
  width: 390px;
}

.notif-23-design-header {
  height: 68px;
  padding: 0 21px;
}

.notif-23-design-header .dropdown-toggle {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
}

.notif-23-design-header .dropdown-toggle span {
  font-size: 14px;
  line-height: 16px;
}

.notif-23-design-header .dropdown-toggle img {
  margin-left: 7px;
  width: 9px;
}

.notif-23-design-head-right a {
  left: 14px;
  width: 40px;
  height: 40px;
}

.notif-23-design-head-right a img {
  width: 15px;
}

.notif-23-design-body {
  min-height: calc(100vh - 250px);
}

.notif-23-design-body-empty::after {
  width: 385px;
  height: 385px;
  top: -97px;
}

.notif-23-design-body-empty-icon {
  margin-bottom: 20px;
}

.notif-23-design-body-empty-icon img {
  width: 75px;
}

.notif-23-design-body-empty-title {
  font-size: 16px;
  line-height: normal;
  margin-bottom: 7px;
}

.notif-23-design-body-empty-desc {
  font-size: 12px;
  line-height: normal;
}

.notif-23-design::before {
  width: 16px;
  height: 16px;
  top: -8px;
  z-index: 2;
  right: 89.8px;
}

.notif-23-reddot {
  height: 10px;
  width: 10px;
}

.notif-23-design-body-data-row {
  padding: 13px 20px;
  min-height: 75px;
}

.notif-23-design-body-data-avatar img {
  max-width: 28px;
  max-height: 28px;
}

.notif-23-design-body-data-info {
  padding-left: 12px;
}

.notif-23-design-body-data-row .notif-23-reddot {
  top: -1px;
  left: -1px;
}

.notif-23-design-body-data-text {
  font-size: 13px;
  line-height: 16px;
}

.notif-23-design-body-data-time {
  font-size: 12px;
  line-height: 14px;
  margin-top: 3px;
}

.notif-23-design-body-data-rows {
  height: calc(100vh - 250px);
}

.notif-23-design-jobdrop .dropdown-menu {
  left: 21px !important;
  top: 55px !important;
  width: 348px;
  height: 264px;
}

.notif-23-design-jobdrop .dropdown-item {
  padding: 4px 0;
  min-height: 44px;
  padding-left: 30px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 17px;
}

.notif-23-design-jobdrop .dropdown-item .notif-23-reddot {
  left: 10px;
}

.notif-23-design-header .dropdown-toggle span.notif-23-design-jobdrop-title {
  max-width: 195px;
}

.notif-23-design-nojob-label {
  font-size: 14px;
  line-height: normal;
}

.upgrade-plan-band + .jabri-app-parent .notif-23-design {
  top: 124px;
  right: 44px;
}

.upgrade-plan-band + .jabri-app-parent .notif-23-design-body-data-rows {
  height: calc(100vh - 292px);
}

.upgrade-plan-band + .jabri-app-parent .notif-23-design-body {
  min-height: calc(100vh - 292px);
}

.vjs-poster {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  background-color: #000;
}

.new_cand_profile_review_popup-submit.profile_pop_up_submit {
  margin-top: 5px;
}

.profile_pop_up_textinput .new_cand_profile_review_popup-input textarea {
  padding-right: 0;
  margin: 0;
}

.profile_pop_up_textinput
  .new_cand_profile_review_popup-input
  .mat-form-field-appearance-outline
  .mat-form-field-subscript-wrapper {
  bottom: 8px;
}

.profile_pop_up_textinput
  .mat-form-field-appearance-outline
  .mat-form-field-infix {
  padding-bottom: 30px;
  padding-right: 1em;
}
/*notification-new-design-2023-end*/
/*GG-Nov-2023-Changes*/
.jabri-nav-list {
  padding: 0;
}

.note-for-comp-email {
  font-size: 11px;
  position: absolute;
  bottom: 3px;
  right: 0;
  font-style: italic;
  color: #000;
  opacity: 0.7;
  line-height: normal;
}
.mat-form-field-underline {
  display: none;
}
.day-in-life:hover .custom-check::before {
  top: 2px;
}
.sharemaining.dayinlife_count.dayinlife_count-title {
  right: -30px;
}
.day-in-life_desccc .mat-input-element {
  max-width: calc(100% - 20px);
}
.timeline-title {
  line-height: normal;
}
.re_set_password-form button {
  margin-top: 18px;
}
.tablist-common .table thead th {
  border: 0;
  border-bottom-width: 1px;
}
.date_picker-comm-parent .dropdown-toggle::after {
  display: none;
}
.date_picker-comm.date_picker-top .datepicker-container .calendar-container {
  top: auto !important;
}
.date_picker-comm.date_picker-bottom .datepicker-container .calendar-container {
  bottom: auto !important;
}
.date_picker-comm.date_picker-top.date_picker-30s
  .datepicker-container
  .calendar-container {
  bottom: 30px !important;
}
.date_picker-comm.date_picker-bottom.date_picker-30s
  .datepicker-container
  .calendar-container {
  top: 30px !important;
}
.date_picker-comm.date_picker-top.date_picker-40s
  .datepicker-container
  .calendar-container {
  bottom: 40px !important;
}
.date_picker-comm.date_picker-bottom.date_picker-40s
  .datepicker-container
  .calendar-container {
  top: 40px !important;
}
.date_picker-comm.date_picker-top.date_picker-50s
  .datepicker-container
  .calendar-container {
  bottom: 50px !important;
}
.date_picker-comm.date_picker-bottom.date_picker-50s
  .datepicker-container
  .calendar-container {
  top: 50px !important;
}
.date_picker-comm.date_picker-top.date_picker-60s
  .datepicker-container
  .calendar-container {
  bottom: 60px !important;
}
.date_picker-comm.date_picker-bottom.date_picker-60s
  .datepicker-container
  .calendar-container {
  top: 60px !important;
}
.date_picker-comm.date_picker-top.date_picker-70s
  .datepicker-container
  .calendar-container {
  bottom: 70px !important;
}
.date_picker-comm.date_picker-bottom.date_picker-70s
  .datepicker-container
  .calendar-container {
  top: 70px !important;
}
.date_picker-comm .datepicker-container .calendar-container {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #dfe3e9 !important;
  border-radius: 4px !important;
  max-width: 300px;
}
.date_picker-comm .dropdown-toggle::after,
.date_picker-comm .dropup .dropdown-toggle::after {
  display: none;
}
.date_picker-comm .month-year-text {
  color: #3d495c !important;
  font-size: 14px !important;
  font-weight: 600;
  cursor: pointer;
  line-height: normal;
}
.date_picker-comm .datepicker-container .calendar-container .top-container {
  padding: 15px !important;
  border-bottom: 1px solid #dfe3e9;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container {
  padding: 15px 10px 0 !important;
  line-height: normal;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-day-names,
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-days {
  padding: 0 !important;
}
.date_picker-comm .datepicker-default .main-calendar-day-names {
  border: 0 !important;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-day-names {
  height: auto !important;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-day-names
  .day-name-unit {
  line-height: normal !important;
  color: #a4a9b1;
  font-size: 12px;
  font-weight: 500;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-days {
  padding: 15px 0 !important;
  line-height: normal;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-days
  .day-unit {
  height: 39.71px;
  font-size: 12px !important;
  font-weight: 500;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-days
  .day-unit.is-disabled {
  color: #a4a9b1;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-days
  .day-unit.is-today.is-disabled {
  background: #a4a9b1 !important;
  color: #fff !important;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-days
  .day-unit:hover,
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-days
  .day-unit.is-selected,
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-years
  .year-unit:hover,
.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-years
  .year-unit.is-selected {
  background: #2cca83;
}
.date_picker-comm
  .datepicker-container
  .calendar-container
  .top-container
  .controls
  .control {
  transform: scale(0.8);
}

.date_picker-comm
  .datepicker-container
  .calendar-container
  .main-calendar-container
  .main-calendar-years
  .year-unit {
  font-size: 12px;
  font-weight: 500;
}
.comp_email_note-parent {
  position: relative;
}
ngb-rating span:nth-child(1) + span {
  margin-left: 0 !important;
}
ngb-rating.d-inline-flex span {
  display: flex;
  align-items: center;
}
.invite_sent_list_date_pick_parent {
  min-width: 122px;
}
.invite_sent_list_date_pick_parent.date_drop_active {
  position: relative;
  z-index: 3;
}
.new_rating_wrap_stars ngb-rating span,
.candj-avatar-details ngb-rating span,
.workflow .workflow-inner ngb-rating span {
  font-size: 0;
}
.candj-card .starav-rating {
  bottom: 0;
}
.new_review_candi_actions-left ul {
  padding: 0;
}
.candj-avatar-details .candj-avatar-details-username {
  position: relative;
  top: 4px;
}
.workflow .workflow-inner ul {
  padding: 0;
}
.add-edit-mailist_foresp .add-mail-btn {
  line-height: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.new-23-jabr_ques-height {
  height: auto !important;
  min-height: 111px;
}
.job-list-desc.new-2311-cand-jd, .job-list-desc.new-2311-cand-jd *{
  line-height:20px !important;
}
/*GG-Nov-2023-Changes-end*/
/*GG-DROPDOWN-TOOLTIP-DESIGN-170625*/
.job_status_tooltip.bquest-rating-info{
    margin-left: 10px; 
}
.job_status_tooltip.bquest-rating-info .bquest-rating-info-tooltip::after{
    left: 0;
    top: -3px;
    bottom: initial;
}
.job_status_tooltip.bquest-rating-info .bquest-rating-info-tooltip{
    left: -107.5px;
    top: 33px;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
    width: 230px;
    padding: 10px;
}
.bquest-rating-info-tooltip-line-1{
    margin-bottom: 10px;
}
/*GG-DROPDOWN-TOOLTIP-DESIGN-170625-END*/
/*250625candresp*/
.hamburger-icon,
.jabri-sidebar li.mobi_nav_link{
  display: none; 
}
/*250625candresp-end*/
/*MEDIA-SECTION************************************************************************/
@media (max-width: 1920px) {
  .lobby-start,
  .connection-check,
  .question-check,
  .lets-do-test,
  .video_questions,
  .upload_progress,
  .th-block {
    max-width: 850px;
  }

  .video-js.cand_exp {
    height: 445px;
  }

  .question-check-main {
    min-height: 445px;
  }

  .upload_progress .upro_left {
    height: 650px;
  }

  .video-js.cand_exp .vjs-control-bar .vjs-current-time {
    left: 160px;
  }

  .video-js.cand_exp .vjs-control-bar .vjs-duration {
    left: 280px;
  }

  /*2022-resp*/
  .jobdrop-list button.dropdown-toggle {
    min-width: 363px;
    max-width: 363px;
    padding-top: 11.5px;
    padding-bottom: 11.5px;
  }

  .jasharebtn {
    margin-left: 38px;
  }

  .publish-unpublish {
    margin-left: 56px;
  }

  .reviewscreentabs ul.tabs li {
    margin: 0 25px;
  }

  /*2022-resp-end*/
  .vap h1 {
    height: 445px;
  }
}

@media (max-width: 1600px) {
  .all-mail-list_foresp.tablist-common {
    max-width: 1050px;
  }
}

@media (max-width: 1520px) {
  .jdatee {
    font-size: 10px;
    line-height: 13px;
    bottom: 12px;
  }

  .jdatee span {
    display: block;
  }
}

@media (max-width: 1440px) {
  /*2022-resp*/
  .new-review-screen-video-wrap .quest-slider {
    max-width: 637px;
  }

  .new-review-screen-video-wrap {
    max-width: 685px;
  }

  .cand-detail-left,
  .cand-detail .col-lg-3 {
    min-width: 483px;
    min-width: 33.6%;
  }

  .cand-detail .col-lg-9 {
    max-width: calc(100% - 483px);
    max-width: calc(100% - 33.6%);
  }

  .jabri-popup.new_account_permis_popup .jabri-popup-inner {
    width: 450px;
    min-height: 470px;
  }

  .new_account_permis_popup-head {
    padding: 0 15px;
    padding-top: 18px;
    padding-bottom: 9px;
  }

  .new_account_permis_popup-head-title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
  }

  .jabri-popup.new_account_permis_popup .delclose {
    top: 19px;
    right: 15px;
    line-height: 0;
  }

  .jabri-popup.new_account_permis_popup .delclose img {
    width: 15px;
  }

  .new_account_permis_popup-head-info-desc {
    font-size: 8px;
    line-height: 9px;
  }

  .new_account_permis_popup-head-info-tile
    + .new_account_permis_popup-head-info-tile {
    margin-top: 5px;
  }

  .new_account_permis_popup-head-info-title span {
    font-size: 7px;
    line-height: 14px;
    padding: 0 4px;
  }

  .new_account_permis_popup-head-info-title {
    width: 65px;
  }

  .new_account_permis_popup-thead {
    height: 24px;
  }

  .new_account_permis_popup-tbody {
    max-height: 313px;
  }

  .new_account_permis_popup-tbody-row-title {
    font-size: 8px;
    line-height: 9px;
    padding: 0 14px;
    padding-top: 16px;
    padding-bottom: 3px;
  }

  .new_account_permis_popup-tbody-row-tile {
    padding: 0 14px;
  }

  .new_account_permis_popup-tbody-1 {
    font-size: 8px;
  }

  .view-perms-trigger span {
    transform: scale(0.8);
    transform-origin: left;
  }

  .new_account_permis_popup-thead-2 span,
  .new_account_permis_popup-thead-3 span {
    font-size: 7px;
    line-height: 14px;
    height: 14px;
    border-radius: 7px;
    padding: 0 5px;
  }

  .new_account_permis_popup-thead-1 {
    width: 294px;
  }

  .new_account_permis_popup-thead-2 {
    width: 66px;
  }

  .new_account_permis_popup-tbody-1 .bquest-rating-info,
  .new_account_permis_popup-tbody-row-title .bquest-rating-info {
    width: 10px;
    height: 10px;
  }

  .new_account_permis_popup-tbody-1
    .bquest-rating-info
    .bquest-rating-info_newicon,
  .new_account_permis_popup-tbody-row-title
    .bquest-rating-info
    .bquest-rating-info_newicon {
    width: 10px;
    height: 10px;
    background-size: 10px;
  }

  .new-post-a-job {
    max-width: 570px;
    margin-top: 82px;
  }

  .new-post-a-job-head {
    height: 67px;
    line-height: 67px;
    padding: 0 20px;
  }

  .new-post-a-job-title {
    font-size: 18px;
    letter-spacing: normal;
  }

  .new-post-a-job-head a {
    width: 15px;
    height: 15px;
    right: 20px;
    font-size: 20px;
    line-height: 15px;
  }

  .new-post-a-job-body {
    padding-top: 72px;
  }

  .new-post-a-job-body img.jab22-real-create {
    max-width: 108px;
    margin-bottom: 8px;
  }

  .new-post-a-job-body-title {
    font-size: 16px;
    line-height: 19px;
  }

  .new-post-a-job-input {
    margin-top: 28px;
  }

  .new-post-a-job .autocomplete-container .input-container input {
    font-size: 12px;
    height: 40px;
    padding: 0 13px;
    padding-right: 40px;
    max-width: 337px;
  }

  .new-post-a-job .autocomplete-container {
    height: 40px;
  }

  .jab22-createjob-actions {
    margin-top: 56px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 15px;
  }

  .jab22-createjob-drop-title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
  }

  .new-post-a-job .jabri_new_uistyle-green-btn {
    width: 124px;
    height: 27px;
    font-size: 10px;
  }

  .new-post-a-job .jabri_new_uistyle-green-btn img {
    max-width: 20px;
  }

  .jab22-createjob-drop .dropdown {
    padding-left: 39px;
    min-width: 300px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 25px;
  }

  .jab22-createjob-drop .dropdown button {
    font-size: 10px;
    line-height: 11px;
    padding: 2px 3px;
    margin-left: -3px;
    margin-bottom: 2px;
  }

  .jab22-createjob-drop-desc {
    font-size: 8px;
    line-height: 9px;
  }

  .jab22-createjob-drop .jab22-createjob-drop-icon {
    transform: scale(0.75);
    transform-origin: left;
  }

  .jab22-createjob-drop .dropdown button img {
    width: 6px;
    margin-left: 4px;
  }

  .new-post-a-job .autocomplete-container .suggestions-container ul {
    max-height: 122px;
  }

  .new-post-a-job .ng-autocomplete {
    max-width: 337px;
  }

  .new-post-a-job .autocomplete-container .suggestions-container ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
  }

  .jab22-createjob-drop .dropdown-menu {
    top: 20px !important;
    left: -37px !important;
    min-width: 300px;
  }

  .jab22-createjob-drop_menu .dropdown-item {
    padding-left: 39px;
    height: 40px;
  }

  .jab22-createjob-drop_menu-icon {
    transform: scale(0.75);
    transform-origin: left;
    left: 7px;
  }

  .jab22-createjob-drop_menu-title {
    font-size: 10px;
    line-height: 11px;
    margin-bottom: 2px;
  }

  .jab22-createjob-drop_menu-desc {
    font-size: 8px;
    line-height: 9px;
  }

  .jabri-popup.new_job_list_share_job_popup .jabri-popup-inner {
    width: 572px;
    min-height: 450px;
    top: 117px;
  }

  .new_job_list_share_job_popup-head-action {
    width: 24px;
    height: 24px;
  }

  .new_job_list_share_job_popup-head-action img {
    width: 10px;
  }

  .new_job_list_share_job_popup-head-title {
    font-size: 12px;
    line-height: 14px;
  }

  .new_job_list_share_job_popup-head-subtitle {
    font-size: 18px;
    line-height: 21px;
    margin-top: 0;
  }

  .new_job_list_share_job_popup-head-inn {
    margin-left: 11px;
    max-width: calc(100% - 36px);
  }

  .new_job_list_share_job_popup-head {
    padding: 0 14px;
    padding-top: 17px;
    padding-bottom: 19px;
    min-height: 70px;
  }

  .new_job_list_share_job_popup-table-body {
    height: 239px;
    padding: 6px 10px;
  }

  .new_job_list_share_job_popup-search {
    padding: 7px 14px;
  }

  .new_job_list_share_job_popup-search input,
  .new_job_list_share_job_popup-search
    .mat-form-field-appearance-outline
    .mat-form-field-outline {
    height: 34px;
  }

  .new_job_list_share_job_popup-search input,
  .new_job_list_share_job_popup-search .mat-form-field-label {
    font-size: 12px;
  }

  .new_job_list_share_job_popup-search .mat-form-field-label-wrapper {
    top: -14px;
  }

  .new_job_list_share_job_popup-search-close {
    top: 5px;
    right: 16px;
    width: 23px;
    height: 23px;
    background-size: 14px;
  }

  .new_job_list_share_job_popup-table-head-2,
  .new_job_list_share_job_popup-table-head-3,
  .new_job_list_share_job_popup-table-head-4 {
    font-size: 10px;
    line-height: 11px;
  }

  .new_job_list_share_job_popup-table-head {
    padding: 0 14px;
  }

  .new_job_list_share_job_popup-table-head-1,
  .new_job_list_share_job_popup-table-body-1 {
    width: 38px;
  }

  .new_job_list_share_job_popup-table-head-2,
  .new_job_list_share_job_popup-table-body-2 {
    width: 156px;
  }

  .new_job_list_share_job_popup-table-row {
    height: 32px;
    padding: 0 9px;
  }

  .new_job_list_share_job_popup-table-body-1 {
    transform: scale(0.763);
    transform-origin: left;
  }

  .new_job_list_share_job_popup-table-body-2 img {
    max-width: 20px;
    max-height: 20px;
    margin-right: 9px;
  }

  .new_job_list_share_job_popup-table-body-2-1,
  .new_job_list_share_job_popup-table-body-3,
  .new_job_list_share_job_popup-table-body-4 .btn {
    font-size: 10px;
    letter-spacing: -0.17px;
    line-height: 11px;
  }

  .new_job_list_share_job_popup-table-body-4 .btn::after {
    width: 7px;
    height: 4px;
    margin-left: 5px;
    top: 0;
  }

  .bquest-rating-info_newicon-big {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }

  .new_job_list_share_job_popup-table-actions {
    padding: 14px 0;
    padding-left: 25px;
    padding-right: 16px;
  }

  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field,
  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
    .mat-form-field-appearance-outline
    .mat-form-field-outline {
    height: 30px;
  }

  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
    .mat-form-field-appearance-outline
    .mat-form-field-wrapper
    input {
    font-size: 10px;
    line-height: 11px;
    margin-top: 12px;
  }

  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
    label {
    font-size: 10px;
    top: 2.8em;
  }

  .new_job_list_share_job_popup-table-action-2 button {
    width: 91px;
    height: 30px;
    font-size: 10px;
  }

  .new_job_list_share_job_popup-table-action-2 {
    padding-left: 24px;
  }

  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
    .mat-form-field-label-wrapper {
    margin-top: 0;
  }

  .new_job_list_share_job_popup-table-body-4 .dropdown-menu .dropdown-item {
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
  }

  .workflow_for_resp-parent .workflow-main {
    padding-left: 22px;
    margin-top: 107px;
    height: calc(100vh - 187px);
  }

  .workflow_for_resp-parent .workflow {
    max-width: 252px;
    padding: 5px;
  }

  .workflow_for_resp-parent .workflow-inner ul.connectedSortable.ui-sortable {
    min-height: 430px !important;
  }

  .workflow_for_resp-parent .workflow .workflow-color {
    height: 1.51px;
  }

  .workflow_for_resp-parent .workflow .workflow-title {
    height: 63px;
    font-size: initial;
    padding-left: 13px;
    padding-top: 13px;
  }

  .workflow_for_resp-parent .workflow .workflow-title span,
  .workflow_for_resp-parent .workflow .workflow-title span + span {
    font-size: 16px;
    line-height: 19px;
  }

  .workflow_for_resp-parent .workflow .workflow-title span + span {
    margin-left: 5.52px;
  }

  .workflow_for_resp-parent .workflow .workflow-inner {
    padding: 2px;
    max-height: 434px;
  }

  .workflow_for_resp-parent .workflow .cand-detail-list-item {
    padding-left: 30px;
    padding-bottom: 6px;
  }

  .workflow_for_resp-parent .workflow .cand-detail-list-item .custom-check {
    top: 18px;
    left: 8px;
    transform: scale(0.6);
    transform-origin: left;
  }

  .workflow_for_resp-parent .wf-candidate-wrap .custom-check {
    transform: scale(0.6);
    transform-origin: left;
  }

  .workflow_for_resp-parent .wf-candidate-wrap .cand_count {
    margin-left: 0;
    font-size: 10px;
  }

  .workflow_for_resp-parent .cand-detail-list-item img {
    max-width: 35px;
    max-height: 35px;
  }

  .workflow_for_resp-parent .workflow .cand-detail-list-item li:first-child {
    margin-right: 12px;
  }

  .workflow_for_resp-parent .cand-detail-list-item p {
    font-size: 16px;
    letter-spacing: -0.27px;
    line-height: 19px;
    margin-bottom: 3px;
  }

  .workflow_for_resp-parent .cand-detail-list-item p img {
    height: 12px;
    margin-right: 3px;
  }

  .workflow_for_resp-parent .cand-detail-list-item span + span {
    margin-left: 3px;
  }

  .workflow_for_resp-parent .cand-detail-list-item .star:before {
    width: 10px;
    height: 10px;
  }

  .workflow_for_resp-parent .cand-detail-list-item .starav-rating {
    line-height: 0;
  }

  .workflow_for_resp-parent .workflow .jdatee {
    position: static;
    text-align: left;
    line-height: 15px;
    padding-left: 46px;
  }

  .workflow_for_resp-parent .workflow .jdatee span {
    display: inline;
  }

  .workflow_for_resp-parent .workflow .cndlist-inner {
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 10px;
  }

  .workflow_for_resp-parent .workflow li.ui-state-default {
    margin-bottom: 2px;
  }

  .workflow_for_resp-parent .wf_actions {
    transform: scale(0.8);
    transform-origin: top right;
  }

  .workflow_for_resp-parent .wf-candidate-wrap {
    margin-top: 2px;
  }

  .workflow_for_resp-parent .wf-add-wrapper.workflow.addwrk-fl {
    transform: scale(0.8);
    transform-origin: top left;
    box-shadow: none;
    margin-left: 0;
    margin-right: 10px;
  }

  /*.jabri-popup.new_cand_profile_review_popup .jabri-popup-inner {
        transform: scale(0.8);
        transform-origin: top;
    }*/
  .jabri-popup.new_cand_profile_review_popup .jabri-popup-inner {
    width: 600px;
    padding-left: 39px;
    padding-right: 34px;
    padding-top: 53px;
    padding-bottom: 34px;
  }

  .new_cand_profile_review_popup-field {
    width: 50%;
    margin-bottom: 32px;
    padding-right: 10px;
  }

  .new_cand_profile_review_popup-fields-parent {
    padding-left: 149px;
  }

  .new_cand_profile_review_popup-input-parent {
    padding-top: 0;
  }

  .new_cand_profile_review_popup-submit {
    margin-top: -6px;
  }

  /*2022-resp-end*/
  /*permission-popup-version-for-big-res-291222*/
  .new_account_permis_popup-tbody-2 img,
  .new_account_permis_popup-tbody-3 img {
    width: initial;
  }

  .new_account_permis_popup-tbody-1 {
    line-height: 20px;
  }

  .new_account_permis_popup-tbody-2,
  .new_account_permis_popup-tbody-3,
  .new_account_permis_popup-tbody-2 span,
  .new_account_permis_popup-tbody-3 span {
    width: 78px;
  }

  .new_account_permis_popup-tbody-row.new_account_permis_popup-tbody-row-tile.new_account_permis_popup-tbody-row-title {
    padding-left: 14px;
    padding-right: 15px;
  }

  /*permission-popup-version-for-big-res-291222-end*/
  .permis_action_lock {
    padding-left: 10px;
    background-size: 6px;
    background-position: left 10px center;
  }

  /*notification-new-design-2023-resp*/
  /*.notif-23-design {
        top: 82px;
        width: 390px;
    }

    .notif-23-design-header {
        height: 68px;
        padding: 0 21px;
    }

    .notif-23-design-header .dropdown-toggle {
        height: 34px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .notif-23-design-header .dropdown-toggle span {
        font-size: 14px;
        line-height: 16px;
    }

    .notif-23-design-header .dropdown-toggle img {
        margin-left: 7px;
        width: 9px;
    }

    .notif-23-design-head-right a {
        left: 14px;
        width: 40px;
        height: 40px;
    }

    .notif-23-design-head-right a img {
        width: 15px;
    }

    .notif-23-design-body {
        min-height: calc(100vh - 250px);
    }

    .notif-23-design-body-empty::after {
        width: 385px;
        height: 385px;
        top: -97px;
    }

    .notif-23-design-body-empty-icon {
        margin-bottom: 20px;
    }

    .notif-23-design-body-empty-icon img {
        width: 75px;
    }

    .notif-23-design-body-empty-title {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 7px;
    }

    .notif-23-design-body-empty-desc {
        font-size: 12px;
        line-height: normal;
    }

    .notif-23-design::before {
        width: 16px;
        height: 16px;
        top: -8px;
        z-index: 2;
        right: 89.8px;
    }

    .notif-23-reddot {
        height: 10px;
        width: 10px;
    }

    .notif-23-design-body-data-row {
        padding: 13px 20px;
        min-height: 75px;
    }

    .notif-23-design-body-data-avatar img {
        max-width: 28px;
        max-height: 28px;
    }

    .notif-23-design-body-data-info {
        padding-left: 12px;
    }

    .notif-23-design-body-data-row .notif-23-reddot {
        top: -1px;
        left: -1px;
    }

    .notif-23-design-body-data-text {
        font-size: 13px;
        line-height: 16px;
    }

    .notif-23-design-body-data-time {
        font-size: 12px;
        line-height: 14px;
        margin-top: 3px;
    }

    .notif-23-design-body-data-rows {
        height: calc(100vh - 250px);
    }

    .notif-23-design-jobdrop .dropdown-menu {
        left: 21px !important;
        top: 55px !important;
        width: 348px;
        height: 264px;
    }

    .notif-23-design-jobdrop .dropdown-item {
        padding: 4px 0;
        min-height: 44px;
        padding-left: 30px;
        padding-right: 20px;
        font-size: 14px;
        line-height: 17px;
    }

    .notif-23-design-jobdrop .dropdown-item .notif-23-reddot {
        left: 10px;
    }

    .notif-23-design-header .dropdown-toggle span.notif-23-design-jobdrop-title {
        max-width: 195px;
    }

    .notif-23-design-nojob-label {
        font-size: 14px;
        line-height: normal;
    }*/

  /*notification-new-design-2023-resp-end*/
}

@media (max-width: 1366px) {
  .question-options-upload {
    height: 65px;
  }

  .question-options-preview {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 0;
  }

  .jabri_new_uistyle-form-group.question-preview-added textarea {
    height: 40px !important;
  }

  .loadergifinner {
    transform: scale(0.7);
  }

  .jabri-popup.twowayvideo .delclose img {
    width: 10px;
  }

  .jabri-popup.twowayvideo .delclose {
    height: 20px;
    width: 20px;
    right: -10px;
    top: -10px;
  }

  .jabri-popup.twowayvideo .jabri-popup-inner {
    top: 50px;
    width: 300px;
  }

  .jabri-popup.twowayvideo .video-js .vjs-big-play-button {
    transform: scale(0.7);
  }

  /*a.review-question-video-trigger img {
        width: 14px;
    }

    .question-options-inner {
        transform: scale(0.7);
    }

    .question-options-upload-text {
        transform: scale(0.5);
    }

    .upro_bar_fill_text {
        font-size: 12px;
        left: 10px;
        top: 10px;
        line-height: normal;
    }

    .cand-detail .question-options-preview-inner video {
        height: 150px !important;
    }

    .quest-slider input[type=range]::-webkit-slider-thumb {
        background-size: 67px;
    }

    .quest-slider input[type=range]::-moz-range-thumb {
        background-size: 67px;
    }

    .quest-slider input[type=range]::-ms-thumb {
        background-size: 67px;
    }

    .btn_temp_loader img {
        width: 30px !important;
        margin: auto !important;
    }

    .bquest-score-com-body {
        max-height: calc(100% - 29px);
    }

    .quest-slider .bquest-score-com-avatar {
        width: calc(100% - 90px);
    }

    .quest-slider .bquest-score-com-avatar span {
        top: 0;
    }

    .bquest-score-com-item .star.half:after {
        width: 6px;
        height: 12px;
        background-size: 12px;

    }

    .bquest-score-com-item star-rating {
        top: 0;
    }

    .bquest-score-com-rating-item span {
        margin-left: 0;
        font-size: 12px;
        line-height: normal;
    }

    .bquest-score-com-item .star:before {
        width: 12px;
        height: 12px;
    }

    .bquest-score-com-item .star+.star {
        margin-left: 2px;
    }

    .bquest-score-com-rating-item+span {
        margin-left: 3px;
    }

    .dummy-quest-video-img::before {
        left: 20px;
        bottom: 20px;
        transform: scale(0.7);
    }

    .bquest-score-com-avatar span {
        font-size: 10px;
        line-height: normal;
    }

    .bquest-score-com-avatar img {
        max-width: 20px;
        max-height: 20px;
        border-radius: 2px;
        margin-right: 5px;
    }

    .bquest-score-com-header-left {
        font-size: 12px;
    }

    .bquest-score-com-header a {
        font-size: 10px;
    }

    .bquest-score-com-header {
        padding: 5px 8px;
    }

    .bquest-score-com-item {
        padding: 0 8px;
    }

    .bquest-rating-info img:hover+.bquest-rating-info-tooltip {
        transform: scale(0.7);
        transform-origin: top;
    }

    .profile-team-rating-panel-head {
        padding: 5px 10px;
        line-height: normal;
    }

    .profile-team-rating-panel-text {
        font-size: 12px;
        line-height: normal;
    }

    .profile-team-rating-panel-head a {
        line-height: normal;
    }

    .profile-team-rating-panel-head img {
        max-width: 12px;
    }

    .profile-team-rating-panel .bquest-score-com-item {
        margin-bottom: 0;
    }

    .profile-team-rating-panel-foot-text {
        padding: 0 10px;
        font-size: 10px;
        line-height: normal;
    }

    .profile-team-rating-panel-foot-text span {
        font-size: 16px;
        letter-spacing: -0.5px;
        margin-left: 5px;
    }

    .profile-team-rating-panel-body {
        height: 120px;
        padding: 0 10px;
    }

    .profile-team-rating-panel {
        height: 171px;
        top: 16px;
    }

    .profile-team-rating-tooltip img:hover+.profile-team-rating-tooltip-text {
        transform: scale(0.7);
        transform-origin: top;
    }

    .profile-team-rating-panel .bquest-score-com-avatar span {
        top: 0;
    }

    .profile-team-rating-panel .bquest-score-com-avatar {
        line-height: normal;
        width: calc(100% - 90px);
        text-align: left;
    }*/

  .jabri-popup.feedback-popup.select-candidate-popup .jabri-popup-inner {
    transform: translateY(-50%) scale(0.7);
    transform-origin: top;
  }

  .jabri-popup.delete-list.publish-popup .jabri-popup-inner {
    transform: scale(0.7);
    transform-origin: top;
  }

  .share-job-pop .jabri-popup-inner {
    transform: scale(0.7);
    transform-origin: top;
    /*top: 100px;*/
  }

  .jabri-popup.delete-list .jabri-popup-inner {
    /*top: 100px;*/
    transform: scale(0.7);
    transform-origin: top;
  }

  /*.jafilter.filtive .jafilter-main {
        transform: scale(0.6) !important;
    }

    .jasearch:hover:before,
    .jafilter-sub:hover:before,
    .cshabtn:hover:before,
    .candid_delete:hover:before {
        width: 30px;
        height: 30px;
    }

    .jasearch:hover:after,
    .jafilter-sub:hover:after,
    .cshabtn:hover:after,
    .candid_delete:hover:after {
        left: -15px;
        top: 26px;
        transform: scale(0.7);
    }

    .user-bell:hover:after {
        width: 82px;
        left: -25px;
        top: 26px;
        transform: scale(0.7);
    }

    .notificon {
        height: 9px;
        width: 9px;
        right: 7px;
        top: 7px;
    }

    .jabri-topbar .user-bell {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .user-bell:hover:before {
        width: 30px;
        height: 30px;
    }

    .jabri-topbar .user-bell img {
        padding: 6px;
        width: 30px;
    }

    .user-feedback button:after {
        left: -26px;
        top: 26px;
        transform: scale(0.7);
    }

    .user-feedback::before {
        width: 30px;
        height: 30px;
    }

    .jabri-topbar ul li.user-feedback img.forhover {
        padding: 6px;
        width: 30px
    }

    .jabri-topbar .user-feedback {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .publish-unpublish {
        margin-left: 20px;
        transform: scale(0.8);
    }

    .jasharebtn {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .jasharebtn img {
        width: 15px;
    }

    .jasharebtn::before {
        width: 30px;
        height: 30px;
    }

    .jasharebtn::after {
        left: -15px;
        top: 26px;
        transform: scale(0.7);
    }

    .jabri-sidebar {
        width: 215px;
    }

    .jabri-topbar,
    .jabri-main-content {
        width: calc(100% - 215px);
    }

    .nav-sublinks .nav-sub-in {
        padding-left: 0;
    }

    .reviewscreentabs {
        width: calc(100% - 215px);
    }

    .toggled .reviewscreentabs {
        width: calc(100% - 60px);
    }

    .jobdrop-list .dropdown-menu {
        top: 54px !important;
        max-height: 350px;
        max-width: 300px;
    }

    .jobdrop-list .dropdown-item {
        font-size: 16px;
        padding: 12px;
    }

    .jobdrop-list button.dropdown-toggle {
        box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.06) !important;
        font-size: 16px;
        padding-top: 11px;
        padding-bottom: 11px;
        padding-left: 12px;
        padding-right: 40px;
    }

    .jmainlogo {
        margin-left: 34px;
        margin-top: 22px;
    }

    .jabri-topbar .top-left {
        padding-top: 0;
        padding-left: 30px;
    }

    .jobdrop-list {
        top: 10px;
    }

    .dropicon {
        right: 16px;
    }

    .jasharebtn {
        margin-left: 30px;
    }

    .jabri-sidebar .slide-toggle {
        margin-top: 15px;
    }

    .jabri-sidebar.toggled .sidebar-btn {
        padding-top: 0;
        margin-top: 20px;
        margin-bottom: 14px;
    }

    .user-menu button>img {
        max-width: 40px;
        max-height: 40px;
    }

    .jabri-topbar .top-right {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .user-menu button span img {
        width: 9px;
    }

    .jabri-topbar .user-bell {
        margin-right: 8px;
    }

    .jabri-topbar .user-feedback {
        margin-right: 6px;
    }

    .reviewscreentabs ul.tabs li {
        font-size: 14px;
        padding-top: 9px;
        padding-bottom: 9px;
        line-height: normal;
    }

    .reviewscreentabs {
        top: 70px;
    }

    .sidebar-btn a {
        height: 36px;
        line-height: 34px;
    }*/

  /*.invite-candidate-parent {
        max-width: 622px;
        margin-top: 64px;
    }

    .invite-candidate-parent .nav-tabs a {
        font-size: 12px;
        width: 88px;
        height: 38px;
        line-height: 38px;
    }

    .invite-candidate-parent .nav-tabs a img {
        width: 11px;
        margin-right: 9px;
    }

    .invite-candidate-parent .nav-tabs li+li a img {
        width: 15px;
    }

    .invite-candidate-parent .nav-tabs li+li {
        margin-left: -34px;
    }

    .invite-candidate-parent .nav-tabs a.tab1svg.active::before,
    .invite-candidate-parent .nav-tabs a.tab1svg:hover:before {
        transform: scaleY(1.45);
        width: 85%;
    }

    .invite-candidate-parent .nav-tabs a.tab2svg.active::before,
    .invite-candidate-parent .nav-tabs a.tab2svg:hover:before {
        transform: scaleY(1.25);
        width: 95%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .invite-candidate-parent .invite-keywords {
        padding-top: 18px;
        padding-bottom: 20px !important;
        padding-left: 20px;
        padding-right: 20px !important;
    }

    .invite-new-lbl {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 4px;
    }

    .invite-new-desc {
        margin-bottom: 7px;
        font-size: 8px;
        line-height: 9px;
    }

    .invite-new-parent .invcrebtn,
    .invite-new-parent .invcrebtn span {
        letter-spacing: 0.37px;
        line-height: 9px;
        font-size: 8px;
    }

    .invite-new-parent .invcrebtn {
        height: 26px;
        width: 120px;
        line-height: 28px;
        border-radius: 2px;
    }

    .invite-new-parent-input input {
        height: 30px;
        font-size: 10px;
        padding-left: 10px;
    }

    .invite-new-parent-input-field::before {
        right: 20px;
        width: 13px;
        height: 12px;
        background-size: 13px;
    }

    .invite-candidate-newdesign .jabri_new_uistyle-form-group {
        height: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .invite-candidate-newdesign .jabri_new_uistyle-form-group input {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10px;
    }

    .invite-candidate-newdesign .jabri_new_uistyle-form-group label {
        font-size: 9px;
        top: 10px;
    }

    .invite_infi_list {
        margin-top: 0;
        padding-right: 20px;
    }

    .invite_infi_list .jabri_new_uistyle-form-group {
        margin-bottom: 10px;
    }

    .inv-forscroll {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }

    .invite-candidate-newdesign .jabri_new_uistyle-form-group.active input+label,
    .invite-candidate-newdesign .jabri_new_uistyle-form-group input:focus+label,
    .invite-candidate-newdesign .jabri_new_uistyle-form-group.active input+grammarly-extension+label,
    .invite-candidate-newdesign .jabri_new_uistyle-form-group input:focus+grammarly-extension+label {
        transform: scale(0.75) translateY(-10px);
    }

    .invite_infi_list .jabri_new_uistyle-form-group {
        width: 32.3%;
    }

    .invite_infi_list .jabri_new_uistyle-form-group+.jabri_new_uistyle-form-group {
        margin-left: 1.5%
    }

    .invite-candidate-parent .invite_infi_list .add-mail-btn {
        right: 0;
        bottom: 18px;
        transform: scale(0.45);
    }

    .invite-new-parent-selected-item {
        font-size: 8px;
        border-radius: 14px;
        padding-top: 1px;
        padding-left: 7px;
        padding-right: 5px;
        line-height: 14px;
        margin-bottom: 3px;
    }

    .invite-new-parent-selected-item+.invite-new-parent-selected-item {
        margin-left: 8px;
    }

    .invite-new-parent-selected-item-clear,
    .invite-new-parent-selected-item-clear:hover {
        margin-left: 10px;
        font-size: 8px;
    }

    .invite-new-parent-selected-item-action {
        margin-right: 3px;
    }

    .invite-new-parent-selected {
        padding-top: 3px;
        line-height: normal;
    }

    .subscriber-main .add-mail-btn.addrow {
        font-size: 10px;
    }

    .subscriber-main .add-mail-btn.addrow img {
        margin-right: 8px;
        max-width: 20px;
    }

    .invite-candidate-parent.compose-job .form-action {
        margin-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .jabri_new_uistyle-form-actions.invite-new-actions {
        right: 20px;
    }

    .invite-candidate-newdesign .jabri_new_uistyle-green-btn,
    .invite-candidate-newdesign .jabri_new_uistyle-ghost-btn {
        height: 26px;
        font-size: 10px;
        width: 80px;
        border-radius: 2px;
    }

    .invite-candidate-parent .invite-tabbed {
        padding-bottom: 25px;
    }

    .invite-new-parent-input-result {
        top: 30px;
    }

    .invite-new-parent-input-head-com,
    .invite-new-parent-input-body-com {
        font-size: 10px;
        line-height: 30px;
    }

    .invite-new-parent-input-head-1 .custom-check,
    .invite-new-parent-input-body-1 .custom-check {
        transform: scale(0.7);
    }

    .invite-new-parent-input-footer-right a,
    .invite-new-parent-input-footer-right-1,
    .invite-new-parent-input-footer-right-2,
    .invite-new-parent-input-footer-left {
        font-size: 10px;
    }

    .invite-new-parent-input-footer {
        height: 30px;
    }

    .invite-new-parent-input-footer-right a {
        width: 70px;
        height: 30px;
        line-height: 30px;
    }

    .invite-new-parent-input-footer-right-1,
    .invite-new-parent-input-footer-right-2 {
        margin-right: 10px;
    }

    .invite-new-parent-input-body {
        max-height: 123px;
    }

    .all-mail-list table thead th,
    .all-mail-list table tbody td,
    .all-mail-list table tbody td a {
        font-size: 10px;
        padding: 9px 0 !important;
        line-height: normal;
    }

    .jabri-super-content_company-list-footer-left,
    .jabri-super-content_company-list-footer .dropdown-toggle,
    .jabri-super-content_company-list-footer-right a,
    .jabri-super-content_company-list-footer-right span {
        font-size: 10px;
    }

    .page_act {
        transform: scale(0.6);
    }

    .mail-sorticon {
        width: 4px;
    }

    .invite-list-table-body {
        max-height: calc(100vh - 350px);
    }*/

  .primary-container {
    max-width: 780px;
    padding-top: 37px;
  }

  /*.jabri-main-content {
        height: calc(100% - 70px);
    }*/

  /*.filters-parent .post-title {
        color: #425366;
        font-size: 28px;
        letter-spacing: -0.22px;
    }

    .filters-parent .post-title span {
        font-size: 11px;
    }

    .filters-btn button,
    .filters-view img {
        height: 38px;
    }

    .filters-view .grdv {
        margin-right: -38px;
    }

    .filters-btn button {
        font-size: 12px;
        background-size: 12px;
        padding: 0 12px;
        background-position: center right 12px;
        width: 70px;
    }

    .filters-parent {
        margin-bottom: 28px;
    }*/

  /*.job-actions .switch {
        transform: scale(0.4);
    }

    .job-actions {
        padding: 0 30px;
        padding-top: 18px;
    }

    .job-list-inner {
        padding: 0 30px;
        padding-top: 7px;
        padding-bottom: 25px;
    }

    .job-list-title {
        font-size: 18px;
        line-height: 20px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .job-list-desc,
    .job-list-desc * {
        font-size: 10px;
        line-height: 11px;
        letter-spacing: normal;
        max-height: 22px;
        min-height: 22px;
    }

    .job-list-divider {
        margin-bottom: 15px;
    }

    .job-li {
        font-size: 10px;
    }

    .job-li span img {
        bottom: 1px;
        width: 10px;
        margin-right: 6px;
    }

    .job-li ul li img {
        max-height: 20px;
        max-width: 20px;
    }

    .job-li li span {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 8px;
    }

    .job-list-parent .col-md-4 {
        padding-left: 9px;
        padding-right: 9px;
        margin-bottom: 18px;
    }

    .row.list-job {
        margin-left: -9px;
        margin-right: -9px;
    }*/

  .modal-title {
    font-size: 16px;
    line-height: normal;
  }

  .modal-dialog .control-label,
  .fromdate .ngx-datepicker-container::before,
  .todate .ngx-datepicker-container::before,
  .modal-dialog .ngx-datepicker-container .ngx-datepicker-input,
  .modal-footer button {
    font-size: 10px !important;
  }

  /*.cand-detail-left {
        margin-top: 34px;
    }

    .check-before,
    .custom-check,
    .check-before::after {
        width: 16px;
        height: 16px;
    }

    .cand-detail-left .cand-inr .check-before::before {
        background-size: 16px;
    }

    .cand-list-parent {
        height: calc(100vh - 223px);
    }

    .post-title-inner {
        font-size: 16px;
        line-height: 19px;
    }

    .candid_field input {
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 10px;
        padding-right: 35px;
    }

    .cand-detail-left .cand-inr {
        padding: 18px;
        padding-top: 8px;
    }

    .candid_field img {
        width: 14px;
        right: 10px;
    }

    .jdatee {
        position: static;
        text-align: left;
        line-height: 15px;
        font-size: 11px;
    }

    .jdatee span {
        display: inline;
    }

    .cand-detail-list-item img {
        border-radius: 8px;
        max-width: 34px;
        max-height: 34px;
    }

    .jafilter-sub img,
    .candid_delete img {
        width: 16px;
    }

    .cshabtn img {
        width: 20px;
    }

    .jafilter-sub,
    .cshabtn,
    .candid_delete {
        height: 30px;
        width: 30px;
        left: 7px;
    }

    .cand-detail-list-item p {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 3px;
    }

    .cndlist-inner {
        padding-top: 10px;
        padding-bottom: 6px;
    }

    .cand-detail-list-item {
        padding-bottom: 10px;
        padding-left: 54px;
    }

    .cand-detail-center {
        margin-top: 34px;
        padding-top: 18px;
    }

    .cand-detail-right {
        margin-top: 0;
        top: 122px;
        right: 13px;
    }

    .profile-img img {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .profile-name {
        font-size: 18px;
        line-height: 18px;
    }

    .profile-team-rating,
    .profile-action {
        margin-top: 5px;
    }

    .profile-action button,
    .profile-action button:hover,
    .profile-action select {
        height: 30px;
        font-size: 10px;
        line-height: normal;
        padding-top: 0;
        padding-bottom: 0;
        border: 0;
    }

    .cand-initial {
        margin-bottom: 10px;
    }

    .cand-detail-left .cand-inr {
        height: 119px;
    }

    .cand-detail-left .cand-inr::before {
        bottom: 29px;
    }

    .candid_results,
    .cand_count {
        left: 18px;
        bottom: 8px;
    }

    .main-chat {
        height: calc(100vh - 382px) !important;
    }

    .jobdrop-list button.dropdown-toggle {
        min-width: 300px;
        max-width: 300px;
    }

    .cand-detail video,
    .review-video-container,
    .dummy-quest-video-img {
        height: calc(100vh - 357px) !important;
    }

    .quest-slider {
        top: calc(100vh - 235px) !important;
    }

    .cand-detail-center div#showBxslide {
        width: 228px !important;
    }

    .bquest-rating-title {
        font-size: 10px;
        line-height: 11px;
        margin-bottom: 4px;
    }

    .bquest-rating-right a {
        font-size: 11px;
        line-height: 13px;
    }

    .bquest-rating-stars .star:before {
        width: 16px;
        height: 16px;
    }

    .bquest-rating-stars .star+.star {
        margin-left: 3px;
    }

    .bquest-rating-stars.cand-rating-panel .ratxt {
        font-size: 16px;
        line-height: normal;
        bottom: 2px;
        margin-left: 5px;
    }

    .bquest-rating {
        padding: 7px 10px;
        padding-bottom: 5px;
    }

    .bquest-rating-stars.cand-rating-panel {
        margin-top: 0;
        line-height: normal;
    }

    .bquest-rating-info {
        height: 10px;
        width: 10px;
    }

    .bquest-rating-right .bquest-rating-comain+.bquest-rating-comain {
        margin-top: 5px;
    }

    .bquest-rating-right {
        padding-top: 2px;
    }

    .bquest-main {
        padding: 10px;
    }

    .bquest-tag {
        line-height: 14px;
    }

    .bquest-tag span {
        font-size: 8px;
        height: 18px;
    }

    .bquest-txt {
        font-size: 11px;
        line-height: 16px;
        margin-top: 7px;
    }

    .quest-slider .quest-detail {
        min-height: 155px;
        max-height: 155px;
    }

    .profile-rating .star+.star {
        margin-left: 3px;
    }

    .profile-avg {
        margin-left: 8px;
        font-size: 14px;
        line-height: 14px;
    }

    .profile-email {
        margin-bottom: 5px;
        font-size: 10px;
        line-height: normal;
        margin-top: 3px;
    }

    .chat-title {
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        letter-spacing: normal;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .chat-desc-user,
    .chat-desc-txt,
    .chat-desc-date {
        font-size: 10px;
    }

    .chat-icon img {
        border-radius: 4px;
        max-width: 26px;
        max-height: 26px;
    }

    .chat-desc-txt {
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 10px;
        padding-left: 7px;
        padding-right: 8px;
    }

    .chat-desc-user {
        margin-bottom: 3px;
    }

    .chat-input {
        padding: 0 15px;
    }

    .chat-input input {
        font-size: 11px;
        height: 30px;
    }

    .chat-input button {
        width: 30px;
        height: 30px;
        background-position: center;
        background-size: 14px;
    }

    .cand-detail-list-item .custom-check {
        left: 18px;
    }

    .cand-detail-list-item .custom-check,
    .cand-detail-list-item .check-before,
    .cand-detail-list-item .check-before::before,
    .cand-detail-list-item .check-before::after,
    .check-inline.cand-unsel-uncheck {
        width: 16px;
        height: 16px;
    }

    .cand-detail-list-item .check-before::before {
        background-size: 16px;
    }

    .check-inline.cand-unsel-uncheck::before {
        width: 8px;
    }

    .cand-profile {
        padding: 18px;
        padding-bottom: 0;
    }

    #bottomQstSlider .bx-controls {
        margin-top: 10px;
        transform: scale(0.7);
    }

    input#bxscroll {
        transform: scale(0.7);
    }

    span.cand-badge {
        width: 12px;
        height: 12px;
    }

    .profile-img-inner .cand-badge {
        width: 15px;
        height: 15px;
    }

    .cand-detail-list-item .star:before {
        width: 12px;
        height: 12px;
    }

    .cand-detail-list-item .star.half:after {
        height: 12px;
        width: 6px;
        background-size: 12px;
    }

    .cand-detail-list-item .starav-rating {
        line-height: 12px;
    }

    .cand-detail-list-item li:first-child {
        margin-right: 12px;
    }

    .profile-rating .star:before {
        width: 14px;
        height: 14px;
    }

    .profile-rating .star.half:after {
        width: 7px;
        height: 14px;
        background-size: 14px;
    }

    .profile-rating .starav-rating {
        line-height: 14px;
    }

    .profile-team-rating-action a {
        font-size: 10px;
        line-height: normal;
    }

    .profile-team-rating-action img.profile-team-rating-icon {
        width: 6px;
        margin-left: 3px;
    }

    .profile-team-rating-action .profile-team-rating-tooltip {
        margin-right: 3px;
    }

    .profile-team-rating-action .profile-team-rating-tooltip img {
        width: 8px;
    }

    .profile-action button::before {
        margin-right: 4px;
        transform: scale(0.8);
        display: inline-block;
        position: relative;
        top: 2px;
    }

    .cand-list-parent .cand-no-data {
        margin-top: 0px;
        transform: scale(0.5);
        transform-origin: top;
    }*/

  .no-coment-0 {
    transform: translateY(-50%) scale(0.6);
  }

  /*.archive-button.filters-cmn {
        height: 38px;
        line-height: 38px;
        padding-right: 16px;
        padding-left: 40px;
        font-size: 12px;
        background-size: 17px;
        margin-left: 8px;
    }

    .filters-view.filters-cmn {
        margin-right: 8px;
        width: 38px;
        height: 38px;
    }

    .filters-btn button {
        text-align: left;
    }*/

  /*#videoele .vid1-dimensions.vjs-fluid {
        padding-top: calc(100vh - 357px);
    }

    .cand-detail #videoele .video-js .vjs-big-play-button {
        transform: scale(0.6);
    }

    .jabri-sidebar.toggled {
        width: 60px;
    }

    .jabri-main-content.toggled,
    .jabri-topbar.toggled {
        width: calc(100% - 60px)
    }

    .jabri-sidebar.toggled .sidebar-btn {
        padding-left: 12px;
        padding-right: 12px;
    }

    .jabri-sidebar.toggled .jabri-nav-list li::before,
    .jabri-sidebar.toggled .jabri-nav-list li::after {
        left: 19px;
    }

    .jabri-sidebar.toggled .navhover {
        width: 40px;
        top: 13px;
        left: 9px;
    }

    .jabri-sidebar.toggled .navhover::before {
        margin: auto;
        height: 30px;
        width: 30px;
    }

    .jabri-sidebar.toggled .navhover::after {
        top: 26px;
        left: -10px;
        transform: scale(0.7);
    }

    .jabri-sidebar.toggled .jabri-nav-list li+li .navhover {
        top: 12px;
    }

    .jabri-sidebar .slide-toggle {
        width: 16px;
        margin: auto;
        padding: 0;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .slide-toggle-hover::before {
        width: 30px;
        height: 30px;
    }

    .slide-toggle-hover::after {
        transform: scale(0.7);
        left: -10px;
        top: 24px;
    }

    .slide-toggle-hover {
        width: 30px;
        height: 30px;
        margin-top: 20px;
        margin-bottom: 36px;
    }

    .jabri-sidebar .sidebar-btn {
        padding-top: 0;
        margin-top: 20px;
        margin-bottom: 14px;
    }*/

  /*.invite-candidate-parent.invite-candidate-newdesign .nav-tabs a {
        height: 40px;
        line-height: 40px;
        width: 88px;
        font-size: 12px;
    }

    .invite-candidate-parent.invite-candidate-newdesign .tab_indicator {
        width: 88px;
    }

    .invite-tabindic-actions {
        height: 40px;
        right: 20px;
    }

    .invite-tabindic-reset {
        font-size: 10px;
    }

    .invite-candidate-new-1 span {
        font-size: 17px;
        padding-right: 3px;
    }

    .invite-candidate-new-1,
    .invite-candidate-new-text-item {
        font-size: 10px;
    }

    .invite-candidate-new {
        padding: 0 20px;
    }

    .invite-candidate-new-text-item span {
        font-size: 17px;
        padding-right: 3px;
    }

    .invite-candidate-new-1 {
        width: 67px;
    }

    .invite-candidate-new-2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .invite-candidate-new-3 {
        padding-left: 15px;
    }

    .invite-candidate-new-text-item+.invite-candidate-new-text-item {
        margin-left: 0;
    }

    .invite-candidate-new-text-item {
        height: 24px;
        padding: 4px 5px;
        border-radius: 3px;
        line-height: 17px;
    }

    .invite-candidate-new-progress {
        height: 3px;
        margin-top: 3px;
    }

    .invite-candidate-new-2,
    .invite-candidate-new-3 {
        width: 257px;
    }

    .invite-candidate-new {
        margin-bottom: 15px;
        height: 45px;
    }

    .invite-candidate-new-2::before,
    .invite-candidate-new-2::after {
        top: 1px;
        height: 30px;
    }

    .invite-candidate-parent.invite-candidate-newdesign .tab_indicator.tab2svg {
        left: 88px;
    }

    .invite-candidate-parent.invite-candidate-newdesign .tablist-common.invcandlist {
        padding: 0 20px;
    }

    .invite-candidate-newdesign .jabri-super-content_company-list-footer {
        padding: 0;
        line-height: 40px;
    }

    .resend-mail-icn img {
        width: 16px;
    }

    .resend-mail-icn {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .resend-mail-icn::before {
        width: 30px;
        height: 30px;
    }

    .resend-mail-icn::after {
        height: 20px;
        width: 50px;
        line-height: 20px;
        left: -10px;
        top: 30px;
        transform: scale(0.6);
        transform-origin: top;
    }

    .mail-title-td-icom {
        padding: 3px;
    }*/

  /*.jabri-popup.feedback-popup.invite-popup .jabri-popup-inner {
        transform: scale(0.7);
        transform-origin: top;
        top: 100px;
    }

    .jabri-super-content_company-list-footer .dropdown .dropdown-toggle::after {
        line-height: 45px;
        transform: scale(0.7);
    }

    .jabri-super-content_company-list-footer .dropdown-menu {
        bottom: 40px !important;
        transform-origin: bottom;
    }

    .jabri-super-content_company-list-footer .dropdown-menu.show {
        transform: scale(0.6) !important;
        transform-origin: bottom;
    }

    .user-menu .dropdown-menu,
    .user-feedback .dropdown-menu {
        transform-origin: top right;
    }

    .user-menu .dropdown-menu.show,
    .user-feedback .dropdown-menu.show {
        transform: scale(0.7) !important;
        transform-origin: top right;
    }*/

  .notifi-categories {
    width: 200px;
  }

  .show-meeting-inner + .notification-main .notifi-item {
    left: 200px;
  }

  .notifi-item {
    width: 300px;
  }

  .notitem-title {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
  }

  .notitem-title .dropdown button {
    font-size: 10px;
  }

  .notifilogo {
    margin-top: 13px;
    margin-bottom: 13px;
  }

  .notificat li {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .noticat-title {
    font-size: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
  }

  .mynotifibtn {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 6px;
    padding-top: 0px;
  }

  .mynotifibtn a {
    font-size: 11px;
  }

  .mynotifibtn span {
    font-size: 9px;
  }

  .notificat {
    margin-top: 30px;
  }

  .notitem-left {
    padding-left: 20px;
    padding-right: 10px;
  }

  .notitem-main {
    padding: 10px 0;
  }

  .notitem-tag {
    margin: 0;
    font-size: 9px;
  }

  .notitem-text {
    font-size: 11px;
    margin-bottom: 0;
  }

  .notitem-duration {
    font-size: 9px;
  }

  .notitem-right {
    width: calc(100% - 75px);
  }

  .notificat ul {
    height: calc(100vh - 145px);
  }

  .no-mail-list img {
    max-width: 70px;
    margin-bottom: 20px;
  }

  .noml-title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 5px;
  }

  .noml-note {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 25px;
  }

  .noml-btn {
    height: 30px;
    width: initial;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    padding: 0 15px;
  }

  .notitem-clearall {
    display: none;
  }

  .notitem-list {
    height: calc(100% - 50px);
  }

  /*.workflow-main {
        margin-top: 40px;
    }*/

  .workflow-main.analytics-layout {
    overflow: hidden;
  }

  .workflow-main .total_data,
  .workflow-main .individual_data {
    transform: scale(0.7);
    transform-origin: top left;
  }

  .analytics-no-data-title {
    font-size: 24px !important;
    line-height: normal !important;
    margin-bottom: 10px !important;
  }

  .analytics-no-data-title + .subtitle {
    font-size: 14px !important;
    line-height: normal !important;
    margin-bottom: 40px !important;
  }

  .analytics-no-data-title + .subtitle + img {
    max-width: 350px;
  }

  .workflow-main .total_data + div {
    margin-top: -125px !important;
    margin-bottom: 50px !important;
  }

  .workflow-main .individual_data {
    margin-bottom: -150px;
  }

  /*.job-detail_edit-job {
        margin-top: 30px;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group {
        height: 40px;
        margin-bottom: 16px;
    }

    .job-detail_edit-job .primary-container,
    .job-detail_edit-job .secondary-container {
        padding-top: 0;
        margin-top: 0;
    }

    .job-detail_edit-job .secondary-container {
        max-width: 500px;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group.wys-editor {
        min-height: initial !important;
        padding: 0 13px;
    }

    .job-detail_edit-job .out-label {
        font-size: 10px;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group.contain_date_picker .ngx-datepicker-input {
        font-size: 10px !important;
        padding: 5px 13px !important;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group input,
    .job-detail_edit-job .jabri_new_uistyle-form-group textarea {
        font-size: 12px;
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 16px;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group textarea {
        line-height: normal;
    }

    .job-detail_edit-job div.jabri_new_uistyle-error {
        font-size: 10px;
        top: 40px;
        line-height: 16px;
        height: auto;
        bottom: auto;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group.active input+label,
    .job-detail_edit-job .jabri_new_uistyle-form-group input:focus+label,
    .job-detail_edit-job .jabri_new_uistyle-form-group.active textarea+label,
    .job-detail_edit-job .jabri_new_uistyle-form-group textarea:focus+label,
    .job-detail_edit-job .jabri_new_uistyle-form-group.active input+grammarly-extension+label,
    .job-detail_edit-job .jabri_new_uistyle-form-group input:focus+grammarly-extension+label,
    .job-detail_edit-job .jabri_new_uistyle-form-group.active textarea+grammarly-extension+label,
    .job-detail_edit-job .jabri_new_uistyle-form-group textarea:focus+grammarly-extension+label {
        transform: scale(0.75) translateY(-12px);
        left: 13px;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group label {
        font-size: 12px;
        top: 13px;
        left: 13px;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group.half-width.float-left {

        max-width: 46%;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group.wys-editor label {
        font-size: 10px;
        margin-top: 10px !important;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group.wys-editor::before {
        display: none;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group.wys-editor .ql-editor,
    .job-detail_edit-job .jabri_new_uistyle-form-group.wys-editor .ql-editor * {
        font-size: 12px;
        line-height: 16px;
    }

    .job-detail_edit-job .ql-snow.ql-toolbar button,
    .job-detail_edit-job .ql-snow .ql-toolbar button,
    .job-detail_edit-job .ql-snow .ql-icon-picker {
        width: 22px;
        height: 22px;
        padding: 0;
    }

    .job-detail_edit-job .ql-snow .ql-icon-picker .ql-picker-label {
        padding: 0;
    }

    .job-detail_edit-job .ql-snow.ql-toolbar button svg,
    .job-detail_edit-job .ql-snow .ql-toolbar button svg,
    .job-detail_edit-job .ql-snow .ql-icon-picker svg {
        transform: scale(0.6);
    }

    .job-detail_edit-job .ql-snow .ql-icon-picker .ql-picker-item {
        height: 20px;
        width: 20px;
        padding: 0;
    }

    .job-detail_edit-job .ql-snow .ql-icon-picker .ql-picker-options {
        padding: 0;
    }

    .job-detail_edit-job .wys-editor .ql-toolbar.ql-snow {
        padding: 4px 0;
    }

    .compose-job.post_a_job.job-detail_edit-job .jabri_new_uistyle-form-group.contain_date_picker {
        background-position: center right 13px;
        background-size: 14px;
    }

    .job-detail_edit-job .day-in-life::after {
        height: 84px;
        width: 242px;
    }

    .job-detail_edit-job .day-in-life-desc {
        max-width: 220px;
        font-size: 8px;
        line-height: 10px;
    }

    .job-detail_edit-job .day-in-life-inner {
        padding: 20px;
    }

    .job-detail_edit-job .day-in-life {
        height: 92px;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 58px;
    }

    .job-detail_edit-job .day-in-life.active {
        height: auto;
    }

    .job-detail_edit-job .day-in-life-check {
        line-height: normal;
    }

    .job-detail_edit-job .day-in-life-check span {
        font-size: 14px;
        line-height: normal;
    }

    .job-detail_edit-job .day-in-life-check .custom-check {
        margin-right: 7px;

        top: 3px;
    }

    .job-detail_edit-job .day-in-life-inner {
        padding: 16px 20px;
    }

    .job-detail_edit-job .day-in-life-check {
        margin-bottom: 12px;
        line-height: normal;
    }

    .job-detail_edit-job .check-before::after {
        border-radius: 3px;
    }

    .job-detail_edit-job .day-in-life:hover .custom-check::before {
        transform: scale(0.7);
        transform-origin: top;
    }

    .job-detail_edit-job .day-in-life-check .check-before,
    .job-detail_edit-job .day-in-life-check .custom-check,
    .job-detail_edit-job .day-in-life-check .check-before::after {
        width: 16px;
        height: 16px;
    }

    .job-detail_edit-job .jabri_new_uistyle-green-btn {
        height: 36px;
        width: 124px;
        font-size: 12px;
        line-height: 36px;
    }

    .job-detail_edit-job .day-in-life [type="checkbox"]:checked+.check-before:after {
        transform: scale(0.65);
        transform-origin: top left;
    }

    .job-detail_edit-job .day-in-life-input-tile .delete-daytile {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 15px;
        right: 15px;
    }

    .job-detail_edit-job .day-in-life-input-tile .delete-daytile img {
        width: 12px;
    }

    .job-detail_edit-job .day-in-life-input-tile .delete-daytile::before {
        width: 30px;
        height: 30px;
    }

    .job-detail_edit-job .day-in-life-input-tile .delete-daytile::after {
        left: -17px;
        top: 30px;
        z-index: 1;
        transform: scale(0.7);
        transform-origin: top;
    }

    .job-detail_edit-job .day-in-life .jabri_new_uistyle-form-group {
        height: 30px;
    }

    .job-detail_edit-job .day-in-life .jabri_new_uistyle-form-group.contain_text_area {
        height: auto;
    }

    .job-detail_edit-job .day-in-life-input select {
        font-size: 12px;
    }

    .job-detail_edit-job .day-in-life .jabri_new_uistyle-form-group label {
        font-size: 9px;
    }

    .job-detail_edit-job .day-in-life-input-1 {
        width: 100px;
    }

    .job-detail_edit-job .day-in-life-input-2 {
        margin-left: 20px;
        max-width: 255px;
    }

    .job-detail_edit-job .day-in-life-input-tile {
        padding: 20px;
        padding-top: 25px;
    }

    .job-detail_edit-job .day-in-life-input .jabri_new_uistyle-form-group.active input+label,
    .job-detail_edit-job .day-in-life-input .jabri_new_uistyle-form-group input:focus+label,
    .job-detail_edit-job .day-in-life-input .jabri_new_uistyle-form-group.active input+grammarly-extension+label,
    .job-detail_edit-job .day-in-life-input .jabri_new_uistyle-form-group input:focus+grammarly-extension+label {
        transform: scale(0.75) translateY(-26px);
        left: 13px;
    }

    .job-detail_edit-job .day-in-life-input .jabri_new_uistyle-form-group select+label,
    .job-detail_edit-job .day-in-life-input .jabri_new_uistyle-form-group select:focus+label,
    .job-detail_edit-job .day-in-life-input .jabri_new_uistyle-form-group select+grammarly-extension+label,
    .job-detail_edit-job .day-in-life-input .jabri_new_uistyle-form-group select:focus+grammarly-extension+label {
        transform: scale(0.75) translateY(-33px);
        left: 10px;
    }

    .job-detail_edit-job .day-in-life .jabri_new_uistyle-form-group input,
    .job-detail_edit-job .day-in-life .jabri_new_uistyle-form-group textarea {
        padding-top: 2px;
    }

    .job-detail_edit-job .jabri_new_uistyle-form-group.day-in-life-input-2 label {
        top: 7px;
    }

    .job-detail_edit-job .day-in-life .out-label,
    .job-detail_edit-job .day-in-life-input-1,
    .job-detail_edit-job .day-in-life-input-2 {
        margin-bottom: 0;
    }

    .job-detail_edit-job .day-in-life-action div {
        height: 30px;
        width: 120px;
        font-size: 11px;
        line-height: 30px;
    }*/

  .job-detail_questions .primary-container {
    padding-top: 34px;
    padding-top: 80px;
  }

  .job-detail_questions .secondary-container {
    min-width: initial !important;
    padding-top: 36px;
    max-width: 670px;
  }

  .job-detail_questions .post-title {
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.17px;
    margin-bottom: 0;
  }

  .job-detail_questions .question-parent {
    padding-top: 25px;
    margin-top: 25px;
    margin-bottom: 0;
  }

  .job-detail_questions .add-question-btn {
    height: 40px;
    line-height: 40px;
    margin-top: 25px;
    margin-bottom: 60px;
  }

  .job-detail_questions .continue-btn,
  .job-detail_questions .back-btn {
    font-size: 12px !important;
    height: 36px !important;
    width: 124px !important;
  }

  .job-detail_questions .continue-btn span::before {
    background-size: 13px;
    background-position: bottom 2px center;
  }

  .job-detail_questions label.qstlabel {
    font-size: 10px;
    top: -18px;
  }

  .job-detail_questions img.grabicon {
    max-width: 10px;
  }

  .job-detail_questions img.qsdelete {
    max-width: 12px;
  }

  .job-detail_questions .question-action {
    top: -25px;
  }

  .job-detail_questions .jabri_new_uistyle-form-group textarea {
    font-size: 12px;
    line-height: 14px;
    padding: 12px 16px;
  }

  .job-detail_questions .question-child.jabri_new_uistyle-form-group {
    padding: 0 16px;
    height: 56px !important;
  }

  .job-detail_questions .tag-green,
  .job-detail_questions .tag-orange,
  .job-detail_questions .tag-blue,
  .job-detail_questions .tag-pink,
  .job-detail_questions .tag-own {
    height: 18px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 8px;
  }

  .job-detail_questions .question-timer select {
    font-size: 10px;
    padding-top: 14px;
    padding-bottom: 15px;
    background-size: 4px;
  }

  .job-detail_questions .tag-left {
    padding-top: 6px;
    padding-bottom: 10px;
    padding-left: 10px;
    max-width: calc(100% - 151px);
  }

  .job-detail_questions .question-timer img {
    width: 8px;
    top: 16px;
    left: 10px;
  }

  .job-detail_questions .retake_checkbox.custom-check {
    transform: scale(0.75);
  }

  .job-detail_questions .question-timer select {
    padding-left: 22px;
    padding-right: 22px;
    background-position: right 14px center;
  }

  .job-detail_questions .question-timer.retake_main select {
    padding-left: 28px;
    padding-right: 20px;
    background-position: right 11px center;
  }

  .job-detail_questions .retake_checkbox.custom-check {
    top: 9px;
    left: 9px;
  }

  .job-detail_questions .tag-own.ownclicked input {
    font-size: 8px;
    height: 18px;
    line-height: 18px;
    padding: 0;
  }

  .job-detail_questions span.tagc {
    line-height: 18px;
  }

  .job-detail_questions span.tagc img {
    width: 16px;
  }

  .job-detail_questions span.tagc.tagy {
    right: -21px;
  }

  .job-detail_questions span.tagc.tagn {
    right: -42px;
  }

  .job-detail_questions .question-parent .question-child .sharemaining {
    line-height: 18px;
    font-size: 8px;
  }

  .job-detail_questions .question-parent + .question-parent {
    margin-top: 10px;
  }

  .job-detail_questions .question-child div.jabri_new_uistyle-error {
    bottom: 0;
    left: 16px;
    font-size: 8px;
  }

  .job-detail_questions .tag-ui-error {
    left: 0;
    bottom: -12px;
    font-size: 8px;
    line-height: normal;
  }

  .headinner-title.headinnerjq {
    font-size: 22px;
    line-height: 70px;
  }

  .autocomplete-container .input-container .x i {
    font-size: 20px !important;
  }

  .settings-main {
    max-width: 600px;
    margin-top: 15px;
  }

  .setitem {
    padding: 15px;
    flex-basis: 200px;
    height: 200px;
  }

  .setitem-inner {
    padding: 0;
    padding-top: 40px;
    height: 100%;
  }

  .setitem-inner img {
    max-height: 50px;
  }

  .setitem-title {
    font-size: 16px;
    letter-spacing: -0.18px;
    line-height: 30px;
    margin-top: 15px;
  }

  .notifications_foresp.tablist-common {
    max-width: 420px;
    margin: 60px auto;
  }

  .notifications_foresp .notifications .notifi-card {
    padding: 0 30px;
    padding-top: 19px;
    padding-bottom: 9px;
  }

  .notifications_foresp .notifi-title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .notifications_foresp .notifi-inn-title {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .notifications_foresp .notifi-inn-desc {
    font-size: 10px;
    margin-bottom: 0;
  }

  .notifications_foresp .notifi-block {
    padding-bottom: 10px;
  }

  .notifications_foresp .notifi-block.bord + .notifi-block {
    margin-top: 10px;
  }

  .notifications_foresp .notifi-switch {
    transform: scale(0.6);
    transform-origin: top right;
  }

  .notifications_foresp .notifications .notifi-card + .notifi-card {
    margin-top: 15px !important;
  }

  .job-actions .btn::before {
    height: 30px;
    width: 30px;
    top: -6px;
    left: -8px;
  }

  .job-actions .btn::after {
    transform: scale(0.6);
    transform-origin: top;
    top: 24px;
  }

  .job-list-tile .dropdown-menu {
    transform-origin: top right;
  }

  /*.job-list-tile .dropdown-menu.show {
        transform: scale(0.7) !important;
    }*/

  .jabreadcrumbs {
    top: 70px;
    width: calc(100% - 215px);
  }

  .toggled .jabreadcrumbs {
    width: calc(100% - 60px);
  }

  .jabreadcrumbs .jabread-inner {
    padding: 8px 34px;
  }

  .jabreadcrumbs .jcrucom,
  .jabreadcrumbs .jcrucom a {
    font-size: 14px;
  }

  .team-section.tablist-common {
    margin-top: 70px;
    max-width: 800px;
  }

  .team-section .teamm_img {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    margin-top: 30px;
  }

  .team-section .teamm_name {
    font-size: 16px;
    margin-top: 10px;
  }

  .team-section .teamm_email {
    font-size: 12px;
    margin-top: 5px;
  }

  .team-section .teamm_role {
    font-size: 12px;
    margin-top: 8px;
  }

  .team-section .teamm_tile {
    padding: 10px;
  }

  .team-section .tablist-actions .btn {
    height: 35px;
    width: 130px;
    font-size: 12px;
    letter-spacing: 0.5px;
  }

  .team-section .tablist-title {
    font-size: 24px;
    line-height: 35px;
  }

  .team-section .team_grid {
    margin-top: 20px;
  }

  .team_view {
    margin-top: 70px;
    max-width: 600px;
  }

  .team_view-avatar span {
    font-size: 22px;
    line-height: 50px;
  }

  .team_view .team_view-img {
    height: 50px;
    width: 50px;
    margin-right: 20px;
  }

  .team_view .team_view-sec {
    margin-top: 15px;
  }

  .team_view .team_view-item + .team_view-item {
    margin-left: 20px;
  }

  .team_view .team_view-item {
    font-size: 15px;
  }

  .team_view .team_view-item span {
    font-size: 11px;
    margin-bottom: 5px;
  }

  .team_view .team_view-card {
    padding: 20px;
  }

  .team_view .btn-group {
    right: 20px;
    top: 26px;
  }

  .team_view .btn-group button img {
    width: 4px;
  }

  .team_view .btn-group button::before {
    width: 30px;
    height: 30px;
    top: 3px;
    left: -1px;
  }

  .team_view .btn-group button::after {
    left: -14px;
    top: 32px;
    transform: scale(0.6);
    transform-origin: top;
  }

  .team_view .dropdown-menu {
    transform-origin: top right;
  }

  .team_view .dropdown-menu.show {
    transform: scale(0.7) !important;
  }

  .candcountry .country-fie.country-fie-difff {
    margin-bottom: 20px;
  }

  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select.country-fie-difff
    .ng-select.ng-select-single
    .ng-select-container
    + .ng-dropdown-panel {
    padding-top: 0;
  }

  .nav-sub-in.nav-active::before,
  .nav-sub-in.nav-act::before,
  .nav-sub-in.nav-comp::before {
    left: -15px;
  }

  .modal-dates
    .ngx-datepicker-calendar-container.ngx-datepicker-position-bottom-right,
  .job-detail_edit-job
    .ngx-datepicker-calendar-container.ngx-datepicker-position-bottom-right {
    transform: scale(0.6);
    transform-origin: top left;
    top: 50px;
  }

  .job-detail_edit-job
    .ngx-datepicker-calendar-container.ngx-datepicker-position-bottom-right {
    top: 39px !important;
  }

  div#cropTemplate .modal-dialog {
    top: 100px;
    max-width: 250px !important;
  }

  div#cropTemplate .modal-title,
  div#cropTemplate button.close span {
    font-size: 15px;
    top: 0 !important;
  }

  div#cropTemplate .modal-header {
    padding: 10px;
  }

  div#cropTemplate button.jsa_button {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 12px !important;
  }

  .all-mail-list_foresp.tablist-common {
    /*max-width: 622px;*/
    margin-top: 70px;
  }

  .all-mail-list_foresp.tablist-common .continue-btn {
    font-size: 10px !important;
    padding: 0 15px;
    height: 30px !important;
  }

  .all-mail-list_foresp.tablist-common .tablist-title {
    font-size: 20px;
    line-height: 30px;
  }

  .all-mail-list_foresp.tablist-common .tablist-search {
    height: 30px;
    width: 40px;
    line-height: 30px;
    right: 117px;
    top: 0;
  }

  .all-mail-list_foresp.tablist-common.subslistc .tablist-search {
    right: 162px;
  }

  .all-mail-list_foresp.tablist-common .tablist-search.seaclick {
    width: 100%;
    right: 0;
  }

  .all-mail-list_foresp.tablist-common .ms-button {
    line-height: 30px;
    width: 40px;
    height: 30px;
  }

  .all-mail-list_foresp.tablist-common .tablist-search .ms-button img,
  .all-mail-list_foresp.tablist-common
    .tablist-search.seaclick
    .ms-button
    img
    + img {
    width: 10px;
  }

  .all-mail-list_foresp.tablist-common .tablist-search .ms-button img + img,
  .all-mail-list_foresp.tablist-common .tablist-search.seaclick .ms-button img {
    width: 0;
  }

  .all-mail-list_foresp.tablist-common .tablist-field input {
    line-height: 30px;
    font-size: 14px;
  }

  .all-mail-list_foresp.tablist-common
    .tablist-search.seaclick
    .tablist-field
    input {
    width: calc(100% - 60px);
    left: 20px;
  }

  .all-mail-list_foresp.tablist-common table tbody td:first-child,
  .all-mail-list_foresp.tablist-common table thead th:first-child {
    text-align: center !important;
  }

  .all-mail-list_foresp.tablist-common.mail-list-table-main-parent
    .tablist-actions {
    margin-bottom: 20px;
  }

  .all-mail-list_foresp.tablist-common
    .jabri-super-content_company-list-footer {
    line-height: 40px;
  }

  .all-mail-list_foresp.tablist-common
    .jabri-super-content_company-list-footer-inner {
    padding: 0 20px;
  }

  .all-mail-list_foresp.tablist-common
    .jabri-super-content_company-list-footer
    .dropdown-menu {
    bottom: 30px !important;
  }

  .all-mail-list_foresp.tablist-common table tbody td:last-child {
    padding-right: 25px !important;
  }

  .all-mail-list_foresp.tablist-common table button img {
    width: 4px;
  }

  .all-mail-list_foresp.tablist-common tbody td button::before {
    height: 25px;
    width: 25px;
    top: -2px;
    left: -11px;
  }

  .all-mail-list_foresp.tablist-common tbody td button::after {
    left: -27px;
    top: 22px;
    line-height: 20px;
    height: 20px;
    transform-origin: top;
    transform: scale(0.6);
  }

  .all-mail-list_foresp.tablist-common
    .mail-list-table-body
    table
    tbody
    tr:last-child
    .btn-group
    button::after {
    top: 5px;
    left: -36px;
    width: 40px;
  }

  .all-mail-list_foresp.tablist-common table tbody td,
  .all-mail-list_foresp.tablist-common table tbody td a {
    vertical-align: middle;
    padding: 5px 0 !important;
  }

  .all-mail-list_foresp.tablist-common table thead th {
    padding: 14px 0 !important;
  }

  .all-mail-list_foresp.tablist-common table tbody td .dropdown-menu a {
    padding: 0 !important;
  }

  .all-mail-list_foresp.tablist-common table .dropdown-menu {
    transform-origin: top right;
    padding: 0px 15px;
    max-width: 160px;
  }

  .all-mail-list_foresp.tablist-common table .dropdown-menu.show {
    transform: scale(0.7) !important;
  }

  .all-mail-list_foresp.tablist-common
    .mail-list-table-body
    table
    tbody
    tr:nth-last-child(-n + 4)
    .dropdown-menu {
    transform-origin: bottom right;
  }

  .tablist-common
    .mail-list-table-body
    table
    tbody
    tr:nth-last-child(-n + 4)
    .dropdown-menu {
    bottom: -5px !important;
  }

  .all-mail-list_foresp.tablist-common .mail-list-table-body {
    max-height: calc(100vh - 274px);
  }

  .all-mail-list_foresp a#clickUpdateTr img {
    width: 14px;
  }

  .all-mail-list_foresp.all-mail-list table tbody td input {
    width: calc(100% - 5px);
    height: 20px;
  }

  .add-edit-mailist_foresp form {
    margin-top: 0 !important;
  }

  .add-edit-mailist_foresp .post-title {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 20px !important;
  }

  .add-edit-mailist_foresp .secondary-container {
    max-width: 500px;
    padding-top: 66px;
    padding-bottom: 0;
  }

  .add-edit-mailist_foresp .jabri_new_uistyle-form-group {
    height: 40px;
  }

  .add-edit-mailist_foresp .jabri_new_uistyle-form-group input,
  .add-edit-mailist_foresp .jabri_new_uistyle-form-group textarea {
    font-size: 12px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 16px;
  }

  .add-edit-mailist_foresp .jabri_new_uistyle-form-group textarea {
    padding-bottom: 16px;
  }

  .add-edit-mailist_foresp .jabri_new_uistyle-form-group.contain_text_area {
    height: 145px !important;
  }

  .add-edit-mailist_foresp div.jabri_new_uistyle-error {
    font-size: 10px;
    top: 40px;
    line-height: 16px;
    height: auto;
    bottom: auto;
  }

  .add-edit-mailist_foresp .jabri_new_uistyle-form-group.active input + label,
  .add-edit-mailist_foresp .jabri_new_uistyle-form-group input:focus + label,
  .add-edit-mailist_foresp
    .jabri_new_uistyle-form-group.active
    textarea
    + label,
  .add-edit-mailist_foresp .jabri_new_uistyle-form-group textarea:focus + label,
  .add-edit-mailist_foresp
    .jabri_new_uistyle-form-group.active
    input
    + grammarly-extension
    + label,
  .add-edit-mailist_foresp
    .jabri_new_uistyle-form-group
    input:focus
    + grammarly-extension
    + label,
  .add-edit-mailist_foresp
    .jabri_new_uistyle-form-group.active
    textarea
    + grammarly-extension
    + label,
  .add-edit-mailist_foresp
    .jabri_new_uistyle-form-group
    textarea:focus
    + grammarly-extension
    + label {
    transform: scale(0.75) translateY(-12px);
    left: 13px;
  }

  .add-edit-mailist_foresp .jabri_new_uistyle-form-group label {
    font-size: 12px;
    top: 13px;
    left: 13px;
  }

  .add-edit-mailist_foresp .out-label {
    font-size: 10px;
  }

  .add-edit-mailist_foresp .jabri_new_uistyle-form-group {
    margin-bottom: 16px;
  }

  .add-edit-mailist_foresp .continue-btn {
    height: 35px !important;
    width: 120px !important;
    font-size: 12px !important;
  }

  .add-edit-mailist_foresp .back-btn {
    height: 35px !important;
    font-size: 12px !important;
    width: 120px !important;
    padding: 0;
  }

  .add-edit-mailist_foresp .setup-content {
    margin-bottom: 0 !important;
  }

  .add-edit-mailist_foresp .subscriber-main {
    margin-top: 70px;
    max-width: 800px;
  }

  .add-edit-mailist_foresp .subscriber-main .post-title {
    line-height: 30px;
  }

  .add-edit-mailist_foresp .subscriber-main .upldcsv {
    bottom: 0;
    height: 30px;
    width: 100px;
    font-size: 12px;
    line-height: 30px;
  }

  .compose-job.mail-main.add-edit-mailist_foresp .subscriber-main .form-action {
    margin-top: 30px;
  }

  .add-edit-mailist_foresp .subscriber-main .add-mail-btn.rem::before {
    height: 28px;
    transform: scale(0.5);
    position: absolute;
    right: 10px;
    top: -4px;
  }

  .add-edit-mailist_foresp .subscriber-main .continue-btn {
    min-width: initial !important;
    width: 165px !important;
    padding: 0 15px;
  }

  .add-edit-mailist_foresp .subscriber-main .cansub {
    margin-right: 15px;
  }

  .add-edit-mailist_foresp .subscriber-main .add-mail-btn.addrow {
    font-size: 12px;
    margin-top: 6px;
  }

  .add-edit-mailist_foresp .subscriber-main .add-mail-btn.addrow img {
    margin-right: 8px;
    max-width: 24px;
  }

  .jabri-popup.feedback-popup.csv-popup .jabri-popup-inner {
    max-width: 600px;
    transform: scale(0.6);
    transform-origin: top;
  }

  .jabri-popup.feedback-popup.sharefeedback-popup .jabri-popup-inner {
    transform: scale(0.6);
    transform-origin: top;
    top: 50px;
  }

  .notidropdown .dropdown-menu {
    left: auto !important;
    width: 150px;
  }

  .notidropdown .dropdown-item {
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    color: #4a556a;
    font-size: 10px;
  }

  .notidropdown .dropdown-item.active::after {
    bottom: 0;
  }

  .meeting-close span::after {
    height: 40px;
    width: 40px;
    top: -5px;
    left: -13px;
  }

  .meeting-close:hover {
    transform: scale(1);
  }

  .company_select-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }

  .multi-co-item {
    padding: 10px;
    margin-bottom: 5px;
  }

  .multi-co-logo {
    position: relative;
    height: 40px;
    width: 40px;
    margin-right: 10px;
    overflow: hidden;
  }

  .multi-co-logo img {
    transform: none;
    max-width: 30px;
    max-height: 30px;
    height: auto;
    margin: auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }

  .multi-co-details {
    padding-top: 0;
  }

  .multi-co-name {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 7px;
  }

  .multi-co-stamp {
    font-size: 12px;
    line-height: normal;
  }

  .multi-co-group {
    max-height: 195px;
  }

  .login-parent.company_select .align-right a {
    font-size: 10px;
    margin-top: 10px;
  }

  .candetail-profile-parent_foresp .secondary-container {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .candetail-profile-parent_foresp h2 {
    font-size: 24px;
  }

  .candetail-profile-parent_foresp button.from-review-profile-back-btn {
    line-height: 26px;
    font-size: 10px;
    left: 132px;
  }

  .candetail-profile-parent_foresp button.from-review-profile-back-btn span {
    margin-right: 5px;
  }

  .candetail-profile-parent_foresp
    button.from-review-profile-back-btn
    span
    img {
    width: 11px;
  }

  .candetail-profile-parent_foresp td img {
    max-width: 50px;
    max-height: 50px;
  }

  .candetail-profile-parent_foresp table {
    max-width: 500px;
    margin: 15px auto;
  }

  .candetail-profile-parent_foresp td,
  .candetail-profile-parent_foresp th {
    padding: 5px;
    padding-left: 0;
    font-size: 10px;
  }

  .profile_security {
    transform: scale(0.6);
    transform-origin: top;
    margin-top: 30px;
  }

  .jabri-popup.public-jobview-popup .jabri-popup-inner {
    transform: translateY(-50%) scale(0.6);
  }

  .public-detailview .pb-topbar {
    padding-left: 30px;
    padding-right: 30px;
    height: 70px;
  }

  .public-detailview {
    padding-top: 70px;
    height: 100vh;
  }

  .public-detailview .pubj-l-logo span {
    font-size: 18px;
  }

  .public-detailview .pubj-l-logo {
    top: 20px;
  }

  .public-detailview .pubj-r-logo {
    top: 22px;
  }

  .public-detailview .cand-detail-list-item {
    padding-left: 15px;
  }

  .public-detailview .cand-detail-list-item ul li {
    max-width: calc(100% - 50px);
  }

  .public-detailview .cand-detail-left,
  .public-detailview .cand-list-parent {
    height: calc(100vh - 70px);
  }

  .public-detailview .cand-detail-right {
    top: 90px;
  }

  .public-detailview .cand-detail-center {
    padding-top: 20px;
  }

  .public-detailview .quest-slider {
    top: calc(100vh - 610px) !important;
  }

  .public-detailview .cand-detail video,
  .public-detailview .review-video-container {
    height: calc(100vh - 320px) !important;
  }

  .public-detailview #videoele .vid1-dimensions.vjs-fluid {
    padding-top: calc(100vh - 320px);
  }

  .public-detailview .cand-profile {
    height: calc(100vh - 320px);
  }

  .share_send_now_after_pop .jabri-popup-inner {
    transform: scale(0.6);
    transform-origin: top;
  }

  .error-page-parent {
    padding-top: 50px;
  }

  .error-page-parent .error-page-mainimg {
    min-height: 150px;
  }

  .error-page-parent .error-page-mainimg img {
    max-height: 120px;
  }

  .error-page-parent .error-page-title {
    margin-top: 10px;
    font-size: 20px;
  }

  .error-page-parent .error-page-desc {
    margin-top: 5px;
    font-size: 10px;
  }

  .error-page-parent .error-page-link {
    height: 40px;
    width: 120px;
    font-size: 12px;
    line-height: 40px;
    margin-top: 40px;
  }

  .error-page-parent .error-page-link img {
    bottom: 1px;
    margin-right: 6px;
    max-width: 10px;
  }

  .error-page-parent::before {
    height: 100vh;
    width: 100vw;
  }

  /*.no_jobs_list-title {
        font-size: 40px;
        line-height: normal;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .no_jobs_list a {
        height: 40px;
        width: 200px;
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 40px;
    }

    .filter_search_href {
        height: 38px;
        width: 250px;
        line-height: 38px;
        background-size: 14px;
        font-size: 12px;
        color: #425366;
        padding-right: 38px;
    }*/

  .jabri_new_uistyle-form-group-select
    .ng-select
    .ng-select-container
    .ng-value-container
    .ng-input
    > input {
    padding: 0;
    width: calc(100% - 57px);
    left: 13px;
  }

  .pubview-job-foresp .jd-banner h1 {
    font-size: 44px;
    line-height: 64px;
  }

  .pubview-job-foresp .jd-banner ul {
    margin-top: 12px;
    padding-top: 20px;
  }

  .pubview-job-foresp .jd-banner li img {
    max-width: 12px;
  }

  .pubview-job-foresp .jd-banner li span {
    font-size: 14px;
    margin-left: 5px;
  }

  .pubview-job-foresp .jd-action {
    margin-top: 34px;
  }

  .pubview-job-foresp .abslogol,
  .pubview-job-foresp .abslogor {
    max-width: 40px;
    max-height: 40px;
  }

  .pubview-job-foresp .jd-banner-inner {
    max-width: 800px;
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .pubview-job-foresp .jd-action a {
    width: 132px;
    height: 40px;
    line-height: 40px;
    letter-spacing: 0.5px;
    font-size: 12px;
  }

  .pubview-job-foresp .fixed-title h1 {
    font-size: 22px;
    margin-right: 10px;
    line-height: 50px;
    padding: 0;
    margin-bottom: 0;
  }

  .pubview-job-foresp .fixed-title-inner a,
  .pubview-job-foresp .fixed-title-action {
    font-size: 10px;
    bottom: 3px;
  }

  .notifier__notification--material {
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 40px;
  }

  .notifier__notification--success::before,
  .notifier__notification--error::before {
    content: "";
    width: 15px;
    height: 15px;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    margin: auto;
    display: block;
    background-size: 15px;
  }

  .notifier__notification--material .notifier__notification-message {
    line-height: 35px;
    font-size: 12px;
  }

  .notifier__notification--material .notifier__notification-button {
    margin-left: 5px;
  }

  .notifier__notification-button::before {
    display: block;
    transform: scale(0.7);
  }

  /*.filter_search_href-parent span {
        line-height: 38px;
    }

    .filter_search_href-parent span img {
        width: 16px;
    }*/

  /*candrespcheckpointwwwwwwwwww*/

  .resume-interview {
    z-index: 2;
  }

  .resume-interview-wrap {
    transform: scale(0.6);
  }

  .jabri-popup.feedback-popup.team-popup .jabri-popup-inner {
    transform: scale(0.6);
    transform-origin: top;
    top: 50px;
  }

  .jabri-app-parent.candidate-layout + .jabri-popup {
    z-index: 2;
  }

  .candiate-new-des-container div.jabri_new_uistyle-error {
    font-size: 9px;
    line-height: 20px;
    bottom: -20px;
  }

  .jabri-app-parent.candidate-layout .headinner-title {
    font-size: 22px;
    line-height: 70px;
  }

  .jabri-app-parent.candidate-layout .post-title {
    font-size: 28px;
    letter-spacing: -0.22px;
    line-height: 43px;
    margin-bottom: 34px;
  }

  .jabri-app-parent.candidate-layout .primary-container {
    padding-top: 34px;
  }

  .login-parent {
    max-width: 340px;
  }

  .login-parent .login-logo {
    padding-top: 35px;
    padding-bottom: 30px;
  }

  .login-parent .login-logo img {
    max-width: 95px;
  }

  .login-parent .login-inner {
    width: 222px;
  }

  .login-parent .jabri_new_uistyle-form-group {
    height: 42px;
  }

  .login-parent .jabri_new_uistyle-form-group input,
  .login-parent .jabri_new_uistyle-form-group label {
    font-size: 16px;
  }

  .login-parent .jabri_new_uistyle-form-group input {
    padding-top: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .login-parent .jabri_new_uistyle-form-group input + label {
    transform: scale(1) translateY(-8px);
    left: 10px;
  }

  .login-parent .jabri_new_uistyle-form-group input:focus + label {
    transform: scale(0.65) translateY(-20px);
  }

  .login-parent .jabri_new_uistyle-form-group input:focus + label,
  .login-parent .jabri_new_uistyle-form-group.active input + label {
    transform: scale(0.65) translateY(-33px);
  }

  .login-parent .jabri_new_uistyle-form-group {
    margin-bottom: 18px;
  }

  .login-parent button[type="submit"],
  .new-jabri-linkedin-btn {
    height: 42px;
    font-size: 16px;
  }

  .new-jabri-linkedin-btn {
    line-height: 42px;
    margin-bottom: 13px;
  }

  .new-jabri-linkedin-btn::before {
    width: 16px;
    height: 16px;
    top: 3px;
  }

  .signup-text span,
  .or-text,
  .signup-text a {
    font-weight: normal;
    font-size: 11px !important;
  }

  .signup-text a {
    display: block;
  }

  .uniqode .uniqor {
    font-size: 11px;
    font-weight: normal;
    margin: 13px 0;
  }

  .forgot-pass {
    font-size: 11px;
    margin-top: 5px;
  }

  .or-text {
    margin-bottom: 13px;
  }

  .signup-text {
    margin-top: 13px;
  }

  .login-parent {
    height: 450px !important;
  }

  .login-animation {
    height: 150px !important;
  }

  .bacuniqode {
    font-size: 11px;
  }

  .login-parent.candidates {
    height: 615px !important;
  }

  .sign-form-elements {
    margin-bottom: 0;
  }

  .login-parent div.jabri_new_uistyle-error,
  .login-parent div.jabri_new_uistyle-error label,
  .login-parent .tag-ui-error {
    font-size: 10px;
    bottom: -18px;
  }

  .lets-do-test {
    width: 660px;
    padding: 30px;
    padding-bottom: 20px;
  }

  .ltest-label {
    height: 28px;
    border-radius: 2px;
    width: 116px;
    line-height: 28px;
    font-size: 12px;
  }

  .ltest-text {
    font-size: 16px;
    color: #425366;
    margin-top: 12px;
    line-height: 19px;
  }

  .ltest-subtext {
    color: #89939f;
    font-size: 12px;
    line-height: 14px;
    margin-top: 6px;
    margin-bottom: 16px;
  }

  .video-js.cand_exp {
    height: 302px;
  }

  .video-js.cand_exp .vjs-control-bar .vjs-record-button {
    width: 40px;
    height: 40px;
  }

  .video-js.cand_exp .vjs-icon-record-start:before {
    content: "";
    height: 40px;
    width: 40px;
    background-size: 100%;
    background-image: url(https://d3wjctuj7lvzp.cloudfront.net/assets/images/vid-record-btn.svg);
  }

  .cont_in_btn {
    font-size: 12px;
    height: 34px;
    width: 120px;
    bottom: 46px;
    right: 50px;
  }

  .video-js.cand_exp .vjs-current-time .vjs-control-text::before,
  .video-js.cand_exp .vjs-duration .vjs-control-text {
    font-size: 8px;
    line-height: 9px;
  }

  .video-js.cand_exp .vjs-current-time .vjs-control-text + span,
  .video-js.cand_exp .vjs-duration .vjs-control-text + span {
    font-size: 14px;
    line-height: 16px;
  }

  .video-js.cand_exp .vjs-control-bar .vjs-duration,
  .video-js.cand_exp .vjs-control-bar .vjs-current-time {
    line-height: normal !important;
  }

  .video-js.cand_exp .vjs-control-bar {
    height: 60px;
  }

  .video-js.cand_exp .vjs-control-bar .vjs-record-button {
    left: 17px;
  }

  .video-js.cand_exp .vjs-control-bar::before {
    width: 90px;
    height: 90px;
    transform-origin: right;
    transform: scale(1.3);
    top: 0;
    left: 0;
  }

  .video-js.cand_exp {
    margin-bottom: 100px;
  }

  .video-js.cand_exp .vjs-control-bar .vjs-current-time,
  .video-js.cand_exp .vjs-control-bar .vjs-duration {
    height: 25px;
  }

  .video-js.cand_exp .vjs-control-bar .vjs-current-time {
    left: 115px;
  }

  .video-js.cand_exp .vjs-control-bar .vjs-duration {
    left: 210px;
  }

  .cand-job-detail .cand-job-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .cand-job-details ul li span {
    font-size: 12px;
    line-height: 14px;
  }

  .cand-job-action {
    width: 167px;
    height: 46px;
    line-height: 46px;
  }

  .cand-job-details ul {
    padding-top: 16px;
  }

  .cj-card-title {
    font-size: 12px;
    line-height: 14px;
  }

  .cj-desc,
  .cj-title,
  .cj-table-item,
  .cj-table-item span {
    font-size: 12px;
    line-height: 18px;
  }

  .cand-job-card-1,
  .cand-job-card-inner {
    padding: 27px 33px;
  }

  .timeline-title {
    font-size: 20px;
    line-height: 24px;
  }

  .cand-job-card-1 {
    margin-bottom: 30px;
  }

  .tl-time,
  .tl-title {
    font-size: 14px;
  }

  .tl-title {
    font-size: 12px;
  }

  .tl-desc {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
  }

  .tl-item {
    padding-left: 30px;
    margin-bottom: 20px;
  }

  .timeline-parent-inner {
    border-left: 3px solid #f3f4f9;
  }

  img.tl-img {
    left: -15px;
    top: -10px;
    transform: scale(0.5);
  }

  .timeline-parent-inner::before {
    top: -15px;
    left: -10px;
    transform: scale(0.7);
  }

  .timeline-parent-inner::after {
    left: -10px;

    transform: scale(0.7);
  }

  .tl-desc {
    max-width: 550px;
  }

  .cj-desc p {
    margin: 0;
  }

  .cj-desc {
    margin-bottom: 20px;
  }

  .timeline-parent {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .timeline-title {
    margin-bottom: 30px;
  }

  .cand-job-card-inner.jd-pub-inner {
    padding-bottom: 30px;
  }

  .jd-title {
    font-size: 14px;
  }

  .cjc-block {
    font-size: 12px;
    margin-bottom: 0;
  }

  .cand-job-card-1,
  .cand-job-card-inner {
    margin-bottom: 30px;
  }

  .cand-job-detail {
    margin-bottom: 50px;
  }

  .cj-card-title {
    margin-left: 30px;
  }

  .cand-job-action.cand-big {
    margin-top: 0;
  }

  .lobby-start {
    margin-top: 30px;
    max-width: 660px;
  }

  .lobby-username {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px;
  }

  .lobby-position {
    font-size: 18px;
    padding-top: 10px;
    margin-bottom: 10px;
  }

  .lobby-info-item {
    font-size: 18px;
  }

  .lobby-info-item span,
  .lobby-position span {
    font-size: 14px;
    margin-bottom: 0;
  }

  .lobby-info-item + .lobby-info-item {
    margin-left: 50px;
    padding-left: 50px;
  }

  .lobby-img {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .lobby-img img {
    max-width: 186px;
  }

  .lobby-action button {
    height: 40px;
    width: 200px;
    margin-bottom: 16px;
    font-size: 14px;
  }

  .lobby-action button::before {
    margin-right: 5px;
    transform: scale(0.7);
  }

  .lobby-ins-title {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 19px;
  }

  .lobby-ins-desc {
    font-size: 14px;
    line-height: 22px;
  }

  .conn-text-1 {
    font-size: 13px;
    line-height: 15px;
  }

  .conn-text-2 {
    font-size: 18px;
  }

  .connection-check {
    max-width: 660px;
  }

  .connection-check .video-js.cand_exp {
    height: 338px;
  }

  .connection-check .video-js.cand_exp {
    margin-bottom: 0;
  }

  .convid-left {
    padding-left: 0;
    padding-top: 15px;
  }

  .vidblock {
    transform: scale(0.7);
    transform-origin: left;
  }

  .vidblock + .vidblock {
    padding-top: 0;
  }

  .chkvidbtn {
    height: 34px;
    font-size: 12px;
    width: 130px;
    top: 34px;
  }

  .lets-do-test .video-js.cand_exp {
    height: 338px;
  }

  .connection-check {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 15px;
  }

  .lets-do-test {
    margin-top: 30px;
  }

  .video-js.cand_exp .vjs-icon-record-stop:before,
  .video-js.cand_exp .vjs-play-control .vjs-icon-placeholder:before {
    display: block;
    transform: scale(0.6);
  }

  .video-js.cand_exp .vjs-control.vjs-record-indicator {
    left: 45px;
    bottom: 15px;
    transform: scale(1) !important;
  }

  .video_questions {
    margin-top: 30px;
    max-width: 660px;
  }

  .vq-cancel {
    font-size: 12px;
    height: 28px;
    width: 108px;
    line-height: 28px;
  }

  .question-check {
    max-width: 660px;
    margin-top: 30px;
  }

  .question-check-header-info {
    font-size: 15px;
    line-height: 18px;
  }

  .question-check-header-title,
  .question-check-header-info span {
    font-size: 11px;
    line-height: 13px;
  }

  .question-check-header-info span {
    margin-bottom: 4px;
  }

  .question-check-header-info + .question-check-header-info {
    margin-left: 33px;
  }

  .question-check-header-title {
    margin-bottom: 17px;
  }

  .question-check-info img {
    width: 12px;
  }

  .question-check-info {
    top: -4px;
    right: -15px;
  }

  .question-check-cancel {
    width: 108px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }

  .question-check-main {
    margin-top: 23px;
    padding: 23px;
    min-height: 300px;
  }

  .question-check-count {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 20px;
  }

  .question-check-text {
    font-size: 20px;
    line-height: normal;
  }

  .question-check-count.qstvideo-class {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 10px;
  }

  .question-check-text.qstvideo-class {
    font-size: 20px;
    line-height: normal;
  }

  .question-check-action {
    width: 182px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    letter-spacing: -0.07px;
  }

  .question-check-action::before {
    margin-right: 10px;
    display: inline-block;
    transform: scale(0.6);
  }

  .question-check-info-inner {
    transform: scale(0.6);
    transform-origin: bottom;
  }

  .vq-text-1 {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 20px;
  }

  .vq-text-2 {
    font-size: 18px;
    line-height: 26px;
  }

  .vap h1 {
    font-size: 80px;
    height: 338px;
  }

  .video_questions .next_question {
    height: 34px;
    width: 132px;
    right: 45px;
    bottom: 68px;
    line-height: 34px;
    font-size: 12px;
    font-weight: 500;
  }

  .video_questions .next_question::before {
    top: 4px;
    margin-right: 5px;
    display: inline-block;
    transform: scale(0.6);
  }

  .video_questions .video-js.cand_exp {
    height: 338px;
  }

  .retake-btn-qst {
    left: 17px;
    bottom: -78px;
    width: 40px;
    height: 40px;
  }

  .retake-btn-qst::before {
    width: 40px;
    height: 40px;
    background-size: 20px;
  }

  .candiff-popup .jabri-popup-inner,
  .retake-popup.candiff-popup .jabri-popup-inner {
    transform: scale(0.5);
    transform-origin: top;
  }

  .upload_progress {
    margin-top: 26px;
    max-width: 660px;
    padding: 22px;
  }

  .upload_progress .upro_left {
    flex-basis: 256px;
    height: 504px;
  }

  .upload_progress .upro_title {
    font-size: 22px;
    line-height: 46px;
    margin-top: 21px;
  }

  .upload_progress .upro_subtitle {
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
  }

  .upload_progress .upro_icon img {
    max-width: 148px;
  }

  .upload_progress .upro_r_title {
    font-size: 12px;
    margin-bottom: 23px;
  }

  .upload_progress .upro_right {
    padding-left: 40px;
    flex-basis: calc(100% - 256px);
  }

  .upro_item_l,
  .upro_item_r {
    font-size: 10px;
    letter-spacing: -0.06px;
    line-height: 11px;
  }

  .upload_progress .upro_status {
    font-size: 12px;
    letter-spacing: -0.07px;
    line-height: 17px;
    height: 16px;
  }

  .upload_progress .upro_progress {
    margin-top: 5px;
  }

  .upload_progress .upro_item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .th-block {
    margin-top: 26px;
    width: 660px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .th-block > img {
    max-width: 97px;
  }

  .th-block .th-title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 24px;
    margin-top: 26px;
  }

  .upload_progress .th-sep {
    margin-top: 28px !important;
    margin-bottom: 17px !important;
    max-width: 306px !important;
  }

  .th-block .th-subtitle {
    font-size: 14px;
    letter-spacing: -0.12px;
    line-height: 24px;
  }

  .th-block .th-position {
    font-size: 18px;
    letter-spacing: -0.2px;
    line-height: 28px;
    margin-top: 11px;
    margin-bottom: 32px;
  }

  .th-block .th_btn {
    width: 141px;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    line-height: 11px;
  }

  .jabri-app-parent.candidate-layout .sidebar-logo {
    display: block;
  }

  .jabri-app-parent.candidate-layout .jabri-topbar .top-right {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 2;
    padding: 0;
    width: 180px;
    text-align: center;
    transition: 0.25s width ease-in-out;
  }

  .jabri-app-parent.candidate-layout .jabri-topbar {
    position: static;
    width: 100% !important;
  }

  .jabri-app-parent.candidate-layout .user-menu .dropdown-menu {
    left: 0 !important;
    bottom: 35px !important;
    top: auto !important;
  }

  .jabri-app-parent.candidate-layout .jabri-sidebar {
    width: 180px;
  }

  .jabri-app-parent.candidate-layout .jabri-sidebar.toggled {
    width: 60px;
  }

  .jabri-app-parent.candidate-layout .jabri-main-content {
    width: calc(100% - 180px);
  }

  .jabri-app-parent.candidate-layout .jabri-main-content.toggled {
    width: calc(100% - 60px);
  }

  .jabri-app-parent.candidate-layout .jabri-topbar.toggled .top-right {
    width: 60px;
    transition: 0.25s width ease-in-out;
  }

  .jabri-app-parent.candidate-layout .user-menu span {
    margin-left: 3px;
    display: none;
  }

  .jabri-app-parent.candidate-layout li.user-menu .dropdown button {
    width: 40px;
    height: 40px;
  }

  .jabri-app-parent.candidate-layout .user-menu .dropdown-menu {
    transform-origin: bottom left;
  }

  .jabri-app-parent.candidate-layout .user-menu .dropdown-menu.show {
    transform: scale(0.7) !important;
  }

  .jabri-app-parent.candidate-layout .jabri-nav-list li::before,
  .jabri-app-parent.candidate-layout .jabri-nav-list li::after {
    left: 16px !important;
    transform: scale(0.8);
  }

  .jabri-app-parent.candidate-layout .jabri-sidebar li {
    height: 45px;
    line-height: 45px;
    padding-left: 50px;
    font-size: 12px;
    letter-spacing: normal;
  }

  .jabri-app-parent.candidate-layout .jabri-topbar .top-left,
  .jabri-app-parent.candidate-layout .jmainlogo {
    display: none;
  }

  .jabri-app-parent.candidate-layout .jabri-main-content {
    height: 100%;
  }

  .jabri-app-parent.candidate-layout .slide-toggle-hover {
    transform: scale(0.7);
  }

  .jabri-app-parent.candidate-layout .jabri-sidebar .navhover {
    transform: scale(0.7);
    top: 9px !important;
    left: 9px !important;
  }

  .jabri-app-parent.candidate-layout .jabri-sidebar.toggled .navhover::after {
    left: -8px;
    width: 58px;
  }

  .jabri-app-parent.candidate-layout .jabri-nav-list {
    margin-top: 10px;
  }

  .jabri-app-parent.candidate-layout .cont_in_btn {
    bottom: 23px;
    right: 45px;
  }

  .jabri-app-parent.candidate-layout
    .video-js.cand_exp
    .vjs-control-bar::before {
    width: 70px;
    height: 60px;
  }

  .jabri-app-parent.candidate-layout
    .video-js.cand_exp
    .vjs-icon-record-start:before {
    height: 35px;
    width: 35px;
  }

  .jabri-app-parent.candidate-layout
    .video-js.cand_exp
    .vjs-icon-record-stop:before,
  .jabri-app-parent.candidate-layout
    .video-js.cand_exp
    .vjs-play-control
    .vjs-icon-placeholder:before {
    transform: scale(0.54);
  }

  .jabri-app-parent.candidate-layout .video-js.cand_exp .vjs-control-bar {
    margin-top: 8px;
  }

  .jabri-app-parent.candidate-layout .video-js.cand_exp {
    margin-bottom: 60px;
  }

  .jabri-app-parent.candidate-layout
    .video-js.cand_exp
    .vjs-control-bar
    .vjs-record-button {
    left: 15px;
  }

  .jabri-app-parent.candidate-layout .retake-btn-qst::before {
    width: 35px;
    height: 35px;
  }

  .jabri-app-parent.candidate-layout .retake-btn-qst {
    left: 15px;
    bottom: 3px;
    width: 35px;
    height: 35px;
  }

  .jabri-app-parent.candidate-layout .video_questions .next_question {
    bottom: 34px;
  }

  .jabri-app-parent.candidate-layout .vjs-icon-av-perm {
    transform: scale(0.7);
  }

  .jabri-app-parent.candidate-layout .connection-check .video-js.cand_exp {
    margin-bottom: 0;
  }

  .jabri-popup.retake-popup {
    z-index: 2;
  }

  .lobby-subtitle a {
    font-size: 14px;
  }

  .applied-questions h3 {
    font-size: 26px;
    line-height: 26px;
  }

  .alert h1 {
    margin: 0;
    font-size: 16px;
  }

  .candi-profile .candiate-new-des-container {
    max-width: 780px;
    padding: 30px;
    margin-top: 30px;
  }

  .candi-profile .candiate-new-des-container .candiate-new-des-title {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 25px;
  }

  .candiate-new-des-container .user_img_preview,
  .candiate-new-des-container .candipic img {
    width: 54px;
    height: 54px;
  }

  .candiate-new-des-container .cand-pic-main {
    width: 190px;
  }

  .candiate-new-des-container .file-upload::after {
    top: 17px;
    font-size: 12px;
  }

  .candiate-new-des-container .candi-top {
    margin-bottom: 25px;
  }

  .candiate-new-des-container .jabri_new_uistyle-form-group {
    height: 40px;
    margin-bottom: 20px;
  }

  .candiate-new-des-container
    .dob-picker
    .ngx-datepicker-container
    input.ngx-datepicker-input,
  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-select.ng-select-single
    .ng-select-container {
    height: 40px;
  }

  .candiate-new-des-container
    .dob-picker
    .ngx-datepicker-container
    input.ngx-datepicker-input {
    font-size: 12px !important;
    padding: 0 13px !important;
    padding-top: 13px !important;
    background-position: right 13px center;
    background-size: 16px;
  }

  .candiate-new-des-container .out-label {
    font-size: 10px;
  }

  .candiate-new-des-container .file-upload::before {
    width: 54px;
  }

  .candiate-new-des-container .jabri_new_uistyle-form-group input,
  .candiate-new-des-container .jabri_new_uistyle-form-group textarea {
    font-size: 12px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
  }

  .candiate-new-des-container .jabri_new_uistyle-form-group label {
    font-size: 10px;
    top: 14px;
    left: 13px;
  }

  .candiate-new-des-container
    .jabri_new_uistyle-form-group.active
    input
    + label,
  .candiate-new-des-container .jabri_new_uistyle-form-group input:focus + label,
  .candiate-new-des-container
    .jabri_new_uistyle-form-group.active
    input
    + grammarly-extension
    + label,
  .candiate-new-des-container
    .jabri_new_uistyle-form-group
    input:focus
    + grammarly-extension
    + label {
    transform: scale(0.95) translateY(-8px);
  }

  .candiate-new-des-container .dob-picker {
    padding-left: 0;
    padding-right: 0;
  }

  .candiate-new-des-container .dob-picker::before {
    transform: none;
    font-size: 10px;
    padding-left: 13px;
    padding-top: 5px;
    top: 0;
  }

  .candiate-new-des-container
    .ngx-datepicker-container
    .ngx-datepicker-calendar-container {
    transform: scale(0.7);
    transform-origin: left top;
  }

  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-select
    .ng-select-container
    .ng-value-container
    .ng-input
    > input,
  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-value-label,
  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-select
    .ng-select-container
    .ng-value-container
    .ng-placeholder {
    font-size: 12px;
  }

  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-select.ng-select-single
    .ng-select-container
    .ng-value-container {
    padding-left: 13px;
    padding-right: 13px;
  }

  .candiate-new-des-container .ng-select .ng-arrow-wrapper {
    transform: scale(0.6);
  }

  .candiate-new-des-container .jabri_new_uistyle-green-btn,
  .candiate-new-des-container .jabri_new_uistyle-ghost-btn,
  .candiate-new-des-container .procanc,
  .candiate-new-des-container .nextBtn {
    width: 135px !important;
    height: 36px !important;
    font-size: 12px !important;
  }

  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-select.ng-select-single
    .ng-select-container
    + .ng-dropdown-panel {
    padding-top: 35px;
  }

  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-dropdown-panel
    .ng-dropdown-panel-items
    .ng-option {
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-dropdown-panel.ng-select-top {
    top: 40px;
  }

  .candi-profile.compose-job.candcountry {
    padding: 0;
  }

  .candiate-new-des-container .ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 125px;
  }

  .candiate-new-des-container
    .jabri_new_uistyle-form-group-select
    .ng-select.ng-select-single.ng-select-opened
    .ng-select-container
    .ng-input {
    top: 33px;
    max-width: calc(100% - 26px);
    height: 30px;
  }

  .candiate-new-des-container .jabri_new_uistyle-form-actions {
    margin-top: 10px;
  }

  .file-upload::before {
    background-size: 20px;
  }

  .login-parent.emploginn {
    height: 270px !important;
  }

  /*.new-design-datepick-inner {
        transform: scale(0.5);
        transform-origin: right;
    }*/

  .media-library-popup .jabri-popup-inner {
    transform: scale(0.7);
    /*top: 0;
        bottom: 0;*/
    transform-origin: top;
  }

  .job-list-parent.new_job_list_design_22 .primary-container {
    max-width: 1030px;
    padding-top: 66px;
  }

  .new-profile-material-field-half {
    width: 100%;
  }

  .jabri-main-content,
  .jabri-topbar,
  .reviewscreentabs,
  .jabreadcrumbs {
    width: calc(100% - 77px);
  }

  .new_job_desc_design_22.job_desc_resp_2022 .primary-container {
    padding-top: 66px;
  }

  /*.cand-detail .question-options-preview-inner video {
        height: 250px !important;
        margin-top: 0 !important;
    }*/

  /*permission-popup-version-for-big-res-291222*/
  .new_account_permis_popup-tbody-2 img,
  .new_account_permis_popup-tbody-3 img {
    width: 10px;
  }

  /*permission-popup-version-for-big-res-291222-end*/
  /*230625candresp*/
  .jabri-app-parent.candidate-layout .candidate_job_list_25 .col-md-4{
      flex: 0 0 50%;
      max-width: 50%;
  }
  .jabri-app-parent.candidate-layout .jabri-main-content,
  .jabri-app-parent.candidate-layout .jabri-main-content.toggled{
      width: 100%;
      padding-left: 75px;
      padding-right: 15px;
  }
  .jabri-app-parent.candidate-layout .jabri-topbar.toggled .top-right ul{
      padding-left: 0;
  }
  .jabri-app-parent.candidate-layout .jabri-topbar.toggled .user-feedback{
      margin: 0 auto;
  }
  .jabri-app-parent.candidate-layout .candi-profile .candiate-new-des-container{
      margin-bottom: 30px;
  }
  .jabri-app-parent.candidate-layout .new_job_desc_design_22-profile-nomat-input.m_i_n_i.two,
  .jabri-app-parent.candidate-layout .new_job_desc_design_22-profile-nomat-input.m_i_n_i.two ngx-datepicker,
  .jabri-app-parent.candidate-layout .new_job_desc_design_22-profile-nomat-input.m_i_n_i.two .datepicker-container.datepicker-default,
  .jabri-app-parent.candidate-layout .new_job_desc_design_22-profile-nomat-input.m_i_n_i.two .datepicker-container.datepicker-default input,
  .jabri-app-parent.candidate-layout .new_job_desc_design_22-profile-nomat-input.m_i_n_i.two + .new_com_mat_design_field{
      width: 100%;
  }
  .jabri-app-parent.candidate-layout .new_job_desc_design_22-profile-nomat-input input{
      max-height: initial;
      min-height: 55px;
  }
  .jabri-app-parent.candidate-layout .new_job_desc_design_22-profile-nomat-input input{
      font-size: 18px !important;
      line-height: 21px;
  }
  .jabri-app-parent.candidate-layout .candiate-new-des-container .out-label{
      font-size: 12px;
  }
  .jabri-app-parent.candidate-layout .candi-profile .candiate-new-des-container .candiate-new-des-title{
      font-size: 22px;
      line-height: normal;
  }
  .jabri-app-parent.candidate-layout .user-feedback .dropdown-menu{
      left: 0 !important;
      top: auto !important;
      bottom: 40px;
  }
  .jabri-app-parent.candidate-layout .user-feedback .dropdown-menu.show{
      transform: scale(0.7) !important;
      transform-origin: bottom left;
  }
  .jabri-popup.retake-popup.candiff-popup .jabri-popup-inner,
  .jabri-popup.cancel-interview-popup.candiff-popup .jabri-popup-inner{
        transform: none;
  }
  .jabri-app-parent.candidate-layout .lobby-start{
        margin-bottom: 30px;
  }
  .profile_security{
      transform: none;
      width: auto;
      max-width: 600px;
  }
  .login-parent.candidatel.new-linkedin-cand-login.class-for-input-adjust-24 .login-inner{
      width: 300px;
  }
  .login-parent.candidatel.new-linkedin-cand-login.class-for-input-adjust-24 .new_com_mat_design_field input,
  .login-parent.candidatel.new-linkedin-cand-login.class-for-input-adjust-24 .new_com_mat_design_field textarea{
    font-size: 16px;
  }
  .login-parent.candidatel.new-linkedin-cand-login.class-for-input-adjust-24 .login-logo{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .login-parent.candidates.sign-clicked{
    max-width: 340px;
  }
  .login-parent.candidates.sign-clicked .login-inner{
     width: 300px;
  }
  .login-parent.candidates.sign-clicked .new_com_mat_design_field input,
  .login-parent.candidates.sign-clicked .new_com_mat_design_field textarea,
  .login-parent.candidates.sign-clicked .class-for-input-adjust-24 .new_com_mat_design_field .mat-form-field-label{
    font-size: 16px;
  }
  .login-parent.candidates.sign-clicked{
    height: auto !important;
    position: relative;
    margin: 50px auto;
    padding-bottom: 20px;
  }
  .login-parent.candidates.sign-clicked .login-logo{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .login-parent.candidates.sign-clicked button[type="submit"]{
    margin-top: 10px;
  }
  .login-parent.candidatel.login_cand_screen .login-logo{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .login-parent.candidatel.login_cand_screen .login-inner{
    width: 300px;
  }
  .login-parent.candidatel.login_cand_screen .new_com_mat_design_field input,
  .login-parent.candidatel.login_cand_screen .new_com_mat_design_field textarea,
  .login-parent.candidatel.login_cand_screen .class-for-input-adjust-24 .new_com_mat_design_field .mat-form-field-label{
    font-size: 16px;
  }
  .login-parent.emploginn.class-for-input-adjust-24.cand_forgot_screen .login-logo{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .login-parent.emploginn.class-for-input-adjust-24.cand_forgot_screen .new_com_mat_design_field input,
  .login-parent.emploginn.class-for-input-adjust-24.cand_forgot_screen .new_com_mat_design_field textarea,
  .login-parent.emploginn.class-for-input-adjust-24.cand_forgot_screen .new_com_mat_design_field .mat-form-field-label{
    font-size: 16px;
  }
  .login-parent.emploginn.class-for-input-adjust-24.cand_forgot_screen .login-inner{
    width: 300px;
  }
  .jabri-app-parent.candidate-layout .jabri-sidebar .navhover{
    top: 3px !important;
  }
  /*230625candresp-end*/
}

@media (max-width: 1199px) {
  /*2022-resp*/
  .reviewscreentabs ul.tabs li {
    font-size: 14px;
    padding: 12.5px 7px;
  }

  li.user-menu .dropdown button {
    height: 40px;
  }

  .user-menu button > img {
    max-width: 40px;
    max-height: 40px;
  }

  .jabri-topbar .top-right {
    padding-top: 19px;
    padding-bottom: 19px;
  }

  .jmainlogo {
    margin-top: 29.5px;
    margin-left: 34px;
  }

  .jabri-topbar .top-left {
    padding-top: 9px;
  }

  .reviewscreentabs {
    top: 79px;
  }

  .cand-detail-left,
  .cand-detail-center {
    margin-top: 45px;
  }

  .cand-list-parent {
    height: calc(100vh - 247px);
  }

  .jobdrop-list button.dropdown-toggle {
    min-width: 283px;
    max-width: 283px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .jasharebtn,
  .publish-unpublish {
    margin-left: 20px;
  }

  .jobdrop-list .dropdown-item {
    font-size: 16px;
  }

  .jobdrop-list .dropdown-menu {
    max-height: 300px;
  }

  .post-title-inner .check-before,
  .post-title-inner .custom-check,
  .post-title-inner .check-before::after {
    width: 16px;
    height: 16px;
  }

  .cand-detail-left .cand-inr .check-before::before {
    background-size: 16px;
  }

  .post-title-inner {
    font-size: 16px;
    line-height: 19px;
  }

  .post-title-inner .custom-check {
    top: 3px;
  }

  .jafilter-sub img,
  .cshabtn img,
  .candid_delete img {
    height: 16px;
  }

  .cshabtn,
  .candid_delete {
    margin-left: -10px;
  }

  .cand-detail-left .cand-inr {
    padding-top: 10px;
  }

  .cand-initial {
    margin-bottom: 0;
  }

  .cand-detail-left .cand-inr {
    height: 122px;
  }

  .candid_field input {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 14px;
    padding-right: 30px;
  }

  .cand-detail-left .cand-inr::before {
    bottom: 30px;
  }

  .candid_field img {
    right: 10px;
    height: 16px;
  }

  .candid_results,
  .cand_count {
    font-size: 10px;
    bottom: 9px;
  }

  .cand-detail-list-item {
    padding-left: 45px;
  }

  .cand-detail-list-item .custom-check {
    bottom: auto;
    top: 20px;
    left: 20px;
    transform: scale(0.8);
    transform-origin: top left;
  }

  .cndlist-inner {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 11px;
  }

  .cand-detail-list-item img {
    border-radius: 8px;
    max-width: 36px;
    max-height: 36px;
  }

  .cand-detail-list-item p {
    font-size: 16px;
    letter-spacing: -0.27px;
    line-height: 19px;
    margin-bottom: 1px;
  }

  .cand-detail-list-item p span {
    display: flex;
    align-items: center;
  }

  .cand-detail-list-item p img {
    margin-right: 5px;
    height: 12px;
  }

  .cand-detail-list-item li:first-child {
    margin-right: 10px;
  }

  .profile-avg {
    margin-left: 3px;
    font-size: 14px;
    letter-spacing: -0.78px;
    line-height: 16px;
  }

  .new_review_candi_actions-right {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 46px;
  }

  .profile-action {
    margin-top: 8px;
  }

  .new_review_candi_actions-right-date {
    padding-left: 0;
    margin-top: 8px;
  }

  .new_review_candi_actions-right-date .jdatee {
    font-size: 10px;
    line-height: 12px;
  }

  .cand-detail-center div#showBxslide {
    max-width: 270px;
    width: 270px !important;
  }

  .new-review-screen-video-wrap .quest-slider {
    max-width: 557px;
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .new-review-screen-video-wrap {
    max-width: 627px;
  }

  .quest-slider .quest-detail {
    min-height: initial;
    max-height: 191px;
  }

  .cand-detail-center {
    padding: 35px;
    padding-bottom: 10px;
  }

  .quest-slider input[type="range"]::-webkit-slider-thumb {
    background-size: 53px;
  }

  .quest-slider input[type="range"]::-moz-range-thumb {
    background-size: 53px;
  }

  .quest-slider input[type="range"]::-ms-thumb {
    background-size: 53px;
  }

  .cand-detail video,
  .review-video-container,
  .dummy-quest-video-img {
    height: calc(100vh - 624.5px) !important;
  }

  #videoele .vid1-dimensions.vjs-fluid {
    padding-top: calc(100vh - 624.5px);
  }

  .new-review-screen-video-wrap .quest-slider {
    top: calc(100vh - 465px) !important;
  }

  .bquest-rating {
    padding: 10px;
    padding-bottom: 8px;
  }

  .bquest-rating-title {
    margin-bottom: 0;
  }

  .bquest-rating-stars .star:before {
    width: 12px;
    height: 12px;
  }

  .bquest-rating-stars span + span {
    margin-left: 2.4px;
  }

  .bquest-rating-stars.cand-rating-panel .ratxt {
    margin-left: 6.9px;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 16px;
  }

  .insight-team-action {
    width: 64px;
    height: 20px;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
  }

  .insight-team-action::before {
    margin-right: 5px;
    transform: scale(0.875);
    transform-origin: right;
  }

  .bquest-rating-stars.cand-rating-panel,
  .bquest-rating-stars.cand-rating-panel * {
    line-height: normal !important;
  }

  .bquest-main {
    padding: 0 10px;
    padding-top: 8px;
    padding-bottom: 7px;
  }

  .bquest-txt {
    font-size: 10px;
    line-height: 14px;
    margin-top: 8px;
    min-height: 42px;
  }

  .qst_and_commentt.jd_qst_and_commentt textarea {
    height: 48px;
    font-size: 8px;
    line-height: 12px;
  }

  .cand-detail-left,
  .cand-detail .col-lg-3 {
    min-width: 29.297%;
  }

  .cand-detail .col-lg-9 {
    max-width: calc(100% - 29.297%);
  }

  .cand-detail-list-item .profile-team-rating-panel {
    right: -39px;
    margin: auto;
    left: auto;
    top: 25px;
  }

  .cand-detail-list-item .profile-team-rating-panel.active {
    transform: scale(0.9) !important;
    transform-origin: right top;
  }

  .quest-slider .bquest-rating-right a {
    font-size: 12px;
  }

  .new-review-team-quest-card-head {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
  }

  .new-review-team-quest-close {
    right: 10px;
    top: 10px;
  }

  .quest-slider .bquest-score-com-item {
    padding: 4px 10px;
  }

  .quest-slider .bquest-score-com-body {
    height: 157px;
    padding: 6px 0;
  }

  .quest-slider .bquest-score-com {
    height: calc(100% - 32px) !important;
  }

  .quest-slider .bquest-score-com-avatar img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }

  .quest-slider .bquest-score-com-avatar span {
    font-size: 10px;
  }

  .quest-slider .bquest-score-com-rating {
    transform: scale(0.8);
    transform-origin: right;
  }

  .cand-list-parent .cand-no-data {
    transform: scale(0.7);
    transform-origin: top;
  }

  .quest-slider .bquest-score-com-avatar span img {
    height: 8px;
    margin-left: 4px;
  }

  .jasearch:hover:before,
  .jafilter-sub:hover:before,
  .cshabtn:hover:before,
  .candid_delete:hover:before {
    height: 30px;
    width: 30px;
    left: 5px;
    top: 5px;
  }

  .jasearch:hover:after,
  .jafilter-sub:hover:after,
  .cshabtn:hover:after,
  .candid_delete:hover:after {
    transform: scale(0.8);
    transform-origin: top;
    top: 35px;
  }

  .job-list-parent.new_job_list_design_22 .primary-container {
    max-width: 676.66px;
    padding-top: 45px;
  }

  .job-list-parent.new_job_list_design_22 .col-md-4 {
    min-width: 50%;
  }

  .filter_search_href {
    padding: 0;
    width: 52px;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    transition: 0.3s all ease;
  }

  .job-search-sg .filter_search_href {
    background: #fff;
    width: 515px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 52px;
    cursor: initial;
  }

  .job-search-sg .filter_search_href-parent span {
    z-index: 1;
    transition: 0.3s all ease;
    opacity: 0.5;
  }

  .job-search-sg .filter_search_href-parent span:hover {
    opacity: 1;
    transition: 0.3s all ease;
  }

  .filters-btn.filters-cmn {
    width: 52px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    opacity: 1;
    transition: 0.3s all ease;
  }

  .filters-btn.filters-cmn:hover {
    opacity: 0.5;
    transition: 0.3s all ease;
  }

  .filters-btn.filters-cmn.job-search-sg {
    opacity: 1;
  }

  .filter_search_href-parent span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 48px;
    opacity: 0.5;
    z-index: -1;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s all ease;
  }

  .invite-candidate-resp-22.invite-candidate-parent {
    margin-top: 70px;
    max-width: 760px;
  }

  .invite-candidate-resp-22 .invite-candidate-new-2 {
    width: 300px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .invite-candidate-resp-22 .invite-candidate-new-3 {
    padding-left: 40px;
  }

  .invite-candidate-resp-22
    .invite-candidate-new-text-item
    + .invite-candidate-new-text-item {
    margin-left: 10px;
  }

  .invite-candidate-resp-22
    .new-invite-mat-field-row
    .new_com_mat_design_field {
    min-width: initial;
    max-width: 160px;
  }

  .invite-candidate-resp-22
    .new-invite-mat-field-row
    .new_com_mat_design_field
    + .new_com_mat_design_field {
    margin-left: 10px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.compose-job .form-action {
    margin-top: 18px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
    .all-mail-list
    table
    tbody
    td.mail-title-td.mail-title-td-difinv {
    padding-left: 0;
  }

  .invite-candidate-parent.invite-candidate-newdesign
    .all-mail-list
    table
    thead
    th:nth-child(3),
  .invite-candidate-parent.invite-candidate-newdesign
    .all-mail-list
    table
    thead
    th:nth-child(4) {
    padding-left: 0;
  }

  .invite-candidate-resp-22 td.mail-title-td.datepick > div {
    transform-origin: center;
  }

  .bquest-rating-info-tooltip.redblink-card-tooltip {
    max-width: 96px;
    top: 50px;
  }

  /*invite-design-16-8-22*/
  .invite-candidate-resp-22 .invite-candidate-new {
    height: 60px;
    padding-left: 25px;
    margin-bottom: 14px;
  }

  .invite-candidate-resp-22 .invite-candidate-new-1 {
    font-size: 12px;
  }

  .invite-candidate-resp-22 .invite-candidate-new-1 span {
    font-size: 20px;
  }

  .invite-candidate-resp-22 .invite-candidate-new-1 {
    max-width: 116px;
  }

  .invite-candidate-resp-22 .invite-candidate-new-text-item span {
    font-size: 18px;
  }

  .invite-candidate-resp-22 .invite-candidate-new-text-item {
    font-size: 12px;
  }

  .invite-candidate-new-text-item {
    padding: 2px;
    border-radius: 2px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
    .nav-tabs
    li:first-child
    a
    img {
    width: 12.7px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
    .nav-tabs
    li:first-child
    + li
    a
    img {
    width: 14.7px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
    .nav-tabs
    a {
    font-size: 14px;
    width: 100px;
    height: 41px;
    line-height: 41px;
  }

  .invite-candidate-parent.invite-candidate-newdesign .nav-tabs a img {
    margin-right: 7px;
  }

  .invite-candidate-parent.invite-candidate-newdesign .tab_indicator {
    width: 100px;
  }

  .invite-candidate-parent.invite-candidate-newdesign .tab_indicator.tab2svg {
    left: 100px;
  }

  .invite-tabindic-reset {
    font-size: 10px;
  }

  .invite-candidate-resp-22 .invite-tabindic-actions {
    height: 42px;
  }

  .invite-candidate-resp-22.invite-candidate-parent .invite-keywords {
    padding: 0 23px !important;
    padding-top: 25px !important;
    padding-bottom: 33px !important;
  }

  .invite-candidate-resp-22 .invite-new-lbl {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 14px;
  }

  .invite-candidate-resp-22 .invite-new-parent .invcrebtn {
    font-size: 10px;
    line-height: 11px;
    top: 0;
  }

  .invite-candidate-resp-22 .invite-new-parent-input input {
    height: 32px;
    padding-right: 45px;
    font-size: 12px;
  }

  .invite-candidate-resp-22 .invite-new-parent-input-field::before {
    background-size: 15px;
    right: 15px;
    width: 15px;
  }

  .invite-candidate-resp-22 .inv-forscroll {
    padding: 0 23px;
  }

  .invite-candidate-resp-22 .inv-forscroll .invite-new-lbl {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .invite-candidate-resp-22 .inv-forscroll .invite-new-lbl span {
    margin-left: 0;
    margin-top: 3px;
    font-size: 8px;
    line-height: 9px;
  }

  .invite-candidate-resp-22 .add-mail-btn.addrow.replaced {
    margin-left: 23px;
    font-size: 12px;
    line-height: 20px;
    margin-top: 0;
  }

  .invite-candidate-resp-22
    .mat-form-field-appearance-outline
    .mat-form-field-subscript-wrapper {
    padding: 0;
    font-size: 60%;
    margin-top: 0;
  }

  .invite-candidate-resp-22
    .mat-form-field-appearance-outline
    .mat-form-field-wrapper {
    padding-bottom: 0.603em;
    margin-bottom: 0;
  }

  .invite-candidate-resp-22 .invite-new-parent-input-result {
    width: calc(100% + 178.5px);
    top: 40px;
  }

  .invite-candidate-resp-22 .inv-forscroll input.mat-input-element {
    bottom: 11px;
    font-size: 10px;
  }

  .invite-candidate-resp-22
    .inv-forscroll
    .mat-form-field-appearance-outline
    .mat-form-field-label {
    margin-top: -0.5em;
    font-size: 10px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.subscriber-main
    .new-invite-mat-field-row
    .add-mail-btn {
    top: 8px;
  }

  .invite-candidate-resp-22 .add-mail-btn.addrow.replaced img {
    width: 20px;
    margin-right: 5px;
  }

  .new-invite-email-function-22 {
    padding: 0 23px;
    padding-top: 33px;
  }

  .new-invite-email-function-dropdown .dropdown-toggle {
    height: 30px;
    /*min-width: 263px;*/
    min-width: 230px;
    padding-right: 27px;
  }

  .new-invite-email-function-dropdown-button-title {
    font-size: 11px;
    line-height: 13px;
  }

  .new-invite-email-function-dropdown-parent {
    margin-bottom: 17px;
  }

  .new-invite-email-function-dropdown-button-logo img {
    height: 8px;
  }

  .new-invite-email-function-dropdown-button-logo {
    height: 18px;
  }

  .new-invite-email-function-subject .ql-container {
    font-size: 10px;
  }

  .new-invite-email-function-subject::before,
  .new-invite-email-function-body::before {
    font-size: 10px;
    left: 8px;
  }

  .new-invite-email-function-22 .new-invite-email-function-subject .ql-editor {
    padding-left: 11px;
    padding-top: 7.41px;
    padding-bottom: 7.41px;
  }

  .new-invite-email-function-subject #edi-counter {
    top: 10.5px;
  }

  .new-invite-email-function-body {
    margin-top: 18px;
  }

  .new-invite-email-function-body .ql-editor {
    /*padding-top: 54.5px;*/
    padding-top: 52px;
    padding-bottom: 266px;
  }

  .new-invite-email-function-body .ql-container {
    font-size: 10px;
  }

  .new-invite-email-function-body .ql-editor {
    line-height: 11px;
  }

  .new-invite-email-function-body-header {
    top: 15px;
  }

  .new-invite-email-function-body-header-inner img {
    max-height: 13px;
  }

  .new-invite-email-function-body-header-inner {
    padding: 4.5px 10px;
  }

  .new-invite-email-function-body-footer-newdesc {
    font-size: 10px;
    line-height: 11px;
    margin-bottom: 9px;
  }

  .new-invite-email-function-body-footer-item {
    font-size: 10px;
    line-height: 14px;
  }

  .new-invite-email-function-body-footer-inner {
    padding-right: 38px;
    padding-top: 20px;
    padding-bottom: 22px;
  }

  .new-invite-email-function-body-footer-item-1,
  .new-invite-email-function-body-footer-item-2,
  .new-invite-email-function-body-footer-item-3 {
    min-width: 170px;
    max-width: 170px;
  }

  .new-invite-email-function-body-footer-item-2,
  .new-invite-email-function-body-footer-item-3 {
    margin-left: 50px;
  }

  .new-invite-email-function-body-footer-item
    + .new-invite-email-function-body-footer-item::before {
    left: -25px;
  }

  .new-invite-email-function-body-footer-items-row
    + .new-invite-email-function-body-footer-items-row {
    margin-top: 14px;
  }

  .new-invite-email-function-body-footer-band {
    padding-right: 21px;
    height: 26px;
  }

  .new-invite-email-function-body-footer-band-right {
    font-size: 8px;
  }

  .new-invite-email-function-body-footer-band-left span {
    font-size: 6px;
  }

  .new-invite-email-function-body-footer-band-left img {
    max-height: 10px;
  }

  .new-invite-email-function-22 .ql-toolbar {
    border: 0 !important;
  }

  .new-invite-email-function-body-footer {
    bottom: 44px;
  }

  .new-invite-email-function-body .ql-toolbar {
    padding-top: 9.33px !important;
    padding-bottom: 9.33px !important;
  }

  .editor-cus-wrapper .ql-formats,
  .editor-cus-wrapper .ql-formats + .ql-formats {
    right: 0;
  }

  .ql-toolbar.ql-snow .ql-formats {
    margin-right: 5px !important;
  }

  .dropdown.new-invite-email-function-dropdown-has-merge {
    left: 175px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.compose-job
    .form-action
    .invite-new-actions {
    transform: scale(0.8);
    transform-origin: left;
  }

  .invite-candidate-resp-22 .all-mail-list table thead th,
  .invite-candidate-resp-22 .all-mail-list table tbody td,
  .invite-candidate-resp-22 .all-mail-list table tbody td a {
    font-size: 10px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
    .all-mail-list
    table
    thead
    th {
    padding-top: 12.25px;
    padding-bottom: 12.25px;
  }

  .invite-candidate-resp-22 .mail-title-td-icom {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 2px;
  }

  .invite-candidate-resp-22.invite-candidate-parent.invite-candidate-newdesign
    .all-mail-list
    table
    tbody
    td {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .new-invite-email-function-dropdown-has-merge .dropdown-toggle {
    font-size: 12px;
    background-size: 7px;
  }

  .new-invite-email-function-dropdown-has-merge .dropdown-item {
    font-size: 8px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
  }

  .new-invite-email-function-dropdown-title {
    height: 30px;
    font-size: 8px;
    line-height: normal;
  }

  .invite-candidate-parent
    .new-invite-email-function-dropdown
    .dropdown-menu
    .new-invite-email-function-dropdown-button-title {
    font-size: 10px;
  }

  .invite-candidate-parent
    .new-invite-email-function-dropdown
    .dropdown-menu
    .new-invite-email-function-dropdown-value {
    height: 30px;
  }

  .new-invite-email-function-dropdown-spacer {
    margin-top: 0;
  }

  .new-invite-email-function-dropdown-actcom {
    height: 30px;
    font-size: 10px;
  }

  .new-invite-email-function-dropdown-actcom img {
    max-width: 12px;
  }

  .new-invite-email-function-dropdown-value-edit span {
    font-size: 8px;
  }

  .invite-candidate-parent
    .new-invite-email-function-dropdown-has-merge
    .dropdown-menu {
    max-width: 105px;
  }

  .invite-candidate-resp-22.invite-candidate-parent .invite-tabbed {
    padding-bottom: 18px;
  }

  .invite-new-parent-input-head-com,
  .invite-new-parent-input-body-com {
    font-size: 12px;
    line-height: 37.5px;
  }

  .invite-new-parent-input-body {
    max-height: 200px;
  }

  .invite-new-parent-input-footer {
    height: 38px;
    padding-left: 28px;
  }

  .invite-new-parent-input-footer-left {
    font-size: 12px;
  }

  .invite-new-parent-input-footer-right a {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    width: 120px;
  }

  .new-invite-email-function-dropdown-save,
  .new-invite-email-function-dropdown-delete {
    background-size: 3px;
  }

  .invite-candidate-parent .new-invite-email-function-dropdown .dropdown-menu {
    top: 40px !important;
  }

  button.jabri_new_uistyle-green-btn.float-right.save-tgr.formstep2 {
    transform: scale(0.8);
    transform-origin: top right;
    margin-right: 0;
  }

  .job-detail_questions .add-question-btn {
    margin-bottom: 25px;
  }

  button.jabri_new_uistyle-green-btn.save-tgr {
    transform: scale(0.8);
    transform-origin: top left;
    margin-right: 0;
  }

  .jabri-popup.new_account_permis_popup .jabri-popup-inner {
    width: 320px;
    min-height: 334px;
  }

  .new_account_permis_popup-head {
    padding: 0 10px;
    padding-top: 16px;
    padding-bottom: 5px;
  }

  .new_account_permis_popup-head-title {
    font-size: 10px;
    line-height: 11px;
    margin-bottom: 5px;
  }

  .jabri-popup.new_account_permis_popup .delclose {
    top: 13px;
    right: 11px;
    line-height: 0;
  }

  .jabri-popup.new_account_permis_popup .delclose img {
    width: 10px;
  }

  .new_account_permis_popup-head-info-desc {
    font-size: 6px;
    line-height: 7px;
  }

  .new_account_permis_popup-head-info-tile
    + .new_account_permis_popup-head-info-tile {
    margin-top: 3px;
  }

  .new_account_permis_popup-head-info-title span {
    font-size: 5px;
    line-height: 6px;
    padding: 0 3px;
  }

  .new_account_permis_popup-head-info-title {
    width: 50px;
  }

  .new_account_permis_popup-thead {
    height: 18px;
  }

  .new_account_permis_popup-tbody-2 span,
  .new_account_permis_popup-thead-2 {
    width: 50px;
  }

  .new_account_permis_popup-tbody-3 span {
    width: 70px;
  }

  .new_account_permis_popup-tbody {
    max-height: 232px;
  }

  .new_account_permis_popup-tbody-row-title {
    font-size: 6px;
    line-height: 7px;
    padding: 0 10px;
    padding-top: 13px;
    padding-bottom: 3px;
  }

  .new_account_permis_popup-tbody-row-tile {
    padding: 0 10px;
  }

  .new_account_permis_popup-tbody-1 {
    font-size: 8px;
  }

  .view-perms-trigger span {
    transform: scale(0.8);
    transform-origin: left;
  }

  .new_account_permis_popup-thead-2 span,
  .new_account_permis_popup-thead-3 span {
    font-size: 5px;
    line-height: 10px;
    height: 10px;
    border-radius: 5px;
    padding: 0 3px;
  }

  .new_account_permis_popup-thead-1 {
    width: 196px;
  }

  .new_account_permis_popup-tbody-1 .bquest-rating-info,
  .new_account_permis_popup-tbody-row-title .bquest-rating-info {
    width: 7px;
    height: 7px;
  }

  .new_account_permis_popup-tbody-1
    .bquest-rating-info
    .bquest-rating-info_newicon,
  .new_account_permis_popup-tbody-row-title
    .bquest-rating-info
    .bquest-rating-info_newicon {
    width: 7px;
    height: 7px;
    background-size: 7px;
  }

  .new_account_permis_popup-body
    .bquest-rating-info
    .bquest-rating-info_newicon:hover
    + .bquest-rating-info-tooltip {
    transform: scale(0.7);
    transform-origin: top;
    top: 12px;
    left: -77px;
  }

  .new_account_permis_popup-tbody-row.new_account_permis_popup-tbody-row-tile.new_account_permis_popup-tbody-row-title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-post-a-job {
    max-width: 410px;
    margin-top: 56px;
  }

  .new-post-a-job-head {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
  }

  .new-post-a-job-title {
    font-size: 12px;
    letter-spacing: normal;
  }

  .new-post-a-job-head a {
    width: 15px;
    height: 15px;
    right: 15px;
    font-size: 15px;
    line-height: 15px;
  }

  .new-post-a-job-body {
    padding-top: 52px;
  }

  .new-post-a-job-body img.jab22-real-create {
    max-width: 78px;
    margin-bottom: 2px;
  }

  .new-post-a-job-body-title {
    font-size: 12px;
    line-height: 14px;
  }

  .new-post-a-job-input {
    margin-top: 23px;
  }

  .new-post-a-job .autocomplete-container .input-container input {
    font-size: 10px;
    height: 28px;
    padding: 0 10px;
    padding-right: 25px;
    max-width: 242px;
  }

  .new-post-a-job .autocomplete-container {
    height: 28px;
  }

  .jab22-createjob-actions {
    margin-top: 40px;
    padding-top: 6px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .jab22-createjob-drop-title {
    font-size: 10px;
    line-height: 11px;
    margin-bottom: 5px;
  }

  .new-post-a-job .jabri_new_uistyle-green-btn {
    width: 87px;
    height: 19px;
    font-size: 8px;
  }

  .jab22-createjob-drop .dropdown {
    padding-left: 28px;
    min-width: 242px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 25px;
  }

  .jab22-createjob-drop .dropdown button {
    font-size: 8px;
    line-height: 9px;
    padding: 1px 2px;
    margin-left: -2px;
    margin-bottom: 1px;
  }

  .jab22-createjob-drop-desc {
    font-size: 7px;
    line-height: 8px;
  }

  .jab22-createjob-drop .jab22-createjob-drop-icon {
    transform: scale(0.538);
    transform-origin: left;
  }

  .jab22-createjob-drop .dropdown button img {
    width: 6px;
    margin-left: 4px;
  }

  .new-post-a-job .autocomplete-container .suggestions-container ul {
    max-height: 89px;
  }

  .new-post-a-job .ng-autocomplete {
    max-width: 242px;
  }

  .new-post-a-job .autocomplete-container .suggestions-container ul li a {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 10px;
  }

  .jab22-createjob-drop .dropdown-menu {
    top: 16px !important;
    left: -27px !important;
    min-width: 242px;
  }

  .jab22-createjob-drop_menu .dropdown-item {
    padding-left: 28px;
    height: 32px;
  }

  .jab22-createjob-drop_menu-icon {
    transform: scale(0.538);
    transform-origin: left;
    left: 7px;
  }

  .jab22-createjob-drop_menu-title {
    font-size: 8px;
    line-height: 9px;
    margin-bottom: 1px;
  }

  .jab22-createjob-drop_menu-desc {
    font-size: 7px;
    line-height: 8px;
  }

  .autocomplete-container .input-container .x i {
    font-size: 16px !important;
  }

  .autocomplete-container .input-container .x {
    right: 6px !important;
  }

  .new-post-a-job .jabri_new_uistyle-green-btn img {
    max-width: 15px;
  }

  .jabri-popup.new_job_list_share_job_popup .jabri-popup-inner {
    width: 406px;
    min-height: 320px;
    top: 83px;
  }

  .new_job_list_share_job_popup-head-action {
    width: 18px;
    height: 18px;
  }

  .new_job_list_share_job_popup-head-action img {
    width: 7px;
  }

  .new_job_list_share_job_popup-head-title {
    font-size: 8px;
    line-height: 9px;
  }

  .new_job_list_share_job_popup-head-subtitle {
    font-size: 12px;
    line-height: 14px;
    margin-top: 0;
  }

  .new_job_list_share_job_popup-head-inn {
    margin-left: 8px;
    max-width: calc(100% - 36px);
  }

  .new_job_list_share_job_popup-head {
    padding: 0 10px;
    padding-top: 11px;
    padding-bottom: 12px;
    min-height: 50px;
  }

  .new_job_list_share_job_popup-table-body {
    height: 170px;
    padding: 4px 9px;
  }

  .new_job_list_share_job_popup-search {
    padding: 3.5px 10px;
  }

  .new_job_list_share_job_popup-search input,
  .new_job_list_share_job_popup-search
    .mat-form-field-appearance-outline
    .mat-form-field-outline {
    height: 23px;
  }

  .new_job_list_share_job_popup-search input,
  .new_job_list_share_job_popup-search .mat-form-field-label {
    font-size: 8px;
  }

  .new_job_list_share_job_popup-search .mat-form-field-label-wrapper {
    top: -14px;
    height: 40px;
  }

  .new_job_list_share_job_popup-search .mat-form-field-label {
    left: 10px;
  }

  .new_job_list_share_job_popup-search input {
    padding-left: 10px !important;
    padding-right: 40px !important;
  }

  .new_job_list_share_job_popup-search-close {
    top: 2px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-size: 12px;
  }

  .new_job_list_share_job_popup-table-head-2,
  .new_job_list_share_job_popup-table-head-3,
  .new_job_list_share_job_popup-table-head-4 {
    font-size: 8px;
    line-height: 9px;
  }

  .new_job_list_share_job_popup-table-head {
    height: 30px;
    padding: 0 14px;
  }

  .new_job_list_share_job_popup-table-head-1,
  .new_job_list_share_job_popup-table-body-1 {
    width: 27px;
  }

  .new_job_list_share_job_popup-table-head-2,
  .new_job_list_share_job_popup-table-body-2 {
    width: 111px;
  }

  .new_job_list_share_job_popup-table-row {
    height: 22px;
    padding: 0 9px;
  }

  .new_job_list_share_job_popup-table-body-1 {
    transform: scale(0.55);
    transform-origin: left;
  }

  .new_job_list_share_job_popup-table-body-2 img {
    max-width: 14px;
    max-height: 14px;
    margin-right: 7px;
  }

  .new_job_list_share_job_popup-table-body-2-1,
  .new_job_list_share_job_popup-table-body-3,
  .new_job_list_share_job_popup-table-body-4 .btn {
    font-size: 8px;
    letter-spacing: -0.13px;
    line-height: 9px;
  }

  .new_job_list_share_job_popup-table-body-4 .btn::after {
    width: 4px;
    height: 2px;
    margin-left: 4px;
    top: 0;
  }

  .bquest-rating-info_newicon-big {
    margin-left: 3px;
    width: 11px;
    height: 11px;
    background-size: 11px;
  }

  .new_job_list_share_job_popup-table-actions {
    padding: 10px 0;
    padding-left: 18px;
    padding-right: 12px;
  }

  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field,
  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
    .mat-form-field-appearance-outline
    .mat-form-field-outline {
    height: 21px;
  }

  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
    .mat-form-field-appearance-outline
    .mat-form-field-wrapper
    input {
    font-size: 8px;
    line-height: 9px;
    margin-top: 13px;
    position: relative;
    bottom: 3px;
  }

  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
    label {
    font-size: 8px;
    top: 3em;
  }

  .new_job_list_share_job_popup-table-action-2 button {
    width: 65px;
    height: 21px;
    font-size: 8px;
  }

  .new_job_list_share_job_popup-table-action-2 {
    padding-left: 17px;
  }

  .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field
    .mat-form-field-label-wrapper {
    margin-top: 0;
  }

  .new_job_list_share_job_popup-table-body-4 .dropdown-menu .dropdown-item {
    font-size: 8px;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
  }

  .new_job_list_share_job_popup-table-body-4 .dropdown-menu {
    right: -48px !important;
  }

  .new_job_list_share_job_popup-table-head-2 {
    padding-left: 5px;
  }

  .workflow_for_resp-parent .workflow-main {
    padding-left: 30px;
    margin-top: 80px;
    height: calc(100vh - 160px);
  }

  .workflow_for_resp-parent .workflow {
    max-width: 180px;
    padding: 4px;
  }

  .workflow_for_resp-parent .workflow-inner ul.connectedSortable.ui-sortable {
    min-height: 305px !important;
  }

  .workflow_for_resp-parent .workflow .workflow-color {
    height: 1px;
  }

  .workflow_for_resp-parent .workflow .workflow-title {
    height: 45px;
    font-size: initial;
    padding-left: 10px;
    padding-top: 10px;
  }

  .workflow_for_resp-parent .workflow .workflow-title span,
  .workflow_for_resp-parent .workflow .workflow-title span + span {
    font-size: 12px;
    line-height: 14px;
  }

  .workflow_for_resp-parent .workflow .workflow-title span + span {
    margin-left: 4px;
  }

  .workflow_for_resp-parent .workflow .workflow-inner {
    padding: 2px;
    max-height: 309px;
  }

  .workflow_for_resp-parent .workflow .cand-detail-list-item {
    padding-left: 22px;
    padding-bottom: 7px;
  }

  .workflow_for_resp-parent .workflow .cand-detail-list-item .custom-check {
    top: 12px;
    left: 6px;
    transform: scale(0.4);
    transform-origin: left;
  }

  .workflow_for_resp-parent .wf-candidate-wrap .custom-check {
    transform: scale(0.4);
    transform-origin: left;
  }

  .workflow_for_resp-parent .wf-candidate-wrap .cand_count {
    margin-left: -8px;
    font-size: 8px;
  }

  .workflow_for_resp-parent .cand-detail-list-item img {
    max-width: 25px;
    max-height: 25px;
  }

  .workflow_for_resp-parent .workflow .cand-detail-list-item li:first-child {
    margin-right: 7px;
  }

  .workflow_for_resp-parent .cand-detail-list-item p {
    font-size: 12px;
    letter-spacing: -0.2px;
    line-height: 14px;
    margin-bottom: 2px;
  }

  .workflow_for_resp-parent .cand-detail-list-item p img {
    height: 9px;
    margin-right: 2px;
  }

  .workflow_for_resp-parent .cand-detail-list-item span + span {
    margin-left: 1px;
  }

  .workflow_for_resp-parent .cand-detail-list-item .star:before {
    width: 10px;
    height: 10px;
  }

  .workflow_for_resp-parent .cand-detail-list-item .starav-rating {
    line-height: 0;
  }

  .workflow_for_resp-parent .workflow .jdatee {
    position: static;
    text-align: left;
    line-height: 11px;
    padding-left: 32px;
    font-size: 8px;
    line-height: 9px;
  }

  .workflow_for_resp-parent .workflow .jdatee span {
    display: inline;
  }

  .workflow_for_resp-parent .workflow .cndlist-inner {
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-top: 10px;
  }

  .workflow_for_resp-parent .workflow li.ui-state-default {
    margin-bottom: 2px;
  }

  .workflow_for_resp-parent .wf_actions {
    transform: scale(0.6);
    transform-origin: top right;
  }

  .workflow_for_resp-parent .wf-candidate-wrap {
    margin-top: 2px;
  }

  .workflow_for_resp-parent .wf-add-wrapper.workflow.addwrk-fl {
    transform: scale(0.6);
    transform-origin: top left;
    box-shadow: none;
    margin-left: 0;
    margin-right: 5px;
  }

  /*.jabri-popup.new_cand_profile_review_popup .jabri-popup-inner {
        transform: scale(0.6);
        transform-origin: top;
    }*/

  .jabri-popup.new_cand_profile_review_popup .jabri-popup-inner {
    width: 520px;
    padding: 0 32px;
    padding-top: 43px;
    padding-bottom: 30px;
  }

  .new_cand_profile_review_popup-field {
    width: 50%;
    margin-bottom: 26px;
    padding-right: 10px;
  }

  .new_cand_profile_review_popup-fields-parent {
    padding-left: 149px;
  }

  .new_cand_profile_review_popup-input-parent {
    padding-top: 0;
  }

  .new_cand_profile_review_popup-submit {
    margin-top: -6px;
  }

  .new_cand_profile_review_popup-field-label {
    font-size: 10px;
    line-height: 11px;
  }

  .new_cand_profile_review_popup-field-value {
    font-size: 14px;
    line-height: 16px;
  }

  .jabri-popup.new-job-list-share-job-success .jabri-popup-inner {
    top: 131px;
    min-height: 341px;
    max-width: 434px;
    padding-top: 176px;
    padding-bottom: 39px;
    background-size: 240px;
    background-position: center top 15px;
  }

  .new-job-list-share-job-success-title {
    max-height: 24px;
    margin-bottom: 30px;
  }

  .new-job-list-share-job-success-subtitle {
    font-size: 16px;
    line-height: 19px;
  }

  .job_desc_resp_2022 .primary-container {
    padding-top: 45px;
  }

  .job_desc_resp_2022 .jd_preview_eye_btn {
    margin-top: 0;
    margin-bottom: 5px;
  }

  .job_desc_resp_2022 .secondary-container {
    padding-top: 20px;
    padding-bottom: 0;
    max-width: 604px;
  }

  .job_desc_resp_2022 .new_job_desc_design_22-profile-info {
    padding-left: 35px;
    padding-right: 35px;
  }

  .job_desc_resp_2022 .new_job_desc_design_22-profile-info-img img {
    max-width: 45px;
    max-height: 45px;
  }

  .job_desc_resp_2022 .new_job_desc_design_22-profile-info-img {
    margin-right: 11px;
  }

  .job_desc_resp_2022 .new_job_desc_design_22-profile-info-text-1 {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 13px;
  }

  .job_desc_resp_2022 .new_job_desc_design_22-profile-info-text-2 {
    font-size: 10px;
    line-height: 11px;
  }

  .job_desc_resp_2022 .new_job_desc_design_22-profile-parent {
    margin-bottom: 26px;
    padding-bottom: 6px;
    padding-top: 23px;
  }

  .job_desc_resp_2022
    .new_job_desc_design_22-checked-job-title
    .mat-input-element {
    font-size: 16px;
    line-height: 19px;
  }

  .job_desc_resp_2022
    .new_job_desc_design_22-checked-job-title
    .mat-form-field-appearance-outline
    .mat-form-field-infix {
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.7em;
  }

  /*.job_desc_resp_2022 .new_job_desc_design_22-checked-job-title .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
    .job_desc_resp_2022 .new_job_desc_design_22-checked-job-title .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        top: 1.2em;
    }*/

  /*.job_desc_resp_2022 .new_job_desc_design_22-checked-job-title .mat-form-field-appearance-outline .mat-form-field-label{
        top: 2.3em;
    }*/
  .job_desc_resp_2022
    .new_job_desc_design_22-checked-job-title
    .mat-form-field-label-wrapper {
    top: -1.5em;
  }

  .job_desc_resp_2022
    .new_job_desc_design_22-checked-job-title
    .mat-form-field-should-float
    .mat-form-field-label-wrapper {
    top: -1.1em;
  }

  .new_job_desc_design_22 .day-in-life-check span {
    font-size: 16px;
    line-height: 19px;
    margin-left: 7px;
  }

  .new_job_desc_design_22 .day-in-life-check .custom-check {
    transform: scale(0.8);
    transform-origin: left;
    top: 8px;
    margin-right: 0;
  }

  img.recom-label-img {
    max-width: 60px;
    bottom: 1px;
  }

  .new_job_desc_design_22 .day-in-life.new_job_desc_design_22-checked-tile-3 {
    margin-bottom: 40px;
  }

  .new_day_in_life-input-wrap .mat-form-field-infix input {
    width: 250px;
  }

  .new_day_in_life-input-row .jabri_new_uistyle-form-group + div {
    margin-left: 27px;
  }

  .job_desc_resp_2022 .wys-editor .ql-editor,
  .job_desc_resp_2022 .wys-editor .ql-editor * {
    font-size: 14px;
  }

  .new_job_desc_design_22-checked-tile-1
    .wys-editor
    .ql-editor.ql-blank::before {
    font-size: 14px;
    line-height: 19.88px;
  }

  .new_job_desc_design_22.job_desc_resp_2022 .primary-container {
    padding-top: 45px;
  }

  .new_job_desc_design_22-checked-tile-2 .job_video_desc {
    right: 31px;
  }

  .new_job_desc_design_22-checked-tile-1 .wys-editor {
    padding: 20px;
    padding-bottom: 0;
  }

  .jabri-popup.feedback-popup.invite-popup .jabri-popup-inner {
    transform: scale(0.7);
    transform-origin: top;
  }

  .new_job_desc_addr_info .new_job_desc_design_22-profile-mat-input {
    width: 48%;
    margin-bottom: 0;
  }

  .new_job_desc_design_22-profile-edit-head
    + .new_job_desc_design_22-profile-mat-input {
    margin-top: 26px;
    margin-bottom: 0;
  }

  .new_job_desc_design_22
    .mat-form-field-appearance-outline
    .mat-form-field-wrapper {
    margin-bottom: 0;
  }

  .new_job_desc_design_22-profile-nomat-input {
    margin-bottom: 60px;
  }

  .new_job_desc_design_22-profile-mat-input
    .mat-form-field-appearance-outline
    .mat-form-field-outline {
    min-height: initial;
  }

  .new_job_desc_design_22-profile-mat-input
    .mat-form-field-appearance-outline
    .mat-form-field-outline {
    height: 40px;
  }

  .new_job_desc_design_22-profile-nomat-input input {
    max-height: 40px;
    min-height: inherit;
    font-size: 14px !important;
    line-height: 19px;
  }

  .new_job_desc_design_22-profile-mat-input
    .mat-form-field-appearance-outline
    .mat-form-field-infix {
    padding: 0.3em 0;
  }

  .new_job_desc_design_22-profile-mat-input .mat-input-element {
    font-size: 14px;
    line-height: 19px;
  }

  .new_job_desc_design_22-profile-mat-input .mat-form-field-label {
    font-size: 14px;
    line-height: 19px;
    margin-top: -0.8em;
  }

  .new_job_desc_design_22-profile-mat-input
    .mat-form-field-appearance-outline.mat-form-field-can-float
    .mat-input-server:focus
    + .mat-form-field-label-wrapper
    .mat-form-field-label,
  .new_job_desc_design_22-profile-mat-input
    .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
    .mat-form-field-label {
    margin-top: -0.4em;
  }

  .new_job_desc_design_22-profile-nomat-input label {
    font-size: 11px;
    max-width: 98px;
    left: 8px;
  }

  .sharemaining.dayinlife_count.dayinlife_count-title {
    right: -69px;
  }

  /*2022-resp-end*/
  /*permission-popup-version-for-big-res-291222*/
  .new_account_permis_popup-thead-1 {
    width: 216px;
  }

  .new_account_permis_popup-thead-2 {
    width: 43px;
  }

  .new_account_permis_popup-tbody-3 span {
    width: 50px;
  }

  /*permission-popup-version-for-big-res-291222-end*/
  .invite-candidate-resp-22 .new-design-datepick-dateform::before {
    right: 0;
  }

  .invite-candidate-resp-22 .resend-mail-icn {
    transform: scale(0.6);
  }

  /*notification-new-design-2023-resp*/
  .notif-23-design {
    top: 76px;
    width: 270px;
  }

  .notif-23-design-header {
    height: 46px;
    padding: 0 15px;
  }

  .notif-23-design-header .dropdown-toggle {
    height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
  }

  .notif-23-design-header .dropdown-toggle span {
    font-size: 10px;
    line-height: 11px;
  }

  .notif-23-design-header .dropdown-toggle img {
    margin-left: 3px;
    width: 6px;
  }

  .notif-23-design-head-right a {
    left: 10px;
    width: 30px;
    height: 30px;
  }

  .notif-23-design-head-right a img {
    width: 10px;
  }

  .notif-23-design-body {
    min-height: calc(100vh - 222px);
  }

  .notif-23-design-body-empty {
    padding: 0 15px;
  }

  .notif-23-design-body-empty::after {
    width: 265px;
    height: 265px;
    top: -95px;
  }

  .notif-23-design-body-empty-icon {
    margin-bottom: 15px;
  }

  .notif-23-design-body-empty-icon img {
    width: 60px;
  }

  .notif-23-design-body-empty-title {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .notif-23-design-body-empty-desc {
    font-size: 10px;
    line-height: normal;
  }

  .notif-23-design::before {
    width: 12px;
    height: 12px;
    top: -6px;
    right: 91.6px;
  }

  .notif-23-reddot {
    height: 7px;
    width: 7px;
  }

  .notif-23-design-body-data-row {
    padding: 7px 15px;
    min-height: 52px;
  }

  .notif-23-design-body-data-avatar img {
    max-width: 20px;
    max-height: 20px;
  }

  .notif-23-design-body-data-info {
    padding-left: 10px;
  }

  .notif-23-design-body-data-row .notif-23-reddot {
    top: -1px;
    left: -1px;
  }

  .notif-23-design-body-data-text {
    font-size: 10px;
    line-height: 12px;
  }

  .notif-23-design-body-data-time {
    font-size: 9px;
    line-height: 10px;
    margin-top: 2px;
  }

  .notif-23-design-body-data-rows {
    height: calc(100vh - 222px);
  }

  .notif-23-design-jobdrop .dropdown-menu {
    left: 15px !important;
    top: 39px !important;
    width: 240px;
    height: 200px;
  }

  .notif-23-design-jobdrop .dropdown-item {
    padding: 4px 0;
    min-height: 35px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 10px;
    line-height: 12px;
  }

  .notif-23-design-jobdrop .dropdown-item .notif-23-reddot {
    left: 7px;
  }

  .notif-23-design-header .dropdown-toggle span.notif-23-design-jobdrop-title {
    max-width: 140px;
  }

  .notif-23-design-nojob-label {
    font-size: 10px;
  }

  .notif-23-design {
    top: 70px;
  }

  .upgrade-plan-band + .jabri-app-parent .notif-23-design {
    top: 110px;
    right: 45px;
  }

  .upgrade-plan-band + .jabri-app-parent .notif-23-design-body-data-rows {
    height: calc(100vh - 256px);
  }

  .upgrade-plan-band + .jabri-app-parent .notif-23-design-body {
    min-height: calc(100vh - 256px);
  }

  .notif-23-design-body-data-rows {
    height: calc(100vh - 216px);
  }

  .notif-23-design-body {
    min-height: calc(100vh - 216px);
  }

  /*notification-new-design-2023-resp-end*/
}

@media (max-width: 1024px) {
  /*240625candresp*/
    .jabri-app-parent.candidate-layout .candidate_job_list_25 .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;        
    }
    .jabri-app-parent.candidate-layout .candidate_job_list_25 .row{
        margin: 0;
    }
    .jabri-app-parent.candidate-layout .job_desc_video_view video{
        height: auto;
        width: 100%;
    }    
    .jabri-app-parent.candidate-layout .job_desc_video_view h2{
        margin: 0;
    }
    .jabri-app-parent.candidate-layout .job_desc_video_view .cand-job-card-inner{
        padding: 0;
    }
    .jabri-app-parent.candidate-layout .cand-job-action{
        width: 100%;
    }
    .jabri-app-parent.candidate-layout .cand-job-card-1,
    .jabri-app-parent.candidate-layout .cand-job-card-inner{
        padding: 15px;
    }
    .jabri-app-parent.candidate-layout .cand-job-leftside{
        width: 100%;
    }
    .jabri-app-parent.candidate-layout .lobby-info{
        flex-direction: column;
    }
    .jabri-app-parent.candidate-layout .lobby-info-item + .lobby-info-item{
        margin: 0;
        padding: 0;
        border: 0;        
        margin-top: 10px;        
    }
    .jabri-app-parent.candidate-layout .connection-check .video-js.cand_exp{
        height: auto;
        line-height: 0;
    }
    .jabri-app-parent.candidate-layout .connection-check .chkvidbtn{
        position: static;
        margin-top: 15px;
        width: 100%;
    }
    .jabri-app-parent.candidate-layout .connection-check{
        padding: 15px;
    }
    .jabri-app-parent.candidate-layout .lets-do-test{
        width: auto;
        padding: 15px;
    }
    .jabri-app-parent.candidate-layout .lets-do-test .video-js.cand_exp{
        height: auto;
        line-height: 0;
    }    
    .jabri-app-parent.candidate-layout .preparation-rec .col-sm-12 {
        padding: 0;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .cont_in_btn{
        left: 15px;
        width: calc(100% - 30px);
    }
    .jabri-app-parent.candidate-layout .preparation-rec .video-js.cand_exp .vjs-control-bar{
        margin-top: 0;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .video-js.cand_exp .vjs-control-bar .vjs-current-time{
        left: auto;
        right: 65px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .video-js.cand_exp .vjs-control-bar .vjs-duration{
        left: auto;
        right: 10px;  
    }
    .jabri-app-parent.candidate-layout .preparation-rec .video-js.cand_exp .vjs-control-bar::before{
        left: -30px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .video-js.cand_exp .vjs-control-bar .vjs-record-button{
        left: 0;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .video-js.cand_exp .vjs-control-bar .vjs-play-control{
        left: 30px;
        right: auto;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .video_questions .video-js.cand_exp{
        height: auto;
        line-height: 0;
    }
    /* .jabri-app-parent.candidate-layout .preparation-rec .question-check-cancel{
        top: -8px;
    } */
    .jabri-app-parent.candidate-layout .preparation-rec .lobby-inner{
        padding: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check{
        padding: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .video_questions{
        padding: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-action{
        width: 100%;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .vap h1{
        font-size: 70px;
        height: 354px;
    }
    .jabri-app-parent.candidate-layout .video_questions .next_question {
        bottom: 20px;
        left: 15px;
        width: calc(100% - 30px);
    }
    .jabri-app-parent.candidate-layout .retake-btn-qst::before{
        width: 36px;
        height: 36px;
    }
    .jabri-app-parent.candidate-layout .retake-btn-qst{
        left: 0;
        bottom: 72px;
        width: 36px;
        height: 36px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-main{
        padding: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .candidate_question_video{
        max-width: 100%;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-action{
        margin-top: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-main{
        min-height: initial;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-info-inner {
        bottom: auto;
        top: -28px;
        left: auto;
        right: -52px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-info-inner::before {
        bottom: auto;
        top: -5px;
        right: 5px;
        left: auto;
    }
    .jabri-popup.retake-popup.candiff-popup .jabri-popup-inner {
        transform: none;
        width: calc(100% - 30px);
        top: 15px;
        padding: 15px;
    }
    .jabri-popup.retake-popup.candiff-popup .deltitle,
    .jabri-popup.cancel-interview-popup.candiff-popup .deltitle{
        font-size: 26px;
        line-height: normal;
    }
    .jabri-popup.retake-popup.candiff-popup .deltitle,
    .jabri-popup.cancel-interview-popup.candiff-popup .deltitle{
        margin-bottom: 10px;
    }
    .jabri-popup.retake-popup.candiff-popup .retake-popup-title{
        font-size: 16px;
        line-height: normal;
    }
    .jabri-popup.retake-popup.candiff-popup .retake-popup-subtitle{
        font-size: 13px;
        line-height: normal;
    }
    .jabri-popup.retake-popup.candiff-popup .retake-popup-inner {
      margin: 15px 0;
      padding: 15px;
    }
    .jabri-popup.retake-popup.candiff-popup .retake-popup-timetxt{
      font-size: 12px;
      line-height: normal;
    }
    .jabri-popup.retake-popup.candiff-popup .retake-popup-time{
        font-size: 26px;
        line-height: normal;
    }
    .jabri-popup.retake-popup.candiff-popup .retake-popup-timedesc{
        font-size: 12px;
        line-height: normal;
    }
    
    .jabri-popup.cancel-interview-popup.candiff-popup .jabri-popup-inner{
        top: 15px;
        width: calc(100% - 30px);
        padding: 15px;
        padding-top: 25px;        
    }
    
    .jabri-popup.cancel-interview-popup.candiff-popup .deldesc{
        font-size: 16px;
        margin-bottom: 20px;
        letter-spacing: normal;
        line-height: normal;
    }

    .jabri-popup.cancel-interview-popup.candiff-popup .del-delbtn,
    .jabri-popup.cancel-interview-popup.candiff-popup .del-cancel,
    .jabri-popup.retake-popup.candiff-popup .del-delbtn,
    .jabri-popup.retake-popup.candiff-popup .del-cancel{
        width: 100%;
        height: 40px;        
        font-size: 14px;
        line-height: 40px;
        padding: 0 15px;
        letter-spacing: normal;
        margin: 0;
    }
    .jabri-popup.retake-popup.candiff-popup .del-cancel,
    .jabri-popup.cancel-interview-popup.candiff-popup .del-cancel{
        margin-top: 10px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-header-title{
        margin-bottom: 30px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-main{
        margin-top: 15px;
    }
    .jabri-app-parent.candidate-layout .cj-card-title{
        margin-left: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .vq-text-2 {
        font-size: 16px;
        line-height: 22px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-text{
        font-size: 16px;
        line-height: 22px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-count {
        font-size: 12px;
        line-height: normal;
        margin-bottom: 15px;
    }
 
    .jabri-app-parent.candidate-layout .preparation-rec .upload_progress{
        max-width: initial;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .col-sm-12.upload_progress{
        padding: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .upload_progress .upro_left{
        height: auto;
        flex-basis: initial;
        width: 100%;
        padding-bottom: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .upload_progress .upro_icon img{
      position: static;
      max-width: 100px;  
    }
    .jabri-app-parent.candidate-layout .preparation-rec .upload_progress .upro_title,
    .jabri-app-parent.candidate-layout .preparation-rec .upload_progress .upro_subtitle{
        margin-top: 0;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .upload_progress .upro_right {
        padding-left: 0;
        flex-basis: initial;
        width: 100%;
        padding-top: 15px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .upload_progress .upro_r_title{
        margin-bottom: 0;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .upload_progress{
        margin-bottom: 30px;
    }
       .jabri-app-parent.candidate-layout .preparation-rec .th-block{
        width: auto;
        margin-bottom: 30px;
        padding: 15px;
    }    
    .jabri-app-parent.candidate-layout .preparation-rec .th-block .th-title{
        font-size: 18px;        
        line-height: normal;
        margin-top: 10px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .th-block .th-sep {
        max-width: initial !important;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .th-block .th-subtitle {
        line-height: normal;
        letter-spacing: normal;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .th-block .th-position{
        font-size: 16px;
        line-height: normal;
        letter-spacing: normal;
        margin-bottom: 15px;
    }
    .profile_security{
        padding: 15px;
    }
    .profile_security .jabri_new_uistyle-green-btn,
    .profile_security .jabri_new_uistyle-ghost-btn{
        margin-right: 0;
        width: 100%;
        height: 40px;        
        font-size: 14px;
        line-height: 40px;
        padding: 0 15px;
        letter-spacing: normal;
        margin: 0;
    }
    .profile_security .jabri_new_uistyle-ghost-btn{
        margin-top: 10px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-header-inner{
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-header-info {
        font-size: 18px;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
    }
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-header-title,
    .jabri-app-parent.candidate-layout .preparation-rec .question-check-header-info span {
        font-size: 14px;
        line-height: normal;        
    }
    .jabri-app-parent.candidate-layout .jabri-main-content, .jabri-app-parent.candidate-layout .jabri-main-content.toggled{
        padding-left: 15px;
        padding-top: 50px;
    }
    .jabri-app-parent.candidate-layout .jabri-sidebar,
    .jabri-app-parent.candidate-layout .jabri-sidebar.toggled{
        width: 100%;
    }
    .jabri-app-parent.candidate-layout .jabri-sidebar .sidebar-logo,
    .jabri-app-parent.candidate-layout .jabri-sidebar .slide-toggle-hover{
      display: none;
    }
    .jabri-app-parent.candidate-layout .jabri-topbar .top-right{
      display: none;
    }
    .jabri-app-parent.candidate-layout .jabri-nav-list li::before,
    .jabri-app-parent.candidate-layout .jabri-nav-list li::after{
      display: none;
    }
    .jabri-app-parent.candidate-layout .jabri-nav-list li.active{
       background-image: none; 
    }
    .jabri-app-parent.candidate-layout .jabri-sidebar li {
        height: auto;
        line-height: 50px;
        padding: 0 15px;
        font-size: 20px;
        letter-spacing: normal;
        text-align: center;
    }
    .jabri-app-parent.candidate-layout .jabri-nav-list{
        margin-top: 0;
    }
    .jabri-app-parent.candidate-layout .jabri-sidebar{
        display: none;
    }
    body.nav-open .jabri-app-parent.candidate-layout .jabri-sidebar{
        display: block;
        bottom: auto;
        top: 50px;
        height: calc(100vh - 50px);
        padding: 10px 0;
        box-shadow: none;
    }
    .jabri-app-parent.candidate-layout .jabri-topbar{
        height: 50px;
        position: fixed;        
        top: 0;
        left: 0;
        right: auto;
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .jabri-app-parent.candidate-layout .jmainlogo{
        display: block;
        float: none;
        margin: 0;
        width: 70px;
    }
    .hamburger-icon {
      position: relative;
      margin-left: auto;
      height: 25px;
        width: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hamburger-icon[aria-expanded=true] {
      z-index: 999999
    }

    .hamburger-icon span {
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background-color: #000;
      display: block;
      height: 1.5px;
      margin: 0 auto;
      position: relative;
      top: 0;
      width: 25px;
      left: 0;
    }

    .hamburger-icon span:before {
      margin-top: -8px
    }

    .hamburger-icon span:after,
    .hamburger-icon span:before {
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background-color: #000;
      content: "";
      display: block;
      height: 1.5px;
      position: absolute;
      width: 25px;
      left: 0;
    }

    .hamburger-icon span:after {
      margin-top: 8px
    }

    .cross-animation span {
      -webkit-transition-delay: .0s;
      transition-delay: .0s;
      -webkit-transition-duration: 0s;
      transition-duration: 0s
    }

    .cross-animation span:after,
    .cross-animation span:before {
      -webkit-transition-delay: .0s, 0s;
      transition-delay: .0s, 0s;
      -webkit-transition-duration: .0s;
      transition-duration: .0s;
      -webkit-transition-property: margin, -webkit-transform;
      transition-property: margin, transform
    }

    .cross-animation:hover span:before {
      margin-top: -8px
    }

    .cross-animation:hover span:after {
      margin-top: 8px
    }

    body.nav-open .cross-animation span {
      background-color: transparent;
      -webkit-transition-delay: .0s;
      transition-delay: .0s
    }

    body.nav-open .cross-animation span:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0s, .0s;
      transition-delay: 0s, .0s
    }

    body.nav-open .cross-animation span:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0s, .0s;
      transition-delay: 0s, .0s
    }
    .jabri-sidebar li.mobi_nav_link{
      display: block;
    }
    .jabri-app-parent.candidate-layout .jabri-sidebar.toggled li span{
      opacity: 1;
    }
    .profile_security .jabri_new_uistyle-title{
      font-size: 20px;
      margin-bottom: 15px;
      letter-spacing: normal;
    }
    .profile_security .jabri_new_uistyle-subtitle{
      font-size: 18px;
      letter-spacing: normal;
      margin-bottom: 15px;
    }
    .profile_security .jabri_new_uistyle-form-actions{
      margin-top: 10px;
    }
    .profile_security.class-for-input-adjust-24 .new_com_mat_design_field .mat-form-field-label,
    .jabri-app-parent.candidate-layout .candi-profile .candiate-new-des-container .mat-form-field-label{
      font-size: 16px;
    }
    .profile_security.class-for-input-adjust-24 .new_com_mat_design_field input,
    .profile_security.class-for-input-adjust-24 .new_com_mat_design_field textarea,
    .jabri-app-parent.candidate-layout .candi-profile .candiate-new-des-container .new_com_mat_design_field input,
    .jabri-app-parent.candidate-layout .candi-profile .candiate-new-des-container .new_com_mat_design_field textarea{
      font-size: 16px;
    }
    .jabri-app-parent.candidate-layout .candi-profile .candiate-new-des-container{
      padding: 15px;
    }
    .jabri-app-parent.candidate-layout .candi-profile .candiate-new-des-container .jabri_new_uistyle-green-btn{
      width: 100% !important;
      margin-right: 0;
    }
    .jabri-app-parent.candidate-layout .new_job_desc_design_22-profile-nomat-input input{
      font-size: 16px !important;
    }
    .notifier__notification--material{
      width: calc(100% - 30px);
      display: flex;
      align-items: center;
    }
    .notifier__notification--material .notifier__notification-message{
      line-height: normal;
    }
    .jabri-app-parent.candidate-layout .cand-job-detail .app-date.float-right{
       margin-top: 11px;
       font-size: 11px;
    }
    .question-check-header-info + .question-check-header-info{
       margin-left: 20px;
    }
    .notifier__notification--material .notifier__notification-button{
       margin-left: auto;
    }
    .jabri-app-parent.candidate-layout .video-js.cand_exp video {       
       max-height: calc(100vh - 320px);
    }
    div#cropTemplate .modal-dialog{
        max-width: calc(100% - 30px) !important;
        margin: 0 auto;
    }
    div#cropTemplate .modal-title{
        margin: 0;
    }
  /*240625candresp-end*/
}
@media (max-width: 767px){
  /*250625candresp*/
  .jabri-app-parent.candidate-layout .candidate_job_list_25 .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .login-parent.candidatel.new-linkedin-cand-login,
    .login-parent.candidatel.login_cand_screen,
    .login-parent.emploginn.class-for-input-adjust-24.cand_forgot_screen{
      position: relative;
      max-width: calc(100% - 30px);
      margin-top: 50px;
    }
    .login-parent.candidatel.new-linkedin-cand-login.class-for-input-adjust-24 .login-inner,
    .login-parent.candidates.sign-clicked .login-inner,
    .login-parent.candidatel.login_cand_screen .login-inner,
    .login-parent.emploginn.class-for-input-adjust-24.cand_forgot_screen .login-inner{
        width: calc(100% - 30px);
    }
    .login-parent.candidates.sign-clicked{
      max-width: calc(100% - 30px);
    }
    .login-animation-password.login-animation-com{
      right: -100%;
    }
    .jabri-app-parent.candidate-layout .job-list-inner{
      padding: 20px;
      padding-top: 10px;
    }
    .jabri-app-parent.candidate-layout .job-list-divider{
      margin-top: 20px;
      margin-bottom: 10px;
    }
    .lobby-action button{
      width: 100%;
    }
    .lobby-subtitle a{
      display: block;
    }
   /*250625candresp-end*/
 }
@media (max-width: 749px){
  /*240625candresp*/
  .jabri-app-parent.candidate-layout .preparation-rec .vap h1{
    height: calc(100% - 120px);
  }
  /*240625candresp-end*/
}
.dob-candi .datepicker-container .ng-valid {
  display: block !important;
}
/*MEDIA-SECTION-END********************************************************************/
.job-list-title.screenshot-mode::after {
  background: none !important;
  /* Other styles to neutralize the effect */
}
/*fix-input-and-other-changes-240724*/
.wf_actions{
  position: relative;
  z-index: 1;
}
.class-for-input-adjust-24 .mat-form-field-infix input{
  position: relative;
  bottom: 3px;
}
.class-for-input-adjust-24 .new_com_mat_design_field .mat-form-field-label{
  font-size: 18px;
  top: 26px;
}
.class-for-input-adjust-24 .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{
  /* font-size: 14px; */
  transform: translateY(-1.3em) scale(0.75);
}
.new_candi_share_popup_22 .class-for-input-adjust-share-cand-pop-24 .new-design-invitelist-rows .mat-form-field-infix,
.new_candi_share_popup_22 .class-for-input-adjust-share-cand-pop-24 .new-design-invitelist-row .mat-form-field-appearance-outline .mat-form-field-outline{
  height: 44px;
}
.new_candi_share_popup_22 .class-for-input-adjust-share-cand-pop-24 .new-design-invitelist-rows .mat-form-field-label-wrapper{
  margin-top: -2px !important;
}
.class-for-input-adjust-share-cand-pop-24 .new-design-invitelist-actions .mat-form-field-appearance-outline .mat-form-field-wrapper{
  top: 8px;
}
.new-design-invitelist-actions .mat-form-field-subscript-wrapper{
  top: 18px;
}
.new_candi_share_popup_22 .new-design-invitelist-actions label.mat-form-field-label{
  margin-top: 1px !important;
}
.new_candi_share_popup_22 .new-design-invitelist-actions .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .new_candi_share_popup_22 .new-design-invitelist-actions .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{
  margin-top: 6px !important;
}
.new_job_list_share_job_popup-table-actions .mat-form-field-appearance-outline .mat-form-field-flex{
  top: -1px;
}
.new_job_list_share_job_popup-table-actions .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field .mat-form-field-appearance-outline .mat-form-field-wrapper input{
  margin-top: 16px;
}
.new_job_list_share_job_popup-table-actions .new_job_list_share_job_popup-table-action-1-diff.new_com_mat_design_field .mat-form-field-label-wrapper{
  margin-top: 5px;
}
.cand-profile-date-field-24.new_job_desc_design_22-profile-nomat-input input{
  min-width: 232px;
}
.class-for-input-adjust-24.class-for-input-adjust-24-job-comp-prof-edit .new_com_mat_design_field .mat-form-field-label{
  top: 28px;
}
.class-for-input-adjust-24.class-for-input-adjust-24-job-comp-prof-edit .mat-form-field-infix input{
  bottom: 0;
}
/*fix-input-and-other-changes-240724-end*/