.main-page.viewjob-page {
  margin: 15px 0;
  min-height: 80vh;
  background-color: #fff;
}
.job-view-content {
  background-color: #fff;
}
.job-view-page {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px 15px;
  position: relative;
}
.salary-desc p {
  margin-bottom: 8px;
}
.job-view-section .apply-refer-btn-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.job-view-page .jobs-comment-icon {
  position: absolute;
  right: 50px;
  top: 50px;
}
.job-view-page h4.job-heading,
.job-view-page h1.job-heading {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}
.job-view-page h4.job-sub-heading {
  font-size: 15px;
  margin: 0 10px 0 0;
}
.job-view-page .comp-logo-about {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 15px;
}
.comp-logo-about img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.job-view-page .about-company-details h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0px 10px 2px 0px;
  color: #08325B;
}
.job-view-page .about-company-details p {
  margin-bottom: 0;
  font-weight: 600;
  color: #757575;
}
.company-rating-sec {
  display: flex;
  align-items: center;
  margin: 30px auto;
}
.company-rating-sec i.fa-star {
  color: #fff;
  margin-left: 10px;
}
/*.company-rating {
  background-color: #2eae3e;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}
.company-rating span {
  margin-left: 5px;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
}*/
.job-view-content hr {
  margin-top: 20px;
}
.abt-more-link a {
  font-weight: 600;
  font-size: 16px;
}
.aply-reset-btn-grp {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #dddddd;
  justify-content: center;
  margin: 20px auto 5px;
}
.report-porblem-sec {
  /*background: #EAF0F5;*/
  width: 100%;
  height: 50px;
  padding: 15px;
  text-align: center;
}
.report-porblem-sec a {
  color: #3d82ab;
  font-size: 16px;
  font-weight: 600;
}
.dislike-icon-pos-rel {
  position: relative;
}
.modal-footer.report-prob-btn {
  padding: 20px;
  text-align: center;
}
.report-prob-modal .modal-header .close {
  font-size: 45px;
  font-weight: 400;
  color: #333;
  opacity: 0.4;
  position: absolute;
  right: 15px;
  top: 5px;
}
.report-prob-modal h4.modal-title {
  font-weight: 600;
}
.report-prob-modal .modal-body {
  position: relative;
  padding: 20px;
  font-weight: 500;
  font-size: 15px;
}
.Job-view-header-sec {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10px;
}
.Job-view-header-sec .profile-sec-left {
  width: 70%;
}
/* custom sidebar modal close */
.modal-nav-close {
  position: fixed;
  left: 0;
  top: 0;
}
.model-nav-icon {
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
  padding: 6px 0;
  border: 0;
  font-size: 18px;
  color: #fff;
  background-color: var(--gray-700);
  margin: 0 0 2px;
  cursor: pointer;
  line-height: 1.2;
}
.model-nav-icon:focus, .model-nav-icon:hover {
  color: var(--white);
  text-decoration: none;
}
.icon-close:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.content-wrapper.with-trail-msg .modal-nav-arrows {
  top: 68px;
}
.modal-nav-arrows {
  -webkit-animation: slideFromRightArrows .5s 1;
  -o-animation: slideFromRightArrows .5s 1;
  animation: slideFromRightArrows .5s 1;
}
.modal-nav-arrows {
  position: fixed;
  top: 36px;
  left: 0;
  z-index: 999;
  width: 34px;
}
.modal-nav-arrows .model-nav-icon.disabled, .modal-nav-arrows .model-nav-icon:hover:not(.disabled) {
  box-shadow: none;
}
.model-nav-icon.disabled {
  cursor: not-allowed;
  opacity: .4;
}
.sidebar-prevs-btn.disabled, .sidebar-nxt-btn.disabled {
  cursor: not-allowed;
  pointer-events: none
}
.modal-nav-arrows .model-nav-icon {
  font-size: 18px;
  padding: 0;
  line-height: 1.8;
}
.modal-nav-arrows .model-nav-icon.arrow-left::before {
  left: -1px;
}
.modal-nav-arrows .model-nav-icon::before {
  position: relative;
}
.datepicker .prev:before, .icon-arrow-left:before {
  content: "\f053";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.hint--right:after, .hint--right:before {
  left: 100%;
  bottom: 50%;
}
.hint--right:before {
  border-right-color: #383838;
  margin-left: -11px;
  margin-bottom: -6px;
}
[class*=hint--]:before {
  content: '';
  position: absolute;
  background: 0 0;
  border: 6px solid transparent;
  z-index: 1000001;
}
.modal-nav-arrows .model-nav-icon.arrow-right::before {
  left: 1px;
}
.modal-nav-arrows .model-nav-icon::before {
  position: relative;
}
.datepicker .next:before, .icon-arrow-right:before {
  content: "\f054";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.custom-modal-close a:focus, .custom-modal-close a:hover {
  color: #fff;
  text-decoration: none;
}
/* // custom sidebar modal close */
.application-error-msg {
  position: absolute;
  color: #d60b0b;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  top: 50px;
}
.job-btn-grp .apply-refer-btn-grp {
  width: calc(100% - 180px);
}
md-sidenav.job-view-panel .job-view-page {
  padding: 30px 50px;
}
.apply-refer-btn-grp.job-view-sidebar {
  justify-content: space-between;
}
.apply-refer-btn-grp.job-view-sidebar .sidebar-btn-sec {
  width: calc(100% - 200px);
}
.job-view-sidebar .posted-job-text {
    text-align: center;
}
.aply-reset-btn-grp.jobs-details-xs {
  display: none;
}
.jv_like_disable{
  cursor: not-allowed;
  pointer-events: all !important;
}
.refer-earn-bnr-xs {
  display: none;
}
.job-type-xs {
  display: none;
}
.salary-desc-desktop {
  display: block;
}
.job-btn-grp.dev-jobs-btn .apply-refer-btn-grp {
  width: auto;
}
#posted-desc-section.jobs-sidebar-scroll {
  height: auto;
  max-height: unset;
  padding-top: 0;
  overflow-y: unset;
  overflow-x: unset;
}
md-sidenav.job-view-panel.cont-full-sidebar.md-sidenav-right .job-view-page {
  border: 0 solid #ddd;
}

/* media query */
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1024px) {
  .job-btn-grp .apply-refer-btn-grp {
    min-width: 290px;
    width: auto;
  }
  .rt-job-prvw-section .job-btn-grp {
    align-items: flex-start;
    flex-direction: column;
  }
  .application-error-msg {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .main-page.viewjob-page {
    /* margin: 50px; */
    margin: 15px 0;
  }
}
@media only screen and (max-width: 820px) {
  .job-view-right h2.job-heading {
    font-size: 18px;
    max-width: 80%;
  }
}
@media screen and (max-width: 767px) {}
@media only screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {}
@media only screen and (max-width: 712px) {
  .apply-refer-btn-grp {
    display: none;
  }
  .apply-refer-btn-grp .btn.btn-lg {
    padding: 10px 12px;
  }
  img.my-job-post-img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 15px;
    border: 1px solid #ddd;
  }
  .job-field-sub-name {
    font-weight: 600;
    font-size: 13px;
  }
  .close_btn img {
    width: 12px;
    float: right;
  }
  .sidebar-header-xs .back_btn {
    padding: 0;
    border-bottom: none;
  }
  .job-icon.job-view-xs {
    border-radius: 10px;
    float: left;
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 600px) {
  .main-page.viewjob-page {
    margin-top: 60px;
    padding: 0;
  }
  .main-page.viewjob-page .job-view-page {
    padding: 24px 15px 15px;
    border: none;
    margin: 0;
  }
  .job-view-page .jobs-comment-icon {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .job-view-page .comp-logo-about {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
  }
  .job-view-page h4.job-heading,
  .job-view-page h1.job-heading {
    font-size: 18px;
    max-width: 100%;
    margin-bottom: 5px;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
  }
  .job-view-page h4.job-sub-heading {
    font-size: 13px;
    color: var(--gray-600);
    margin: 5px 0 10px 0;
    max-width: 100%;
    white-space: unset;
  }
  .salary-desc {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    color: var(--gray-600);
  }
  .job-description {
    border-top: 1px solid #F2F2F2;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .selected-skills.mt-20 {
    margin-top: 0;
  }
  h3.about-heading {
    margin: 15px 0;
    font-size: 14px;
    font-weight: 600;
  }
  .about-company,
  .about-sub-head {
    font-size: 10px;
}
  .about-sub-head,
  .about-job-posted h2 {
    font-size: 11px;
    margin: 0;
  }
  .apply-refer-btn-grp {
     justify-content: flex-end; 
  }
  .job-view-content hr {
    margin-top: 10px;
  }
  .job-view-page .about-company-details h4 {
    font-size: 13px;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .company-rating-sec i.fa-star {
    margin-left: 5px;
    font-size: 9px;
    padding: 5px;
  }
  .job-view-page .comp-logo-about {
    margin-right: 10px;
  }
  .job-view-page .about-company-details p {
    font-size: 10px;
  }
  .job-view-page .about-company-details h4 {
    margin: 0;
  }
  .company-rating-sec {
    margin: 15px auto;
  }
  .about-job-posted,
  .about-job-position,
  .about-job-expertise,
  .about-company,
  .about-perks {
    width: 100%;
    margin-bottom: 10px;
  }
  .abt-more-link {
    margin: 20px;
  }
  .abt-more-link a {
    text-decoration: underline;
    font-size: 12px;
  }
  span.invited-tag,
  span.urgent-hiring-tag {
    padding: 5px 24px 5px 15px;
    height: 22px;
    font-size: 9px;
  }
  .report-porblem-sec {
    margin: 0 auto 10px;
  }
  .Job-view-header-sec .profile-sec-left {
    width: 100%;
  }
  .Job-view-header-sec {
    flex-direction: column;
    margin-bottom: 3px;
  }
  .job-view-page .interview-btn p.interview-job-text {
    display: flex;
    align-items: center;
  }
  .job-view-page span.intview-timer {
    font-size: 10px;
    text-align: right;
    margin-left: 5px;
  }
  /* Ashutosh Sinha CSS */
  img.my-job-post-img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 15px;
    border: 1px solid #ddd;
  }
  .custom-modal-close, .modal-nav-arrows {
    display: none;
  }
  .card-perk.flex-center {
    align-items: flex-start;
  }
  .application-error-msg {
    left: 0;
    top: 66px;
  }
  .sidebar-job-type {
    font-size: 12px;
    font-weight: 500;
    align-items: center;
    flex-wrap: wrap;
    color: var(--gray-600);
    border: 1px solid var(--gray-300);
    padding: 15px;
    margin: 15px 0;
    border-radius: 10px;
  }
  .sidebar-job-type i {
    font-size: 12px;
    width: 15px;
    color: var(--gray-600);
    margin-right: 6px;
  }
  .sidebar-job-type span.job-type, 
  .sidebar-job-type span.location-icon {
    margin-bottom: 8px;
    display: block;
  }
  .sidebar-job-type span.location-icon:last-child {
    margin-bottom: 0;
  }
  .posted-update-txt img {
    width: 14px;
    margin-right: 5px;
  }
  .about-company-sec h4 {
    color: var(--black);
    font-size: 14px;
    margin-bottom: 5px;
  }
  .about-company-sec p {
    color: var(--gray-600);
    font-size: 12px;
    font-weight: 400;
  }
  .about-company-sec {
    margin-bottom: 10px;
  }
  .sidebar-job-type .job-type img {
    margin-right: 8px;
  }
  .about-job-posted h2 {
    margin: 15px 0;
    font-size: 14px;
    font-weight: 600;
  }
  .about-job-posted p {
    font-weight: 400;
  }
  .btn-sidebar-xs .btn-fixed-xs.btn-share {
    width: 36px;
    padding: 7px;
    margin-left: 10px;
  }
  .btn-fixed-xs.btn-share img {
    width: 14px;
  }
  /*.aply-reset-btn-grp .btn-fixed-xs {
    height: 36px;
  }*/
  .btn.btn-border-blue.btn-share:hover {
    background-color: var(--white);
    color: var(--primary);
  }
  .salary-desc img, .sidebar-job-type img {
    margin-right: 8px;
    font-style: normal;
    width: 13px;
    text-align: center;
    color: var(--gray-700);
    vertical-align: middle;
    margin-top: -2px;
  }
  /* CSS for refer bnr xs new design */
  .refer-earn-bnr-xs {
    border: 1px solid var(--gray-300);
    padding: 15px;
    margin: 0 0 15px;
    border-radius: 10px;
    background: linear-gradient(to top, rgb(38 177 112 / 10%) 10%, rgba(31,59,8,0) 100%);
  }
  .refer-bnr-text {
    width: calc(100% - 150px);
  }
  .refer-bnr-text p {
    font-size: 14px;
    color: var(--black);
    font-weight: 600;
  }
  .refer-bnr-text span {
    display: inline-block;
  }
  .refer-bnr-btn {
    width: 150px;
    text-align: right;
  }
  .btn-share img {
    width: 12px;
    margin-right: 5px;
  }
  .refer-earn-bnr-xs {
    display: block;
  }
  /* //CSS for refer bnr xs new design */
  .job-type-xs {
    display: block;
  }
  .salary-desc-desktop {
    display: none;
  }
  .aply-reset-btn-grp.fixed-bottom-xs.btn-xs {
    padding: 15px 0;
  }
  .refer-bnr-text i {
    font-size: 12px;
  }
  #referandearn {
    z-index: 9999;
  }
  .footer-txt-xs p {
    position: absolute;
    color: var(--gray-600);
    font-size: 10px;
  }
  .footer-txt-xs p.deadline-txt-xs {
    left: 5px;
    top: 6px;
  }
  .footer-txt-xs p.upto-rupee-txt {
    right: 5px;
    top: 6px;
  }
  .aply-reset-btn-grp.fixed-bottom-xs.footer-txt-align {
    padding: 30px 0 25px;
  }
  #posted-desc-section {
    height: 100%;
    max-height: 100%;
    padding-top: 0;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .jobs-left-alert {
    font-size: 11px;
    top: 70px;
  }
  .fixed-bottom-xs .btn.btn-normal.btn-rounded {
    height: 34px;
  }
  p.job-post-date {
    font-size: 11px;
    font-weight: 300;
    text-transform: capitalize;
    color: var(--gray-600);
    margin: 0;
  }
  .job-description p, .about-company .about-sub-head {
    font-size: 13px;
    font-weight: 400;
  }
  .perks-xs p.color-title {
    font-size: 11px;
    color: var(--gray-600);
  }
  md-sidenav .about-job-posted ul {
    list-style: disc;
    padding-left: 15px;
  }
}
@media screen and (max-width: 568px) {
  .job-view-panel .job-apply-page-xs, md-sidenav.job-view-panel .job-view-page {
    padding: 20px 15px;
    margin: 0;
    border: none;
  }
  .aply-reset-btn-grp.jobs-details-xs {
    display: block;
  }
}
@media screen and (max-width: 340px) {
  .job-view-page h4.job-heading,
  .job-view-page h1.job-heading {
    max-width: 220px;
  }
}