/* ============== Start: Top bar ============== */
.top-strip{
  background: var(--ai-gredient);
  color: var(--white);
  padding: 8px 0 ;
  font-size: 13px;
}
.d-sm-block.signup-link-top {
  display: inline-block !important;
  color: var(--white);
  text-decoration: none;
  font-weight: 500;
  transition: 0.2s ease all;
}
a.signup-link-top:hover{
  text-decoration: underline;
}
a.signup-link-top img {
  transition: 0.2s ease all;
}
a.signup-link-top:hover img {
  transform: translate(4px, -2px);
}

/* ============== Start: header ============== */
.top-bar.dev-top-bar {
  background-color: #f2f6ff;
  padding: 10px 0;
}
.bar-contain {
  text-align: center;
}
.bar-contain a {
  font-size: 14px;
  font-weight: 500;
  color: var(--black);
  text-decoration: none;
}
button.btn-switch-side {
  font-size: 16px;
  padding: 6px 15px;
  background-color: rgb(0 110 255 / 10%);
  border-radius: 4px;
  font-weight: 500;
  color: var(--primary);
  transition: .3s ease-in-out;
  text-decoration: none;
  margin-left: 15px;
  border: none;
}
button.btn-switch-side:hover, button.btn-switch-side:active, button.btn-switch-side:focus {
  background-color: rgb(0 110 255 / 18%);
  color: var(--secondary);
  text-decoration: none;
}
nav.navbar.bootsnav.custom-navbar-header {
  display: block;
  width: 100%;
  height: auto;
  padding: 14px 0;
  background-color: var(--white);
  border: none;
  border-bottom: 2px solid #e7e7e7;
  border-radius: 0;
}
.custom-navbar-header a.navbar-brand {
  margin-right: 25px;
  padding: 5px 25px 5px 15px;
  max-width: 185px;
  border-right: 1px solid var(--gray-200);
}
.recent-count {
  background-color: var(--green);
  color: var(--white);
  display: inline-block;
  width: auto;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  font-weight: 500;
  border-radius: 10px;
  padding: 0 4px;
  text-align: center;
  vertical-align: middle;
  margin-left: 5px;
  min-width: 20px;
}
.notify-count {
  background-color: #d60b0b;
  color: var(--white);
  width: 18px;
  display: inline-block;
  height: 18px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}
/*.navbar-nav.dev-custom-li-menu>li>a.header-li.li-color {
  font-size: 15px;
  font-weight: 500;
  margin: 0px 2px;
  padding: 20px 10px;
  color: var(--black);
  transition: .3s ease all;
}*/
.navbar-nav>li>a.feat-li-options.header-li {
  padding: 8px;
  font-weight: 500;
  font-size: 14px;
  color: var(--black);
  transition: .3s ease all;
}
.navbar-nav.hdrMenu a:before {
  content: "";
  position: absolute;
  /*width: 100%;*/
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: var(--primary);
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}
.navbar-nav.hdrMenu li:hover a:before,
.navbar-nav.hdrMenu li:hover a:active {
  visibility: visible;
  width: 100%;
}
.navMenu.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--primary);
  border-color: var(--primary);
}
/*.navbar-default .navbar-nav>li.header-li-icon>a {
  padding: 21px 10px;
  color: var(--secondary);
  cursor: pointer;
}*/
.limit-nm {
  width: auto;
  max-width: 96px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  color: var(--primary);
}
.profile-login-btn a.profile-btn.dropdown-toggle {
  color: #75787B;
  background-color: var(--white);
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  padding: 0;
  /*margin: 0 0 0 10px;*/
  cursor: pointer;
  max-width: inherit;
}
a.profile-btn.dropdown-toggle:active,
a.profile-btn.dropdown-toggle:focus,
a.profile-btn.dropdown-toggle:hover {
  color: rgb(0 74 171 / 6%);
  text-decoration: none;
  background-color: #f9f9f9;
  border-radius: 4px;
}
.profile-login-btn .menu-profile-img {
  width: 35px;
  height: 35px;
  background-color: #ddd;
  display: inline-flex;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
  padding: 0;
}
.profile-btn i {
  height: 20px;
  padding: 0;
  border-left: none;
  margin-left: 0;
  font-size: 21px;
  font-weight: 500;
  vertical-align: middle;
  color: #3d82ab;
}
.right-li-items li:last-child {
  margin-right: 0px;
}
.right-li-items li .dropdown-menu.custom-dropdown li {
  margin: 0;
}
.profile-login-btn .dropdown-menu.custom-dropdown>li>a {
  padding: 0 12px;
  font-weight: 400;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  color: var(--black);
  line-height: 50px;
}
.profile-login-btn .dropdown-menu.custom-dropdown {
  min-width: 250px;
  padding: 0;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
ul.nav.navbar-nav.navbar-right.left-li-items {
  float: left !important;
}
.header-li-icon a {
  position: relative;
}
.header-li-icon a {
  position: relative;
  padding: 0 10px;
}
.header-li-icon i {
  font-size: 18px;
}
.header-li-icon span.notify-count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--primary);
}
.navbar-nav>li>a.feat-li-options.header-li.active {
  color: var(--primary);
  /*background: rgb(0 74 171 / 6%);
  border-bottom: 2px solid var(--primary);*/
}
/* Start: Update login section css */
#navbar-menu li.login_btn{
  margin: 0 15px 0 0;
}
.sidenav-inner-sec.dev-sidebar-inner {
  background-color: var(--white);
  width: 80%;
  max-width: 350px;
  float: right;
  min-height: 100vh;
  height: auto;
}
.dev-sidebar-inner .sidenav-toolbar, .dev-sidebar-inner .sidenav-content{
  width: 100%;
  position: relative;
}
.dev-candidate-signup-sec{
  display: flex;  
  padding: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}
#tab-menu-Sidenav .dev-candidate-signup-sec button{
  width: 49%;
  padding: 8px 10px;
  font-size: 15px;
}
/* End: Update login section css */

li.login_btn>a.login-btn,
.navbar-default .navbar-nav>li>a.signup-btn {
  background-color: var(--white);
  color: var(--primary);
  padding: 8px 26px;
  border-radius: 2px;
  height: auto;
  font-size: 16px;
  margin: 10px 0;
  line-height: 1.4;
  border-color: var(--primary) !important;
  border: 1px solid var(--primary);
  font-weight: 500;
  text-transform: capitalize;
  transition: 0.5s ease-in-out;
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 6%);
}
li.login_btn>a.login-btn:hover,
li.login_btn>a.login-btn:focus,
li.login_btn>a.login-btn.active,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background-color: transparent;
  /*color: var(--white);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);*/
}
.navbar-default .navbar-nav>li>a.signup-btn {
  background-color: var(--primary);
  color: var(--white);
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.login-custom-dropdown {
  width: auto;
  border-radius: 4px;
  padding: 0;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu.login-custom-dropdown li a {
  padding: 15px;
  font-size: 14px;
  cursor: pointer;
  margin: 0;
  /* border-bottom: 1px solid #eee;
  letter-spacing: 0.5px; */
  color: var(--black);
  font-weight: 500;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu.login-custom-dropdown li a:hover{
  background-color: #f2f6ff;
  color: var(--primary);   
}
.right-li-items li.dropdown ul.dropdown-menu.login-custom-dropdown li {
  margin-left: 0;
  margin-right: 0;
}
.list-checkbox .custom-checkbox .flt-checkbox-label {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  /*max-width: 158px;*/
  font-weight: 500;
}
.navbar-brand.dev-brand img.top-logo {
  width: auto;
  height: 26px;
}
.profile-btn .caret {
  margin-left: 8px;
  border-top: 6px dashed;
  border-top: 4px solid\9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  color: #3D3D3D;
}
.dropdown-menu.developer-side-dropdown>li>a.withdraw-menu.flex-center {
  display: flex;
  /* background-color: rgb(46 174 62 / 10%); */
  justify-content: flex-start;
}
.xs-view-header {
  display: none;
}
button.btn.btn-primary.menu-bars {
  background-color: var(--white);
  border: none;
  display: inline-block;
  height: 30px;
  min-width: 30px;
  width: auto;
  color: #21638a;
  padding: 0 10px;
  font-size: 16px;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  transition: 0.5s ease-in-out;
}
.menubar-toggle {
  float: right;
}
.menu-profile-img img {
  width: 100%;
}
/*END: Header css*/
/*Notification-Dropdown-css-Start */
.dropdown-menu.notification-box {
  width: 414px;
  padding: 0;
  right: 0;
  left: auto;
}
.notification-header {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--white);
  border-bottom: 2px solid #e7e7e7;
}
.notification-header h4 {
  font-size: 14px;
  font-weight: 500;
  color: #3D3D3D;
  margin: 0;
}
.notification-header h5 {
  font-size: 15px;
  font-weight: 500;
  color: #757575;
  margin: 0;
  display: flex;
  align-items: center;
}
.checkbox-border {
  color: var(--gray-600);
  border-radius: 50%;
  border: 2px solid var(--gray-600);
  display: inline-block;
  margin-left: 5px;
}
.msg-list-fixed-header {
  height: 100%;
  max-height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.notification-header .checkbox-border i {
  font-size: 17px;
}
.msg-list {
  overflow: hidden;
  padding: 15px;
  transition: all .4s ease;
  border-bottom: 1px solid #ddd;
  background-color: #F9F9F9;
}
.msg-list:hover {
  background-color: #E7F3FF;
  cursor: pointer;
}
.msg-list .col-sm-10 {
  padding-left: 0;
  padding-right: 0;
}
.notification-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--black);
  color: var(--white);
  position: relative;
  text-align: center;
  margin-right: 15px;
}
.notification-icon i {
  font-size: 12px;
  line-height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.msg-list-fixed-header .text-gray {
  font-size: 14px;
  color: var(--gray-600);
  font-weight: 500;
}
.msg-list-fixed-header .text-black {
  color: var(--black);
}
.interview-date {
  border-left: 4px solid #DDD;
  padding-left: 10px;
  margin-bottom: 10px;
}
.text-gray-small {
  font-size: 10px;
  color: var(--gray-600);
}
.msg-list.msg-list-unread .text-black-small {
  font-size: 12px;
  color: var(--black);
}
.interview-timing {
  color: #A5ACB8;
  font-size: 10px;
  line-height: 12.5px;
}
.btn-accept-decline {
  margin: 0px 0 8px;
  display: inline-block;
}
.btn-accept-decline .btn-notification-bell {
  border-radius: 4px;
  padding: 4px 8px;
  text-align: center;
  font-size: 13px;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
}
.btn-accept-decline .btn-notification-accept {
  width: 59px;
  height: 28px;
  background-color: var(--primary);
  color: var(--white);
}
.btn-accept-decline .btn-notification-decline {
  width: 61px;
  height: 28px;
  color: #3C4257;
  margin-left: 5px;
  background-color: var(--white);
  border: 1px solid #DDDEE1;
}
.btn-accept-decline .btn-notification-chat-now {
  width: 80px;
  height: 28px;
  color: var(--white);
  display: inline-block;
  background-color: #A0A4A8;
  border: 1px solid #DDDEE1;
}
.btn-accept-decline .btn-notification-withdraw {
  width: 80px;
  height: 28px;
  color: #3C4257;
  margin-left: 5px;
  background-color: var(--white);
  border: 1px solid #DDDEE1;
}
.msg-list-unread {
  background-color: var(--white);
}
.msg-list-unread:hover {
  background-color: #E7F3FF;
}
/*Notification-Dropdown-css-End */
/* Warning text yellow bar */
.alert-fullbar.alert-yellow-bar {
  background-color: #ffeb99;
  padding: 10px;
  text-align: center;
  transition: 0.5s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-alert-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.profile-incmplt {
  color: #08325B;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
  margin: auto;
  cursor: pointer;
}
.profile-alert-box .close_btn {
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.profile-alert-box .close_btn img {
  width: 14px;
  opacity: 0.6;
}
.profile-incmplt .click-txt-unln,
.new-offer-txt .click-txt-unln {
  font-weight: 500;
  text-decoration: underline;
  margin-left: 5px;
}
img.close_btn {
  width: 14px;
  opacity: 0.6;
}
img.close_btn:hover {
  opacity: 0.8;
}
.profile-incmplt:hover {
  text-decoration: none;
}
/* //Warning text yellow bar */
/* Warning text blue bar */
.alert-box.alert-blue-box {
  background-color: #d0edfd;
  color: #21638a;
  padding: 10px;
  text-align: center;
  transition: 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 2px;
}
/* //Warning text blue bar */
.container-fluid.container-fixed {
  width: 100%;
  max-width: 1920px;
}
/* Search bar Css */
.search-bar-bg {
  /*background-image: linear-gradient(to bottom, #c3dcfe, #fff);*/
  background: linear-gradient(180deg, rgba(228,224,255,1) 0%, rgba(255,255,255,1) 100%);
}
h1.job-search-title {
  margin: 40px 0 20px;
  color: #00116f;
}
.job-search-sec {
  border-radius: 15px;
  background-color: var(--white);
  padding: 20px;
  max-width: 1200px;
  margin: 50px auto 25px;
  box-shadow: 0px 15px 30px 1px rgb(13 110 212 / 10%)
}
.search-bar {
  padding: 0 0 5px;
}
.positionInputBox,
.locationInputBox {
  width: 49%;
  position: relative;
  /*margin-right: 15px;*/
}
.positionInputBox {
  margin-right: 15px;
}
.input-icon-before {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: var(--gray-600);
  font-size: 16px;
  padding: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: var(--white);
}
.input-icon-before img {
  width: 22px;
}
.close-icon-after {
  position: absolute;
  /*z-index: 3; */
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
  color: #8692a6;
  font-size: 16px;
  cursor: pointer;
  background: var(--white);
  padding: 12px 15px;
  border-radius: 10px;
}
.positionInputBox .form-control.custom-input,
.locationInputBox .form-control.custom-input {
  padding: 6px 40px;
  border-radius: 10px;
}
.form-control.custom-input.custom-input-sm {
  height: 36px;
  padding: 8px 12px;
}
.serach-input-align {
  display: flex;
  align-items: center;
}
.flt-checkbox-label {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.flt-checkbox-label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
/* //Search bar Css */
.filter-xs .filter-chips-show-xs {
  margin-bottom: 0;
  white-space: nowrap;
  width: calc(100% - 60px);
  padding: 0;
  height: auto;
  line-height: 33px;
  border: none;
}
.save-alrt-section .saved-alrt-chip-xs {
  margin-bottom: 0;
  white-space: nowrap;
  width: 100%;
  padding: 0;
  height: 50px;
  line-height: 33px;
  /*overflow-x: scroll;*/
  /*overflow-y: hidden;*/
  border: none;
}
/* dropdown input box CSS */
.btn.btn-dropdown-search {
  color: var(--black);
  background-color: var(--gray-100);
  font-weight: 500;
  margin-right: 5px;
  padding: 6px 14px;
  height: 32px;
  text-align: left;
  min-width: 110px;
  position: relative;
  font-size: 13px;
  border-radius: 8px;
}
.dropdown-job-location .btn-dropdown-search {
  width: 155px;
}
.dropdown-position .btn-dropdown-search {
  width: 125px;
}
.btn-dropdown-search .caret {
  margin-left: 15px;
  border-top: 6px dashed;
  border-top: 4px solid\9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  color: #3D3D3D;
  position: absolute;
  top: 16px;
  right: 15px;
}
.drop-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 15px;
}
.adv-filter-center .drop-arrow svg#Outline {
  width: 100%;
}
a.clear-filter {
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  padding: 8px 0;
  margin-right: 60px;
}
.advanced-search-filter  .dropdown .dropdown-menu {
  left: auto;
  width: inherit;
  padding: 0;
}
.advanced-search-filter  .dropdown .dropdown-menu li {
  list-style-type: none;
  margin: 5px 0;
  vertical-align: text-top;
  transition: .5s ease-in-out;
}
.advanced-search-filter  .dropdown .dropdown-menu li a {
  padding: 10px 14px;
  font-weight: 500;
  font-size: 14px;
  border-bottom: 1px solid #dddddd;
  color: #3b515d;
}
/*.skills-wrapper .list-checkbox.list-column-count-3 md-content {
  background-color: rgb(255 255 255);
}*/
.advanced-search-filter  .dropdown .dropdown-menu.skills-set li,
.advanced-search-filter  .dropdown .dropdown-menu.position-set li {
  list-style-type: none;
  display: inline-block;
  min-width: 178px;
  width: 50%;
  padding: 0 10px;
  margin: 5px 0;
  vertical-align: text-top;
  transition: .5s ease-in-out;
}
.advanced-search-filter  .dropdown .dropdown-menu.position-set li {
  width: 50%;
}
/* //dropdown input box CSS */
/* job posted bottom  section css start */
button:focus {
  border-color: transparent;
}
.left-job-section {
  width: 40%;
  background-color: var(--gray-100);
  padding: 10px 5px 15px 15px;
  border: 1px solid var(--gray-400);
  border-radius: 20px 0 0 20px;
  border-right: 0px;
}
.rt-job-prvw-section {
  width: 60%;
  padding: 30px;
  border: 1px solid var(--gray-400);
  border-radius: 0 20px 20px 0;
}
h3.about-heading {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 10px;
}
.about-sub-head {
  font-size: 14px;
}
ul.featured-drpdwn-items {
  width: 140px;
  min-width: 140px;
  padding: 0px;
  margin: 0px;
}
/*.featured-dropdown ul.featured-drpdwn-items li a:hover{
  color: var(--white);
  text-decoration: none;
  background-color: #3D82AB;
}
.featured-dropdown-btn{
  background-color: var(--white);
  font-weight: 500;
  width: 140px;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
}
.featured-dropdown-btn:focus{
  border: 1px solid #DDDDDD;
}*/
span.caret.featured-caret-btn {
  margin-left: 10px;
}
.about-perks ul {
  list-style-type: none;
  padding-left: 5px;
}
.about-perks ul li {
  font-size: 14px;
  background-color: var(--gray-100);
  border-radius: 8px;
  padding: 15px;
  position: relative;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
/* .about-perks ul li:hover {
  font-size: 14px;
  background-color: var(--white);
  box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 5%);
  border-radius: 8px;
  padding: 15px;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
} */
.about-perks ul li img {
  width: 40px;
  height: 40px;
  margin: 0 25px 0 10px;
}
.about-perks ul li .perks-offer-text {
  width: calc(100% - 60px);
}
.perks-offer-text p {
  font-weight: 500;
  margin-bottom: 6px;
}
.perks-offer-text p:first-child {
  font-size: 16px;
}
.perks-offer-text p:last-child {
  font-size: 14px;
  /*font-weight: 500;*/
  margin-bottom: 0;
}
.sort-featured-section {
  display: inline-flex;
  justify-content: flex-end;
  align-items: baseline;
  margin-right: 10px;
}
.sortedby-text {
  margin-right: 15px;
  font-weight: 400;
  font-size: 12px;
}
.job-card-left {
  width: calc(100% - 52px);
  text-align: left;
}
.job-card-left h4.job-heading,
.job-card-left h1.job-heading,
.job-card-left h2.job-heading,
.job-card-left a.job-heading,
.job-card-left .job-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
  text-transform: capitalize;
}
.job-card-left h4.job-sub-heading {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  color: var(--gray-600);
}
.job-view-right h4.job-heading,
.job-view-right h1.job-heading,
.job-view-right h2.job-heading {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 10px;
  text-transform: capitalize;
  line-height: 1.5;
  max-width: 86%;
}
.job-view-right h4.job-sub-heading, .job-rating-sec h4.company-title {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  color: var(--primary);
}
/* always show scrollbars */
.multi-select-chip::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 4px;
}
.multi-select-chip::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .2);
  box-shadow: 0 0 1px rgba(255, 255, 255, .2);
}
.posted-job-section {
  height: 686px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 6px 5px 0 0;
}
#posted-desc-section {
  height: auto;
  max-height: 956px;
  padding-top: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* //always show scrollbars */
.fa-map-marker:before {
  content: "\f041";
}
.search-job-cards {
  background-color: var(--white);
  box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 5%);
  border-radius: 12px;
  padding: 15px;
  /*max-height: 286px;*/
  position: relative;
  /*margin-right: 5px;*/
  border: 1px solid transparent;
}
.invited-jobs {
  /*border: 1px solid var(--primary);*/
}
.search-job-cards.active {
  border: 1px solid var(--primary);
}
.search-job-cards.add-tag-space {
  padding-top: 30px;
}
span.urgent-hiring-tag {
  padding: 5px 30px;
}
span.invited-tag {
  padding: 6px 50px;
  background-color: var(--green);
}
span.invited-tag,
span.urgent-hiring-tag {
  color: var(--white);
  font-weight: 500;
  position: absolute;
  top: -1;
  left: -1;
  font-size: 10px;
  text-transform: uppercase;
  line-height: normal;
  border-radius: 6px 0 0px 0;
  z-index: 1;
  height: 24px;
}
/*.fa-clock-o:before {
  content: "\f017";
  margin-left: -14px;
  font-size: 11px;
}*/
.invited-tag::after,
.urgent-hiring-tag::after {
  content: "";
  display: inline-block;
  width: 0px;
  height: auto;
  border: 12px solid var(--white);
  border-color: transparent transparent var(--white) transparent;
  vertical-align: middle;
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: -1px;
  transform: rotateZ(-90deg);
}
.search-sort-section {
  margin-top: 0;
  margin-bottom: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.salary-desc {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 13px;
  flex-wrap: wrap;
  line-height: 18px;
  font-weight: 500;
  color: var(--gray-700);
}
.job-rating-sec i.fa-star {
  color: var(--green);
}
.job-rating-sec i.fa-star:before {
  margin-right: 6px;
}
span.reviews-text {
  font-size: 12px;
  /*font-weight: 500;*/
  margin-left: 8px;
  color: var(--gray-600);
}
.dropdown:focus {
  border: none;
}
.job-rating {
  background: var(--primary);
  color: #fff;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
}
.job-rating i.fa-star {
  color: #fff;
}
.job-rating-sec {
  display: flex;
  align-items: center;
  margin: 5px auto 0;
}
.posted-job-text {
  font-size: 10px;
  text-align: right;
  font-weight: 300;
  text-transform: capitalize;
  margin: 0;
  color: var(--gray-600);
}
.salary-desc i {
  font-size: 12px;
  font-style: normal;
  width: 16px;
  text-align: center;
  color: var(--gray-700);
}
.about-job-expertise span.job-skills,
.about-job-position span.job-skills,
.job-card-left span.job-skills {
  background: rgb(0 110 255 / 10%);
}
/*.about-job-expertise span.job-skills p,
.about-job-position span.job-skills p {
  color: #08325B;
}*/
span.job-skills {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 40px;
  margin-right: 5px;
  margin-bottom: 10px;
  min-width: 85px;
  text-align: center;
}
.job-skills p {
  font-size: 11px;
  /*font-weight: 500;*/
  margin-bottom: 0;
  color: var( --secondary);
}
.job-icon {
  float: left;
  width: 42px;
  height: 42px;
  background-color: var(--white);
  border: 1px solid #A0A4AB;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin-right: 10px;
  overflow: hidden;
}
.job-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dislike-img {
  width: 14px;
  transform: rotateY(167deg);
}
a.abt-more-link {
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}
/* new pagination css start */
.pagination-section-new {
  display: flex;
  justify-content: center;
}
.pagination-section-new .pagination li a {
  color: black;
  float: left;
  padding: 4px 10px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 5px;
  font-weight: 500;
}
.pagination-section-new .pagination a:not(.active) {
  color: black;
}
.pagination-section-new .pagination a:hover:not(.active) {
  background-color: #ddd;
  color: black;
}
.pagination-section-new .pagination>.active>a,
.pagination-section-new .pagination>.active>a:focus,
.pagination-section-new .pagination>.active>a:hover,
.pagination-section-new .pagination>.active>span,
.pagination-section-new .pagination>.active>span:focus,
.pagination-section-new .pagination>.active>span:hover {
  background-color: var(--white);
  border-color: #3d82ab;
  color: #3d82ab;
}
/* new pagination css end */
button.job-refer-btn {
  border-radius: 2px;
  background-color: transparent;
  border: 1px solid #3d82ab;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 24px;
  margin-left: 10px;
}
button.job-refer-btn:hover {
  background-color: transparent;
  color: #A0A4A8;
  border: 1px solid #3d82ab;
}
.interview-job-text {
  font-size: 14px;
  margin-bottom: 0;
  color: var(--gray-600);
  font-weight: 500;
}
.job-copy-link i {
  margin-right: 10px;
}
a.copy-url-link {
  text-decoration: underline;
}
.btn.job-action-svg{
  width: 36px;
  height: 36px;
  background-color: var(--white);
  border: none;
  border-radius: 20px;
  text-align: center;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 14px;
  position: relative;
  padding: 8px;
  cursor: pointer;
  color: var(--gray-800);
  display: flex;
  justify-content: center;
  align-items: center;
/*  z-index: 1;*/
}
.btn.job-action-svg:active, .btn.job-action-svg.active{
  -webkit-box-shadow: none;
  box-shadow: none;
}
.copy-link-btn a{
  color: var(--gray-800);
}
.job-desc-rt-icon {
  position: relative;
}
/*.job-wishlist-icon.pc-like-dislike-icon,
.job-dislike-icon.pc-like-dislike-icon {
  width: 36px;
  height: 36px;
  line-height: normal;
  padding: 9px;
  font-size: 16px;
  cursor: pointer;
  position: relative;
}*/
.column {
  float: left;
  width: 16%;
  padding: 5px;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
.right-botm-brder {
  border-top: 1px solid #DDDDDD;
  margin-top: 8px;
}
p.num-of-jobs {
  /*font-weight: 600;*/
  font-size: 13px;
}
span.intview-timer {
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  color: var(--primary);
  display: inherit;
}
ul.dropdown-menu.custom-multi-select.job-search-auto {
  min-height: auto;
  min-width: 295px;
  width: 100%;
}
span.title-skl-pos {
  font-weight: 500;
}
.category-skl-pos {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-600);
  margin-left: 5px;
  line-height: normal;
}
ul.dropdown-menu.custom-multi-select.job-search-auto.keyword-dropdown-hide {
  display: none;
}
/* start - filter dropdown */
.advanced-search-filter  .dropdown div.dropdown-menu {
  padding: 15px;
  border-color: var(--gray-200);
  min-width: 170px;
  border-radius: 8px;
}
.advanced-search-filter  .dropdown div.dropdown-menu h4 {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 600;
}
.list-checkbox {
  padding: 0;
  margin: 0;
  list-style-type: none;
  white-space: normal;
}
.dropdown-keep-open .clear-filter {
  float: right;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
}
.advanced-search-filter  .dropdown .dropdown-menu.dropdown-min-width {
  min-width: 600px;
}
.advanced-search-filter  .dropdown div.dropdown-menu.filter-salary {
  min-width: 300px;
  max-width: 300px;
}
.search-skill {
  position: relative;
}
.search-skill i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  font-size: 16px;
  color: #A0A4A8;
}
.search-skill .form-control.custom-input {
  padding-left: 40px;
}
.skip-inv-link {
  font-size: 14px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  /*text-decoration: underline;  */
  cursor: pointer;
}
/* checkbox style - copied from ~/assets/css/dev-filter-style.css*/
.advanced-search-filter  .dropdown {
  position: relative;
  display: inline-block;
}
.custom-checkbox {
  margin-bottom: 0;
}
.custom-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  transition: 0.5s ease-in-out;
}
/*.custom-checkbox .flt-checkbox-label {
  position: relative;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 3px 0px 3px 25px;
  transition: 0.5s ease-in-out;
  display: inline-block;
  width: 158px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}*/
/*.custom-checkbox .flt-checkbox-label.checked {
  background-color: transparent;
}*/
.custom-checkbox .flt-checkbox-label:before {
  content: '';
  -webkit-appearance: none;
  background-color: #ddd;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 3px;
}
.custom-checkbox input:checked+.flt-checkbox-label:after {
  content: '\f00c';
  font-family: 'Fontawesome';
  display: block;
  position: absolute;
  top: 5px;
/*  left: 0;*/
  width: 16px;
  height: 16px;
  background-color: var(--primary);
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  color: var(--white);
  margin-right: 4px;
}
.custom-checkbox.checked .flt-checkbox-label:before {
  background-color: var(--primary);
}
ul.list-checkbox ul.list-checkbox-align {
  padding-left: 24px;
}
.filter-salary .form-control.flt-custom-input {
  padding: 0px 5px 0px 20px;
  margin: 0;
}
.filter-salary .custom-checkbox.checked {
  background-color: transparent;
  color: inherit;
}
.filter-salary .list-checkbox ul {
  padding: 0;
}
/*.list-checkbox .rzslider .rz-bubble {
    display: none;
}*/
.list-checkbox .rzslider {
  margin: 15px 0;
}
.input-currency-icon {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 12px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #757575;
  margin: 2px 0;
}
.slry-dropdwn-input-align {
  max-width: 220px;
  margin: auto;
}
/* end - filter dropdown */
md-virtual-repeat-container.vertical-container.md-virtual-repeat-container.md-orient-vertical {
  height: 200px;
  width: 100%;
/*  max-width: 600px;*/
  background-color: var(--white);
}
md-virtual-repeat-container.vertical-container-notification.md-virtual-repeat-container.md-orient-vertical {
  height: 330px;
  width: 100%;
  max-width:  414px;
  background-color: transparent;
}
.filter-save-alrt {
  display: inline-block;
  width: auto;
  background-color: #fff;
  border: 1px solid var(--gray-400);
  padding: 11px 15px;
  color: var(--black);
  border-radius: 10px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  margin-right: 5px;
  padding: 8px 15px;
  height: 38px;
}
.filter-save-alrt.filter-save-alrt-selected {
  background-color: rgb(0 110 255 / 6%);
}
a.chip-close {
  margin-left: 8px;
  cursor: pointer;
  opacity: 1;
  top: -1px;
  position: relative;
}
.filter-save-alrt.saved-search-chip {
  padding: 7px 10px 7px 5px;
  font-size: 14px;
  color: var(--black);
  margin: 0 10px 10px 0;
}
img.search-icon {
  width: 24px;
  opacity: 0.6;
  top: -2px;
  position: relative;
}
/* css for currency select box */
.header-li-icon .curr-width select.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857143;
  color: var(--black);
  background-color: var(--white);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
/* //css for currency select box */
.applied-success-box {
  border: 2px solid var(--primary);
  background-color: #e6f2e7;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 30px;
}
.success-icon {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-right: 25px;
  border: 2px solid var(--primary);
  background-color: var(--primary);
  border-radius: 10px;
  position: relative;
}
.success-txt {
  display: inline-block;
  width: calc(100% - 85px);
  text-align: left;
}
.success-txt h4,
.success-txt h6 {
  margin: 0;
  font-weight: 600;
}
.success-txt h5 {
  font-weight: 500;
  margin-bottom: 4px;
}
.success-icon img {
  color: var(--white);
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dropdown-menu.featured-drpdwn-items>li>a {
  padding: 4px 12px;
}
/* css for xs view filter design */
.filter-chip-selected {
  display: inline-flex;
  font-size: 13px;
  border-radius: 4px;
  border: 1px solid #dddddd;
}
.filter-chip-deselect {
  background-color: #d1edd5;
  display: inline-flex;
  font-size: 13px;
  border-radius: 4px;
  border: 1px solid #dddddd;
}
.save-job-box.save-job-ipad {
  display: none;
}
.filter-xs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0;
}
.btn-add-filter {
  width: 40px;
  height: 40px;
  background-color: var(--gray-200);
  font-size: 20px;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
  color: var(--gray-800);
}
.filter-chip.selectBox {
  padding: 0;
  background-color: transparent;
}
.city-dropdown .dropbtn {
  font-size: 14px;
  padding: 0 8px;
  border-radius: 2px;
  background-color: transparent;
  color: var(--primary);
  border: none;
  box-shadow: none;
  height: 34px;
  width: 80px;
  text-align: left;
}
.city-dropdown i.fa-angle-down {
  font-size: 16px;
  position: absolute;
  right: 4px;
  font-weight: 400;
}
#cityInput {
  box-sizing: border-box;
  background-image: url(../img/search.png);
  background-position: 14px 10px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: 1px solid #ddd;
  height: 40px;
  border-radius: 25px;
}
.form-control.filter-input-xs {
  height: 40px;
  padding: 6px 12px;
  font-weight: 500;
  font-size: 14px;
  color: #08325b;
  background-color: #f6f6f6;
  border: none;
  border-radius: 4px;
}
/* //css for xs view filter design */
.header-li-icon,
.header-currency-li {
  margin: 0 10px;
}
.dislike-reason {
  border-color: #e8e8e8;
  font-weight: 500;
  min-width: 250px;
  position: absolute;
  left: auto;
  right: 0;
  padding: 0;
}
.dislike-reason ul li {
  list-style-type: none;
  padding: 0 12px;
  font-weight: 500;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  line-height: 40px;
}
.dropdown-menu.dislike-reason ul li:focus, .dropdown-menu.dislike-reason ul li:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.dislike-reason p {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--gray-600);
  padding: 10px 12px;
}
.dislike-reason ul.list-box {
  padding: 0;
  margin: 0;
}
.dislike-reason ul.list-box li a {
  text-decoration: none;
  color: #3b515d;
}
.adv-filter-sec {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.featured-dropdown .form-control.sortby-input {
  width: 100%;
  height: auto;
  border-radius: 5px;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  box-shadow: none;
  padding: 6px;
  font-weight: 400;
  font-size: 11px;
  color: var(--gray-800);
}
/*.save-alrt-section {
  display: flex;
  align-items: flex-start;
}
.saved-alrt-chip {
  white-space: nowrap;
  width: 100%;
  padding: 0;
  line-height: 33px;
  overflow-x: scroll;
  overflow-y: hidden;
  border: none;
}*/
a i.fa-heart {
  color: #d60b0b;
}
.btn.join-btn.active,
.btn.join-btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-default .navbar-nav>li>a.btn.join-btn:focus,
.navbar-default .navbar-nav>li>a.btn.join-btn:hover {
  color: var(--primary);
  background: rgb(0 74 171 / 13%);
  border-right: 1px solid transparent;
}
.rt-job-prvw-section .job-btn-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* load more jobs css */
.load-more-jobs-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 20px;
}
.load-more-jobs-section p {
  font-size: 16px;
  margin-right: 15px;
  font-weight: 500;
  margin-bottom: 0;
}
/* // load more jobs css */
/* No search result */
.blank-section {
  /*background-color: var(--white);
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);*/
  border-radius: 2px;
  padding: 25px;
  width: 500px;
  margin: 80px auto;
  border: 1px solid #ddd;
}
.cont-side h4 {
  font-size: 26px;
  font-weight: 600;
  color: #3d82ab;
}
.cont-side p {
  font-size: 22px;
  font-weight: 500;
  color: #21638a;
  margin: 15px 0;
}
/* // No search result */
/* START: custom select dropdown */
.custom-select {
  position: relative;
  width: 165px;
}
.custom-select select {
  display: none;
  /*hide original SELECT element:*/
}
.select-selected {
  background-color: var(--white);
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #757575 transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
/*.select-selected.select-arrow-active:after {
  border-color: transparent transparent var(--white) transparent;
  top: 7px;
}*/
/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #757575;
  padding: 8px 16px;
  border: 1px solid #EBEBEB;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
  font-weight: 500;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: var(--white);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  width: 180px;
  border: 1px solid #EBEBEB;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
/* END: custom select dropdown */
.like-dislike-icon {
  display: flex;
  align-items: center;
  position: absolute;
  right: 15px;
  top: 10px;
}
.like-dislike-icon-desc {
  display: flex;
  align-items: center;
  position: absolute;
  right: 20px;
  top: 30px;
}
.tabViewIcon img {
  width: 14px;
  margin-left: 5px;
  transition: 0.2s ease-in-out;
}
.rt-job-prvw-section {
  position: relative;
}
/*.invited-tag-disc, .urgent-hiring-tag-disc {
    color: var(--white);
    font-weight: 500;
    position: relative;
    font-size: 10px;
    text-transform: uppercase;
    line-height: normal;
    border-radius: 6px 0 0 6px;
    margin-left: 10px;
    padding: 4px 24px;
    height: 24px;
    line-height: 16px;
}
.invited-tag-disc::after, .urgent-hiring-tag-disc::after {
    content: "";
    display: inline-block;
    width: 0px;
    height: auto;
    border: 12px solid var(--white);
    border-color: transparent transparent var(--white) transparent;
    vertical-align: middle;
    position: absolute;
    bottom: 0px;
    top: 0px;
    right: 0px;
    transform: rotateZ(-90deg);
}*/
/* CSS for Job view page */
.main-page.viewjob-page {
  margin: 50px 0;
  min-height: 80vh;
  background-color: var(--white);
}
.main-page.viewjob-page .job-view-page {
  padding: 50px;
  border: 1px solid #DDDDDD;
  position: relative;
}
.salary-desc p {
  margin-bottom: 8px;
}
.apply-refer-btn-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.job-view-page .jobs-comment-icon {
  position: absolute;
  right: 50px;
  top: 50px;
}
.job-view-page h4.job-heading {
  margin: 0;
  font-weight: 500;
}
.job-view-page h4.job-sub-heading {
  font-size: 15px;
  font-weight: 500;
  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: 4px;
}
.job-view-page .about-company-details h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0px 10px 2px 0px;
  color: #08325B;
}
.job-view-page .about-company-details p {
  margin-bottom: 0;
  font-weight: 500;
}
.company-rating-sec {
  display: flex;
  align-items: center;
  margin: 30px auto;
}
.company-rating-sec i.fa-star {
  color: var(--white);
  margin-left: 10px;
}
/*.company-rating {
  background-color: var(--primary);
  color: var(--white);
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}
.company-rating span {
  margin-left: 5px;
  font-weight: 500;
  font-family: 'Quicksand', sans-serif;
}*/
.about-job-posted,
.about-job-position,
.about-job-expertise,
.about-company,
.about-perks {
  width: 95%;
  margin-bottom: 30px;
}
.job-view-content hr {
  margin-top: 20px;
}
/* // CSS for Job view page */
button.btn.btn-normal.send-invite-btn {
  margin-left: 10px;
  font-size: 14px;
}
.input-group .form-control.refer-email-filed:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.send-email-filed {
  padding: 10px;
}
.apply-refer-btn-grp button,
.modal-footer-btn-grp button {
  margin-right: 15px;
}
.apply-refer-btn-grp button:last-child,
.modal-footer-btn-grp button:last-child {
  margin-right: 0;
}
.tabViewIcon {
  vertical-align: middle;
  margin: 0 5px;
  display: inline-block;
  width: 14px;
  height: 14px;
  transition: .3s ease-in-out;
  cursor: pointer;
  color: var(--primary);
}
/*No record found banner css */
.no-record-bnr-box {
  position: relative;
  height: 60vh;
  background-color: #f9f9f9;
}
.no-record-found-banner {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.no-record-found-banner p span {
  font-size: 18px;
}
.no-record-found-banner p a {
  text-decoration: underline;
}
/*.myjobs-tabs-childtab a.btn-link-text {
  min-width: auto;
}*/
/* // No record found banner css */
.btn.job-action-svg:hover, .btn.job-action-svg:focus, .btn.job-action-svg:active{
  background: var(--gray-200);
  color: var(--primary);
}
/* Signup-step-css */
.selected-dial-code {
  color: #000;
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}
button.btn.btn-light.mobile-update-green {
  margin-top: 30px;
  width: auto;
}
button.btn.btn-light.mobile-update-green {
  background-color: #2eae3f;
  color: var(--white);
  width: auto;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
  padding: 8px 25px;
  transition: .5s ease all;
  -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .19);
  -moz-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .19);
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, .19);
  position: relative;
  cursor: pointer;
  opacity: 1;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
}
.btn-apply.ripple,
.btn-hire.ripple {
  background-position: center;
  transition: background .8s;
  background-color: var(--primary);
}
button.post-job-btn-left {
  background: #31b743;
  background-color: rgb(49, 183, 67);
  background-position-x: 0%;
  background-position-y: 0%;
  border-radius: 5px;
  color: var(--white);
  padding: 8px 0;
  border: none;
  width: 100%;
  max-width: 300px;
  margin: auto;
  font-size: 16px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: none !important;
}
.resend-txt p span#timer {
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 24px;
}
span.opt-txt-strng {
  font-size: 14px;
  font-weight: 500;
}
.mobile-update-show h3 {
  font-size: 20px;
}
a.open-dialog-text {
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 2px solid;
  padding-bottom: 2px;
  padding-right: 5px;
}
/* //Signup-step-css */
.avail-details {
  font-size: 16px;
}
.refer-earn-modal .about-earning-sec p.error-message {
  position: absolute;
  top: 45px;
  font-size: 12px;
}
.interview-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.empty-msg-box {
  padding: 15px;
  font-weight: 500;
  text-align: center;
  font-size: 15px;
  color: #757575;
}
.contract-talent-detail span.svg-20 {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
/*.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  background-color: #000;
}*/
.modal-open {
  padding-right: 0 !important;
  overflow: hidden;
}
/*.job-dislike-icon i,
.job-wishlist-icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}*/
li.salr-disable-sec {
  /* background-color: #ededed; */
  color: #ddd9d9;
  pointer-events: none;
}
/* custom checkbox css for salary input */
/* The container */
.dropdown-salary .container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.dropdown-salary .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.dropdown-salary .checkmark {
  position: absolute;
  top: 2;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 3px;
}
.dropdown-salary .container {
  padding-left: 25px;
  margin-bottom: 25px;
}
/* On mouse-over, add a grey background color */
.dropdown-salary .container:hover input~.checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.dropdown-salary .container input:checked~.checkmark {
  background-color: var(--primary);
}
/* Create the checkmark/indicator (hidden when not checked) */
.dropdown-salary .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.dropdown-salary .container input:checked~.checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.dropdown-salary .container .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* // custom checkbox css for salary input */
span.urgent-hiring-tag span {
  margin-right: 5px;
}
.alertbar-cont p {
  margin-bottom: 0;
}
.profile-alert-box .new-offer-txt {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
  margin: auto;
  text-decoration: none;
}
.resend-timer span#timer {
  display: block;
}
.main-page {
  padding-top: 0;
  min-height: 80vh;
  padding-bottom: 50px;
  background-color: var(--white);
}
.profile-options-page {
  padding-top: 15px;
}
/* Ashutosh Sinha CSS for new Notification design */
.dropdown-menu.notification-box .msg-list .view-application-status {
  margin-bottom: 10px;
}
.btn-notification-link {
  color: #337ab7;
  text-decoration: underline;
}
.msg-list.msg-list-unread .row {
  margin-left: 0;
  margin-right: 0;
}
.msg-list .time-slot {
  margin-right: 10px;
  padding-top: 2px;
}
.no-rating-banner-box {
  position: relative;
  height: 300px;
}
.no-rating-banner {
  text-align: center;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.no-rating-banner img {
  margin-bottom: 25px;
}
.job-wishlist-icon a i.fa-heart-o {
  color: var(--gray-800);
  font-weight: 500;
}

/* Ripple effect Animation for save job button */
.job-wishlist-ripple::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 50%;
  z-index: -1;
  animation: ripple 0.8s ease-out;
  animation-iteration-count: 1;
  animation-delay: 0.2s;
}

.job-wishlist-animation {
  animation-name: save-job-notify-count;
  animation-duration: 0.6s;
  visibility: visible;
  animation-iteration-count: 1;
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}
/* Ripple effect Animation for save job button */

/* Animation for save job notification count */
.save-job-notify-count {
  background-color: #f75a89;
  color: var(--white);
  width: 40px;
  display: inline-block;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  position: absolute;
  right: 0;
  visibility: visible;
  /*z-index: 1;*/
}
/*.save-job-notify-count:hover {
  animation-name: save-job-notify-count;
  animation-duration: 0.6s;
  visibility: visible;
  animation-iteration-count: 1;
}*/
@keyframes save-job-notify-count {
  0%   {bottom:0px;}
  25%  {bottom:40px;}
  90%  {bottom:40px;}
  100% {bottom:0px;}
}
/* // Animation for save job notification count */

.no-notification-text {
  font-size: 18px;
  margin-top: 10px;
  color: var(--gray-600);
}
.notification-msg-text {
  font-size: 16px;
  color: var(--gray-600);
  padding: 0 20px;
}

.msg-list .calendar-icon {
  color: #ae1212;
}
.msg-list .calendar-icon i {
  font-size: 15px;
}
.notification-bell-image img {
  width: 100px;
  padding-top: 15px;
}
.notification-image img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 10px;
}
.btn-feedback-container {
  display: inline-block;
  padding: 0 !important;
}
.btn-feedback-container:hover {
  text-decoration: none;
  display: inline-block;
}
a.unread-all {
  cursor: pointer;
  text-decoration: auto;
}
/* Ashutosh Sinha CSS Start*/
.btn-feedback-alignment {
  padding: 0 !important;
  color: #337ab7 !important;
}
/* Ashutosh Sinha CSS End*/
.job-skip-btn {
  width: auto;
/*  height: 40px;*/
  border: 1px solid #ffeb99;
  border-radius: 25px;
  cursor: pointer;
  background-color: #ffeb99;
  line-height: 26px;
}
.job-skip-btn i {
  font-size: 18px;
  margin: 0 5px 0 0;
}
.job-skip-btn span {
  font-weight: 500;
  color: var(--black);
}
.btn.job-skip-btn:active {
  box-shadow: unset;
}
.btn.job-skip-btn:hover {
  color: #337ab7;
  border: 1px solid var(--yellow);
}
span.job-category-name {
  display: block;
  font-size: 11px;
  color: var(--gray-600);
  text-overflow: ellipsis;
  overflow: hidden;
}
.blank-section.skills-position-empty {
  width: auto;
  margin: 0 0 20px;
}
.skills-position-empty p {
  font-size: 16px;
  color: var(--blue);
  margin: 15px 0;
  border-radius: 2px;
  padding: 20px;
  background-color: #fafafa;
  font-weight: 500;
}
.job-icon {
  width: 30px;
  height: 30px;
}
.custom-checkbox .flt-checkbox-label.checked {
  background-color: transparent;
}
span.job-closed-tag {
  padding: 5px 30px;
  background-color: var(--red);
}
 
.incomplete-field-list ul li {
  min-width: 250px;
  width: 50%;
}
h4.title-incomp-modal {
  font-size: 22px;
  margin: 15px 0 5px;
}
.incomplete-field-list.flex-center {
  width: 100%;
  margin: auto;
  max-width: 400px;
}
.incomplete-field-list ul {
  width: 50%;
}
.profile-incomplete-modal p, .profile-incomplete-modal ul li {
  color: var(--gray-700);
}

/* fromstep modal css */
.formstep-mssg-modal .modal-content {
  border: 0px solid rgba(0,0,0,.2);
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
.form-steps-cont .mssg-title {
  margin-bottom: 20px;
}
/*button.btn.btn-primary.modal-preview-btn {
  border: 1px solid #3d82ab;
  margin-bottom: 15px;
  background-color: #3d82ab;
  color: var(--white);
  width: auto;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
  padding: 6px 18px;
  transition: 0.5s ease all;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.19);
  position: relative;
}*/
.modal-footer.mssg-confirm-section {
  text-align: center;
}
p.green-indicate {
  color: var(--primary);
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 12px;
}
p.gray-indiacate {
  color: var(--gray-600);
  font-weight: 500;
  font-size: 12px;
}
.formstep-list ul {
  margin-top: 0;
  margin-bottom: 0px;
  padding: 0;
  list-style: none;
}
.quick-links-list a.complete.active {
  color: var(--primary);
  background-color: rgb(0 110 255 / 6%);
  border-left: 3px solid var(--primary);
  text-decoration: none;
}
.quick-links-list a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  padding: 12px 15px 12px 0px;
  display: inline-block;
  margin-bottom: 2px;
  border-left: 3px solid transparent;
  width: 100%;
}
.quick-links-list a.incomplete {
  color: var(--gray-500);
}
.quick-links-list a.skip-step.warning-skill {
  color: var(--gray-500);
}

span.required-star {
  color:  var(--red);
}
.quick-links-list a.complete:after {
  content: '';
  background-image: url(../img/verify-icon.png);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0px;
  margin-left: 10px;
  margin-top: 4px;
  vertical-align: middle;
  float: right;
  border-radius: 0;
}
.quick-links-list a.incomplete:after {
  content: ' ';
  background-image: url(../img/verify-icon.png);
  webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 16px;
  color: #ffe200;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0px;
  margin-left: 10px;
  margin-top: 4px;
  vertical-align: middle;
  float: right;
  opacity: 0.25;
}
.quick-links-list  a:focus, .quick-links-list a:hover {
  text-decoration: none;
}
.dev-profile-sec-lt {
  width: 40%;
  padding-top: 20%;
  border-right: 1px solid #ccc;
}
.dev-profile-sec-rt {
  width: 60%;
  padding: 20px;
}
.profile-img-prog-bar {
  border-radius: 50%;
  vertical-align: middle;
  padding: 0;
  overflow: hidden;
  width: 125px;
  height: 125px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.profile-img-prog-bar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dev-profile-sec-lt .progress .progress-right .progress-bar {
  background-color: transparent;
}
.dev-profile-sec-lt .progress::after {
  border: 8px solid #eee;
}
.dev-profile-sec-lt .progress .progress-bar {
  border-width: 8px;
}
.dev-profile-sec-lt span.progress-bar.border-success {
  color: var(--primary);
}
/* //fromstep modal css */
.salary-set label {
  font-size: 16px;
}
.salary-range-sec {
  background-color: var(--gray-100);
  padding: 10px;
  border-radius: 5px;
}
.input-slider-range {
  width: 125px;
}
.input-slider-range p, p.annual-salary-txt {
  font-size: 12px;
  margin: 0;
  text-align: right;
}
.slider-range-bar {
  width: calc(100% - 280px);
  margin: 0 15px;
}
.rzslider .rz-pointer {
  top: -8px;
  width: 20px;
  height: 20px;
  background-color: var(--primary);
  box-shadow: none;
}
.rzslider .rz-bar {
  height: 4px;
}
span.rz-bubble {
  display: none;
}
.salary-range-sec .rzslider {
  margin: 16px 0;
}
.salary-set .header-li-icon {
  margin: 0;
}

/* Search history dropdown */
ul.dropdown-menu.custom-multi-select.job-search-auto li {
  padding: 5px 0;
}
ul.dropdown-menu.custom-multi-select.job-search-auto li i.fa.fa-history {
  color: var(--gray-700);
  margin-right: 5px;
  font-size: 14px;
  vertical-align: bottom;
  margin-bottom: 2px;
}
ul.dropdown-menu.custom-multi-select.job-search-auto>li a.recent-serach-txt {
  display: inline;
  font-weight: 500;
  text-decoration: none;
  color: var(--black);
  font-size: 14px;
  padding: 0;
}
ul.dropdown-menu.custom-multi-select.job-search-auto li a.history-remove-btn {
  background-color: var(--gray-200);
  padding: 6px;
  border-radius: 25px;
  width: 24px;
  height: 24px;
}
a.history-remove-btn img.close_btn {
  width: 10px;
  opacity: 1;
}
p.title-recent-search {
  color: var(--gray-600);
  font-size: 14px;
  margin: 0;
  font-weight: 500;
}
/* //Search history dropdown */

/*radio button */
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 20px;
  margin-left: 0px;
  cursor: pointer;
  line-height: 15px;
  display: inline-block;
  color: #444;
  font-size: 16px;
  font-weight: 500;
}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border: 1px solid var(--gray-500);
  border-radius: 100%;
  background: var(--white);
}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 8px;
  height: 8px;
  background: #3e83ac;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.custom-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.custom-radio [type="radio"]:checked + label:after {
  background: var(--primary);
}
.advanced-search-filter  .dropdown .dropdown-menu li .custom-radio {
  padding: 6px 0;
}
.custom-radio [type="radio"]:checked + label:before {
  border: 1px solid var(--primary);
}
 .custom-radio [type="radio"]:not(:checked) + label:before {
  background: var(--gray-100);
}
.custom-radio [type="radio"]:checked + label, 
.custom-radio [type="radio"]:not(:checked) + label {
  font-size: 13px;
}
/*end Radio*/

/* custom multiselect seach input */
/*.chipsdemoContactChips md-content.autocomplete {
  min-height: 250px;
}
.chipsdemoContactChips md-content.autocomplete input {
  min-width: 400px;
}
.chipsdemoContactChips .md-item-text.compact {
  padding-top: 8px;
  padding-bottom: 8px;
}
.chipsdemoContactChips .contact-item {
  box-sizing: border-box;
}
.chipsdemoContactChips .contact-item.selected {
  background-color: #E3ECF5;
}
.chipsdemoContactChips .contact-item.selected p {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
}
.chipsdemoContactChips .contact-item .md-list-item-text {
  padding: 14px 0;
  max-width: 190px;
}
.chipsdemoContactChips .contact-item .md-list-item-text h3 {
  margin: 0 !important;
  padding: 0;
  line-height: 1.2em !important;
}
.chipsdemoContactChips .contact-item .md-list-item-text h3,
.chipsdemoContactChips .contact-item .md-list-item-text p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.positionInputBox .md-chips {
  background-color: var(--white);
  font-size: 16px;
  border: 1px solid var(--gray-300);
  box-shadow: none;
  border-radius: 4px;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-property: all;
  color: var(--black);
  height: 50px;
  font-weight: 500;
}
.positionInputBox md-chips md-chip {
  background: #F6F6F6;
  color: var(--black);
  font-size: 12px;
}
.positionInputBox md-chips .md-chips {
  box-shadow: none;
  padding-left: 50px;
}
.positionInputBox md-chips .md-chips.md-focused {
  border-color: var(--secondary);
  box-shadow: 0px 0px 12px rgb(61 130 171 / 20%);
}
.positionInputBox .searchJob-remove-chip img.close_btn {
  width: 10px;
}
.positionInputBox .md-chips md-chip .md-chip-remove md-icon {
  min-height: 18px;
  min-width: 18px;
  height: 10px;
  width: 10px;
  opacity: 0.6;
}
.positionInputBox .md-chips md-chip .md-chip-remove md-icon {
  min-height: 18px;
  min-width: 18px;
  height: 10px;
  width: 10px;
  opacity: 0.8;
}
.positionInputBox .md-chips .md-chip-input-container input {
  font-size: 14px;
}*/
/* //custom multiselect seach input end */

/* custom multiselect seach input new */
.multi-select-chip li.my_selected_item {
  margin: 0 5px 0 0;
  list-style: none;
  border-radius: 10px;
  background: var(--gray-100);
  padding: 5px 8px 5px 10px;
  border: 1px solid var(--gray-400);
  font-size: 12px;
  font-weight: 500;
}
/*.multi-select-chip li i {
  height: 20px;
  width: 20px;
  color: #808080;
  margin-left: 8px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 50%;
  background: #dfdfdf;
  justify-content: center;
}*/
.custom-multi-select-input>ul input.multi-search-input {
  flex: 1;
  padding: 5px;
  border: none;
  outline: none;
  font-size: 16px;
}
.custom-multi-select-input ul.dropdown-menu.custom-multi-select.job-search-auto {
  padding: 10px 15px;
}
.custom-multi-select-input .dropdown-menu, 
#myMutiSelect1-desktop .custom-multi-select-input .dropdown-menu {
  /*position: unset;*/
  top: 100%;
  left: 0;
  z-index: 1000;
  /*display: none;*/
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  overflow: hidden;
}
/*.keyword-dropdown-hide {
  display: none;
}
.keyword-dropdown-show {
  display: block;
}*/
#myCustomMultiDiv, 
#customMultiCity, 
#myMutiSelect1-desktop, 
#myCustomMultiDiv-desktop-without-login {
  width: 100%;
  max-width: 514px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  display: inline-flex;
  align-items: center;
  padding: 1px;
}
#myCustomMultiDiv::-webkit-scrollbar, #customMultiCity::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 3px;
}
.multi-search-input::placeholder {
  color: var(--gray-400);
  opacity: 1; /* Firefox */
}
.multi-search-job-input {
  width: calc(100% - 175px);
  margin-right: 15px;
}
.searchBtnBox{
  width: 170px;
}
.searchBtnBox .btn.btn-normal {
  height: 46px;
}
/*.searchBtnSaveJob {
  width: 160px;
}*/
/*.custom-multi-select-input ul.pos-custom-input {
  position: relative;
}*/
/* .title img{
  max-width: 21px;
}
.title h2{
  font-size: 21px;
  font-weight: 500;
  margin-left: 8px;
} */
/* .remove_all_tag {
  justify-content: space-between;
}
.remove_all_tag button {
  border: none;
  outline: none;
  color: var(--white);
  font-size: 14px;
  cursor: pointer;
  padding: 9px 15px;
  border-radius: 5px;
  background: #5372F0;
  transition: background 0.3s ease;
} */

/* .remove_all_tag button:hover {
  background: #2c52ed;
} */
/* //custom multiselect seach input new */

/* Like btn disable */
.like-button-disable {
  pointer-events: none;
}
/* //Like btn disable */
.cleared-all-filters {
  pointer-events: none;
}
.custom-multi-select-input.form-control.custom-input.active {
  border-color: var(--secondary);
  box-shadow: 0px 0px 12px rgb(61 130 171 / 20%);
}
/*End Like btn disable*/
span.input-error.salary-range-input-error {
  bottom: 5px;
}
.loader-notification img {
  margin: auto;
  width: 120px;
}
.search-skill .close-icon-after {
  padding: 10px;
  height: 34px;
}
/* ---custom dropdown for location filter--- */
.dropdown-menu.custom-dropdown-location {
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  margin: 2px 0 0;
  font-size: 14px;
  background-color: var(--white);
  padding: 0;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  width: 100%;
  overflow: hidden;
}
.dropdown-menu.custom-dropdown-location li {
  padding: 0
}
.dropdown-menu.custom-dropdown-location li a {
  padding: 10px;
  line-height: 2;
  border-bottom: 1px solid #ccc;
}
.dropdown-menu.custom-dropdown-location li>a>i {
  margin: 0 10px 0 0;
  font-size: 18px;
  color: var(--gray-600);
}
.highlighted_location {
  font-weight: bold;
}
.header-title h4 {
  font-size: 22px;
}
.header-title p {
  font-size: 16px;
}
ul.navbar-right.devs-btn-sec.devs-btn-sec-desk {
  margin: 0;
}
ul.navbar-right.devs-btn-sec.devs-btn-sec-desk li {
  margin: 0 0 0 10px;
}
li.dropdown.login-btn a.login-dropdown {
  margin-left: 10px;
}
.job-btn-grp .btn-align button.btn, .job-btn-grp .btn-align a.btn {
  margin-right: 10px;
}
.alert-fullbar.alert-yellow-bar.parser-error-bar {
  display: block;
  cursor: pointer;
  position: relative;
}
.alert-fullbar.alert-yellow-bar {
  background-color: rgb(255 205 0 / 40%);
  color: rgb(117 95 3);
  padding: 10px;
  text-align: center;
  transition: 0.5s ease-in-out;
  margin-bottom: 2px;
}
span.alert-io.profile-incmplt i {
  margin-right: 10px;
}
/*Parsing alert modal css*/
.pars-heading{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin: 30px 0px;
}
button.close.error-modal-close {
    position: absolute;
    top: 0;
}
span.highliht-text {
    font-weight: 600;
}
.pars-options {
  font-weight: 400;
  font-size: 15px;
}
/* //Parsing alert modal css*/
.matching-skil-row .skill-badge {
  margin-top: 10px;
}
p.sub-small-txt {
  font-size: 11px;
}
.avail-btn-group {
  margin-top: 25px;
}
.avail-btn-group span.col-6 {
  width: 50%;
  margin: 0 5px;
}
.svg-16 svg {
  width: 16px;
  height: 16px;
}
.svg-17, .svg-17 svg{
  height: 17px;
  width: 17px;
}
.svg-18, .svg-18 svg {
  width: 18px;
  height: 18px;
}
.recent-search-list .search-name {
  display: flex;
}
a.history-remove-btn {
  background-color: var(--gray-400);
  border-radius: 25px;
  padding: 7px;
}
a.history-remove-btn img {
  width: 10px;
}
p.title-saved-search {
  color: var(--gray-600);
  font-size: 14px;
  margin: 15px 0 10px;
  font-weight: 500;
}
.search-history-chip>ul {
  list-style-type: none;
  padding: 0;
}
span.saved-search-icon i.fa {
  color: var(--gray-500);
  margin-right: 5px;
}
.input-icon-before-position img {
  width: 18px;
}
.salary-desc img, .sidebar-job-type img {
  margin-right: 5px;
  font-style: normal;
  width: 12px;
  text-align: center;
  color: var(--gray-700);
}
a.btn-more-skills {
  font-size: 16px;
  padding: 6px 0;
  font-weight: 500;
  color: var(--primary);
  cursor: pointer;
  text-decoration: none;
}
.job-card-footer-xs {
  display: none;
}
.like-skip-sec {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
a.btn-skip-like {
  margin-left: 15px;
  font-weight: 500;
  color: var(--gray-600);
  font-size: 13px;
}
a.btn-skip-like:hover, a.btn-skip-like:focus {
  text-decoration: none;
}
.btn-skip-like img {
  width: 18px;
}
.recent-search-list .search-name img {
  width: 14px;
  margin-right: 5px;
}
.saved-search-tab {
  display: inline-block;
  width: auto;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  padding: 10px;
  color: var(--black);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  height: 36px;
}
.search-history-chip li {
  list-style: none;
  float: left;
  margin: 0 10px 10px 0;
}
ul.vertual-skill-filter {
  height: 250px;
  overflow: scroll;
  white-space: normal;
}
img.resend-btn-loading-img.more-data-loading {
  width: 45px;
}
.image-center-align {
  text-align: center;
}
.tag-align {
  padding-top: 30px;
}
.position-wrapper.mb-20 {
  height: 250;
  overflow: scroll;
}
.btn-dropdown-search img.down-arrow-img {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
}
.btn.adv-filter-btn {
  color: var(--primary);
  background: none;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  padding: 8px 15px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
  line-height: inherit;
  margin-bottom: 10px;
}
.advanced-search-filter.step-1 {
  width: 75%;
  min-width: 812px;
}
.adv-filter-right.step-1 {
  width: 25%;
  text-align: right;
}
.adv-filter-right.step-1 img.filter-img {
  width: 16px;
}

.adv-filter-btn img.down-arrow-img {
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
}
.adv-filter-btn.collapsed img.down-arrow-img {
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
p.title-saved-search {
  color: var(--gray-600);
  font-size: 14px;
  margin: 5px 0 10px 0;
  font-weight: 500;
}
.saved-chip img.search-icon {
  width: 24px;
  opacity: 0.6;
}
.posted-desc-section p {
  font-weight: 400;
}
.about-job-posted p h1, .about-job-posted p h2, 
.about-job-posted p h3, .about-job-posted p h4, 
.about-job-posted p h5, .about-job-posted p h6 {
  font-size: 14px;
}
.about-job-posted br {
  display: none;
}
.about-job-posted b, .about-job-posted strong {
  font-weight: 600;
}
.search-result-step p {
  font-size: 13px;
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.search-result-step img.edit-btn {
  width: 20px;
  margin-left: 5px;
}
hr.section-divider {
  border-bottom: 1px solid var(--gray-400);
  margin: 15px 0;
}
.search-result-step {
  /*min-width: 25%;*/
  padding: 19px 0;
  white-space: nowrap;
  /*max-width: 330px;*/
  border-right: 1px solid var(--gray-400);
}
.adv-filter-center {
  /*width: 70%;*/
  padding: 10px 15px;
  /*border-left: 1px solid var(--gray-300);*/
  width: calc(100% - 40px);
  /*overflow: scroll;*/
  white-space: nowrap;
}
.save-search-right {
  width: 60px;
  height: 56px;
  padding: 10px 0;
  /* display: flex; */
  /* justify-content: flex-end; */
  border-left: 1px solid var(--gray-300);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
}
a.btn-bookmark {
  font-weight: 500;
  margin-left: 10px;
  font-size: 14px;
  cursor: pointer;
}
.bookmark-align {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bookmark-align img.bookmark-img {
  width: 20px;
}
.container-fluid.container-full {
  padding: 0;
}
.btn.btn-apply {
  margin-bottom: 0;
}
.profile-drop-arrow svg {
  width: 13px;
}
.down-arrow-bg {
  /*background: url(/assets/img/down-arrow-black.svg) no-repeat;
  background-position: right 5% bottom 45%;
  opacity: 0.5;*/
}
.advanced-filter-save-sec {
  border-top: 1px solid var(--gray-400);
  border-bottom: 1px solid var(--gray-400);
  margin: 12px 0;
}
.job-action-svg svg{
  width: 16px;
  height: 16px;
}
.st0{fill:#343A40;}
.st0-out{fill:#343A40;}
.st0-inn{fill:#fff;}
a.heart-red-svg:active  .st0-out, a.heart-red-svg:active  .st0-inn, a.heart-red-svg.active  .st0-out, a.heart-red-svg.active  .st0-inn{
  fill: #ff4e4e;
}
span.job-action-popover {
  position: absolute;
  width: 85px;
  padding: 5px;
  background-color: var(--green);
  color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 20px rgb(0 0 0 / 20%);
  z-index: 1;
  font-size: 12px;
  transition: 0.3s ease all;
  opacity: 1; 
  top: -30px; 
  text-align: center;
  left: -20px;
}
.job-desc-rt-icon span.job-action-popover {
  width: 90px;
}
/*.show-popover-2 ~ span.job-action-popover, .show-popover-3 ~ span.job-action-popover{
  top: -30px;
  opacity: 1;
  z-index: 1;
}*/
.job-action-popover::after {
  content: ' ';
  border: 7px solid;
  border-color: var(--green) transparent transparent transparent;
  position: absolute;
  bottom: -14px;
  left: 40%;
}
.interview-date span.text-black-small {
  font-size: 10px;
}
.interview-date .text-gray-small {
  display: inline-block;
}
.company-slider-sec {
  padding: 15px 0 0;
  border-top: 1px solid var(--gray-200);
  margin-top: 15px;
}
span.company-slider-left {
  width: 240px;
}
span.company-slider-right {
  width: calc(100% - 240px);
}
.company-slider-right .item, 
.company-slider-right .top-company-logo a {
  width: 150px;
  height: 40px;
  text-align: center;
  margin: auto;
  display: inline-flex;
  justify-content: center;
  filter: grayscale(1);
  opacity: 0.7;
}
.company-slider-right .top-company-logo a:hover {
  opacity: 1;
}
.job-search-auto .saved-alrt-chip {
  text-wrap-mode: wrap;
}
.top-company-logo {
  white-space: nowrap;
  overflow: scroll;
}
a.anchor-not-clickable {
  pointer-events: none;
}
.search-result-step-sm {
  display: none;
}
img.search-loading {
  width: 25px;
  position: absolute;
  right: 12px;
  z-index: 9;
  top: 12px;
}
.pos-custom-input.multi-select-chip{
  padding: 0;
}
.custom-multi-select-input.form-control.custom-input.input-lg {
  height: 50px;
}
.custom-multi-select-input.input-lg ul input.multi-search-input{
  padding: 7px;
}
.positionInputBox .form-control.custom-input.input-sm, .locationInputBox .form-control.custom-input.input-sm{
  padding: 0px 40px;
  border-radius: 8px;
  height: 38px;
}
.custom-multi-select-input.input-sm .multi-select-chip li.my_selected_item {
  border-radius: 6px;
  padding: 4px 8px 4px 10px;
  font-size: 10px;
}
.custom-multi-select-input.input-sm .close-icon-after {
  padding: 9px 12px;
}
.searchBtnSaveJob .btn.btn-normal.btn-sm {
  height: 38px;
  font-size: 14px;
  border-radius: 8px;
}
.fullpage-search .multi-search-job-input {
  width: calc(100% - 140px);
}
.fullpage-search .searchBtnSaveJob {
  width: 140px;
}
.tabview-result{
  display: none;
}
.serach-input-align.fullpage-search {
  margin: 12px 0 6px;
}
.custom-multi-select-input.input-sm img.search-loading {
  top: 7px;
}
.skipntime-sec.flex-center.flex-sb {
  justify-content: end;
}
.salary-desc p.job-slry-para {
  margin-bottom: 0;
}
.divide-line {
  padding: 0 5px;
}
.refer-bnr-txt-xs p {
  font-size: 11px;
}
.refer-bnr-txt-xs {
  display: none;
}
.posted-job-section.job-list-iframe {
  height: 100vh;
}
.skills-wrapper.mb-20 {
  min-height: 250px; 
}
/*copilot css*/
.copilot-heading {
  max-width: 960px;
  margin: 0 auto;
}
.btn-copilot img {
  width: 22px;
}
.btn.btn-normal.btn-blue.btn-copilot.btn-lg{
  font-size: 16px;
  padding: 15px 30px;
}
.btn.btn-normal.btn-blue.btn-copilot{
  background: var(--ai-gredient);
  border: none;
  animation: gradient 3s ease infinite;
  background-size: 300% 300%;
  font-size: 14px;
  padding: 12px 24px;
  border-radius: 30px;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.copilot-banner {
  background-color: #ddd;
  padding: 15px;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
  justify-content: center;
  background: linear-gradient(180deg, #d8d2ff 0%, #f4f2ff 100%);
  border: 1px solid #e4e0ff;
}
.copilot-banner .btn-normal.btn-copilot {
  font-size: 14px;
  padding: 10px 20px;
}
.copilot-banner h5 {
  margin-right: 15px;
}
.btn.btn-normal.btn-ai-rounded {
  background: var(--ai-gredient);
  border: none;
  min-width: 150px;
}
.btn.btn-normal.btn-ai-rounded:hover{
  border: none;
}
img.btn-ai-icon{
  width: 22px;
}
.btn.btn-normal.btn-rounded, .btn.btn-border.btn-rounded-border{
  font-size: 14px;
  padding: 12px 24px;
  border-radius: 30px;
}
.copilot-banner.banner-header {
  width: auto;
  margin: 15px 15px 0;
}
/*css for header design change*/
ul.navbar-nav.hdrMenu .nav-item {
  margin: 0 20px 0 0;
  position: relative;
}
.candidate-signup-btn .dropdown.currency-dropdown {
  margin: 0 10px;
}
.partner-btn {
  margin-right: 10px;
}
.btn.link-btn {
  background-color: #fff;
  border: 1px solid transparent;
  color: var(--black);
  border-radius: 8px;
  font-size: 14px;
  padding: 8px 16px;
  font-weight: 500;
  transition: .3s ease-in-out;
}
.navbar-nav>li>a.header-li-icon {
  padding: 0;
}
.custom-navbar-header .collapse.navbar-collapse {
  padding: 0;
}
.candidate-signup-btn {
  display: flex;
  align-items: center;
}
.header-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.login-btn::before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--gray-200);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.btn.link-btn {
  background-color: #fff;
  border: 1px solid transparent;
  color: var(--black);
  border-radius: 8px;
  font-size: 14px;
  padding: 8px 16px;
  font-weight: 500;
  transition: .3s ease-in-out;
}
.btn.link-btn:hover {
  border-color: var(--gray-400);
  box-shadow: 0 0 0 2px rgb(0 110 255 / 30%);
}
.btn.btn-basic {
  background-color: #fff;
  border: 1px solid var(--gray-200);
  color: var(--black);
  border-radius: 8px;
  font-size: 14px;
  padding: 8px 20px;
  font-weight: 500;
  transition: .3s ease-in-out;
}
.btn.btn-basic:hover, .btn.btn-basic:focus {
  border-color: var(--gray-400);
  box-shadow: 0 0 0 2px rgb(0 110 255 / 30%);
  color: unset;
  background-color: unset;
  cursor: pointer;
}
.btn.btn-basic.btn-sm {
  font-size: 14px;
  padding: 8px 16px;
}
.navbar-default .navbar-nav>li>a.btn {
  color: var(--black);
  cursor: pointer;
}
.btn.btn-basic.btn-sm.dropdown-toggle {
  display: inline-flex;
  align-items: center;
}
.candidate-signup-btn .btn.btn-basic,
.candidate-signup-btn .btn.link-btn {
  margin-left: 10px;
}
.btn-nav {
  padding: 8px 15px;
  display: inline-block;
  border-radius: 4px;
  transition: .3s ease-in-out
}
.btn-nav:active,.btn-nav:focus,.btn-nav:hover {
  background-color: rgb(0 110 255 / 18%);
  border: none;
  color: var(--secondary);
  box-shadow: none
}
.currency-dropdown .country-io img {
  width: 100%;
  vertical-align: middle;
}
.currency-dropdown span.country-io {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 5px;
}
.currency-dropdown ul.dropdown-menu.dropdown-menu-end{
  min-width: 100px;
  border-color: var(--gray-400);
  padding: 0;
}
.currency-dropdown .dropdown-toggle::after {
  display: inline-block;
  vertical-align: 0.15em;
  margin-left: 8px;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.notify-btn a.dropdown-toggle {
  padding: 10px;
}
button.md-close {
  background-color: transparent;
  border: none;
  width: 50px;
  display: inline-block;
  padding: 0;
  height: 50px;
  position: absolute;
  right: 5px;
  top: 0;
}
.btn-basic.dropdown-currency {
  width: 100px;
}

/*Premium upgrade button css*/
.btn-upgrade img.img-premium {
  width: 18px;
  filter: invert(1);
  margin-right: 8px;
}
.navbar-default .navbar-nav>li>a.btn.btn-blue.btn-upgrade {
  background-color: var(--accent-blue);
  height: 40px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
}
.copilot-banner.plan-upgrade-banner {
  background: linear-gradient(180deg, #bad2ff 0%, #e8f0ff 100%);
}
.plan-upgrade-banner .btn.btn-blue.btn-upgrade {
  background-color: var(--accent-blue);
}
.plan-upgrade-label {
  padding: 10px;
  width: 100%;
  border-radius: 0;
  margin-bottom: 2px;
  justify-content: center;
  background: linear-gradient(180deg, #bad2ff 0%, #e8f0ff 100%);
}
.plan-upgrade-label>h5 {
  margin-right: 15px;
}
i.fa.dropdown-loader {
  color: var(--primary);
  position: absolute;
  right: 36px;
  font-size: 22px;
}
.setup-copilot-label {
  background-color: #ddd;
  padding: 15px;
  width: 100%;
  border-radius: 0;
  margin-bottom: 10px;
  justify-content: center;
  background: linear-gradient(180deg, #d8d2ff 0%, #f4f2ff 100%);
  border: 1px solid #e4e0ff;
}
.setup-copilot-label .btn-normal.btn-copilot {
  font-size: 14px;
  padding: 10px 20px;
}
.setup-copilot-label h5 {
  margin-right: 15px;
}
.no-record-found-banner p.banner-txt {
  font-size: 20px;
  margin-bottom: 15px;
}
/*company link disable for external jobs*/
a.external-link-disable {
  pointer-events: none;
}
a.external-link-disable:hover, a.external-link-disable:focus {
  text-decoration: none;
}
.job-view-right a.external-link-disable h4.job-sub-heading {
  color: var(--gray-600);
}
/*//company link disable for external jobs*/

.no-record-found-banner p span.copilot-no-jobs-txt {
  font-size: 15px;
}
span.count-loader {
  margin-right: 5px;
  vertical-align: text-top;
}
.incomplete-error-msg {
  position: absolute;
  color: #d60b0b;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  top: 50px;
}
.jobs-left-alert {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  top: 50px;
  left: 0;
}
.apply-button-sec {
  margin-bottom: 25px;
}
span.nav-icons.ai-svg-icon img {
  width: 24px;
  height: 24px;
}
.navbar-default .navbar-nav>li>a.btn.link-btn.partner-btn {
  margin: 0;
}
ul.navbar-right.devs-btn-sec.devs-btn-sec-desk .login-custom-dropdown li {
  margin: 0;
}
.btn.btn-basic.btn-sm.dropdown-toggle.dropdown-currency {
  margin: 0;
}
.right-li-items.custom-li-menu li {
  margin: 0 10px;
}
#main-header .right-li-items li.header-li-icon.dropdown.notify-btn {
  margin: 0 10px;
  border-radius: 8px;
}
#main-header .right-li-items li.header-li-icon.dropdown.notify-btn:hover {
  border-color: var(--gray-400);
  box-shadow: 0 0 0 2px rgb(0 110 255 / 30%);
}

/* media query - filter dropdown */
@media only screen and (max-width: 1920px) {
  .posted-job-section {
    height: 1216px;
  }
}
@media only screen and (max-width: 1600px) {
  #myCustomMultiDiv, #customMultiCity {
    max-width: 548px;
  }
}
@media only screen and (max-width: 1536px) {
  #myCustomMultiDiv, #customMultiCity {
    max-width: 518px;
  }
}
@media only screen and (max-width: 1440px) {
  .job-card-left h4.job-heading,
  .job-card-left h1.job-heading {
    max-width: 267px;
  }
  .salary-desc {
    font-size: 12px;
  }
  /*.advanced-search-filter  {
    width: 63%;
  }
  .save-alrt-section {
    max-width: 37%;
  }*/
  .container-fluid.container-fixed {
    width: 100%;
  }
  .custom-navbar-header .navbar-header a.navbar-brand {
    margin-left: 0;
    padding: 13px 0;
    width: 180px;
  }
}
@media only screen and (max-width: 1380px) {
  #myCustomMultiDiv, #customMultiCity {
    max-width: 436px;
  }
}
/*especially media css for 1366x580 screen*/
@media only screen and (max-width: 1366px) {
  .custom-navbar-header .navbar-header a.navbar-brand {
    padding: 16px 0;
    width: 150px;
  }
  .btn-dropdown-search{
    font-size: 13px;
    padding: 4px 12px;
    height: 34px;
  }
  .featured-dropdown .form-control.sortby-input, .posted-job-text, .job-skills p{
    font-size: 12px;
  }
  .job-rating{
    font-size: 10px;
    padding: 3px 5px;
  }
  .advanced-search-filter  {
    width: 68%;
  }
  .save-alrt-section {
    max-width: 32%;
  }
  span.job-skills {
    padding: 6px 12px;
  }
  .rt-job-prvw-section{
    padding: 25px;
  }
  /*.drop-arrow{
    top: 14px;
  }*/
  .btn.btn-lg.btn-apply, .btn.btn-lg.btn-referearn{
    font-size: 15px;
  }
  .search-bar {
    padding: 15px 0;
  }
  span.intview-timer{
    font-size: 16px;
  }
  .perks-offer-text p:first-child{
    font-size: 14px;
  }
  .perks-offer-text p:last-child{
    font-size: 13px;
  }
  .about-job-posted, .about-job-position, .about-job-expertise, .about-company, .about-perks{
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  #myCustomMultiDiv, #customMultiCity {
    max-width: 396px;
  }
  #myCustomMultiDiv::-webkit-scrollbar, #customMultiCity::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 2px;
  }
  .advanced-filter-save-sec {
    flex-direction: column;
  }
  .advanced-search-filter  {
    width: 100%;
  }
  .save-alrt-section {
    width: 100%;
    max-width: 100%;
    text-align: right;
  }
  #myCustomMultiDiv, #customMultiCity {
    max-width: 470px;
  }
  .search-result-step-sm {
    display: block;
  }
  .search-result-step p {
    max-width: 240px;
  }
}
@media only screen and (max-width: 1024px) {
  .advanced-filter-save-sec {
    margin-bottom: 10px;
  }
  .container-fluid.container-fixed {
    width: 100%;
    background-color: var(--white);
  }
  .search-sort-section {
    /*background-color: var(--gray-100);*/
    padding: 0 10px;
    margin-bottom: 10px;
    width: 100%;
  }
  .sort-count {
    width: calc(100% - 190px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .sort-featured-section {
    margin-right: 0;
    width: 182px;
  }
  .sortedby-text {
    margin-right: 5px;
    font-size: 11px;
    margin-bottom: 0;
  }
  .featured-dropdown-btn {
    color: #757575;
    width: auto;
    padding: 6px;
    font-size: 11px;
  }
  span.caret.featured-caret-btn {
    margin-left: 6px;
  }
  .search-job-cards {
    /*padding: 35px 10px 10px;*/
    margin: 0;
  }
  .job-skills p {
    font-size: 10px;
  }
  .job-apply-page-sm h4.job-heading {
    font-size: 16px;
  }
  .job-apply-page-sm h4.job-sub-heading {
    font-size: 12px;
    font-weight: 500;
  }
  .about-heading {
    font-size: 14px;
  }
  .job-rating-sec i.fa-star:before {
    font-size: 12px;
  }
  .job-apply-page-sm span.reviews-text {
    font-size: 9px;
  }
  .job-wishlist-icon.pc-like-dislike-icon,
  .job-dislike-icon.pc-like-dislike-icon{
    width: 36px;
    height: 36px;
    padding: 9px;
    font-size: 16px;
  }
  .job-apply-page-sm {
    /*width: 50%;*/
    padding: 25px 15px 15px;
    position: relative;
    border: 1px solid #DDDDDD;
  }
  .aply-reset-btn-grp.btn-ipad-view .btn-normal {
    font-size: 12px;
    padding: 10px 20px;
  }
  .interview-process-text {
    font-size: 10px;
    text-align: right;
  }
  .job-description p,
  .about-company .about-sub-head,
  .about-job-role ul li,
  .about-job-requirement ul li {
    font-size: 12px;
  }
  .job-apply-page-xs p.alert-text {
    font-size: 10px;
  }
  .success-txt h4 {
    font-size: 16px;
  }
  .success-txt h6 {
    font-size: 14px;
  }
  .posted-job-section {
    height: 100vh;
  }
  .posted-jobs-list .rt-job-prvw-section {
    /*padding: 25px 15px 15px;*/
  }
  .left-job-section{
    width: 45%;
    padding: 15px 5px;
  }
  .rt-job-prvw-section{
    width: 55%;
    padding: 15px;
  }
  .like-dislike-icon-desc {
    right: 15px;
    top: 15px;
  }
  .main-page.inner-main-page {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  /* .rt-job-prvw-section .job-btn-grp {
    display: unset;
    justify-content: unset;
  } */
  .apply-refer-btn-grp {
    display: flex;
    justify-content: unset;
    margin-bottom: 10px;
  }
  .job-btn-grp .interview-btn {
    display: flex;
    text-align: right;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
  }
  .about-perks ul li {
    align-items: flex-start;
  }
  .job-view-right h4.job-heading {
    max-width: 80%;
  }
  .job-view-right span.refer-earn-amount {
    display: none;
  }
  .save-job-notify-count {
    width: 36px;
    line-height: 26px;
  }
  .advanced-search-filter  .dropdown div.dropdown-menu.skills-set, 
  .advanced-search-filter  .dropdown div.dropdown-menu.position-set {
    min-width: 500px;
    padding: 15px;
    max-width: 500px;
  }
  #myCustomMultiDiv, #customMultiCity {
    max-width: 330px;
  }
  .job-view-right h2.job-heading{
    font-size: 18px;
    max-width: 76%;
  }
  .search-result-step {
    display: none;
  }
  .adv-filter-center {
    padding: 11px 11px 11px 0;
    border-left: transparent;
  }
  .save-search-right {
    width: 70px;
    padding: 10px 0 10px 10px;
  }
  p.num-of-jobs {
    font-size: 12px;
  }
  .search-result-step-sm p {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 124px;
    text-transform: capitalize;
  }
  .tabview-result{
    display: inline-block;
  }
  #posted-desc-section {
    height: auto;
  }
}
@media (min-width: 960px) {
  .chipsdemoContactChips .contact-item {
    float: left;
    width: 33%;
  }
  .advanced-search-filter  .dropdown .dropdown-menu.salary-set {
    right: 0;
  }
  .navbar>.container-fluid .navbar-brand.dev-brand {
    max-width: 210px;
    border-right: none;
    margin-left: 0;
  }
  .custom-navbar-header a.navbar-brand {
    padding: 6px 25px 6px 15px;
    max-width: 210px;
    border-right: none;
  }
}
@media screen and (max-width: 991px) {
  .xs-view-header {
    display: flex;
    float: right;
    align-items: center;
    flex-direction: row;
  }
  .header-currency-li.curr-align .curr-width .form-control {
    padding: 2px;
    height: 35px;
    color: var(--black);
    font-weight: 500;
  }
  li.refer-li {
    background: #ebf2f6;
    text-align: center;
  }
  .header-li-icon span.notify-count {
    top: -10px;
  }
  .btn.btn-normal.save-alrt-btn {
    font-size: 13px;
    padding: 0 15px;
    font-weight: 500;
    height: 38px;
  }
  p.num-of-jobs,
  .sortedby-text {
    font-size: 10px;
  }
  .featured-dropdown .form-control.sortby-input, .job-card-left .salary-desc {
    font-size: 12px;
    padding: 8px 15px 8px 8px;
  }
  .custom-navbar-header .navbar-header {
    float: none;
    width: 100%;
    margin: 0;
  }
  .search-bar {
    padding: 15px 0;
  }
  .job-view-right .salary-desc i {
    width: 14px;
  }
  .divide-line.pl-15 {
    padding: 0 10px;
  }
  .job-view-right h4.job-heading,
  .job-view-right h1.job-heading {
    font-size: 14px;
  }
  .job-view-right h4.job-sub-heading {
    font-size: 13px;
    max-width: 300px;
  }
  span.reviews-text {
    font-size: 10px;
  }
  .salary-desc {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
  }
  .apply-refer-btn-grp .btn.btn-lg {
    font-size: 12px;
    padding: 5px 12px;
    font-weight: 500;
  }
  span.intview-timer,
  a.copy-url-link {
    font-size: 10px;
    text-align: right;
  }
  .apply-refer-btn-grp button:first-child {
    margin-right: 10px;
  }
  .about-job-posted,
  .about-job-position,
  .about-job-expertise,
  .about-company,
  .about-perks {
    width: 100%;
    margin-bottom: 20px;
  }
  h3.about-heading {
    margin-top: 0;
  }
  .posted-desc-section p {
    font-size: 13px;
  }
  span.invited-tag,
  span.urgent-hiring-tag {
    padding: 5px 24px;
    height: 22px;
    font-size: 9px;
  }
  .job-wishlist-icon.pc-like-dislike-icon,
  .job-dislike-icon.pc-like-dislike-icon{
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 5px;
    font-size: 12px;
  }
  .job-card-left h4.job-heading, .job-card-left h1.job-heading, .job-card-left h2.job-heading {
    font-size: 14px;
    max-width: 267px;
  }
  .job-rating-sec {
    display: flex;
    align-items: center;
    margin: 5px auto 0;
  }
  .job-icon-xs {
    float: left;
    width: 16px;
    height: 16px;
    background-color: var(--white);
    border: 1px solid #A0A4AB;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin-right: 8px;
    overflow: hidden;
  }
  .job-card-left h4.job-sub-heading {
    font-size: 13px;
  }
  .job-rating-sec span.job-rating {
    text-decoration: none;
    font-size: 10px;
    margin-left: 0px;
  }
  .job-card-left .salary-desc {
    min-width: 310px;
  }
  .salary-desc i {
    font-size: inherit;
    width: 15px;
  }
  .salary-desc .divide-line {
    padding: 0 5px;
  }
  span.job-skills {
    padding: 6px 14px;
    min-width: unset;
  }
  .posted-job-text,
  .skip-inv-link,
  .interview-job-text {
    font-size: 9px;
  }
  .blank-section {
    margin: 50px auto;
  }
  .advanced-search-filter  .dropdown div.dropdown-menu.skills-set {
    min-width: 330px;
    padding: 20px 20px 0;
  }
  .list-checkbox .custom-checkbox .flt-checkbox-label {
    margin-bottom: 0px;
    line-height: normal;
  }
  .avail-details.popular-icon {
    padding: 0;
    margin-bottom: 20px;
  }
  .posted-jobs-list .mb-50 {
    margin-bottom: 20px;
  }
  .myjob-tab .app-progress-table.app-offer-table table tr th {
    min-width: 135px;
  }
  .notification-icon {
    margin-right: 12px;
  }
  .search-job-cards {
    /*padding: 30px 10px 10px;*/
  }
  .save-job-notify-count {
    width: 24px;
    line-height: 18px;
    font-size: 12px;
  }
  .job-icon-xs img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  button.btn.btn-primary.menu-bars i {
    margin-left: 0;
  }
  button.btn.btn-primary.menu-bars.logout-menubar {
    background-color: transparent;
    color: #757575;
    margin-left: 5px;
    box-shadow: none;
    padding: 5px;
    height: auto;
  }
  .advanced-search-filter  .dropdown div.dropdown-menu.skills-set, 
  .advanced-search-filter  .dropdown div.dropdown-menu.position-set {
    min-width: max-content;
    padding: 15px;
  }
  .advanced-search-filter  .dropdown .dropdown-menu.skills-set li, 
  .advanced-search-filter  .dropdown .dropdown-menu.position-set li {
    width: 100%;
  }
  .serach-input-align {
    margin-bottom: 15px;
  }
  .fullpage-search .multi-search-job-input {
    width: 100%;
    margin-right: 0;
  }
  #myCustomMultiDiv, #customMultiCity {
    max-width: 275px;
  }
  .btn.job-action-svg {
    width: 26px;
    height: 26px;
    padding: 6px;
  }
  .posted-job-text{
    margin-top: 5px;
    text-align: left;
  }
  .job-card-left{
    width: 100%;
  }
  .job-card-left .job-title{
    width: 100%;
  }
  .job-card-left a.job-heading{
    font-size: 16px;
  }
}
@media only screen and (max-width: 820px) {
  .locationInputBox {
    margin-right: 0;
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto>li a.recent-serach-txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    font-size: 12px;
    display: inline-block;
    text-align: left;
  }
  .filter-save-alrt.saved-search-chip span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    font-size: 12px;
    display: inline-block;
  }
  .filter-save-alrt.saved-search-chip a.chip-close {
    top: -9px;
  }
  .menu-profile-img {
    display: none;
  }
  button.btn.btn-primary.menu-bars {
    box-shadow: none;
    padding: 0 0 0 10px;
  }
  .header-li-icon a {
    position: relative;
    color: #757575;
  }
  .header-li-icon a i {
    font-size: 16px;
    color: #08325b;
  }
  .header-li-icon a span.notify-count {
    width: 12px;
    height: 12px;
    font-size: 9px;
    line-height: 14px;
    position: absolute;
    left: auto;
    top: -6px;
    right: 4px;
    border: 2px solid var(--white);
  }
  .job-view-right .job-btn-grp .btn-align {
    min-width: auto;
  }
  .rt-job-prvw-section .job-btn-grp {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .job-rating-sec {
    display: flex;
    align-items: center;
    margin: 5px auto 0;
  }
  .like-dislike-icon {
    right: 10px;
    /*top: 10px;
    z-index: 0;*/
  }
  .dev-search-bock {
    padding: 10px;
  }
  .dev-search-bock .clickable-btn img {
    padding: 0 10px;
  }
  .main-page.inner-main-page {
    padding-top: 5px;
  }
  .about-perks ul li img {
    margin: 0 15px 0 0;
  }
  .apply-refer-btn-grp {
    justify-content: space-between;
  }
  .left-job-section, .rt-job-prvw-section {
    width: 50%;
  }
  .no-notification-text {
    font-size: 16px;
  }
  .notification-msg-text {
    font-size: 14px;
  }
  @keyframes save-job-notify-count {
  0%   {bottom:0px;}
  25%  {bottom:30px;}
  90%  {bottom:30px;}
  100% {bottom:0px;}
  }
  #posted-desc-section, .posted-job-section {
    padding: 13px 5px 0 0;
  }
  #myCustomMultiDiv, #customMultiCity {
    max-width: 258px;
  }
  a.clear-filter {
    margin: 5px 0;
  }
  .left-job-section {
    background-color: transparent;
    border: none;
    padding: 0;
  }
  .search-result-step-sm p {
    max-width: 410px;
  }
  /* Sidebar xs view css */
  .cont-full-sidebar md-backdrop.md-opaque.md-default-theme,
  .cont-full-sidebar md-backdrop.md-opaque {
    background-color: transparent;
  }
  md-sidenav.job-view-panel.cont-full-sidebar {
    max-width: none;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    max-width: none;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  md-sidenav .about-job-requirement ul,
  md-sidenav .about-job-role ul {
    list-style: disc;
    padding-left: 20px;
    font-size: 12px;
  }  
  .job-apply-page-xs p.alert-text {
    font-size: 10px;
    font-weight: 500;
    margin: 0;
  }
  .job-apply-page-xs span.reviews-text {
    font-size: 9px;
  }
  .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;
  }
  .about-perks ul li img {
    width: 28px;
    height: 28px;
    margin: 0 0 8px;
  }
  .job-view-page .comp-logo-about {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
  }
  .comp-logo-about img {
    width: 100%;
    height: auto;
  }
  .about-heading {
    font-size: 14px;
  }
  .job-description p,
  .about-company .about-sub-head {
    font-size: 10px;
    margin: 0;
  }
  .featured-dropdown-btn {
    width: 120px;
  }
  h3.about-heading {
    font-size: 12px;
    font-weight: 500;
  }
  .job-rating-sec span {
    margin-left: 0px;
    font-size: 10px;
  }
  .job-description {
    border-top: 1px solid #F2F2F2;
    margin-top: 10px;
  }
  .about-job-posted,
  .about-job-position,
  .about-job-expertise,
  .about-company,
  .about-perks {
    width: 100%;
    margin-bottom: 10px;
  }
  .about-perks ul {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .about-perks ul li {
    font-size: 14px;
    background-color: transparent;
    border-radius: 8px;
    padding: 0;
    position: relative;
    /* margin-bottom: 0; */
    display: inline;
    width: 25%;
  }
  a.abt-more-link {
    text-decoration: underline;
  }
  /* //Sidebar xs view css */
  .header-li-icon a {
    position: relative;
    color: #757575;
  }
  .header-li-icon a i {
    font-size: 16px;
    color: #08325b;
  }
  .header-li-icon a span.notify-count {
    width: 12px;
    height: 12px;
    font-size: 9px;
    line-height: 14px;
    position: absolute;
    left: auto;
    top: -6px;
    right: 4px;
    border: 2px solid var(--white);
  }
  .adv-filter-center {
    width: calc(100% - 80px);
  }
  .btn-dropdown-search {
    font-size: 11px;
  }
  .btn-dropdown-search {
    min-width: 100px;
  }
  .dropdown-job-location .btn-dropdown-search {
    width: 136px;
  }
  .dropdown-position .btn-dropdown-search {
    width: 100px;
  }
  .advanced-search-filter .dropdown div.dropdown-menu.skills-set,
  .advanced-search-filter .dropdown div.dropdown-menu.position-set,
  .advanced-search-filter .dropdown div.dropdown-menu.salary-set {
    min-width: 400px;
    padding: 15px;
    left: auto;
    right: 0;
    overflow-y: scroll;
    max-width: 400px;
  }
  .advanced-search-filter .dropdown div.dropdown-menu.skills-set {
    min-width: 330px;
    max-width: 330px;
  }
  .advanced-search-filter .dropdown div.dropdown-menu.salary-set {
    min-width: 500px;
    max-width: 500px;
  }
  /* Sidebar xs view css */
  .cont-full-sidebar md-backdrop.md-opaque.md-default-theme,
  .cont-full-sidebar md-backdrop.md-opaque {
    background-color: transparent;
  }
  md-sidenav.job-view-panel.cont-full-sidebar {
    max-width: none;
    box-sizing: border-box;
    position: fixed;
    width: 70%;
    max-width: none;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 59;
  }
  md-sidenav .about-job-requirement ul,
  md-sidenav .about-job-role ul {
    list-style: disc;
    padding-left: 20px;
    font-size: 12px;
  }  
  .job-apply-page-xs p.alert-text {
    font-size: 10px;
    font-weight: 500;
    margin: 0;
  }
  .job-apply-page-xs span.reviews-text {
    font-size: 9px;
  }
  .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;
  }
  .about-perks ul li img {
    width: 28px;
    height: 28px;
    margin: 0 0 8px;
  }
  .job-view-page .comp-logo-about {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
  }
  .comp-logo-about img {
    width: 100%;
    height: auto;
  }
  .about-heading {
    font-size: 14px;
  }
  .job-description p,
  .about-company .about-sub-head {
    font-size: 12px;
    font-weight: 400;
  }
  .featured-dropdown-btn {
    width: 120px;
  }
  h3.about-heading {
    font-size: 12px;
    font-weight: 500;
  }
  .job-rating-sec span {
    margin-left: 0px;
    font-size: 10px;
  }
  .job-description {
    border-top: 1px solid #F2F2F2;
    margin-top: 10px;
  }
  .about-job-posted,
  .about-job-position,
  .about-job-expertise,
  .about-company,
  .about-perks {
    width: 100%;
    margin-bottom: 10px;
  }
  .about-perks ul {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .about-perks ul li {
    font-size: 14px;
    background-color: transparent;
    border-radius: 8px;
    padding: 0;
    position: relative;
    /* margin-bottom: 0; */
    display: inline;
    width: 25%;
  }
  a.abt-more-link {
    text-decoration: underline;
  }
  /* //Sidebar xs view css */
}
@media screen and (max-width: 767px) {
  .list-column-count-3 {
    column-count: 1;
  }
  .advanced-search-filter .dropdown div.dropdown-menu.skills-set {
    min-width: 220px;
  }
  .dropdown-keep-open.skills-set .clear-filter {
    float: left;
    line-height: auto;
    margin-top: 10px;
  }
  .rt-job-prvw-section.job-preview-hidden-xs {
    display: none;
  }
  .left-job-section {
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .custom-navbar-header .navbar-header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .aply-reset-btn-grp .btn.btn-block {
    width: 100%;
    margin: 0 5px;
  }
  img.my-job-post-img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-right: 15px;
  }
  .job-detail-link-sec {
    text-align: center;
  }
}
@media screen and (max-width: 712px) {
  .btn-add-filter {
    margin-right: 8px;
    height: 38px;
  }
  .left-job-section, .rt-job-prvw-section {
    width: 100%;
  }
  .save-alrt-section .saved-alrt-chip-xs {
    height: auto;
  }
  /* .myjobs-tabs-childtab a.btn-link-text, .myjobs-tabs-childtab .btn-link-text, .myjobs-tabs-childtab .btn.btn-normal {
    padding: 6px 10px;
    line-height: inherit;
    min-width: unset;
  }*/
  .interview-upcoming-mob-view .btn, .warning-alert-msg {
    max-width: 300px;
    margin: auto;
  }
  /* Ashutosh Sinha CSS For Arrow Button Start */
  .sidebar-header-xs {
    padding: 15px;
    border-bottom: 1px solid var(--gray-300);
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--white);
  }
  .back_btn img {
    width: 16px;
  }
  md-sidenav.job-view-panel.cont-full-sidebar {
    min-width: 100%;
  }
  /* Ashutosh Sinha CSS For Arrow Button End */
  .job-skip-btn {
    height: 24px;
    line-height: 6px;
    padding: 5px 8px;
  }
  .job-skip-btn span {
    font-size: 12px;
  }
  .job-skip-btn i {
    font-size: 12px;
  }
  .job-wishlist-icon a i.fa-heart-o, .job-wishlist-icon a i.fa-heart {
    font-size: 12px;
  }
  .close-icon-after {
    right: 8px;
    padding: 0;
    height: 16px;
  }
  .custom-multi-select-input.input-sm .close-icon-after {
    padding: 0;
    height: auto;
  }
  .custom-checkbox .flt-checkbox-label {
    margin-bottom: 0;
  }
  #filter-collapse2 ul.list-box {
    list-style-type: none;
    padding: 0;
  }
  .dev-profile-sec-lt {
    width: 100%;
    padding: 20px;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  .dev-profile-sec-rt {
    width: 100%;
  }
  .formstep-mssg-modal .modal-content {
    border-radius: 0;
  }
  .slry-dropdwn-input-align {
    max-width: 100%;
  }
  .filter-chips-show-xs .dropdown-salary .dropdown-menu.dropdown-keep-open {
    min-width: 240px;
  }
  .filter-chips-show-xs .dropdown-menu.dropdown-keep-open h4 {
    font-size: 14px;
    font-weight: 500;
  }
  .filter-chips-show-xs ul.list-checkbox-align {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
  }
  .advanced-search-filter  {
    display: flex;
  }
  span.invited-tag, span.urgent-hiring-tag {
    z-index: 0;
  }
  .multi-search-job-input {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
  .positionInputBox {
    margin: 0 0 15px;
  }
  #myCustomMultiDiv, #customMultiCity {
    max-width: 100%;
    margin-left: 2px;
  }
  .positionInputBox .form-control.custom-input, .locationInputBox .form-control.custom-input {
    padding: 8px 30px 2px 50px;
  }
}
@media screen and (max-width: 600px) {
  .container-fluid.container-fixed {
    width: 100%;
    padding: 0 10px;
  }
  .bar-contain a {
    font-size: 14px;
  }
  button.btn-switch-side {
    font-size: 14px;
    margin-left: 5px;
  }
  .container-fluid.container-fixed.container-xs {
    padding: 0 10px;
    background-color: var(--white);
  }
  .filter-xs {
    margin-bottom: 0;
    width: 100%;
  }
  .container-xs .save-alrt-section {
    overflow-x: scroll;
  }
  .header-li-icon,
  .header-currency-li {
    margin: 0 5px;
  }
  .custom-navbar-header .navbar-header a.navbar-brand,
  .top-nav-sec .navbar-brand.dev-brand {
    padding: 17px 0;
    width: auto;
    margin-right: 0;
    border-right: 0;
  }
  .navbar-default .navbar-brand.dev-brand img.logo.top-logo {
    width: auto;
    height: 20px;
  }
  nav.navbar.bootsnav.custom-navbar-header {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
  }
  .search-bar {
    padding: 0;
  }
  .btn-dropdown-search .caret {
    margin-left: 10px;
    top: 13px;
  }
  .dropdown-menu.featured-drpdwn-items>li>a {
    padding: 3px 12px;
  }
  .save-alrt-section {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .save-alrt-section .alrt-btn-xs {
    font-size: 12px;
    padding: 8px;
    margin-left: 0;
    background-color: #649BBC;
    border: 1px solid #649BBC;
  }
  .filter-chip {
    display: inline-block;
    width: auto;
    background-color: #F6F6F6;
    border: 1px solid #08325B;
    padding: 10px 15px;
    color: #08325B;
    border-radius: 20px;
    margin: 0 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    height: 36px;
  }
  .btn-dropdown-search {
    font-size: 12px;
    /*padding: 8px 16px;*/
    min-width: 110px;
  }
  .dropdown-job-location .btn-dropdown-search {
    width: 150px;
  }
  .btn-add-filter {
    width: 60px;
    height: 30px;
    font-size: 16px;
    margin-right: 10px;
    background: none;
    border: 1px solid var(--gray-300);
    border-radius: 16px;
    padding: 7px;
    display: block;
  }
  .btn-add-filter img {
    width: 14px;
  }
  .searchBtnSaveJob .btn.btn-lg {
    height: 40px;
    padding: 0;
    font-size: 14px;
  }
  .left-job-section {
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
  }
  .job-card-left h4.job-heading,
  .job-card-left h1.job-heading {
    font-size: 14px;
    max-width: 280px;
  }
  .job-card-left h4.job-sub-heading {
    color: var(--gray-600);
    margin: 0 0 8px 0;
    max-width: 100%;
    white-space: unset;
  }
  span.job-skills {
    padding: 4px 10px;
    min-width: unset;
    margin-bottom: 6px;
  }
  .search-sort-section {
    padding: 10px 10px 5px;
    margin-bottom: 0;
    margin-top: 12px;
    background-color: transparent;
  }
  .job-rating-sec i.fa-star:before {
    font-size: 10px;
  }
  span.invited-tag,
  span.urgent-hiring-tag {
    padding: 5px 24px;
    height: 22px;
    font-size: 9px;
  }
  .advanced-filter-save-sec {
    margin-bottom: 0;
  }
  .profile-incmplt,
  .alertbar-cont p {
    font-size: 12px;
    margin: 0;
    text-align: left;
  }
  img.close_btn,
  .close_btn img {
    width: 12px;
    right: 10px;
    bottom: 13px;
  }
  .applied-success-box {
    margin-right: 6px;
  }
  .pd-xs-view {
    padding: 0;
  }
  .search-job-cards {
    box-shadow: none;
    border: 1px solid var(--gray-300);
    padding: 12px;
    margin: 10px 0;
    min-height: 130px;
    position: relative;
  }
  .header-li-icon a {
    position: relative;
    color: #757575;
  }
  .header-li-icon a i {
    font-size: 16px;
    color: #08325b;
  }
  .header-li-icon a span.notify-count {
    width: 12px;
    height: 12px;
    font-size: 9px;
    line-height: 14px;
    position: absolute;
    left: auto;
    top: -6px;
    right: 4px;
    border: 2px solid var(--white);
  }
  .menu-profile-img {
    display: none;
  }
  button.btn.btn-primary.menu-bars {
    box-shadow: none;
    padding: 0 0 0 10px;
  }
  .posted-jobs-list.flex-element.mb-50 {
    margin-bottom: 30px;
  }
  .filter-save-alrt.saved-search-chip {
    display: inline-block;
    width: auto;
    color: var(--black);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    height: 36px;
  }
  /*.filter-save-alrt.filter-save-alrt-selected {
    display: inline-block;
    width: auto;
    background-color: rgb(0 110 255 / 10%);
    border: 0 solid var(--gray-300);
    padding: 9px 15px;
    color: var(--primary);
    border-radius: 25px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    height: 30px;
  }*/
  img.search-icon {
    top: -1px;
  }
  .filter-save-alrt-selected a.chip-close {
    margin-left: 5px;
  }
  .salary-desc .divide-line {
    padding: 0 5px;
  }
  .job-card-left .salary-desc {
    min-width: 310px;
    padding: 0;
  }
  .salary-desc i {
    font-size: 13px;
    width: 15px;
    color: var(--gray-600);
    vertical-align: middle;
  }
  .job-icon-xs {
    width: 42px;
    height: 42px;
    background-color: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin-right: 0;
    overflow: hidden;
  }
  .applied-search-xs .input-icon-before {
    top: 24px;
  }
  /* Sidebar xs view css */
  .cont-full-sidebar md-backdrop.md-opaque.md-default-theme,
  .cont-full-sidebar md-backdrop.md-opaque {
    background-color: transparent;
  }
  md-sidenav.job-view-panel.cont-full-sidebar {
    max-width: none;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    max-width: none;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 59;
  }
  md-sidenav .about-job-requirement ul,
  md-sidenav .about-job-role ul {
    list-style: disc;
    padding-left: 20px;
    font-size: 12px;
  }  
  .job-apply-page-xs p.alert-text {
    font-size: 10px;
    font-weight: 500;
    margin: 0;
  }
  .job-apply-page-xs span.reviews-text {
    font-size: 9px;
  }
  .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;
  }
  .about-perks ul li img {
    width: 28px;
    height: 28px;
    margin: 0 0 8px;
  }
  .job-view-page .comp-logo-about {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
  }
  .comp-logo-about img {
    width: 100%;
    height: auto;
  }
  .about-heading {
    font-size: 14px;
  }
  .job-description p,
  .about-company .about-sub-head {
    font-size: 12px;
    font-weight: 400;
  }
  .featured-dropdown-btn {
    width: 120px;
  }
  h3.about-heading {
    font-size: 12px;
    font-weight: 500;
  }
  .job-rating-sec span {
    margin-left: 0px;
    font-size: 10px;
  }
  .job-description {
    border-top: 1px solid #F2F2F2;
    margin-top: 10px;
  }
  .about-job-posted,
  .about-job-position,
  .about-job-expertise,
  .about-company,
  .about-perks {
    width: 100%;
    margin-bottom: 10px;
  }
  .about-perks ul {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .about-perks ul li {
    font-size: 14px;
    background-color: transparent;
    border-radius: 8px;
    padding: 0;
    position: relative;
    /* margin-bottom: 0; */
    display: inline;
    width: 25%;
  }
  a.abt-more-link {
    text-decoration: underline;
  }
  /* //Sidebar xs view css */
  .dislike-reason ul li {
    font-size: 12px;
  }
  .dislike-reason p {
    font-size: 9px;
    line-height: 1.5;
  }
  .select-items div,
  .select-selected {
    font-size: 12px;
  }
  .sort-featured-section .select-items {
    width: auto;
  }
  .sort-featured-section .custom-select {
    position: relative;
    width: 136px;
  }
  .job-card-left {
    width: 100%;
  }
  p.posted-job-text,
  .skip-inv-link {
    font-size: 9px;
  }
  p.posted-job-text{
    margin: 8px 0 6px;
  }
  .job-rating-sec span.job-rating {
    text-decoration: none;
    font-size: 10px;
    padding: 2px 4px;
  }
  .back_btn {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    padding: 15px;
    border-bottom: 1px solid var(--gray-200);
  }
  .back_btn a img {
    width: 14px;
    margin-right: 6px;
  }
  /* always show scrollbars */
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 3px;
    height: 3px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: 0 0 1px rgba(255, 255, 255, .2);
  }
  /* //always show scrollbars */
  .invited-tag::after,
  .urgent-hiring-tag::after {
    content: "";
    display: inline-block;
    width: 0px;
    height: auto;
    border: 11px solid var(--white);
    border-color: transparent transparent var(--white) transparent;
    vertical-align: middle;
    position: absolute;
    bottom: 0px;
    top: 0px;
    right: -1px;
    transform: rotateZ(-90deg);
  }
  .aply-reset-btn-grp button:first-child {
    margin-right: 15px;
  }
  .custom-navbar-header .navbar-header {
    display: inline-block;
    width: 100%;
    margin-left: 0;
  }
  .blank-section {
    width: auto;
    margin: 5px auto;
  }
  .like-dislike-icon-desc {
    right: 10px;
    top: 10px;
  }
  .aply-reset-btn-grp.fixed-bottom-xs {
    display: flex;
    width: 100%;
    position: sticky;
    left: 0;
    bottom: 0px;
    background: var(--white);
    padding: 15px 10px;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
  }
  .fixed-bottom-xs .btn-fixed-xs {
    padding: 10px 20px;
  }
  .notify-alert-dropdown .dropdown-menu {
    right: 0;
    left: auto;
    width: 280px;
  }
  .interview-timing {
    margin: 10px 0;
  }
  .msg-list {
    padding: 10px;
  }
  .top-nav-sec nav.navbar.bootsnav.dev-custom-navbar {
    padding: 0;
  }
  span#timer {
    font-weight: 500;
    font-size: 18px;
    color: var(--primary);
    display: block;
  }
  .job-applied-mob-view, .interview-upcoming-mob-view, .interview-completed-mob-view, .interview-decline-mob-view {
    margin-bottom: 10px;
    background-color: var(--white);
    padding: 20px 10px;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    position: relative;
  }
  .job-offer-sec .table>tbody>tr>th,
  .job-offer-sec .table>tbody>tr>td {
    border-top: none;
  }
  /*#posted-desc-section {
    height: 60%;
  }*/
  .posted-job-section {
    height: auto;
    overflow-y: unset;
  }
  .custom-checkbox .flt-checkbox-label {
    font-size: 13px;
    width: 100%;
    padding: 5px 0px 5px 25px;
    font-weight: 500;
  }
  .filter-salary .list-checkbox ul {
    margin: 0;
    max-width: 100%;
  }
  .custom-checkbox input:checked+.flt-checkbox-label:after {
    top: 7px;
    left: 0;
  }
  .dropdown-salary .checkmark {
    top: 3px;
  }
  .dropdown-salary .container {
    padding-left: 25px;
    margin-bottom: 25px;
  }
  .perks-xs {
    display: flex;
    display: -webkit-flex;
    align-items: center;
  }
  .perks-img-txt-align {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin: 4px;
  }
  .alert-box.alert-blue-box {
    justify-content: flex-start;
  }
  .main-page,
  .main-page.inner-main-page {
    /*padding-top: 60px;*/
    padding-bottom: 5px;
  }
  .profile-alert-box .close_btn {
    bottom: 13px;
  }
  .msg-list-fixed-header .text-gray,
  .msg-list-fixed-header .text-black {
    font-size: 12px;
  }
  .notification-header h5,
  .notification-header .checkbox-border i {
    font-size: 14px;
  }
  .msg-list .col-sm-10.col-xs-10 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .hidden-mobile-view {
    display: none;
  }
  .perk-offer-text-xs-view {
    display: none;
  }
  .notification-icon {
    margin-right: 10px;
  }
  a.header-currency-li {
    text-decoration: none;
  }
  .interview-upcoming-mob-view .btn.btn-normal.btn-block {
    width: 100%;
  }
  .xs-view-header a.header-currency-li, .xs-view-header a.btn.btn-signup-xs {
    margin: 0 5px 0 0;
  }
  .input-icon-before {
    z-index: auto;
    font-size: 12px;
    color: var(--gray-500);
    height: 34px;
    width: 34px;
    padding: 8px;
    background: transparent;
    left: 1px;
  }
  .incomplete-field-list ul {
    width: 100%;
  }
  .incomplete-field-list ul li {
    width: 100%;
  }
  .profile-img-prog-bar, .dev-profile-sec-lt .progress {
    width: 95px;
    height: 95px;
  }
  .form-steps-cont .mssg-title {
    text-align: center;
  }
  .mssg-confirm-section.fixed-bottom-xs {
    width: 100%;
    position: sticky;
    left: 0;
    bottom: 0px;
    background: var(--white);
    padding: 15px;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
  }
  .mssg-confirm-section.fixed-bottom-xs button.btn {
    width: 100%;
    display: inline-block;
  }
  .advanced-search-filter  .dropdown div.dropdown-menu {
    z-index: 2;
  }
  .dropdown-job-location>.dropdown-backdrop, .dropdown-jobtype>.dropdown-backdrop {
    position: unset;
  }
  .profile-alert-box {
    justify-content: flex-start;
  }
  .header-li-icon {
    margin: 5px 5px 0;
  }
  .input-icon-before {
    border-right: none; 
  }
  .positionInputBox .form-control.custom-input, 
  .locationInputBox .form-control.custom-input {
    padding: 5px 5px 5px 40px;
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto {
    margin: 0;
  }
  .search-result-xs a {
    color: var(--gray-600);
    font-size: 12px;
    font-weight: 400;
  }
  .search-result-xs img {
    width: 14px;
    opacity: 0.8;
    margin-right: 5px;
  }
  .edit-save-step-2 {
    padding: 10px;
    border-bottom: 1px solid var(--gray-300);
  }
  .search-bookmark-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .bookmark-btn-xs {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  a.btn-bookmark {
    color: var(--gray-600);
    font-weight: 500;
    margin-left: 0;
    font-size: 10px;
    width: 34px;
    height: 30px;
  }
  a.btn-bookmark:hover, a.btn-bookmark:focus {
    color: var(--gray-600);
    text-decoration: none;
  }
  .bookmark-btn-xs img {
    width: 14px;
  }
  .bookmark-align img.bookmark-img {
    width: 14px;
  }
  .filter-job-type-xs {
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .job-type-bubble-xs ul {
    list-style-type: none;
    padding: 0;
  }
  .job-type-bubble-xs li {
    display: inline-flex;
  }
  .filter-btn-xs {
    width: 60px;
  }
  .job-type-bubble-xs {
    width: calc(100% - 60px);
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .advance-filter-chip-xs {
    display: inline-block;
    color: var(--primary);
    border-radius: 25px;
    font-size: 12px;
    background: rgb(0 110 255 / 10%);
    border: none;
    padding: 8px 14px;
    margin-right: 10px;
    font-weight: 500;
    height: 33px;
    line-height: normal;
  }
  .advance-filter-chip-xs img {
    width: 10px;
    margin-left: 5px;
  }
  .job-card-left a.job-heading, .job-card-left .job-title {
    font-size: 16px;
    color: var(--black);
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    max-width: 100%;
  }
  .xs-view-header {
    margin: 8px 0;
  }
  .job-title-xs {
    display: flex;
    justify-content: space-between;
  }
  .jobs-title-left {
    width: calc(100% - 60px);
  }
  span.job-type, span.location-icon, .salary-desc p, .salary-desc p.job-slry-para {
    margin-right: 15px;
    margin-bottom: 0;
  }
  a.btn-more-skills {
    font-size: 12px;
    display: inline-block;
  }
  .job-card-footer-xs .posted-date-left {
    width: 60%;
  }
  p.job-post-date {
    font-size: 10px;
    font-weight: 300;
    text-transform: capitalize;
    color: var(--gray-600);
    margin: 0;
  }
  .job-card-footer-xs {
    display: block;
  }
  .bubble-filter-xs {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-top: 10px;
    border-top: 1px solid var(--gray-300);
  }
  .job-icon {
    border-radius: 10px;
    float: unset;
    width: 40px;
    height: 40px;
  }
  .header-li-icon a {
    padding: 0 5px;
  }
  .positionInputBox {
    margin: 0 0 10px;
  }
  .positionInputBox .form-control.custom-input, .locationInputBox .form-control.custom-input, .custom-multi-select-input.form-control.custom-input.input-lg {
    padding: 7px 20px 7px 35px
  }
  .custom-multi-select-input ul input.multi-search-input {
    font-size: 14px;
  }
  span.job-action-popover{
    width: 66px;
    left: 4px;
    font-size: 10px;
  }
  .job-action-popover::after{
    left: 57%;
  }
  .perks-xs p.color-title {
    font-size: 9px;
    color: var(--gray-600);
  }
  #posted-desc-section {
    height: auto;
    max-height: none;
  }
  .job-card-left h4.job-sub-heading, .refer-bnr-txt-xs p {
    font-size: 12px;
  }
  .job-card-left .selected-skills {
    margin-bottom: 10px;
  }
  span.search-result-txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
  }
  .search-result-xs {
    width: calc(100% - 80px);
  }
  .search-action-sec.flex-center {
    width: 75px;
    justify-content: space-between;
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto>li {
    font-size: 11px;
    padding: 10px 0;
    height: 36px;
  }
  .saved-search-tab {
    padding: 8px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 1;
    height: 30px;
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto>li a.recent-serach-txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    font-size: 12px;
    display: inline-block;
    text-align: left;
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto li i.fa.fa-history {
    margin-bottom: 0px;
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto li a.history-remove-btn {
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  a.history-remove-btn img.close_btn {
    width: 8px;
    opacity: 1;
  }
  .category-skl-pos {
    font-size: 10px;
    margin-left: 2px;
    vertical-align: middle;
  }
  .company-slider-sec.flex-center {
    flex-direction: column;
  }
  span.company-slider-left {
    width: 100%;
    text-align: center;
  }
  span.company-slider-right {
    width: 100%;
  }
  .company-slider-right .top-company-logo a {
    width: 120px;
    height: 30px;
  }
  h4.color-grey.mt-0.mb-0 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  h1.job-search-title {
    margin: 20px 0;
    font-size: 20px;
  }
  .input-icon-before img {
    width: 100%;
  }
  .job-search-sec {
    padding: 15px;
    margin: 15px auto;
  }
  .search-result-step-sm p {
    font-size: 10px;
    max-width: 144px;
  }
  .fullpage-search .multi-search-job-input {
    width: 100%;
  }
  .positionInputBox .form-control.custom-input.input-sm, .locationInputBox .form-control.custom-input.input-sm {
    padding: 2px 34px;
  }
  .locationInputBox, .positionInputBox {
    width: 100%;
  }
  .save-alrt-section.hidden-lg .saved-alrt-chip-xs {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  span.skip-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
  }
  .st0.color-blue {
    fill: var(--primary);
  }
  .skipntime-sec.flex-center.flex-sb {
    justify-content: flex-start;
    height: 26px;
  }
  .like-dislike-icon {
    top: auto;
    bottom: 5px;
  }
  .filter-xs .filter-chips-show-xs {
    overflow-x: scroll;
  }
  p.title-recent-search, p.title-saved-search {
    font-size: 12px;
  }
  .job-search-auto .saved-alrt-chip {
    height: auto;
    max-height: 100px;
    /*overflow-x: hidden;
    overflow-y: scroll;*/
  }
  .search-job-cards.add-tag-space {
    padding-bottom: 10px;
  }
  .job-rating-sec {
    display: flex;
    align-items: center;
    margin: 5px 0 0;
  }
  .serach-input-align {
    margin: 20px 0 10px;
  }
  .like-dislike-icon {
    position: static;
  }
  .btn.job-action-svg {
    width: auto;
    height: auto;
    padding: 6px;
    font-size: 10px;
  }
  .job-action-svg svg {
    margin-right: 4px;
  }
  .featured-dropdown .form-control.sortby-input{
    font-size: 11px;
    padding: 6px 15px 6px 6px;
  }
  p.num-of-jobs, .sortedby-text {
    font-size: 11px;
  }
  .searchBtnSaveJob-xs .btn.btn-sm {
    height: 38px;
    padding: 5px;
    font-size: 14px;
    border-radius: 8px;
  }
  .xs-view-header .btn-sm.btn-upgrade {
    padding: 8px;
    margin-right: 5px;
  }
  .xs-view-header .btn-upgrade img.img-premium {
    width: 14px;
    margin-right: 0;
  }
  .xs-view-header .currency-dropdown .btn.btn-basic.btn-sm {
    padding: 8px;
    margin-left: 5px;
  }
  .xs-view-header .btn-sm.btn-upgrade {
    padding: 8px;
    margin-right: 5px;
  }
  .xs-view-header .btn-upgrade img.img-premium {
    width: 12px;
    margin-right: 0;
  }
  .xs-view-header .btn.btn-normal.btn-blue.btn-upgrade {
    border-radius: 5px;
    padding: 8px 12px;
  }
  .btn-basic.dropdown-currency {
    width: auto;
  }
  .searchBtnSaveJob-xs {
    margin-top: 15px;
  }
  span.city-error-msg {
    position: absolute;
    color: #da0400;
    font-size: 9px;
  }
  .sub-li li a .ai-svg-icon {
    width: 24px;
    height: 24px;
    fill: var(--primary);
  }
  .sub-li li a.active .ai-svg-icon {
    fill: var(--white);
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto {
    max-height: 312px;
    overflow-y: scroll;
  }
  ul.status-report-list.recommend-list li, 
  ul.status-report-list.good-list li {
    display: inline-block;
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
  .about-perks ul li:hover {
    box-shadow: none;
    padding: 0px;
  }
  #main-header {
    position: sticky;
    z-index: 3;
  }
  /*.header-without-login-xs {
    margin-top: 110px;
  }*/
  #posted-desc-section, .posted-job-section {
    padding: 0;
  }
  /* #posted-desc-section {
    overflow: unset;
  } */
  /*.header-fixed-xs {
    margin-top: 60px;
  }*/
  /*.container-xs.container-not-login-xs {
    margin-top: 110px;
  }*/
  /* fromstep modal css */
  .formstep-mssg-modal .modal-dialog {
    margin: 0;
  }
  .sidenav-inner-sec.dev-sidebar-inner{
    width: 100%;
    max-width: 100%;
  }
  .skill-project-section .badge-content.badge-content-warning {
    padding: 8px;
  }
  .skill-project-section .missing-skill-badge .badge-content.badge-content-warning {
    padding: 8px 15px 8px 30px;
  }
  .job-card-left h4.job-heading,
  .job-card-left h1.job-heading,
  .job-card-left h2.job-heading,
  .job-card-left a.job-heading,
  .job-card-left .job-title {
    font-size: 15px;
    max-width: 324px;
  }
  .job-rating-sec {
    align-items: flex-start;
    flex-direction: column;
    margin: 8px 0 0;
  }
  .refer-bnr-txt-xs {
    display: block;
  }
}
@media screen and (max-width: 360px) {
  .job-card-left h4.job-heading,
  .job-card-left h1.job-heading {
    max-width: 225px;
  }
  .job-card-left .salary-desc {
    min-width: auto;
  }
  .advanced-search-filter  .dropdown div.dropdown-menu {
    min-width: 140px;
  }
  .navbar-default .navbar-brand.dev-brand img.logo.top-logo {
    height: 22px;
  }
  .job-card-left h4.job-heading,
  .job-card-left h1.job-heading,
  .job-card-left h2.job-heading,
  .job-card-left a.job-heading,
  .job-card-left .job-title {
    max-width: 310px;
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto>li a.recent-serach-txt {
    max-width: 180px;
  }
}
@media screen and (max-width: 340px) {
  .notify-alert-dropdown .dropdown-menu {
    width: 270px;
  }
  .pagination-section-new .pagination li a {
    margin: 0 4px;
  }
  .job-card-left h4.job-heading, .job-card-left h1.job-heading, .job-card-left h2.job-heading {
    font-size: 14px;
    max-width: 220px;
  }
  .header-li-icon a span.notify-count {
    right: 0;
  }
  .aply-reset-btn-grp .btn.btn-block {
    font-size: 12px;
  }
  .container-fluid.container-fixed {
    padding: 0 10px;
  }
  .top-bar.dev-top-bar .container {
    padding: 0 5px;
  }
  .custom-navbar-header .navbar-header a.navbar-brand, .top-nav-sec .navbar-brand.dev-brand {
    padding: 19px 0;
  }
  .navbar-default .navbar-brand.dev-brand img.logo.top-logo {
    height: 16px;
  }
  ul.dropdown-menu.custom-multi-select.job-search-auto>li a.recent-serach-txt {
    max-width: 170px;
  }
}
@media screen and (max-width: 320px) {
  .job-card-left h4.job-heading,
  .job-card-left h1.job-heading {
    max-width: 220px;
  }
  .header-chat-icon-msg {
    margin: 0px 0px;
  }
  .header-li-icon a {
    padding: 0px 4px;
  }
  .fixed-bottom-xs .btn-fixed-xs {
    padding: 10px 14px;
  }
  .btn-dropdown-search {
    min-width: 106px;
  }
  .dropdown-job-location .btn-dropdown-search {
    width: 140px;
  }
  .search-bar {
    padding: 10px;
  }
  .container-xs .filter-xs,
  .container-xs .save-alrt-section {
    padding-left: 10px;
  }
  .btn-dropdown-search .caret {
    right: 10px;
  }
  #tab-menu-Sidenav .dev-candidate-signup-sec button{
    font-size: 14px;
  }
}